:root {
  --ink: #05080a;
  --ink-soft: #091014;
  --panel: #0d1519;
  --panel-light: #111d22;
  --line: rgba(255,255,255,.11);
  --line-strong: rgba(255,255,255,.2);
  --white: #f4f8f9;
  --muted: #94a4aa;
  --cyan: #5ce1f2;
  --cyan-bright: #9cf4ff;
  --green: #7ef29d;
  --red: #ff625f;
  --cream: #edf3f2;
  --font-display: "Manrope", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --container: min(1180px, calc(100vw - 48px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--white); background: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
::selection { color: var(--ink); background: var(--cyan); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
svg { display: block; }
.svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; z-index: 999; top: 12px; left: 12px; padding: 10px 16px; color: var(--ink); background: var(--cyan); transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; border-bottom: 1px solid transparent; transition: background .35s, border-color .35s, backdrop-filter .35s; }
.site-header.scrolled { border-color: var(--line); background: rgba(5,8,10,.82); backdrop-filter: blur(18px); }
.nav-shell { display: flex; height: 92px; align-items: center; gap: 38px; transition: height .35s; }
.site-header.scrolled .nav-shell { height: 72px; }
.brand { display: inline-flex; width: 216px; flex: 0 0 auto; }
.brand-logo { width: 100%; height: auto; overflow: visible; }
.brand-logo path, .brand-logo polygon { stroke-linecap: round; stroke-linejoin: round; }
.brand-logo .logo-white { fill: transparent; stroke: #fff; stroke-width: 1.05; stroke-dasharray: 700; stroke-dashoffset: 700; animation: logo-draw 1.55s cubic-bezier(.5,0,.2,1) forwards, logo-fill-white .7s ease 1.2s forwards; }
.brand-logo .logo-cyan { fill: transparent; stroke: var(--cyan); stroke-width: 1; stroke-dasharray: 180; stroke-dashoffset: 180; animation: logo-draw 1.2s cubic-bezier(.5,0,.2,1) .35s forwards, logo-fill-cyan .65s ease 1.25s forwards, logo-pulse 4s ease-in-out 2.1s infinite; }
.brand-logo .logo-part-2 { animation-delay: .08s, 1.25s; }.brand-logo .logo-part-3 { animation-delay: .16s, 1.3s; }.brand-logo .logo-part-4 { animation-delay: .22s, 1.35s; }.brand-logo .logo-part-6 { animation-delay: .28s, 1.38s; }.brand-logo .logo-part-7 { animation-delay: .05s, 1.2s; }.brand-logo .logo-part-8 { animation-delay: .12s, 1.28s; }.brand-logo .logo-part-9 { animation-delay: .24s, 1.35s; }
@keyframes logo-draw { to { stroke-dashoffset: 0; } } @keyframes logo-fill-white { to { fill: #fff; stroke: none; } } @keyframes logo-fill-cyan { to { fill: var(--cyan); stroke: none; } } @keyframes logo-pulse { 0%,82%,100% { filter: drop-shadow(0 0 0 transparent); } 90% { filter: drop-shadow(0 0 8px rgba(92,225,242,.9)); } }
.site-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.site-nav a { position: relative; color: #bac6ca; font-size: 13px; font-weight: 500; }
.site-nav a::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; background: var(--cyan); transform: scaleX(0); transform-origin: right; transition: transform .3s; }
.site-nav a:hover, .site-nav a:focus-visible { color: #fff; }.site-nav a:hover::after, .site-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.nav-cta { display: inline-flex; align-items: center; gap: 10px; padding: 11px 16px; border: 1px solid var(--line-strong); border-radius: 99px; font-size: 12px; font-weight: 700; transition: color .25s, background .25s, border-color .25s; }
.nav-cta svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .25s; }
.nav-cta:hover { color: var(--ink); border-color: var(--cyan); background: var(--cyan); }.nav-cta:hover svg { transform: translateX(3px); }
.menu-toggle { display: none; }

.hero { position: relative; min-height: 850px; height: 100svh; max-height: 980px; overflow: hidden; background: radial-gradient(circle at 76% 45%, rgba(35,149,162,.17), transparent 32%), var(--ink); }
.hero::before { content: ""; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(5,8,10,.99) 0%, rgba(5,8,10,.88) 40%, rgba(5,8,10,.08) 73%); }
.hero-grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 78%, transparent); }
.hero-layout { position: relative; z-index: 2; display: grid; min-height: 100%; grid-template-columns: 1.06fr .94fr; align-items: center; padding-top: 74px; }
.hero-copy { position: relative; z-index: 10; max-width: 660px; }
.eyebrow, .section-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: var(--cyan); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: dot-pulse 2s ease infinite; }
@keyframes dot-pulse { 50% { opacity: .4; transform: scale(.72); } }
.hero h1 { margin: 0; font-family: var(--font-display); font-size: clamp(58px, 5.5vw, 84px); font-weight: 600; line-height: .98; letter-spacing: -.07em; }
.hero h1 em { color: var(--cyan); font-style: normal; }
.hero-lede { max-width: 610px; margin: 28px 0 0; color: #a9b7bb; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 14px; margin-top: 36px; }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 11px; padding: 0 20px; border: 1px solid transparent; border-radius: 4px; cursor: pointer; font-size: 13px; font-weight: 700; transition: transform .2s, color .2s, background .2s, border-color .2s, box-shadow .2s; }
.button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .2s; }
.button:hover { transform: translateY(-2px); }.button:hover svg { transform: translateX(3px); }
.button-primary { color: #061013; background: var(--cyan); box-shadow: 0 10px 32px rgba(92,225,242,.12); }.button-primary:hover { background: var(--cyan-bright); box-shadow: 0 14px 38px rgba(92,225,242,.2); }
.button-ghost { color: #d7e0e2; border-color: var(--line-strong); background: rgba(255,255,255,.025); }.button-ghost:hover { border-color: rgba(92,225,242,.45); background: rgba(92,225,242,.06); }
.play-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(126,242,157,.08); }
.hero-assurances { display: flex; gap: 22px; margin-top: 28px; color: #7e8e93; font-size: 11px; }
.hero-assurances span { display: inline-flex; align-items: center; gap: 7px; }.hero-assurances svg { width: 14px; height: 14px; fill: none; stroke: var(--green); stroke-width: 2; }

.hero-visual { position: absolute; z-index: 2; top: 0; right: calc((100vw - var(--container)) / -2); bottom: 0; width: 58%; }
.globe-stage { position: absolute; z-index: 1; top: 50%; right: -12%; width: min(68vw, 880px); aspect-ratio: 1; transform: translateY(-50%); }
#globe-canvas { position: absolute; inset: 0; width: 100%; height: 100%; filter: drop-shadow(0 0 30px rgba(92,225,242,.1)); }
.globe-aura { position: absolute; z-index: -1; inset: 16%; border-radius: 50%; background: rgba(25,127,140,.08); filter: blur(55px); }
.orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(92,225,242,.12); border-radius: 50%; pointer-events: none; }
.orbit::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.orbit-one { width: 65%; height: 65%; transform: translate(-50%,-50%) rotate(62deg); animation: orbit-spin 17s linear infinite; }.orbit-one::after { top: 11%; left: 17%; }
.orbit-two { width: 52%; height: 52%; transform: translate(-50%,-50%) rotate(-24deg); animation: orbit-spin-reverse 23s linear infinite; }.orbit-two::after { right: 6%; bottom: 26%; background: var(--green); box-shadow: 0 0 12px var(--green); }
@keyframes orbit-spin { to { transform: translate(-50%,-50%) rotate(422deg); } } @keyframes orbit-spin-reverse { to { transform: translate(-50%,-50%) rotate(-384deg); } }
.globe-label { position: absolute; z-index: 4; display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 3px; color: #acbbc0; background: rgba(5,8,10,.66); backdrop-filter: blur(12px); font-size: 10px; letter-spacing: .04em; }
.globe-label span { width: 5px; height: 5px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }.label-top { top: 24%; right: 22%; }.label-bottom { right: 8%; bottom: 26%; }

.phone-shell { position: absolute; z-index: 6; top: 50%; right: 20%; width: 292px; padding: 7px; border: 1px solid rgba(255,255,255,.24); border-radius: 36px; background: linear-gradient(145deg,#25343a,#090e11 35%,#1b272c); box-shadow: 0 34px 90px rgba(0,0,0,.58), 0 0 60px rgba(92,225,242,.09); transform: translateY(-45%) rotate(1.5deg); transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s; }
.phone-shell::after { content: ""; position: absolute; inset: 1px; border: 1px solid rgba(255,255,255,.12); border-radius: 34px; pointer-events: none; }
.phone-speaker { position: absolute; z-index: 5; top: 14px; left: 50%; width: 77px; height: 20px; border-radius: 20px; background: #030506; transform: translateX(-50%); }
.phone-screen { position: relative; min-height: 590px; overflow: hidden; padding: 17px 14px 13px; border-radius: 30px; color: #f2f6f7; background: linear-gradient(180deg,#111b20,#081013 70%); }
.phone-topbar { display: flex; height: 25px; align-items: center; justify-content: space-between; padding: 0 8px; font-size: 9px; font-weight: 700; }.phone-topbar > div { display: flex; align-items: flex-end; gap: 3px; }.phone-topbar i { display: block; width: 3px; height: 6px; border-radius: 1px; background: #eaf3f4; }.phone-topbar i:nth-child(2) { height: 8px; }.phone-topbar b { margin-left: 2px; font-size: 8px; }
.app-heading { display: flex; align-items: center; justify-content: space-between; margin: 13px 4px 12px; }.app-heading > div { display: flex; flex-direction: column; }.app-heading small { color: #819197; font-size: 8px; }.app-heading strong { font-family: var(--font-display); font-size: 17px; letter-spacing: -.04em; }
.avatar { display: grid; width: 31px; height: 31px; place-items: center; border: 2px solid #111b20; border-radius: 50%; color: #071013; background: var(--cyan); font-size: 10px; font-weight: 800; }.avatar-me { border: 0; background: #d4f8fc; }
.map-card { position: relative; height: 216px; overflow: hidden; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: #0c181d; }
.map-grid { position: absolute; inset: -30px; opacity: .52; background-image: linear-gradient(32deg,transparent 46%,rgba(100,137,145,.14) 47%,rgba(100,137,145,.14) 49%,transparent 50%),linear-gradient(112deg,transparent 46%,rgba(100,137,145,.1) 47%,rgba(100,137,145,.1) 49%,transparent 50%); background-size: 80px 70px; transform: rotate(4deg); }
.route-line { position: absolute; inset: 5px 0 0; width: 100%; height: 100%; overflow: visible; }.route-line path { fill: none; stroke: rgba(255,255,255,.14); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1 9; }.route-line .route-progress { stroke: var(--cyan); stroke-width: 2; stroke-dasharray: 150 220; filter: drop-shadow(0 0 4px var(--cyan)); }
.street { position: absolute; color: rgba(181,205,210,.28); font-size: 7px; transform: rotate(-18deg); }.street-one { top: 52px; left: 18px; }.street-two { right: -6px; bottom: 76px; transform: rotate(61deg); }
.member-marker { position: absolute; display: grid; width: 26px; height: 26px; place-items: center; border: 2px solid #dcecee; border-radius: 50%; color: #071013; background: #e0edef; box-shadow: 0 5px 18px rgba(0,0,0,.35); font-size: 8px; font-weight: 800; }.marker-a { top: 35px; right: 35px; }.marker-b { top: 88px; left: 101px; background: var(--green); }.marker-me { bottom: 35px; left: 30px; border-color: var(--cyan); background: rgba(92,225,242,.18); box-shadow: 0 0 0 8px rgba(92,225,242,.07),0 0 18px rgba(92,225,242,.35); }.marker-me i { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); }
.journey-chip { position: absolute; right: 9px; bottom: 9px; left: 9px; display: flex; align-items: center; gap: 9px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; background: rgba(4,9,11,.79); backdrop-filter: blur(12px); }.journey-chip svg { width: 17px; height: 17px; fill: none; stroke: var(--green); stroke-width: 1.7; }.journey-chip span { display: flex; flex-direction: column; }.journey-chip b { font-size: 9px; }.journey-chip small { color: #829197; font-size: 7px; }
.incident-feed { position: absolute; z-index: 5; inset: 0; overflow: hidden; color: #fff; background: radial-gradient(circle at 68% 25%,rgba(92,225,242,.19),transparent 28%),linear-gradient(145deg,#15282c 0%,#081114 44%,#193136 100%); opacity: 0; visibility: hidden; transform: scale(1.04); transition: opacity .35s ease, visibility .35s ease, transform .65s ease; }
.incident-feed::before { content: ""; position: absolute; inset: -20%; background: linear-gradient(112deg,transparent 0 34%,rgba(192,242,245,.08) 35% 38%,transparent 39% 59%,rgba(255,255,255,.04) 60% 63%,transparent 64%),linear-gradient(18deg,transparent 0 42%,rgba(92,225,242,.05) 43% 52%,transparent 53%); filter: blur(1px); animation: camera-drift 7s ease-in-out infinite alternate; }
.incident-feed::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(2,5,7,.3),transparent 32%,transparent 57%,rgba(2,5,7,.78)); }
.incident-noise { position: absolute; z-index: 1; inset: 0; opacity: .12; background-image: repeating-radial-gradient(circle at 30% 40%,transparent 0 2px,rgba(255,255,255,.18) 3px,transparent 4px); background-size: 7px 7px; mix-blend-mode: screen; animation: camera-noise .35s steps(2) infinite; }
.incident-topline { position: absolute; z-index: 3; top: 12px; right: 12px; left: 12px; display: flex; align-items: center; justify-content: space-between; font-size: 7px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.incident-topline > span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 7px; border: 1px solid rgba(255,98,95,.42); border-radius: 5px; background: rgba(103,17,19,.62); backdrop-filter: blur(9px); }
.incident-topline i { width: 5px; height: 5px; border-radius: 50%; background: var(--red); box-shadow: 0 0 8px var(--red); animation: record-blink 1s ease-in-out infinite; }
.incident-topline b { padding: 4px 6px; border-radius: 4px; background: rgba(3,7,8,.55); font-variant-numeric: tabular-nums; }
.incident-focus { position: absolute; z-index: 2; top: 50%; left: 50%; width: 70px; height: 52px; opacity: .4; transform: translate(-50%,-55%); }
.incident-focus span { position: absolute; width: 15px; height: 15px; border-color: rgba(255,255,255,.76); border-style: solid; }
.incident-focus span:nth-child(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }.incident-focus span:nth-child(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }.incident-focus span:nth-child(3) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }.incident-focus span:nth-child(4) { right: 0; bottom: 0; border-width: 0 1px 1px 0; }
.incident-metadata { position: absolute; z-index: 3; right: 12px; bottom: 12px; left: 12px; display: flex; align-items: flex-start; flex-direction: column; padding: 9px 10px; border-left: 2px solid var(--cyan); border-radius: 2px 6px 6px 2px; background: rgba(3,8,10,.7); backdrop-filter: blur(10px); font-variant-numeric: tabular-nums; }
.incident-metadata strong { font-size: 7px; letter-spacing: .03em; }.incident-metadata > span { margin-top: 2px; color: #d4e2e5; font-size: 7px; }.incident-metadata small { margin-top: 4px; color: #91a1a6; font-size: 6px; }.incident-metadata small b { color: #c8f7d4; font-weight: 700; }.incident-metadata small i { color: var(--green); font-style: normal; }
.phone-shell.is-alert .incident-feed { opacity: 1; visibility: visible; transform: scale(1); }
@keyframes record-blink { 50% { opacity: .25; } }
@keyframes camera-drift { to { transform: translate3d(-3%,2%,0) rotate(.8deg); } }
@keyframes camera-noise { 50% { transform: translate(1px,-1px); } }
.circle-row, .evidence-status { display: flex; align-items: center; margin-top: 10px; padding: 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(255,255,255,.025); }.avatar-stack { display: flex; flex: 0 0 73px; }.avatar-stack .avatar { width: 27px; height: 27px; margin-right: -8px; font-size: 8px; }.avatar-one { background: #b7f2f8; }.avatar-two { background: #c6f6d2; }.avatar-three { background: #f6d4b7; }.circle-row p,.evidence-status p { display: flex; min-width: 0; margin: 0; flex: 1; flex-direction: column; }.circle-row strong,.evidence-status strong { font-size: 8px; }.circle-row small,.evidence-status small { color: #718188; font-size: 7px; }.circle-row button { border: 0; color: #87969b; background: transparent; }
.evidence-icon { display: grid; width: 28px; height: 28px; margin-right: 9px; place-items: center; border-radius: 9px; color: var(--cyan); background: rgba(92,225,242,.1); }.evidence-icon svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.6; }.status-led { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.sos-button { position: relative; display: flex; width: 100%; min-height: 51px; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; overflow: hidden; border: 1px solid rgba(92,225,242,.22); border-radius: 14px; color: #bdf5fb; background: linear-gradient(120deg,rgba(92,225,242,.13),rgba(92,225,242,.045)); cursor: pointer; }.sos-button svg { position: relative; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }.sos-button b { position: relative; font-size: 9px; letter-spacing: .03em; }.sos-ripple { position: absolute; width: 10px; height: 10px; border: 1px solid var(--cyan); border-radius: 50%; opacity: 0; }.demo-caption { margin: 7px 0 0; color: #516168; font-size: 6px; text-align: center; }
.upload-toast { position: absolute; z-index: 8; right: 5%; bottom: 15%; display: flex; min-width: 225px; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid rgba(126,242,157,.24); border-radius: 12px; background: rgba(8,16,19,.89); box-shadow: 0 20px 55px rgba(0,0,0,.34); opacity: 0; backdrop-filter: blur(14px); transform: translateY(12px); transition: opacity .35s, transform .35s; }.upload-toast > span { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }.upload-toast > div { display: flex; flex: 1; flex-direction: column; }.upload-toast strong { font-size: 9px; }.upload-toast small { color: #7d8c91; font-size: 7px; }.upload-toast svg { width: 16px; height: 16px; fill: none; stroke: var(--green); stroke-width: 2; }
.phone-shell.is-alert { box-shadow: 0 34px 90px rgba(0,0,0,.58),0 0 80px rgba(255,98,95,.16); transform: translateY(-45%) rotate(0); }.phone-shell.is-alert .sos-button { color: #fff; border-color: rgba(255,98,95,.45); background: linear-gradient(120deg,rgba(255,98,95,.42),rgba(255,98,95,.17)); }.phone-shell.is-alert .sos-ripple { animation: sos-wave 1.4s ease-out infinite; }.phone-shell.is-alert .status-led { background: var(--red); box-shadow: 0 0 9px var(--red); }.phone-shell.is-alert + .upload-toast,.phone-shell.is-alert ~ .upload-toast { opacity: 1; transform: none; }
@keyframes sos-wave { 0% { opacity: .7; transform: scale(1); } 100% { opacity: 0; transform: scale(14); } }
.scroll-hint { position: absolute; z-index: 10; bottom: 28px; left: 50%; display: flex; align-items: center; gap: 12px; color: #65757a; font-size: 9px; letter-spacing: .16em; text-transform: uppercase; transform: translateX(-50%); }.scroll-hint i { display: block; width: 28px; height: 1px; background: #56666b; animation: scroll-line 2s ease infinite; }@keyframes scroll-line { 50% { transform: scaleX(.45); transform-origin: left; } }

.trust-strip { border-block: 1px solid var(--line); background: #071013; }
.trust-grid { display: grid; grid-template-columns: repeat(4,1fr); }.trust-grid > div { display: flex; min-height: 116px; align-items: center; gap: 14px; padding: 18px 24px; border-right: 1px solid var(--line); }.trust-grid > div:first-child { padding-left: 0; }.trust-grid > div:last-child { border: 0; }.trust-grid > div > span { color: var(--cyan); font-family: var(--font-display); font-size: 11px; }.trust-grid p { display: flex; margin: 0; flex-direction: column; }.trust-grid strong { font-size: 12px; }.trust-grid small { color: #66767b; font-size: 9px; }

.section { padding: 130px 0; }.section-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 80px; margin-bottom: 66px; }.section-kicker { margin-bottom: 18px; }.section h2,.faq-section h2 { margin: 0; font-family: var(--font-display); font-size: clamp(42px,4.6vw,66px); font-weight: 600; line-height: 1.05; letter-spacing: -.065em; }.section-heading > p { max-width: 460px; margin: 0 0 7px; color: var(--muted); font-size: 16px; }
.product { background: var(--cream); color: #081013; }.product .section-kicker,.pricing .section-kicker { color: #087f90; }.product .section-heading > p,.pricing .section-heading > p { color: #627176; }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.feature-card { position: relative; min-height: 490px; overflow: hidden; padding: 38px; border: 1px solid rgba(8,16,19,.12); background: #fff; }.feature-head { display: flex; align-items: center; justify-content: space-between; }.feature-head small { color: #738186; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.feature-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #087f90; background: #e5f6f7; }.feature-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }.feature-card h3 { margin: 60px 0 17px; font-family: var(--font-display); font-size: clamp(27px,3vw,38px); font-weight: 600; line-height: 1.15; letter-spacing: -.05em; }.feature-card > p,.feature-copy > p { max-width: 475px; margin: 0; color: #68767a; font-size: 14px; }
.mini-circle { position: absolute; right: -25px; bottom: -74px; width: 290px; height: 290px; border: 1px solid rgba(8,127,144,.18); border-radius: 50%; }.mini-circle::before,.mini-circle::after { content: ""; position: absolute; border: 1px solid rgba(8,127,144,.11); border-radius: 50%; }.mini-circle::before { inset: 48px; }.mini-circle::after { inset: 96px; background: rgba(92,225,242,.08); }.center-shield { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 49px; height: 49px; place-items: center; border-radius: 50%; color: #fff; background: #087f90; box-shadow: 0 10px 32px rgba(8,127,144,.2); transform: translate(-50%,-50%); }.center-shield svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; }.mini-person { position: absolute; z-index: 3; display: grid; width: 37px; height: 37px; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #071013; background: var(--cyan); box-shadow: 0 8px 20px rgba(0,0,0,.12); font-size: 10px; font-weight: 800; }.p1 { top: 27px; left: 62px; }.p2 { top: 48px; right: 41px; background: var(--green); }.p3 { right: 19px; bottom: 65px; background: #ffd6b8; }.p4 { bottom: 25px; left: 58px; background: #d8d2ff; }
.journey-visual { position: absolute; right: 37px; bottom: 40px; left: 37px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding-top: 35px; }.journey-line { position: absolute; top: 7px; right: 0; left: 0; height: 3px; background: #dfe8e9; }.journey-line span { position: absolute; top: 0; left: 0; width: 72%; height: 100%; background: #087f90; }.journey-line i,.journey-line b { position: absolute; top: 50%; width: 13px; height: 13px; border: 3px solid #fff; border-radius: 50%; background: #087f90; box-shadow: 0 0 0 1px #087f90; transform: translateY(-50%); }.journey-line i { left: 0; }.journey-line b { right: 0; background: #dae4e6; box-shadow: 0 0 0 1px #bac7ca; }.journey-visual > div:not(.journey-line) { display: flex; flex-direction: column; }.journey-visual > div:last-child { text-align: right; }.journey-visual strong { font-size: 12px; }.journey-visual small { color: #79878b; font-size: 10px; }
.feature-evidence { display: grid; min-height: 520px; grid-column: 1/-1; grid-template-columns: 1fr .85fr; gap: 70px; color: #fff; background: #091115; }.feature-evidence .feature-head { justify-content: flex-start; gap: 14px; }.feature-evidence .feature-head small { color: #829398; }.feature-evidence .feature-icon { color: var(--cyan); background: rgba(92,225,242,.1); }.feature-evidence h3 { margin-top: 52px; }.feature-evidence .feature-copy > p { color: #91a1a6; }.feature-copy ul { display: flex; gap: 22px; margin: 29px 0 0; padding: 0; list-style: none; color: #bbc7ca; font-size: 11px; }.feature-copy li { display: flex; align-items: center; gap: 7px; }.feature-copy li svg { width: 14px; height: 14px; fill: none; stroke: var(--green); stroke-width: 2; }
.vault-visual { position: relative; min-height: 390px; }.vault-visual::before,.vault-visual::after { content: ""; position: absolute; top: 50%; left: 50%; border: 1px solid rgba(92,225,242,.11); border-radius: 50%; transform: translate(-50%,-50%); }.vault-visual::before { width: 330px; height: 330px; }.vault-visual::after { width: 240px; height: 240px; }.vault-core { position: absolute; z-index: 2; top: 50%; left: 50%; display: flex; width: 175px; height: 175px; align-items: center; justify-content: center; flex-direction: column; border: 1px solid rgba(92,225,242,.2); border-radius: 50%; background: radial-gradient(circle,rgba(92,225,242,.11),rgba(92,225,242,.025) 62%); box-shadow: 0 0 60px rgba(92,225,242,.08); transform: translate(-50%,-50%); }.vault-core > span { display: grid; width: 43px; height: 43px; margin-bottom: 12px; place-items: center; border-radius: 50%; color: var(--cyan); background: rgba(92,225,242,.12); }.vault-core svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.6; }.vault-core strong { font-size: 10px; }.vault-core small { margin-top: 3px; color: #708086; font-size: 8px; }.vault-progress { width: 80px; height: 2px; margin-top: 13px; background: rgba(255,255,255,.09); }.vault-progress i { display: block; width: 74%; height: 100%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }.fragment { position: absolute; z-index: 4; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(126,242,157,.24); border-radius: 8px; color: var(--green); background: rgba(126,242,157,.06); font-size: 8px; }.f1 { top: 42px; left: 40px; }.f2 { top: 80px; right: 25px; }.f3 { right: 50px; bottom: 40px; }.f4 { bottom: 54px; left: 18px; }

.how { background: #071013; }.how-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 120px; }.how-copy { position: sticky; top: 140px; align-self: start; }.how-copy > p:not(.section-kicker) { max-width: 440px; margin: 26px 0; color: var(--muted); }.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--cyan); font-size: 12px; font-weight: 700; }.text-link svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .2s; }.text-link:hover svg { transform: translateX(3px); }
.timeline { position: relative; margin: 0; padding: 0; list-style: none; }.timeline::before { content: ""; position: absolute; top: 32px; bottom: 32px; left: 95px; width: 1px; background: linear-gradient(var(--cyan),rgba(92,225,242,.08)); }.timeline li { position: relative; display: grid; min-height: 175px; grid-template-columns: 62px 58px 1fr; gap: 18px; align-items: start; padding: 23px 0; border-bottom: 1px solid var(--line); }.timeline li > span { padding-top: 13px; color: #65757b; font-family: var(--font-display); font-size: 10px; }.timeline-icon { z-index: 2; display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(92,225,242,.2); border-radius: 50%; color: var(--cyan); background: #0b161a; }.timeline-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }.timeline li > div:last-child { padding: 6px 0 0 10px; }.timeline h3 { margin: 0 0 8px; font-family: var(--font-display); font-size: 20px; font-weight: 600; letter-spacing: -.03em; }.timeline p { max-width: 460px; margin: 0; color: #7f8f94; font-size: 13px; }

.privacy { padding-top: 0; background: #071013; }.privacy-panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; padding: 78px; color: #071013; background: var(--cyan); }.privacy-intro .section-kicker { color: #075c67; }.privacy-intro > p:last-child { max-width: 465px; margin: 27px 0 0; color: rgba(7,16,19,.66); }.privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.privacy-grid article { min-height: 220px; padding: 25px; border: 1px solid rgba(7,16,19,.13); background: rgba(255,255,255,.28); }.privacy-grid article > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; color: #075c67; background: rgba(255,255,255,.38); }.privacy-grid svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }.privacy-grid h3 { margin: 25px 0 8px; font-family: var(--font-display); font-size: 17px; }.privacy-grid p { margin: 0; color: rgba(7,16,19,.62); font-size: 12px; line-height: 1.6; }

.pricing { color: #071013; background: var(--cream); }.pricing-heading { margin-bottom: 30px; }.pricing-toggle { display: flex; width: fit-content; margin: 0 auto 34px; padding: 4px; border: 1px solid rgba(7,16,19,.13); border-radius: 99px; background: rgba(255,255,255,.72); box-shadow: 0 8px 28px rgba(18,45,50,.06); }.pricing-toggle button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 0; border-radius: 99px; color: #637176; background: transparent; cursor: pointer; font-size: 11px; font-weight: 700; transition: color .2s,background .2s,box-shadow .2s; }.pricing-toggle button:hover { color: #071013; }.pricing-toggle button:focus-visible { outline: 2px solid #087f90; outline-offset: 2px; }.pricing-toggle button.is-active { color: #fff; background: #091216; box-shadow: 0 5px 15px rgba(7,16,19,.14); }.pricing-toggle button span { padding: 4px 7px; border-radius: 99px; color: #075122; background: var(--green); font-size: 8px; letter-spacing: .02em; text-transform: uppercase; }.pricing-grid { display: grid; max-width: 900px; margin-inline: auto; grid-template-columns: 1fr 1fr; gap: 16px; }.price-card { position: relative; display: flex; min-height: 565px; padding: 38px; flex-direction: column; border: 1px solid rgba(7,16,19,.13); background: #fff; }.price-top { padding-bottom: 30px; border-bottom: 1px solid rgba(7,16,19,.1); }.price-top > span { color: #546369; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.price-top p:not(.price-saving) { display: flex; margin: 25px 0 0; align-items: baseline; gap: 10px; }.price-top strong { font-family: var(--font-display); font-size: 45px; line-height: 1; letter-spacing: -.06em; }.price-top small { color: #768388; font-size: 10px; }.price-top .price-saving { min-height: 16px; margin: 10px 0 0; color: #728086; font-size: 9px; }.price-card ul { display: grid; gap: 17px; margin: 32px 0 40px; padding: 0; list-style: none; color: #526166; font-size: 13px; }.price-card li { display: flex; align-items: center; gap: 11px; }.price-card li svg { width: 17px; height: 17px; fill: none; stroke: #088697; stroke-width: 2; }.price-card .button { width: 100%; margin-top: auto; }.button-secondary { border-color: rgba(7,16,19,.18); color: #071013; background: transparent; }.button-secondary:hover { border-color: #071013; }
.price-featured { color: #fff; border-color: #0d171b; background: #091216; box-shadow: 0 24px 70px rgba(18,45,50,.11); }.price-featured .popular { position: absolute; top: 18px; right: 18px; padding: 6px 9px; border-radius: 20px; color: #061013; background: var(--green); font-size: 8px; font-weight: 800; text-transform: uppercase; }.price-featured .price-top { border-color: var(--line); }.price-featured .price-top > span { color: var(--cyan); }.price-featured .price-top small,.price-featured ul { color: #91a0a5; }.price-featured .price-saving { color: #91a0a5; }.price-featured[data-billing="yearly"] .price-saving { color: var(--green); }.price-featured li svg { stroke: var(--green); }

.beta { position: relative; overflow: hidden; background: #071013; }.beta-panel { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: end; overflow: hidden; padding: 75px; border: 1px solid var(--line); background: radial-gradient(circle at 86% 16%,rgba(92,225,242,.13),transparent 30%),#0a1418; }.beta-panel > * { position: relative; z-index: 2; }.beta-panel h2 { font-size: clamp(38px,4vw,58px); }.beta-panel > div > p:last-child { max-width: 550px; margin: 25px 0 0; color: var(--muted); }.beta-glow { position: absolute; z-index: 0; top: -160px; right: -130px; width: 430px; height: 430px; border: 1px solid rgba(92,225,242,.13); border-radius: 50%; box-shadow: inset 0 0 90px rgba(92,225,242,.04); }.beta-glow::before,.beta-glow::after { content: ""; position: absolute; border: 1px solid rgba(92,225,242,.09); border-radius: 50%; }.beta-glow::before { inset: 60px; }.beta-glow::after { inset: 125px; background: rgba(92,225,242,.04); }
.waitlist-form label { display: block; margin-bottom: 9px; color: #94a4aa; font-size: 10px; }.waitlist-form .form-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }.waitlist-form > div { display: grid; grid-template-columns: 1fr auto; }.waitlist-form input { min-width: 0; border: 1px solid var(--line-strong); border-right: 0; outline: 0; padding: 0 16px; color: #fff; background: rgba(255,255,255,.035); }.waitlist-form input:focus { border-color: var(--cyan); }.waitlist-form input::placeholder { color: #637279; }.waitlist-form .button { border-radius: 0 4px 4px 0; }.waitlist-form .button:disabled { cursor: wait; opacity: .65; transform: none; }.form-message { margin: 10px 0 0; color: #65757a; font-size: 9px; }.form-message.is-success { color: var(--green); }.form-message.is-error { color: #ff9a97; }

.faq-section { padding: 125px 0; color: #071013; background: var(--cream); }.faq-section .section-kicker { color: #087f90; }.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; }.faq-list details { border-top: 1px solid rgba(7,16,19,.14); }.faq-list details:last-child { border-bottom: 1px solid rgba(7,16,19,.14); }.faq-list summary { display: flex; min-height: 85px; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-family: var(--font-display); font-size: 17px; font-weight: 600; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: #087f90; font-size: 23px; font-weight: 400; transition: transform .25s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 690px; margin: -5px 50px 27px 0; color: #647277; font-size: 13px; }

.site-footer { padding-top: 75px; border-top: 1px solid var(--line); background: #05080a; }.footer-main { display: grid; grid-template-columns: 1fr 1.3fr; gap: 90px; padding-bottom: 65px; }.footer-logo .logo-white,.footer-logo .logo-cyan { animation: none; stroke: none; stroke-dashoffset: 0; }.footer-logo .logo-white { fill: #fff; }.footer-logo .logo-cyan { fill: var(--cyan); }.footer-brand p { margin: 17px 0 0; color: #627176; font-size: 12px; }.footer-links { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; }.footer-links > div { display: flex; align-items: flex-start; flex-direction: column; gap: 9px; }.footer-links strong { margin-bottom: 4px; font-size: 11px; }.footer-links a,.footer-links span { color: #6d7c81; font-size: 11px; }.footer-links a:hover { color: var(--cyan); }.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 22px 0; border-top: 1px solid var(--line); color: #536167; font-size: 10px; }.footer-bottom p { margin: 0; }.footer-bottom a:hover { color: var(--cyan); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.75,.2,1); }.reveal.is-visible { opacity: 1; transform: none; }.feature-grid > :nth-child(2),.privacy-grid > :nth-child(2),.pricing-grid > :nth-child(2) { transition-delay: .08s; }.privacy-grid > :nth-child(3) { transition-delay: .12s; }.privacy-grid > :nth-child(4) { transition-delay: .18s; }

@media (min-width: 1600px) {
  :root { --container: min(1520px,calc(100vw - 128px)); }
  .nav-shell { height: 104px; }.brand { width: 236px; }.site-nav { gap: 32px; }
  .site-nav a { font-size: clamp(14px,.68vw,16px); }
  .nav-cta { font-size: clamp(13px,.64vw,15px); }
  .hero { min-height: 920px; max-height: 1080px; }
  .hero-layout { grid-template-columns: 1fr 1fr; padding-top: 84px; }
  .hero-copy { max-width: 760px; }
  .hero h1 { font-size: clamp(84px,4.2vw,96px); }
  .eyebrow,.section-kicker { font-size: clamp(12px,.6vw,14px); }
  .hero-lede { max-width: 720px; font-size: clamp(19px,.95vw,22px); }
  .hero-actions { margin-top: 40px; }
  .button { min-height: 54px; padding-inline: 24px; font-size: clamp(14px,.68vw,16px); }
  .hero-assurances { font-size: clamp(12px,.58vw,14px); }
  .hero-visual { width: 60%; }
  .globe-stage { right: -8%; width: min(62vw,980px); }
  .globe-label { padding: 9px 12px; font-size: clamp(10px,.5vw,12px); }
  .label-top { top: 21%; right: auto; left: 22%; }
  .label-bottom { right: auto; bottom: 19%; left: 18%; }
  .phone-shell { right: 18%; transform: translateY(-45%) rotate(1.5deg) scale(1.08); }
  .phone-shell.is-alert { transform: translateY(-45%) rotate(0) scale(1.08); }
  .trust-grid > div { min-height: 124px; padding-inline: 30px; }
  .trust-grid > div > span { font-size: clamp(12px,.58vw,14px); }
  .trust-grid strong { font-size: clamp(14px,.68vw,16px); }
  .trust-grid small { font-size: clamp(10px,.5vw,12px); }
  .section h2,.faq-section h2 { font-size: clamp(66px,3.2vw,76px); }
  .section-heading > p { max-width: 540px; font-size: clamp(17px,.85vw,20px); }
  .feature-head small { font-size: clamp(11px,.5vw,12px); }
  .feature-card h3 { font-size: clamp(38px,2vw,46px); }
  .feature-card > p,.feature-copy > p { max-width: 560px; font-size: clamp(15px,.72vw,17px); }
  .how-copy > p:not(.section-kicker),.privacy-intro > p:last-child,.beta-panel > div > p:last-child { font-size: clamp(17px,.82vw,19px); }
  .timeline h3 { font-size: clamp(22px,1.1vw,26px); }
  .timeline p { max-width: 560px; font-size: clamp(14px,.68vw,16px); }
  .privacy-grid h3 { font-size: clamp(18px,.9vw,21px); }
  .privacy-grid p { font-size: clamp(13px,.64vw,15px); }
  .pricing-grid { max-width: 1050px; }
  .pricing-toggle button,.price-top > span { font-size: clamp(12px,.55vw,13px); }
  .price-top strong { font-size: clamp(48px,2.3vw,54px); }
  .price-top small { font-size: clamp(11px,.52vw,12px); }
  .price-top .price-saving { font-size: clamp(10px,.48vw,11px); }
  .price-card ul { font-size: clamp(14px,.64vw,15px); }
  .faq-list summary { font-size: clamp(18px,.9vw,21px); }
  .faq-list details p { font-size: clamp(14px,.68vw,16px); }
}

@media (max-width: 1100px) {
  .nav-shell { gap: 22px; }.brand { width: 184px; }.site-nav { gap: 18px; }.nav-cta { padding-inline: 13px; }
  .hero-copy { max-width: 575px; }.hero h1 { font-size: clamp(54px,6.1vw,74px); }.hero-visual { width: 57%; }.phone-shell { right: 12%; }.globe-stage { right: -24%; width: 78vw; }
  .privacy-panel { gap: 55px; padding: 60px; }.how-layout { gap: 75px; }.beta-panel { gap: 50px; padding: 58px; }
}

@media (max-width: 880px) {
  :root { --container: min(100% - 36px,720px); }
  .nav-shell,.site-header.scrolled .nav-shell { height: 72px; }.brand { position: relative; z-index: 3; width: 186px; }
  .site-nav { position: fixed; z-index: 2; inset: 0; display: flex; align-items: flex-start; justify-content: center; padding-top: 135px; flex-direction: column; gap: 23px; background: rgba(5,8,10,.98); opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity .3s,visibility .3s,transform .3s; }.site-nav a { width: var(--container); margin-inline: auto; padding-bottom: 14px; border-bottom: 1px solid var(--line); font-family: var(--font-display); font-size: 27px; }.site-nav.is-open { opacity: 1; visibility: visible; transform: none; }.nav-cta { display: none; }
  .menu-toggle { position: relative; z-index: 3; display: grid; width: 42px; height: 42px; margin-left: auto; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: transparent; cursor: pointer; }.menu-toggle span { position: absolute; width: 16px; height: 1px; background: #fff; transition: transform .25s,top .25s; }.menu-toggle span:first-child { top: 17px; }.menu-toggle span:last-child { top: 23px; }.menu-toggle[aria-expanded="true"] span:first-child { top: 20px; transform: rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { top: 20px; transform: rotate(-45deg); }
  .hero { min-height: 1120px; height: auto; max-height: none; }.hero::before { background: linear-gradient(180deg,rgba(5,8,10,.99) 0%,rgba(5,8,10,.83) 45%,rgba(5,8,10,.1) 71%,rgba(5,8,10,.88) 100%); }.hero-layout { display: block; padding-top: 138px; padding-bottom: 640px; }.hero-copy { max-width: 660px; }.hero-lede { max-width: 610px; }.hero-visual { top: auto; right: 0; bottom: 0; left: 0; width: 100%; height: 620px; }.globe-stage { top: 50%; right: 50%; width: 730px; transform: translate(50%,-50%); }.phone-shell { top: 49%; right: 50%; transform: translate(50%,-45%) rotate(1.5deg); }.phone-shell.is-alert { transform: translate(50%,-45%); }.upload-toast { right: calc(50% - 280px); bottom: 12%; }.label-top { right: 19%; }.label-bottom { right: 13%; }
  .trust-grid { grid-template-columns: 1fr 1fr; }.trust-grid > div { border-bottom: 1px solid var(--line); }.trust-grid > div:nth-child(2) { border-right: 0; }.trust-grid > div:first-child { padding-left: 24px; }.trust-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
  .section { padding: 100px 0; }.section-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 50px; }.feature-grid { grid-template-columns: 1fr; }.feature-evidence { grid-column: auto; grid-template-columns: 1fr; gap: 25px; }.vault-visual { min-height: 360px; }
  .how-layout { grid-template-columns: 1fr; gap: 55px; }.how-copy { position: static; }.privacy-panel { grid-template-columns: 1fr; padding: 52px; }.beta-panel { grid-template-columns: 1fr; }.faq-layout { grid-template-columns: 1fr; gap: 45px; }.footer-main { gap: 55px; }
}

@media (max-width: 600px) {
  :root { --container: min(100% - 28px,520px); }.brand { width: 164px; }.hero { min-height: 1070px; }.hero-layout { padding-top: 120px; padding-bottom: 595px; }.eyebrow { font-size: 9px; }.hero h1 { font-size: clamp(47px,13.7vw,64px); }.hero-lede { margin-top: 22px; font-size: 15px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.hero-assurances { flex-wrap: wrap; gap: 10px 16px; }.hero-visual { height: 560px; }.globe-stage { width: 600px; }.globe-label { display: none; }.phone-shell { width: 266px; transform: translate(50%,-44%) rotate(1deg) scale(.91); }.phone-shell.is-alert { transform: translate(50%,-44%) scale(.91); }.phone-screen { min-height: 575px; }.upload-toast { right: 14px; bottom: 7%; min-width: 207px; }.scroll-hint { display: none; }
  .trust-grid { grid-template-columns: 1fr; }.trust-grid > div { min-height: 90px; padding: 15px 10px; border-right: 0; border-bottom: 1px solid var(--line); }.trust-grid > div:first-child { padding-left: 10px; }.trust-grid > div:nth-child(2),.trust-grid > div:nth-last-child(2) { border-bottom: 1px solid var(--line); }
  .section { padding: 82px 0; }.section h2,.faq-section h2 { font-size: clamp(39px,12vw,53px); }.feature-card { min-height: 500px; padding: 27px 23px; }.feature-card h3 { margin-top: 48px; font-size: 29px; }.mini-circle { right: -62px; }.journey-visual { right: 23px; left: 23px; }.feature-evidence { min-height: auto; }.feature-copy ul { align-items: flex-start; flex-direction: column; gap: 10px; }.vault-visual { min-height: 330px; transform: scale(.9); }.vault-visual::before { width: 300px; height: 300px; }
  .timeline::before { left: 68px; }.timeline li { min-height: 185px; grid-template-columns: 43px 48px 1fr; gap: 9px; }.timeline li > div:last-child { padding-left: 4px; }.timeline h3 { font-size: 17px; }.timeline p { font-size: 12px; }.timeline-icon { width: 42px; height: 42px; }
  .privacy { padding-top: 0; }.privacy-panel { width: 100%; padding: 70px 22px; }.privacy-grid { grid-template-columns: 1fr; }.privacy-grid article { min-height: 190px; }.pricing-toggle { width: 100%; max-width: 330px; }.pricing-toggle button { min-width: 0; padding-inline: 10px; flex: 1; }.pricing-grid { grid-template-columns: 1fr; }.price-card { min-height: 540px; padding: 28px 23px; }.beta-panel { width: 100%; padding: 68px 22px; }.waitlist-form > div { grid-template-columns: 1fr; gap: 9px; }.waitlist-form input { min-height: 50px; border: 1px solid var(--line-strong); }.waitlist-form .button { border-radius: 4px; }.faq-section { padding: 85px 0; }.faq-list summary { min-height: 78px; font-size: 15px; }.faq-list details p { margin-right: 25px; }
  .footer-main { grid-template-columns: 1fr; }.footer-links { gap: 20px; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
}

@media (min-width: 601px) {
  .timeline::before { left: 102px; }
}

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