/* Editorial motion layer: neutral canvas, evidence colors, one shared core. */
:root{--bg:#F7F8FA;--muted:#F1F3F5}
.hero{isolation:isolate;padding-top:90px;min-height:730px}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 25%,#7b4fd133,transparent 50%),radial-gradient(ellipse at 40% 90%,#08796d33,transparent 55%);pointer-events:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;z-index:-1;pointer-events:none}
.hero-video:not([src]){display:none}
.hero-visual{min-width:0;position:relative}
.signal-scene{height:220px;position:relative;margin-bottom:24px;isolation:isolate}
.orbit{position:absolute;border:1px solid #ffffff25;border-radius:50%;inset:10px 12%;transform:rotate(-16deg);background:radial-gradient(ellipse,#F9732412,transparent 65%)}
.orbit.second{inset:40px 3%;transform:rotate(18deg);border-color:#b49aff55}
.signal-chip{position:absolute;padding:7px 12px;border:1px solid currentColor;border-radius:24px;background:var(--band);font:500 11px var(--mono);box-shadow:0 8px 24px #0003;transform:translateY(var(--drift,0px))}
.signal-chip:nth-child(3){left:2%;top:26px;color:#5fd6c4}.signal-chip:nth-child(4){right:3%;top:18px;color:#8fb0ff}.signal-chip:nth-child(5){left:7%;bottom:20px;color:#f0c46a}.signal-chip:nth-child(6){right:0;bottom:28px;color:#c9b2ff}
.mascot-dock{display:block;width:128px;height:104px;position:absolute;right:0;top:0;pointer-events:none}
.signal-scene .mascot-dock{width:180px;height:144px;left:calc(50% - 90px);top:36px}
.journey-core{width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 10px 12px #30363a20)}
.core-blink{animation-play-state:running}.inactive .core-blink{animation-play-state:paused}
.journey-core svg{width:100%;height:100%;overflow:visible}.core-gaze{transition:transform .16s ease-out}.core-blink{transform-origin:80px 68px;animation:core-blink 5.7s infinite}
@keyframes core-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}
.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:30;border:1px solid var(--border-em);background:var(--surface);color:var(--fg);border-radius:24px;padding:12px 18px;font:500 12px var(--body);cursor:pointer;box-shadow:0 4px 20px var(--shadow)}
#how{border-top:4px solid var(--teal);padding-top:72px!important;background:var(--surface)}
.step:nth-child(1){border-top:3px solid var(--coral)}.step:nth-child(2){border-top:3px solid var(--teal)}.step:nth-child(3){border-top:3px solid var(--blue)}.step:nth-child(4){border-top:3px solid var(--amber)}
.cov{background:color-mix(in srgb,var(--c) 6%,var(--surface));border-top:3px solid var(--c)}
#coverage .eyebrow{color:var(--violet)}#enterprise .eyebrow{color:var(--teal)}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition:none!important}
body.motion-paused .rv{opacity:1;transform:none}
@media(max-width:640px){.hero{padding-top:44px}.signal-scene{height:190px}.mascot-dock{width:80px;height:64px}.head h2{font-size:29px}.motion-toggle{right:10px;bottom:10px}.signal-chip{font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-core,.core-gaze{transition:none}.core-blink{animation:none}.signal-chip{transform:none}}
.appearance{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--band-fg-2)}
.appearance select{font:500 12px var(--body);padding:10px 6px;min-height:44px;border-radius:8px;border:1px solid var(--band-border);background:var(--band);color:var(--band-fg);cursor:pointer}
:root[data-theme="light"] .top,:root[data-theme="light"] .hero{--band:#FFFFFF;--band-fg:#30363A;--band-fg-2:#596064;--band-border:#30363A1a}
:root[data-theme="light"] .hero .console{--band:#262C30;--band-fg:#FFF7E8;--band-fg-2:#C2C5C6;--band-border:#ffffff1a}
:root[data-theme="light"] .hero h1 .accent,:root[data-theme="light"] .hero .eyebrow{color:var(--coral-ink)}
:root[data-theme="light"] .hero::after{background:radial-gradient(ellipse at 80% 25%,#7b4fd114,transparent 50%),radial-gradient(ellipse at 40% 90%,#08796d12,transparent 55%)}
:root[data-theme="light"] .orbit{border-color:#30363a25}
:root[data-theme="light"] .signal-chip:nth-child(3){color:var(--teal)}
:root[data-theme="light"] .signal-chip:nth-child(4){color:var(--blue)}
:root[data-theme="light"] .signal-chip:nth-child(5){color:var(--amber)}
:root[data-theme="light"] .signal-chip:nth-child(6){color:var(--violet)}
:root[data-theme="light"] .top :focus-visible,:root[data-theme="light"] .hero :focus-visible{outline-color:var(--focus)}
@media(max-width:640px){.top .wrap{gap:10px;flex-wrap:wrap;height:auto;min-height:64px;padding-block:10px}.appearance{font-size:0;margin-left:auto}.top .btn{margin-left:0;font-size:12px;padding-inline:10px}.brand{font-size:15px;gap:6px}.brand svg{width:28px}.nav{display:none}}
@media(max-width:640px){.signal-scene .mascot-dock{width:140px;height:112px;left:calc(50% - 70px);top:32px}}

/* Color carries evidence meaning; the mascot stays inside its own scene. */
:root[data-theme="light"] .signal-scene{background:linear-gradient(135deg,var(--teal-soft),var(--blue-soft) 55%,var(--violet-soft));border:1px solid var(--border);border-radius:24px}
.signal-scene{height:230px}
.signal-scene .mascot-dock{width:120px;height:96px;left:calc(50% - 60px);top:66px}
.signal-chip{box-shadow:none;transform:none}
:root[data-theme="light"] .signal-chip:nth-child(3){background:var(--teal-soft)}
:root[data-theme="light"] .signal-chip:nth-child(4){background:var(--blue-soft)}
:root[data-theme="light"] .signal-chip:nth-child(5){background:var(--amber-soft)}
:root[data-theme="light"] .signal-chip:nth-child(6){background:var(--violet-soft)}
:root[data-theme="light"] .step:nth-child(1){background:var(--coral-soft)}
:root[data-theme="light"] .step:nth-child(2){background:var(--teal-soft)}
:root[data-theme="light"] .step:nth-child(3){background:var(--blue-soft)}
:root[data-theme="light"] .step:nth-child(4){background:var(--amber-soft)}
:root[data-theme="light"] .demo-band{background:linear-gradient(125deg,var(--blue-soft),var(--bg) 70%)}
:root[data-theme="light"] .cov{background:color-mix(in srgb,var(--c) 11%,var(--surface))}
:root[data-theme="light"] .aud-card.pro .aud-body{background:linear-gradient(var(--coral-soft),var(--surface) 65%)}
:root[data-theme="light"] .aud-card.ent .aud-body{background:linear-gradient(var(--teal-soft),var(--surface) 65%)}
@media(max-width:640px){.signal-scene .mascot-dock{width:108px;height:86px;left:calc(50% - 54px);top:72px}.signal-chip:nth-child(3){left:12px;top:16px}.signal-chip:nth-child(4){right:12px;top:16px}.signal-chip:nth-child(5){left:12px;bottom:16px}.signal-chip:nth-child(6){right:12px;bottom:16px}}