/* Crisis Input — public landing */

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/InterVariable.2bf3d951bf9d.woff2") format("woff2");
}

@font-face {
    font-family: "JetBrains Mono";
    font-style: normal;
    font-weight: 100 800;
    font-display: swap;
    src: url("../fonts/JetBrainsMonoVariable.cc66df4d465c.woff2") format("woff2");
}

:root {
    --ink: #1f2937;
    --ink-soft: #4b5563;
    --ink-muted: #6b7280;
    --paper: #ffffff;
    --canvas: #f8f9fb;
    --surface: #ffffff;
    --surface-muted: #f1f3f5;
    --line: #e4e8ee;
    --blue: #2563eb;
    --blue-dark: #1d4ed8;
    --blue-wash: #eff6ff;
    --violet: #6d28d9;
    --violet-wash: #f5f3ff;
    --orange: #f97316;
    --orange-wash: #fff7ed;
    --green: #059669;
    --navy: #172554;
    --navy-deep: #0f1c43;
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
    --container: 1200px;
    --container-narrow: 780px;
    --radius: 12px;
    --radius-sm: 8px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 3px 10px rgba(15, 23, 42, .04);
    --shadow-md: 0 14px 32px rgba(30, 41, 59, .10), 0 2px 6px rgba(30, 41, 59, .04);
    --transition: 180ms ease;
}

*, *::before, *::after { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    scroll-padding-top: 88px;
}

body {
    min-width: 320px;
    margin: 0;
    color: var(--ink);
    background: var(--canvas);
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.menu-open { overflow: hidden; }

img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { border: 0; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p, figure { margin: 0; }
ul, ol { margin: 0; padding: 0; }

::selection { color: #fff; background: var(--blue); }

:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .38);
    outline-offset: 3px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.container {
    width: min(100% - 48px, var(--container));
    margin-inline: auto;
}

.container--narrow { max-width: var(--container-narrow); }

.section {
    padding: clamp(5rem, 9vw, 7rem) 0;
    background: var(--paper);
}

.section--tint { background: var(--canvas); }

.section-heading { max-width: 690px; margin-bottom: 3.25rem; }
.section-heading--center { margin-inline: auto; text-align: center; }
.section-heading h2,
.reassurance h2,
.contact h2 {
    max-width: 15ch;
    margin-top: .7rem;
    font-size: clamp(2rem, 3.8vw, 2.7rem);
    line-height: 1.12;
    letter-spacing: -.045em;
}
.section-heading--center h2 { margin-inline: auto; }
.section-heading > p:not(.eyebrow) {
    margin-top: 1.2rem;
    color: var(--ink-soft);
    font-size: 1.0625rem;
    line-height: 1.7;
}
.section__title {
    margin-bottom: 1rem;
    font-size: clamp(2rem, 3.8vw, 2.7rem);
    line-height: 1.12;
    letter-spacing: -.045em;
}
.section__intro {
    max-width: 65ch;
    color: var(--ink-soft);
    font-size: 1.05rem;
    line-height: 1.7;
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--blue-dark);
    font-family: var(--font-mono);
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .095em;
    line-height: 1.2;
    text-transform: uppercase;
}
.section-heading--center .eyebrow { justify-content: center; }
.eyebrow__dot { width: 7px; height: 7px; border-radius: 999px; background: var(--orange); }
.eyebrow--light { color: #c7d2fe; }

/* Buttons */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 48px;
    padding: .75rem 1.1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
    transition: transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition), color var(--transition);
}
.btn:hover { transform: translateY(-1px); }
.btn--primary { color: #fff; background: var(--blue); box-shadow: 0 7px 16px rgba(37, 99, 235, .22); }
.btn--primary:hover { color: #fff; background: var(--blue-dark); box-shadow: 0 10px 20px rgba(29, 78, 216, .25); }
.btn--secondary { color: var(--blue-dark); background: #fff; border-color: #bfdbfe; }
.btn--secondary:hover { color: var(--blue-dark); border-color: var(--blue); background: var(--blue-wash); }
.btn--light { width: 100%; color: var(--blue-dark); background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .12); }
.btn--light:hover { color: var(--blue-dark); background: #eff6ff; }
.btn--large { min-height: 50px; padding-inline: 1.3rem; }
.btn--nav { min-height: 40px; padding: .55rem .85rem; font-size: .8125rem; }

/* Shared language switcher */
.language-switcher { position: fixed; top: 82px; right: max(1rem, calc((100vw - var(--container)) / 2)); z-index: 70; }
.language-switcher > summary { display: flex; align-items: center; gap: .35rem; min-height: 34px; padding: .3rem .45rem; border: 1px solid #dbe5f2; border-radius: 8px; color: var(--ink-soft); background: rgba(255, 255, 255, .94); box-shadow: var(--shadow-sm); font-size: .7rem; font-weight: 700; cursor: pointer; list-style: none; }.language-switcher > summary::-webkit-details-marker { display: none; }.language-switcher__flag { font-size: 1rem; line-height: 1; }.language-switcher__chevron { color: var(--ink-muted); font-size: .8rem; transition: transform var(--transition); }.language-switcher[open] .language-switcher__chevron { transform: rotate(180deg); }
.language-switcher__menu { position: absolute; top: calc(100% + .5rem); right: 0; display: grid; grid-template-columns: repeat(2, minmax(118px, 1fr)); width: min(310px, calc(100vw - 2rem)); max-height: min(570px, calc(100vh - 135px)); padding: .45rem; overflow-y: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: var(--shadow-md); }.language-switcher__menu a { display: flex; gap: .45rem; align-items: center; min-width: 0; padding: .45rem .5rem; border-radius: 6px; color: var(--ink-soft); font-size: .7rem; font-weight: 600; }.language-switcher__menu a span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.language-switcher__menu a:hover, .language-switcher__menu a[aria-current="page"] { color: var(--blue-dark); background: var(--blue-wash); }.language-switcher__menu a[aria-current="page"] { font-weight: 750; }

.text-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1.7rem;
    color: var(--blue-dark);
    font-size: .9375rem;
    font-weight: 700;
}
.text-link span { transition: transform var(--transition); }
.text-link:hover span { transform: translateX(3px); }

/* Navigation */
.nav {
    position: sticky;
    top: 0;
    z-index: 40;
    height: 72px;
    border-bottom: 1px solid rgba(228, 232, 238, .75);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(14px);
    transition: box-shadow var(--transition), border-color var(--transition);
}
.nav--scrolled { border-color: transparent; box-shadow: 0 4px 18px rgba(15, 23, 42, .06); }
.nav__inner { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.brand { display: inline-flex; align-items: center; gap: .6rem; color: var(--ink); font-size: 1rem; font-weight: 800; letter-spacing: -.025em; white-space: nowrap; }
.brand__mark {
    display: inline-grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, var(--blue), var(--violet));
    font-family: var(--font-mono);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: -.08em;
}
.nav__links { display: flex; align-items: center; gap: 1.55rem; list-style: none; }
.nav__links > li > a:not(.btn) { color: var(--ink-soft); font-size: .8125rem; font-weight: 600; transition: color var(--transition); }
.nav__links > li > a:not(.btn):hover { color: var(--blue-dark); }
.nav__toggle { display: none; width: 42px; height: 42px; padding: 10px; border-radius: 8px; color: var(--ink); background: transparent; cursor: pointer; }
.nav__toggle:hover { background: var(--surface-muted); }
.nav__toggle span { display: block; width: 22px; height: 2px; margin: 4px auto; border-radius: 2px; background: currentColor; transition: transform var(--transition), opacity var(--transition); }
.nav__toggle[aria-expanded="true"] span:first-child { transform: translateY(6px) rotate(45deg); }
.nav__toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav__toggle[aria-expanded="true"] span:last-child { transform: translateY(-6px) rotate(-45deg); }

/* Audience selector */
.audience { padding: 1.35rem 0; border-bottom: 1px solid var(--line); background: #fff; }
.audience__inner { display: flex; justify-content: center; }
.audience-selector { display: flex; align-items: center; gap: .9rem; min-width: 0; padding: 0; border: 0; }
.audience-selector legend { float: left; width: auto; margin: .65rem .1rem 0 0; color: var(--ink-soft); font-size: .8125rem; font-weight: 600; }
.audience-selector legend span { color: var(--ink-muted); font-weight: 400; }
.audience-selector__options { display: flex; gap: .55rem; }
.audience-selector__option {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 50px;
    padding: .5rem .75rem;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--ink-soft);
    background: var(--paper);
    cursor: pointer;
    transition: border-color var(--transition), color var(--transition), background var(--transition), box-shadow var(--transition);
}
.audience-selector__option:hover { border-color: #93c5fd; background: var(--blue-wash); }
.audience-selector__option strong { display: block; color: var(--ink); font-size: .75rem; line-height: 1.25; }
.audience-selector__option small { display: block; margin-top: 2px; color: var(--ink-muted); font-size: .65rem; line-height: 1.25; }
.audience-selector__icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 7px; color: var(--blue); background: var(--blue-wash); }
.audience-selector__icon svg { width: 17px; height: 17px; }
.audience-selector input:checked + .audience-selector__option { border-color: var(--blue); color: var(--blue-dark); background: var(--blue-wash); box-shadow: inset 0 0 0 1px var(--blue); }
.audience-selector input:checked + .audience-selector__option .audience-selector__icon { color: #fff; background: var(--blue); }
.audience-selector input:focus-visible + .audience-selector__option { outline: 3px solid rgba(37, 99, 235, .38); outline-offset: 2px; }

/* Hero */
.hero { position: relative; overflow: hidden; padding: clamp(4.25rem, 8vw, 6.75rem) 0 clamp(5rem, 9vw, 7.25rem); background: radial-gradient(circle at 86% 12%, rgba(191, 219, 254, .75), transparent 27%), linear-gradient(135deg, #fff 0%, #f9fbff 55%, #eff6ff 100%); }
.hero::after { position: absolute; right: -130px; bottom: -190px; width: 440px; height: 440px; border: 1px solid rgba(37, 99, 235, .12); border-radius: 50%; content: ""; }
.hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .95fr) minmax(470px, 1.05fr); gap: clamp(2.5rem, 6vw, 5.6rem); align-items: center; }
.hero h1 { max-width: 12.5ch; margin: .9rem 0 1.3rem; font-size: clamp(2.65rem, 5.05vw, 4.25rem); font-weight: 750; line-height: 1.025; letter-spacing: -.065em; }
.hero__lead { max-width: 58ch; color: var(--ink-soft); font-size: clamp(1rem, 1.5vw, 1.125rem); line-height: 1.68; }
.hero__facts { display: flex; flex-wrap: wrap; gap: .45rem .7rem; margin-top: 1.65rem; list-style: none; }
.hero__facts li { display: inline-flex; align-items: center; color: var(--ink-soft); font-family: var(--font-mono); font-size: .67rem; font-weight: 600; letter-spacing: .015em; }
.hero__facts li:not(:last-child)::after { width: 3px; height: 3px; margin-left: .7rem; border-radius: 50%; background: var(--blue); content: ""; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.hero__note { max-width: 57ch; margin-top: 1.4rem; color: var(--ink-muted); font-size: .78rem; line-height: 1.55; }

/* Editorial product visual */
.product-preview { overflow: hidden; margin: 0; border: 1px solid rgba(191, 219, 254, .94); border-radius: 15px; background: #fff; box-shadow: 0 25px 65px rgba(30, 64, 175, .15), 0 2px 6px rgba(15, 23, 42, .06); transform: rotate(.35deg); }
.product-preview__topbar { display: flex; align-items: center; gap: 1rem; height: 36px; padding: 0 .8rem; border-bottom: 1px solid #e9eef6; background: #f9fafb; color: #7c8799; font-family: var(--font-mono); font-size: .56rem; }
.window-dots { display: flex; gap: 4px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #cbd5e1; }
.product-preview__address { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preview-status { display: inline-flex; align-items: center; gap: 4px; color: #467369; white-space: nowrap; }
.preview-status i { width: 5px; height: 5px; border-radius: 50%; background: #10b981; }
.product-preview__media { overflow: hidden; aspect-ratio: 16 / 10; background: #f8fafc; }
.product-preview__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-preview__canvas { display: flex; min-height: 329px; background: #f8fafc; }
.preview-sidebar { display: flex; flex: 0 0 51px; align-items: center; flex-direction: column; gap: 14px; padding: 12px 0; border-right: 1px solid #e8edf4; background: #fff; }
.preview-logo { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 6px; color: #fff; background: var(--blue); font-family: var(--font-mono); font-size: .47rem; font-weight: 700; }
.preview-sidebar__item { width: 20px; height: 20px; border-radius: 5px; background: #eaf0f8; }
.preview-sidebar__item:nth-child(3) { width: 14px; background: #e2e8f0; }
.preview-sidebar__item:nth-child(4) { width: 17px; }
.preview-sidebar__item.is-active { background: #dbeafe; box-shadow: inset 3px 0 0 var(--blue); }
.preview-main { min-width: 0; flex: 1; padding: 19px 18px 15px; }
.preview-main__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .7rem; }
.preview-main__heading strong { display: block; margin-top: 4px; color: #1e293b; font-size: .88rem; }
.preview-kicker, .preview-time, .preview-panel__title, .timeline-labels { font-family: var(--font-mono); font-size: .53rem; font-weight: 600; letter-spacing: .035em; }
.preview-kicker { color: #8291a6; }
.preview-time { padding: 5px 7px; border-radius: 5px; color: var(--blue-dark); background: #eff6ff; white-space: nowrap; }
.preview-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 17px; }
.preview-stat-grid > div { position: relative; overflow: hidden; min-height: 64px; padding: 8px; border: 1px solid #e6ebf2; border-radius: 7px; background: #fff; }
.preview-stat-grid span { display: block; color: #7b8798; font-size: .54rem; }
.preview-stat-grid strong { display: block; margin-top: 3px; color: #334155; font-size: 1rem; }
.preview-spark { position: absolute; right: 7px; bottom: 10px; width: 23px; height: 11px; border-bottom: 2px solid currentColor; border-left: 2px solid transparent; transform: skewX(-26deg); }
.preview-spark--blue { color: var(--blue); }.preview-spark--purple { color: var(--violet); }.preview-spark--orange { color: var(--orange); }
.preview-workspace { display: grid; grid-template-columns: 1.28fr .72fr; gap: 9px; margin-top: 10px; }
.preview-feed, .preview-timeline { min-width: 0; padding: 10px; border: 1px solid #e6ebf2; border-radius: 7px; background: #fff; }
.preview-panel__title { display: flex; justify-content: space-between; margin-bottom: 8px; color: #718096; }
.preview-panel__title small { color: var(--blue); font-size: inherit; }
.preview-event { display: grid; grid-template-columns: 7px minmax(0, 1fr) auto; gap: 6px; align-items: start; padding: 6px 0; border-top: 1px solid #f0f3f7; }
.preview-event:first-of-type { border-top: 0; }
.event-dot { width: 6px; height: 6px; margin-top: 3px; border-radius: 50%; }.event-dot--orange { background: var(--orange); }.event-dot--purple { background: var(--violet); }.event-dot--blue { background: var(--blue); }
.preview-event strong, .preview-event small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preview-event strong { color: #475569; font-size: .58rem; }.preview-event small, .preview-event time { margin-top: 2px; color: #94a3b8; font-size: .5rem; }.preview-event time { font-family: var(--font-mono); }
.timeline-line { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 19px 3px 8px; }.timeline-line::before { position: absolute; right: 0; left: 0; height: 2px; background: #dbe5f2; content: ""; }.timeline-line i { position: relative; z-index: 1; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: #b6c5d9; }.timeline-line i:nth-child(2) { width: 10px; height: 10px; background: var(--blue); box-shadow: 0 0 0 3px #dbeafe; }.timeline-labels { display: flex; justify-content: space-between; color: #9aa8ba; font-size: .45rem; }
.product-preview figcaption { padding: 9px 14px; border-top: 1px solid #edf1f5; color: #718096; background: #fff; font-size: .65rem; line-height: 1.4; }

/* Problem */
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.problem-card { min-height: 100%; padding: 1.8rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.card-icon, .feature-card__icon { display: grid; width: 40px; height: 40px; place-items: center; margin-bottom: 1.35rem; border-radius: 10px; color: var(--blue); background: var(--blue-wash); }
.card-icon svg, .feature-card__icon svg { width: 21px; height: 21px; }.card-icon--orange { color: #c2410c; background: var(--orange-wash); }.card-icon--purple { color: var(--violet); background: var(--violet-wash); }
.problem-card h3, .feature-card h3, .benefit-item h3, .use-case-card h3, .workflow-grid h3, .audience-panel h3, .reassurance__points h3 { font-size: 1.05rem; line-height: 1.32; letter-spacing: -.018em; }
.problem-card p, .feature-card p, .benefit-item p, .use-case-card p, .workflow-grid p, .audience-panel p, .reassurance__points p { margin-top: .65rem; color: var(--ink-soft); font-size: .9rem; line-height: 1.67; }

/* Journey */
.journey { display: grid; grid-template-columns: repeat(5, 1fr); gap: .75rem; list-style: none; }
.journey__item { position: relative; min-height: 170px; padding: 1.35rem 1.15rem 1.2rem; border: 1px solid #dbe5f2; border-radius: var(--radius); background: #fff; }.journey__item:not(:last-child)::after { position: absolute; z-index: 1; top: 40px; right: -.55rem; width: .55rem; height: 1px; background: #94bdf8; content: ""; }
.journey__number { display: inline-block; margin-bottom: 1.35rem; color: var(--violet); font-family: var(--font-mono); font-size: .66rem; font-weight: 700; }.journey__item h3 { font-size: .98rem; }.journey__item p { margin-top: .55rem; color: var(--ink-soft); font-size: .8rem; line-height: 1.55; }

/* Channel showcase */
.channel-showcase { display: grid; grid-template-columns: minmax(262px, .46fr) minmax(0, 1fr); gap: 1.2rem; align-items: start; }
.channel-showcase__tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; }
.channel-tile { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: .6rem; align-items: center; min-height: 91px; padding: .75rem; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: #fff; text-align: left; cursor: pointer; transition: border-color var(--transition), box-shadow var(--transition), background var(--transition), transform var(--transition); }
.channel-tile:hover { border-color: #93c5fd; box-shadow: var(--shadow-sm); transform: translateY(-1px); }
.channel-tile.is-active, .channel-tile[aria-selected="true"] { border-color: var(--blue); background: var(--blue-wash); box-shadow: inset 0 0 0 1px var(--blue); }
.channel-tile__icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; color: var(--blue); background: #dbeafe; }
.channel-tile__icon svg { width: 18px; height: 18px; }
.channel-tile__icon--violet { color: var(--violet); background: var(--violet-wash); }
.channel-tile__icon--orange { color: #c2410c; background: var(--orange-wash); }
.channel-tile__icon--alert { color: #c2410c; background: #fff1f2; }
.channel-tile small, .channel-tile strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.channel-tile small { margin-bottom: 2px; color: var(--ink-muted); font-size: .61rem; line-height: 1.2; }
.channel-tile strong { font-size: .81rem; line-height: 1.2; letter-spacing: -.01em; }
.channel-tile__arrow { color: #9aa8ba; font-size: .9rem; transition: transform var(--transition), color var(--transition); }
.channel-tile.is-active .channel-tile__arrow, .channel-tile:hover .channel-tile__arrow { color: var(--blue); transform: translate(1px, -1px); }
.channel-showcase__details { min-width: 0; }
.channel-panel { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(215px, .84fr); overflow: hidden; min-height: 330px; border: 1px solid var(--line); border-radius: 13px; background: #fff; box-shadow: var(--shadow-sm); animation: channel-panel-in 200ms ease both; }
.channel-panel[hidden] { display: none; }
.channel-panel__media { display: flex; min-width: 0; flex-direction: column; margin: 0; border-right: 1px solid var(--line); background: #f8fafc; }
.channel-panel__media figcaption { min-height: 36px; padding: .55rem .75rem; color: #718096; background: #fff; font-size: .61rem; line-height: 1.35; }
.channel-panel__media figcaption span { display: inline-block; margin-right: .3rem; color: var(--blue-dark); font-family: var(--font-mono); font-size: .49rem; font-weight: 700; letter-spacing: .055em; }
.channel-panel__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.3rem, 3vw, 2.2rem); }
.channel-panel__copy h3 { margin-top: .55rem; font-size: clamp(1.45rem, 2.3vw, 1.9rem); line-height: 1.1; letter-spacing: -.035em; }
.channel-panel__copy > p:not(.eyebrow) { margin-top: .9rem; color: var(--ink-soft); font-size: .89rem; line-height: 1.67; }
.channel-panel__copy ul { display: grid; gap: .42rem; margin-top: 1.25rem; list-style: none; }
.channel-panel__copy li { position: relative; padding-left: 1.05rem; color: #4b5563; font-size: .75rem; line-height: 1.45; }
.channel-panel__copy li::before { position: absolute; top: .45rem; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); content: ""; }

/* Illustrative channel screens — replace with anonymised product capture or video when available. */
.channel-screen { position: relative; flex: 1; min-height: 292px; overflow: hidden; color: #334155; font-family: var(--font-sans); }
.screen-bar { display: flex; align-items: center; gap: .55rem; height: 32px; padding: 0 .75rem; border-bottom: 1px solid #e6ebf2; background: #fff; font-size: .55rem; }
.screen-bar__brand { color: #2563eb; font-size: .72rem; font-weight: 800; letter-spacing: -.045em; }
.screen-bar__search { min-width: 58px; padding: 4px 7px; border-radius: 5px; color: #9aa8ba; background: #f1f5f9; }
.screen-bar i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #cbd5e1; }

/* Squawk */
.channel-screen--squawk { background: #f8fafc; }
.squawk-layout { display: grid; grid-template-columns: 43px 1fr; min-height: 260px; }
.squawk-layout > aside { display: grid; align-content: start; justify-items: center; gap: 10px; padding-top: 12px; border-right: 1px solid #e6ebf2; background: #fff; }
.avatar { display: inline-block; width: 19px; height: 19px; border-radius: 50%; background: #cbd5e1; }.avatar--blue { background: #60a5fa; }.avatar--violet { background: #a78bfa; }.avatar--orange { background: #fb923c; }
.squawk-feed { padding: 9px 12px; }
.squawk-post { display: grid; grid-template-columns: 23px 1fr; gap: 7px; padding: 8px 0; border-bottom: 1px solid #e7edf5; }.squawk-post:last-child { border-bottom: 0; }.squawk-post strong { display: inline; color: #334155; font-size: .63rem; }.squawk-post small { margin-left: 3px; color: #94a3b8; font-size: .52rem; }.squawk-post p { margin: 5px 0; color: #475569; font-size: .59rem; line-height: 1.42; }.squawk-post div > span { color: #94a3b8; font-size: .49rem; }

/* Media */
.channel-screen--media { padding: 11px 13px; background: #fffdf8; }
.media-masthead { display: flex; align-items: baseline; justify-content: space-between; padding-bottom: 7px; border-bottom: 2px solid #1e293b; color: #1e293b; font-family: Georgia, serif; }.media-masthead span { font-size: .45rem; }.media-masthead strong { font-size: .83rem; letter-spacing: .035em; }.media-masthead small { font-family: var(--font-mono); font-size: .37rem; }
.media-nav { display: flex; gap: 10px; padding: 7px 0; }.media-nav i { width: 21px; height: 3px; border-radius: 3px; background: #d1d5db; }.media-nav i:nth-child(1) { width: 33px; background: #334155; }
.media-grid { display: grid; grid-template-columns: 1.25fr .85fr; gap: 10px; }.media-grid article { border-right: 1px solid #e5e7eb; padding-right: 10px; }.media-image { display: block; height: 74px; border-radius: 4px; background: linear-gradient(135deg, #475569, #94a3b8 45%, #cbd5e1 45%); }.media-grid article small { display: block; margin-top: 7px; color: #c2410c; font-family: var(--font-mono); font-size: .42rem; font-weight: 700; }.media-grid article strong { display: block; margin-top: 3px; color: #1e293b; font-family: Georgia, serif; font-size: .69rem; line-height: 1.18; }.media-grid article p { margin-top: 4px; color: #64748b; font-size: .51rem; line-height: 1.35; }.media-grid aside { display: grid; align-content: start; gap: 7px; }.media-grid aside div { display: grid; grid-template-columns: 35px 1fr; gap: 5px; align-items: center; }.media-grid aside span { height: 27px; border-radius: 3px; background: #e2e8f0; }.media-grid aside b { color: #475569; font-family: Georgia, serif; font-size: .56rem; line-height: 1.25; }

/* TV */
.channel-screen--tv { padding: 10px; background: #10182e; }.tv-topline { display: flex; justify-content: space-between; color: #dbeafe; font-family: var(--font-mono); font-size: .48rem; letter-spacing: .04em; }.tv-topline span { font-weight: 700; }.tv-topline small { padding: 1px 4px; border-radius: 3px; color: #fff; background: #dc2626; font-size: .42rem; }.tv-frame { position: relative; height: 193px; margin-top: 7px; overflow: hidden; border-radius: 4px; background: linear-gradient(135deg, #64748b 0%, #334155 49%, #1e293b 50%, #475569 100%); }.tv-person { position: absolute; bottom: 18px; left: 17%; width: 56px; height: 104px; border-radius: 30px 30px 5px 5px; background: linear-gradient(#cbd5e1 0 25%, #1e3a8a 25%); box-shadow: 0 0 0 9px rgba(255,255,255,.08); }.tv-map { position: absolute; top: 20px; right: 14%; width: 86px; height: 61px; border: 1px solid rgba(255,255,255,.38); border-radius: 50% 42% 53% 40%; }.tv-map i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fb923c; }.tv-map i:nth-child(1) { top: 17px; left: 25px; }.tv-map i:nth-child(2) { top: 35px; right: 20px; }.tv-map i:nth-child(3) { right: 32px; bottom: 10px; }.tv-live { position: absolute; top: 9px; left: 9px; color: #fff; font-family: var(--font-mono); font-size: .43rem; }.tv-frame p { position: absolute; right: 11px; bottom: 10px; margin: 0; color: #fff; font-size: .62rem; line-height: 1.28; text-align: right; }.tv-frame p strong { font-size: .95rem; }.tv-breaking { display: flex; gap: 7px; align-items: center; height: 25px; padding: 0 8px; color: #fff; background: #b91c1c; font-size: .5rem; }.tv-breaking strong { font-family: var(--font-mono); font-size: .45rem; }.tv-breaking span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.tv-controls { display: flex; align-items: center; gap: 6px; padding-top: 6px; color: #94a3b8; }.tv-controls i { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #dbeafe; }.tv-controls span { flex: 1; height: 2px; background: #475569; }.tv-controls small { font-family: var(--font-mono); font-size: .42rem; }

/* Mail */
.channel-screen--mail { background: #f8fafc; }.mail-topbar { display: flex; align-items: center; gap: 12px; height: 32px; padding: 0 10px; border-bottom: 1px solid #e2e8f0; background: #fff; }.mail-topbar strong { color: #2563eb; font-size: .72rem; letter-spacing: -.04em; }.mail-topbar span { width: 44%; padding: 4px 7px; border-radius: 4px; color: #94a3b8; background: #f1f5f9; font-size: .48rem; }.mail-topbar i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #cbd5e1; }.mail-layout { display: grid; grid-template-columns: 31% 1fr; min-height: 260px; }.mail-layout > aside { display: grid; align-content: start; gap: 9px; padding: 11px 9px; border-right: 1px solid #e2e8f0; background: #fff; }.mail-layout aside b { color: #334155; font-size: .59rem; }.mail-layout aside span { display: flex; justify-content: space-between; color: #64748b; font-size: .52rem; }.mail-layout aside span.is-current { margin: 0 -4px; padding: 4px; border-radius: 4px; color: #1d4ed8; background: #eff6ff; }.mail-layout aside i { padding: 0 3px; border-radius: 4px; color: #fff; background: #2563eb; font-style: normal; font-size: .43rem; }.mail-layout aside hr { width: 100%; height: 1px; margin: 2px 0; border: 0; background: #e2e8f0; }.mail-list { display: grid; align-content: start; padding: 7px; }.mail-list > div { position: relative; padding: 8px 40px 8px 7px; border-bottom: 1px solid #e7edf5; }.mail-list > div.is-selected { border-left: 2px solid #2563eb; background: #eff6ff; }.mail-list strong { display: block; color: #334155; font-size: .57rem; }.mail-list p { overflow: hidden; margin: 2px 0 0; color: #64748b; font-size: .51rem; text-overflow: ellipsis; white-space: nowrap; }.mail-list small { position: absolute; top: 8px; right: 7px; color: #94a3b8; font-size: .45rem; }

/* Company site */
.channel-screen--company { background: #fff; }.company-nav { display: flex; align-items: center; gap: 10px; height: 35px; padding: 0 11px; border-bottom: 1px solid #e2e8f0; }.company-nav strong { margin-right: auto; color: #1e3a8a; font-size: .65rem; letter-spacing: .08em; }.company-nav span { color: #64748b; font-size: .45rem; }.company-nav button { padding: 3px 6px; border-radius: 4px; color: #fff; background: #1e3a8a; font-size: .45rem; }.company-hero { position: relative; display: flex; align-items: center; min-height: 152px; padding: 18px 15px; overflow: hidden; color: #fff; background: linear-gradient(125deg, #172554, #2563eb); }.company-hero > div { position: relative; z-index: 1; max-width: 57%; }.company-hero small { display: block; color: #bfdbfe; font-family: var(--font-mono); font-size: .42rem; letter-spacing: .05em; }.company-hero strong { display: block; margin-top: 8px; font-size: 1rem; line-height: 1.06; letter-spacing: -.035em; }.company-hero p { margin-top: 6px; color: #dbeafe; font-size: .52rem; line-height: 1.35; }.company-hero__shape { position: absolute; right: 15px; bottom: -15px; width: 105px; height: 105px; border: 14px solid rgba(219,234,254,.34); border-radius: 50%; }.company-hero__shape::after { position: absolute; top: -35px; left: -37px; width: 80px; height: 80px; border: 9px solid rgba(219,234,254,.21); border-radius: 50%; content: ""; }.company-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 10px; }.company-cards div { display: grid; gap: 5px; padding: 7px; border: 1px solid #e2e8f0; border-radius: 4px; }.company-cards i { width: 16px; height: 13px; border-radius: 3px; background: #dbeafe; }.company-cards b { color: #475569; font-size: .48rem; line-height: 1.2; }

/* Ransomware */
.channel-screen--ransomware { color: #e5e7eb; background: #161b25; font-family: var(--font-mono); }.ransom-top { display: flex; align-items: center; justify-content: space-between; height: 31px; padding: 0 10px; border-bottom: 1px solid #3f4654; }.ransom-top span { color: #fb923c; font-size: .64rem; font-weight: 700; letter-spacing: .08em; }.ransom-top small { color: #94a3b8; font-size: .4rem; }.ransom-body { padding: 20px 16px 15px; text-align: center; }.ransom-lock { display: inline-grid; width: 32px; height: 32px; place-items: center; border: 1px solid #fb923c; border-radius: 7px; color: #fb923c; font-size: 1.4rem; }.ransom-body h4 { margin: 10px 0 0; color: #f8fafc; font-size: .73rem; letter-spacing: .03em; }.ransom-body p { max-width: 230px; margin: 8px auto; color: #cbd5e1; font-family: var(--font-sans); font-size: .53rem; line-height: 1.4; }.ransom-count { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 9px; }.ransom-count span { padding: 5px 6px; border: 1px solid #4b5563; border-radius: 3px; color: #fed7aa; background: #202938; font-size: .82rem; }.ransom-count i { color: #fb923c; font-style: normal; }.ransom-body > small { display: block; margin-top: 6px; color: #94a3b8; font-size: .42rem; }.ransom-footer { position: absolute; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-between; padding: 8px 10px; border-top: 1px solid #3f4654; color: #94a3b8; font-size: .42rem; }.ransom-footer b { color: #fb923c; }

.platform-capabilities { display: flex; flex-wrap: wrap; gap: .9rem 1.2rem; align-items: center; margin-top: 1.25rem; padding: 1rem 1.15rem; border: 1px solid #dbe5f2; border-radius: 10px; background: #f8fafc; }.platform-capabilities > p { color: #475569; font-size: .76rem; font-weight: 600; }.platform-capabilities ul { display: flex; flex: 1; flex-wrap: wrap; gap: .38rem .7rem; list-style: none; }.platform-capabilities li { display: inline-flex; align-items: center; color: #64748b; font-size: .69rem; }.platform-capabilities li:not(:last-child)::after { width: 3px; height: 3px; margin-left: .7rem; border-radius: 50%; background: #60a5fa; content: ""; }

@keyframes channel-panel-in { from { opacity: .35; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }

/* Benefits */
.benefits__layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(2.5rem, 8vw, 7rem); align-items: start; }.benefits .section-heading { margin-bottom: 0; }.benefit-list { border-top: 1px solid #dce4ee; }.benefit-item { display: grid; grid-template-columns: 41px 1fr; gap: 1.1rem; padding: 1.25rem 0; border-bottom: 1px solid #dce4ee; }.benefit-item > span { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; color: var(--blue-dark); background: #dbeafe; font-family: var(--font-mono); font-size: .65rem; font-weight: 700; }.benefit-item p { margin-top: .35rem; }

/* Use cases */
.use-case-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }.use-case-card { position: relative; overflow: hidden; min-height: 230px; padding: 1.7rem 1.7rem 1.55rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }.use-case-card--cyber { background: linear-gradient(140deg, #fff 55%, #fff7ed); }.use-case-card--client { background: linear-gradient(140deg, #fff 55%, #f5f3ff); }.case-label, .panel-kicker { color: var(--blue-dark); font-family: var(--font-mono); font-size: .62rem; font-weight: 700; letter-spacing: .09em; }.use-case-card h3 { max-width: 20ch; margin-top: .75rem; font-size: 1.2rem; }.use-case-card p { position: relative; z-index: 1; max-width: 47ch; }.case-pattern { position: absolute; right: 1.3rem; bottom: 1.25rem; display: flex; align-items: end; gap: 4px; height: 33px; opacity: .9; }.case-pattern i { display: block; width: 8px; border-radius: 4px 4px 1px 1px; background: #fed7aa; }.case-pattern i:nth-child(1) { height: 12px; }.case-pattern i:nth-child(2) { height: 27px; background: #fb923c; }.case-pattern i:nth-child(3) { height: 20px; }.case-pattern--blue i { background: #bfdbfe; }.case-pattern--blue i:nth-child(2) { background: #60a5fa; }.case-pattern--purple i { background: #ddd6fe; }.case-pattern--purple i:nth-child(2) { background: #a78bfa; }.case-pattern--orange i { background: #fed7aa; }.case-pattern--orange i:nth-child(2) { background: var(--orange); }.section-cta { margin-top: 2.25rem; text-align: center; }

/* Workflow */
.workflow-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.05rem; }.workflow-grid article { position: relative; padding-top: 1.1rem; border-top: 2px solid #bfdbfe; }.workflow-grid article:not(:last-child)::after { position: absolute; top: -2px; right: -1.05rem; width: 1.05rem; height: 2px; background: #bfdbfe; content: ""; }.workflow-grid span { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin-bottom: 1.1rem; border-radius: 50%; color: #fff; background: var(--blue); font-family: var(--font-mono); font-size: .62rem; font-weight: 700; }.workflow-grid h3 { font-size: .98rem; }.workflow-grid p { font-size: .82rem; }

/* Audiences */
.audience-panels { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }.audience-panel { min-height: 298px; padding: clamp(1.7rem, 4vw, 2.5rem); border: 1px solid var(--line); border-radius: 14px; }.audience-panel--company { background: linear-gradient(145deg, #fff, #eff6ff); }.audience-panel--consultant { background: linear-gradient(145deg, #fff, #f5f3ff); }.audience-panel--consultant .panel-kicker { color: var(--violet); }.audience-panel h3 { max-width: 24ch; margin-top: 1rem; font-size: clamp(1.35rem, 2.1vw, 1.7rem); }.audience-panel p { max-width: 56ch; margin-top: .9rem; font-size: .97rem; }.audience-panel--consultant .text-link { color: var(--violet); }

/* Reassurance */
.reassurance { color: #fff; background: radial-gradient(circle at 85% 30%, rgba(67, 56, 202, .45), transparent 32%), linear-gradient(135deg, var(--navy-deep), var(--navy)); }.reassurance__layout { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(2.5rem, 8vw, 7rem); align-items: center; }.reassurance h2 { max-width: 13ch; color: #fff; }.reassurance__headline > p:not(.eyebrow) { max-width: 49ch; margin-top: 1.25rem; color: #cbd5e1; font-size: 1.02rem; line-height: 1.7; }.reassurance__points { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid rgba(199, 210, 254, .22); border-radius: 12px; overflow: hidden; background: rgba(199, 210, 254, .18); }.reassurance__points article { display: flex; gap: .85rem; min-height: 142px; padding: 1.35rem; background: rgba(15, 28, 67, .55); }.reassurance__points > article > span { display: grid; flex: 0 0 auto; width: 25px; height: 25px; place-items: center; border-radius: 50%; color: #dbeafe; background: rgba(96, 165, 250, .17); font-family: var(--font-mono); font-size: .76rem; }.reassurance__points h3 { color: #fff; font-size: .95rem; }.reassurance__points p { color: #cbd5e1; font-size: .77rem; line-height: 1.55; }

/* Product proof */
.proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: stretch; }
.proof-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); }
.proof-card--large { grid-column: 1 / -1; }
.proof-card img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; background: #f8fafc; }
.proof-card--large img { object-position: left top; }
.proof-card figcaption { min-height: 44px; padding: .9rem 1rem; color: var(--ink-soft); font-size: .76rem; font-weight: 600; }

/* FAQ */
.faq__list { border-top: 1px solid var(--line); }.faq__item { border-bottom: 1px solid var(--line); }.faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.15rem 0; color: var(--ink); font-size: 1rem; font-weight: 650; line-height: 1.4; cursor: pointer; list-style: none; }.faq__item summary::-webkit-details-marker { display: none; }.faq__item summary::after { flex: 0 0 auto; color: var(--blue); font-size: 1.35rem; font-weight: 400; line-height: 1; content: "+"; }.faq__item[open] summary::after { content: "−"; }.faq__item > div { max-width: 68ch; padding: 0 2.5rem 1.2rem 0; color: var(--ink-soft); font-size: .94rem; line-height: 1.7; }

/* Contact form */
.contact { padding: clamp(4.75rem, 9vw, 7rem) 0; color: #fff; background: radial-gradient(circle at 90% 10%, rgba(67, 56, 202, .45), transparent 25%), var(--navy-deep); }.contact__grid { display: grid; grid-template-columns: minmax(0, .77fr) minmax(410px, 1.23fr); gap: clamp(2.5rem, 7vw, 6.5rem); align-items: start; }.contact h2 { color: #fff; }.contact__intro > p:not(.eyebrow) { max-width: 49ch; margin-top: 1.3rem; color: #cbd5e1; font-size: 1.04rem; line-height: 1.72; }.contact__checklist { display: grid; gap: .65rem; margin-top: 1.7rem; list-style: none; color: #dbeafe; font-size: .86rem; }.contact__checklist span { display: inline-grid; width: 18px; height: 18px; place-items: center; margin-right: .45rem; border-radius: 50%; color: #fff; background: rgba(96, 165, 250, .32); font-size: .68rem; }.contact__card { padding: 1.15rem; border: 1px solid rgba(191, 219, 254, .22); border-radius: 15px; background: rgba(255, 255, 255, .08); box-shadow: 0 24px 52px rgba(0, 0, 0, .16); }.lead-form { padding: clamp(1.2rem, 3vw, 1.8rem); border-radius: 10px; background: #fff; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.form-field { min-width: 0; }.form-field--full { grid-column: 1 / -1; }.form-field label { display: block; margin-bottom: .4rem; color: #374151; font-size: .79rem; font-weight: 700; }.form-field label > span[aria-hidden="true"] { color: #dc2626; }.form-optional { color: var(--ink-muted); font-weight: 500; }.form-field input:not([type="checkbox"]), .form-field select, .form-field textarea { width: 100%; min-height: 46px; padding: .7rem .75rem; border: 1px solid #d7dee8; border-radius: 7px; color: var(--ink); background: #fff; font-size: .9rem; outline: 0; transition: border-color var(--transition), box-shadow var(--transition); }.form-field select { appearance: auto; }.form-field textarea { min-height: 94px; resize: vertical; }.form-field input::placeholder, .form-field textarea::placeholder { color: #9ca3af; }.form-field input:not([type="checkbox"]):focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .13); }.form-field [aria-invalid="true"] { border-color: #dc2626 !important; }.form-help, .form-contact-help { margin-top: .35rem; color: var(--ink-muted); font-size: .7rem; line-height: 1.45; }.form-contact-help { margin: 1rem 0; }.consent-control { display: flex; align-items: flex-start; gap: .6rem; }.consent-control input { flex: 0 0 auto; width: 16px; height: 16px; margin: .15rem 0 0; accent-color: var(--blue); }.consent-control label { margin: 0; color: var(--ink-soft); font-size: .76rem; font-weight: 500; line-height: 1.5; }.captcha-field { min-height: 78px; }.form-error, .form-alert { margin-top: .35rem; color: #b91c1c; font-size: .72rem; font-weight: 600; line-height: 1.45; }.form-alert { margin-bottom: 1rem; padding: .7rem .8rem; border-left: 3px solid #dc2626; border-radius: 4px; background: #fef2f2; }.form-alert ul { margin: 0; padding-left: 1.05rem; }.btn--submit { position: relative; }.btn__loading { display: none; }.lead-form.is-submitting .btn__label { display: none; }.lead-form.is-submitting .btn__loading { display: inline; }.lead-form.is-submitting .btn--submit { pointer-events: none; opacity: .8; }

/* Legal pages */
.legal-page { min-height: calc(100vh - 72px); padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(4rem, 8vw, 6rem); background: linear-gradient(160deg, #fff 0, #f8fafc 42%, #eff6ff 100%); }
.legal-page__back { display: inline-flex; align-items: center; gap: .45rem; color: var(--blue-dark); font-size: .8rem; font-weight: 700; }.legal-page__back span { font-size: 1.05rem; transition: transform var(--transition); }.legal-page__back:hover span { transform: translateX(-3px); }
.legal-page__hero { max-width: 730px; margin-top: 2.7rem; }.legal-page__hero h1 { max-width: 13ch; margin: .75rem 0 1rem; color: var(--ink); font-size: clamp(2.35rem, 5vw, 3.75rem); line-height: 1.04; letter-spacing: -.055em; }.legal-page__hero > p:not(.eyebrow):not(.legal-page__updated) { max-width: 63ch; color: var(--ink-soft); font-size: 1.06rem; line-height: 1.72; }.legal-page__updated { margin-top: 1.25rem; color: var(--ink-muted); font-size: .75rem; }.legal-page__updated strong { color: var(--ink-soft); font-weight: 650; }
.legal-notice { display: flex; gap: .8rem; align-items: flex-start; margin-top: 2.25rem; padding: 1rem 1.1rem; border: 1px solid #fed7aa; border-radius: 10px; color: #7c2d12; background: #fff7ed; }.legal-notice__icon { display: grid; flex: 0 0 auto; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #fff; background: var(--orange); font-family: Georgia, serif; font-size: .78rem; font-weight: 700; }.legal-notice strong { display: block; font-size: .82rem; }.legal-notice p { margin-top: .18rem; font-size: .75rem; line-height: 1.55; }
.legal-content { margin-top: 2.25rem; padding: .3rem clamp(1.1rem, 4vw, 2.2rem); border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: var(--shadow-sm); }.legal-section { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 1.1rem; padding: clamp(1.5rem, 3.5vw, 2.2rem) 0; border-top: 1px solid var(--line); }.legal-section:first-child { border-top: 0; }.legal-section__number { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: var(--blue-dark); background: var(--blue-wash); font-family: var(--font-mono); font-size: .58rem; font-weight: 700; }.legal-section h2 { color: var(--ink); font-size: 1.15rem; line-height: 1.3; letter-spacing: -.025em; }.legal-section p { max-width: 72ch; margin-top: .75rem; color: var(--ink-soft); font-size: .9rem; line-height: 1.72; }.legal-section a { color: var(--blue-dark); font-weight: 650; text-decoration: underline; text-decoration-color: rgba(37, 99, 235, .3); text-underline-offset: 3px; }.legal-section a:hover { text-decoration-color: currentColor; }.legal-section code { padding: .12rem .32rem; border-radius: 4px; color: #334155; background: #f1f5f9; font-family: var(--font-mono); font-size: .75em; }
.legal-definition-list { display: grid; gap: .7rem; margin-top: 1rem; }.legal-definition-list > div { display: grid; grid-template-columns: minmax(125px, .36fr) minmax(0, 1fr); gap: 1rem; padding-bottom: .7rem; border-bottom: 1px solid #eef1f5; }.legal-definition-list > div:last-child { padding-bottom: 0; border-bottom: 0; }.legal-definition-list dt { color: var(--ink-muted); font-size: .74rem; font-weight: 650; }.legal-definition-list dd { margin: 0; color: var(--ink-soft); font-size: .84rem; line-height: 1.55; }.legal-definition-list dd p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
.legal-table-wrap { margin-top: 1rem; overflow-x: auto; border: 1px solid var(--line); border-radius: 9px; }.legal-table { width: 100%; min-width: 610px; border-collapse: collapse; font-size: .78rem; }.legal-table th, .legal-table td { padding: .78rem .85rem; border-bottom: 1px solid var(--line); color: var(--ink-soft); line-height: 1.5; text-align: left; vertical-align: top; }.legal-table th { color: #475569; background: #f8fafc; font-size: .67rem; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }.legal-table tbody tr:last-child td { border-bottom: 0; }.legal-table td:first-child { color: var(--ink); font-weight: 650; }.legal-section--sources { background: #f8fafc; }

/* Footer */
.footer { color: #94a3b8; background: #0a1431; }.footer__top { display: grid; grid-template-columns: max-content minmax(180px, 1fr) minmax(320px, 1.5fr); gap: 2rem; align-items: center; padding: 2.1rem 0; }.brand--footer { color: #fff; }.footer__top > p { max-width: 38ch; font-size: .75rem; line-height: 1.55; }.footer__links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .65rem 1rem; }.footer__links a, .footer__links span { color: #aeb9cc; font-size: .72rem; }.footer__links a:hover { color: #fff; }.footer__bottom { padding: .95rem 0; border-top: 1px solid rgba(148, 163, 184, .14); }.footer__bottom p { font-size: .68rem; }

@media (max-width: 1100px) {
    .nav__links { gap: 1rem; }
    .hero__grid { grid-template-columns: minmax(0, .95fr) minmax(400px, 1.05fr); gap: 2.8rem; }
    .feature-grid { grid-template-columns: repeat(3, 1fr); }
    .feature-card--wide { grid-column: span 3; }
    .channel-showcase { grid-template-columns: minmax(252px, .43fr) minmax(0, 1fr); }
    .channel-panel { grid-template-columns: minmax(0, 1fr) minmax(195px, .8fr); }
    .workflow-grid { gap: .75rem; }
    .workflow-grid article:not(:last-child)::after { right: -.75rem; width: .75rem; }
}

@media (max-width: 900px) {
    .nav { height: 66px; }
    .nav__toggle { display: block; }
    .nav__links { position: absolute; top: 66px; right: 0; left: 0; display: none; align-items: stretch; flex-direction: column; gap: 0; padding: .7rem 24px 1.25rem; border-bottom: 1px solid var(--line); background: #fff; box-shadow: 0 14px 28px rgba(15, 23, 42, .09); }.nav__links.is-open { display: flex; }.nav__links > li > a:not(.btn) { display: block; padding: .78rem 0; }.nav__links .btn { width: 100%; margin-top: .5rem; }
    .hero__grid, .benefits__layout, .reassurance__layout, .contact__grid { grid-template-columns: 1fr; }
    .hero__content { max-width: 700px; }.hero h1 { max-width: 14ch; }.product-preview { max-width: 650px; width: 100%; transform: none; }.benefits .section-heading { max-width: 650px; }.contact__intro { max-width: 650px; }.journey { grid-template-columns: repeat(3, 1fr); }.journey__item:nth-child(3)::after { display: none; }.journey__item:nth-child(4)::after { display: block; }.workflow-grid { grid-template-columns: repeat(3, 1fr); }.workflow-grid article:nth-child(3)::after { display: none; }.workflow-grid article:nth-child(4)::after { display: block; }.footer__top { grid-template-columns: 1fr; gap: 1.1rem; }.footer__links { justify-content: flex-start; }
    .channel-showcase { grid-template-columns: 1fr; }.channel-showcase__tiles { grid-template-columns: repeat(3, 1fr); }.channel-panel { grid-template-columns: minmax(0, 1.18fr) minmax(230px, .82fr); }
}

@media (max-width: 680px) {
    html { scroll-padding-top: 72px; }
    .container { width: min(100% - 34px, var(--container)); }
    .section { padding: 4rem 0; }
    .section-heading { margin-bottom: 2.25rem; }.section-heading h2, .reassurance h2, .contact h2 { font-size: clamp(1.85rem, 9vw, 2.35rem); }.section-heading > p:not(.eyebrow) { font-size: .98rem; }
    .audience { padding: 1rem 0; }.audience-selector { display: block; width: 100%; }.audience-selector legend { float: none; margin: 0 0 .6rem; }.audience-selector__options { display: grid; grid-template-columns: 1fr 1fr; }.audience-selector__option { min-width: 0; padding: .52rem; }.audience-selector__option strong { font-size: .7rem; }.audience-selector__option small { font-size: .58rem; }.audience-selector__icon { flex: 0 0 auto; width: 25px; height: 25px; }
    .language-switcher { top: 74px; right: .65rem; }.language-switcher > summary { min-height: 30px; padding: .22rem .35rem; }.language-switcher__current { display: none; }.language-switcher__menu { grid-template-columns: 1fr 1fr; width: min(290px, calc(100vw - 1.3rem)); max-height: calc(100vh - 115px); }
    .hero { padding-top: 3.7rem; }.hero h1 { max-width: 13ch; font-size: clamp(2.45rem, 12vw, 3.2rem); }.hero__actions { align-items: stretch; flex-direction: column; }.hero__actions .btn { width: 100%; }.hero__facts { gap: .42rem; }.hero__facts li { font-size: .61rem; }.product-preview__canvas { min-height: 278px; }.preview-sidebar { flex-basis: 42px; }.preview-main { padding: 14px 11px; }.preview-stat-grid { gap: 5px; }.preview-stat-grid > div { padding: 6px; }.preview-workspace { grid-template-columns: 1fr; }.preview-timeline { display: none; }.product-preview figcaption { font-size: .58rem; }
    .problem-grid, .feature-grid, .use-case-grid, .audience-panels, .proof-grid, .reassurance__points { grid-template-columns: 1fr; }.problem-card { padding: 1.45rem; }.journey { grid-template-columns: 1fr; gap: .65rem; }.journey__item { display: grid; grid-template-columns: 46px 1fr; min-height: 0; padding: 1.1rem; }.journey__item:not(:last-child)::after { top: auto; right: auto; bottom: -.65rem; left: 31px; width: 1px; height: .65rem; }.journey__number { margin: 0; }.feature-card--wide { grid-column: auto; display: block; min-height: 0; }.feature-card--wide .feature-card__icon { margin-bottom: 1.35rem; }.feature-card { min-height: 0; }.benefit-item { grid-template-columns: 35px 1fr; }.workflow-grid { grid-template-columns: 1fr; gap: 1.2rem; }.workflow-grid article { padding: 0 0 0 1.1rem; border-top: 0; border-left: 2px solid #bfdbfe; }.workflow-grid article:not(:last-child)::after { top: auto; right: auto; bottom: -1.2rem; left: -2px; width: 2px; height: 1.2rem; }.workflow-grid span { margin-bottom: .65rem; }.reassurance__points article { min-height: 0; }.proof-card--large { grid-row: auto; }.proof-card--large img { height: auto; aspect-ratio: 16 / 10; }.faq__item summary { font-size: .93rem; }.faq__item > div { padding-right: 0; font-size: .88rem; }.contact { padding: 4.25rem 0; }.contact__card { padding: .65rem; }.lead-form { padding: 1.05rem; }.form-grid { grid-template-columns: 1fr; }.form-field--full { grid-column: auto; }.footer__top { padding: 1.7rem 0; }
    .channel-showcase__tiles { grid-template-columns: repeat(2, 1fr); gap: .55rem; }.channel-tile { min-height: 76px; padding: .6rem; grid-template-columns: 29px minmax(0, 1fr); }.channel-tile__icon { width: 29px; height: 29px; }.channel-tile__arrow { display: none; }.channel-tile small { font-size: .55rem; }.channel-tile strong { font-size: .73rem; }.channel-panel { display: block; min-height: 0; }.channel-panel__media { border-right: 0; border-bottom: 1px solid var(--line); }.channel-screen { min-height: 250px; }.channel-panel__copy { padding: 1.3rem; }.channel-panel__copy h3 { font-size: 1.55rem; }.channel-panel__copy ul { margin-top: 1rem; }.platform-capabilities { display: block; padding: .95rem; }.platform-capabilities ul { margin-top: .65rem; gap: .32rem .55rem; }.platform-capabilities li { font-size: .64rem; }.company-nav { gap: 7px; }.company-nav span:nth-of-type(2), .company-nav span:nth-of-type(3) { display: none; }
    .legal-page { min-height: 0; padding: 2.5rem 0 4rem; }.legal-page__hero { margin-top: 2rem; }.legal-page__hero h1 { font-size: clamp(2.2rem, 11vw, 3rem); }.legal-page__hero > p:not(.eyebrow):not(.legal-page__updated) { font-size: .98rem; }.legal-notice { padding: .9rem; }.legal-content { margin-top: 1.5rem; padding: .2rem 1rem; }.legal-section { grid-template-columns: 30px minmax(0, 1fr); gap: .8rem; padding: 1.45rem 0; }.legal-section__number { width: 24px; height: 24px; font-size: .54rem; }.legal-section p { font-size: .85rem; }.legal-definition-list > div { grid-template-columns: 1fr; gap: .23rem; }.legal-definition-list dt { font-size: .68rem; }.legal-table { font-size: .72rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}