@font-face{font-family:Archivo;src:url('/fonts/archivo.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:JBMono;src:url('/fonts/jetbrains-mono.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
:root{color-scheme:light;--paper:#e8ece3;--paper2:#f2f4ee;--ink:#122019;--muted:#536158;--line:#bdc7bb;--forest:#123d2d;--deep:#0d1714;--lime:#c5f36c;--orange:#ff7048;--white:#edf3ee;--meta:#4e5e53;--example-bg:#dce4d8;--example-ink:#3f5a49;--mono:JBMono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Archivo,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#101612;--paper2:#161f1a;--ink:#e5ede5;--muted:#a3b0a6;--line:#35433a;--forest:#173c2d;--deep:#090f0c;--orange:#ff7952;--meta:#94a399;--example-bg:#202c24;--example-ink:#a9c2af}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--lime);color:var(--deep)}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:absolute;left:16px;top:-60px;z-index:10;background:var(--ink);color:var(--paper2);padding:10px 14px;border-radius:4px;font-size:13px;font-weight:650}
.skip-link:focus{top:12px}
.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon-fill{fill:currentColor;stroke:none}
.mono{font-family:var(--mono)}

.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:720;letter-spacing:-.04em}
.brand svg{width:25px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}
.nav-center{display:flex;gap:30px;font-size:14px;font-weight:520}
.nav-center a{position:relative}
.nav-center a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--ink);transition:right .2s}
.nav-center a:hover:after{right:0}
.nav-right{display:flex;align-items:center;gap:18px;font-size:13px}
.trial-chip{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--meta);border:1px solid var(--line);border-radius:3px;padding:6px 8px}
.button{min-height:46px;padding:0 19px;border:1px solid var(--ink);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:650;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--ink);color:var(--paper2)}
.button-dark:hover{background:var(--forest);color:var(--white)}
.button-outline{background:transparent;color:var(--ink)}
.button-outline:hover{background:var(--paper2)}

.hero{padding:66px 0 0}
.hero-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;margin-bottom:52px}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--meta)}
.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.hero h1{font-size:clamp(50px,5.4vw,82px);font-weight:570;line-height:.98;letter-spacing:-.04em;margin:0;max-width:880px;text-wrap:balance}
.hero-side{padding-bottom:4px}
.hero-lede{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 25px;max-width:470px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--meta)}
.hero-meta .demo-label{display:flex;align-items:center;gap:8px}
.hero-meta .demo-label:before{content:"";width:6px;height:6px;background:var(--orange);border-radius:50%}

.correlation{position:relative;margin:0;height:520px;background:var(--deep);color:var(--white);border-radius:8px 8px 0 0;overflow:hidden;border:1px solid #2e453a}
.correlation:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #0003}
#signal-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.correlation-head{position:absolute;left:0;right:0;top:0;height:58px;border-bottom:1px solid #2a4036;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;font:11px var(--mono);color:#8ba095;z-index:3;background:#0d1714e8}
.correlation-title{display:flex;align-items:center;gap:12px;color:#d4e0d8;min-width:0}
.correlation-title span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pulse{width:7px;height:7px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c5f36c12}
.canvas-controls{display:flex;gap:8px}
.replay{border:1px solid #3a5447;background:#13221c;color:#d6e4da;border-radius:3px;padding:7px 10px;font:11px var(--mono);cursor:pointer;display:flex;align-items:center;gap:8px;z-index:4}
.replay:hover{border-color:var(--lime);color:var(--lime)}
.replay .icon{width:12px;height:12px}
.source-list{position:absolute;left:24px;top:94px;bottom:78px;width:210px;display:flex;flex-direction:column;justify-content:space-between;z-index:2}
.source{width:100%;background:#12211b;border:1px solid #344e41;border-radius:4px;padding:12px 13px;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;box-shadow:0 8px 20px #0002;transition:border-color .25s}
.source i{width:6px;height:6px;border-radius:50%;background:#56705f}
.source-name{font:12px var(--mono);color:#e0e9e2}
.source-type{display:block;font:11px var(--mono);color:#8aa092;margin-top:4px}
.source-count{font:11px var(--mono);color:#8fa497}
.source.is-active{border-color:#7f9c86}
.source.is-active i{background:var(--lime)}
.source.is-alert{border-color:var(--orange)}
.source.is-alert i{background:var(--orange)}
.incident{position:absolute;z-index:3;right:24px;top:111px;width:310px;background:#15231d;border:1px solid #526653;border-radius:5px;box-shadow:0 20px 45px #0005;overflow:hidden;transition:border-color .25s}
.incident.is-live{border-color:#76907f}
.incident.is-incident{border-color:var(--lime)}
.incident-top{display:flex;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #34493d;font:11px var(--mono);color:#90a498}
.incident-top b{color:var(--lime);font-weight:600}
.incident-body{padding:18px}
.incident .incident-title{font-size:19px;line-height:1.2;letter-spacing:-.02em;margin:0 0 9px;font-weight:620;color:var(--white)}
.incident p{font-size:12px;line-height:1.55;color:#a9bbb0;margin:0 0 17px}
.incident-evidence{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #34493d;border-left:1px solid #34493d}
.evidence-cell{padding:10px;border-right:1px solid #34493d;border-bottom:1px solid #34493d}
.evidence-cell span{display:block;font:11px var(--mono);color:#8aa092;margin-bottom:5px}
.evidence-cell b{font:12px var(--mono);font-weight:500;color:#d8e5dc}
.incident-action{padding:12px 15px;background:#c5f36c0b;color:var(--lime);font:11px/1.5 var(--mono)}
.correlation-foot{position:absolute;left:0;right:0;bottom:0;min-height:52px;border-top:1px solid #2a4036;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 22px;font:12px/1.5 var(--mono);color:#7f9688;z-index:3;background:#0d1714e8}
.correlation-foot strong{font-weight:500;color:#b9c9be}
.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;background:var(--paper2)}
.capability{padding:23px 25px;display:flex;align-items:center;gap:13px;border-right:1px solid var(--line);font-size:13px;font-weight:600}
.capability:last-child{border:0}
.capability .icon{color:var(--forest)}

.section{padding:120px 0}
.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-bottom:70px}
.section h2{font-size:clamp(40px,4vw,58px);line-height:1.04;letter-spacing:-.035em;font-weight:560;margin:0;text-wrap:balance}
.section-heading p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:460px}

.how{background:var(--paper2)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.step{padding:30px 36px 35px 0;border-right:1px solid var(--line)}
.step:not(:first-child){padding-left:36px}
.step:last-child{border:0}
.step-index{font:11px var(--mono);color:var(--meta);display:block;margin-bottom:48px}
.step h3{font-size:22px;letter-spacing:-.025em;margin:0 0 12px}
.step p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.step-state{margin-top:25px;display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);color:var(--meta)}
.step-state:before{content:"";width:6px;height:6px;background:var(--forest);border-radius:50%}

.intro{padding-bottom:110px}
.video-frame{position:relative;background:var(--deep);border:1px solid #2e453a;border-radius:8px;overflow:hidden;aspect-ratio:16/9;max-width:100%}
.video-frame video{display:block;width:100%;height:100%;background:var(--deep)}
.video-frame video::cue{font-family:Archivo,"Helvetica Neue",Arial,sans-serif;color:#edf3ee;background:rgba(13,23,20,.88)}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:clamp(14px,3.2vw,40px);border:0;background:transparent;color:var(--white);text-align:left;cursor:pointer}
.video-play:focus-visible{outline:3px solid var(--orange);outline-offset:-6px}
.video-play-pill{display:inline-flex;align-items:center;gap:14px;padding:8px 22px 8px 8px;background:#0d1714f0;border:1px solid #3a5447;border-radius:6px;box-shadow:0 14px 34px #0006;transition:border-color .18s,transform .22s cubic-bezier(.16,1,.3,1)}
.video-play-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:4px;background:var(--lime);color:var(--deep)}
.video-play-icon .icon{width:18px;height:18px;margin-left:2px}
.video-play-text b{display:block;font:650 15px/1.2 var(--sans);letter-spacing:-.01em}
.video-play-text span{display:block;margin-top:5px;font:12px var(--mono);color:#9fb3a6}
.video-play:hover .video-play-pill{border-color:var(--lime);transform:translateY(-2px)}
.video-play:active .video-play-pill{transform:translateY(0)}
.video-play:focus-visible .video-play-pill{outline:3px solid var(--orange);outline-offset:3px}
.video-note{margin:12px 0 0;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--meta)}

.signal-ledger{border-top:1px solid var(--ink)}
.signal-row{display:grid;grid-template-columns:54px .65fr 1.15fr .4fr;gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}
.signal-row:hover{background:var(--paper2);padding-left:15px;padding-right:15px}
.signal-row>.icon{width:25px;height:25px;color:var(--forest)}
.signal-row h3{font-size:22px;letter-spacing:-.025em;margin:0;font-weight:600}
.signal-row p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.signal-example{font:12px/1.6 var(--mono);color:var(--example-ink);background:var(--example-bg);padding:9px 11px;border-radius:3px}

.investigation{background:var(--forest);color:var(--white)}
.investigation-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:85px;align-items:start}
.investigation-copy{position:sticky;top:40px}
.investigation-copy h2{font-size:46px}
.investigation-copy>p{font-size:15px;line-height:1.7;color:#b8cabd;margin:24px 0 30px}
.proof-list{list-style:none;margin:0;padding:0;border-top:1px solid #52705f}
.proof-list li{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #52705f;color:#d9e4db;font-size:13px;line-height:1.5}
.proof-list .icon{color:var(--lime);margin-top:1px}
.case-file{background:var(--paper2);color:var(--ink);border-radius:6px;overflow:hidden;box-shadow:0 28px 70px #07170f66}
.case-head{padding:20px 24px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font:12px var(--mono)}
.case-head b{color:#b44126;font-weight:650}
.case-summary{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--line)}
.case-stat{padding:18px 22px;border-right:1px solid var(--line)}
.case-stat:last-child{border:0}
.case-stat span{display:block;font:11px var(--mono);color:var(--meta);margin-bottom:7px}
.case-stat strong{font:12px var(--mono);font-weight:550}
.timeline{list-style:none;margin:0;padding:14px 24px 20px}
.timeline-item{display:grid;grid-template-columns:76px 20px 1fr;gap:14px;min-height:84px}
.timeline-time{font:11px var(--mono);color:var(--meta);padding-top:5px}
.timeline-rail{position:relative;display:flex;justify-content:center}
.timeline-rail:before{content:"";width:1px;background:var(--line);position:absolute;top:14px;bottom:-5px}
.timeline-item:last-child .timeline-rail:before{display:none}
.timeline-dot{width:9px;height:9px;background:var(--paper2);border:2px solid var(--forest);border-radius:50%;z-index:1;margin-top:3px}
.timeline-item.alert .timeline-dot{border-color:var(--orange);background:var(--orange)}
.timeline-content{padding-bottom:20px}
.timeline-content b{display:block;font:12px var(--mono);font-weight:600;margin-bottom:6px}
.timeline-content p{font:12px/1.55 var(--mono);color:var(--muted);margin:0}
.recommended{margin:0 24px 24px;background:#dfe9d3;border:1px solid #b7caa3;border-radius:4px;padding:17px 19px;display:grid;grid-template-columns:120px 1fr;gap:18px}
.recommended b{font:11px var(--mono);color:#335328}
.recommended p{font:12px/1.6 var(--mono);color:#3e5536;margin:0}
@media (prefers-color-scheme:dark){.case-head b{color:var(--orange)}.recommended{background:#243521;border-color:#465d39}.recommended b{color:#d1edab}.recommended p{color:#bed3aa}.capability .icon,.signal-row>.icon{color:var(--lime)}.step-state:before{background:var(--lime)}.timeline-dot{border-color:var(--lime)}}

.caveats{list-style:none;margin:0 0 64px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.caveats li{padding:26px 30px 30px 0;border-right:1px solid var(--line);font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:560}
.caveats li:not(:first-child){padding-left:30px}
.caveats li:last-child{border:0}
.caveats .mono{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--orange);margin-bottom:28px}
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.status-col{background:var(--paper2);border:1px solid var(--line);border-radius:6px;padding:30px 32px}
.status-col h3{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;letter-spacing:-.025em}
.status-col h3 .icon{width:20px;height:20px;color:var(--forest)}
.status-col.later h3 .icon{color:var(--muted)}
.status-sub{margin:8px 0 18px;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--meta)}
.status-col ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.status-col li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.55;color:var(--muted)}
@media (prefers-color-scheme:dark){.status-col h3 .icon{color:var(--lime)}}

.closing{padding:0 0 80px;background:var(--paper)}
.closing-box{background:var(--lime);color:#122019;border-radius:7px;padding:70px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:60px;position:relative;overflow:hidden}
.ascii-mark{position:absolute;right:150px;top:50%;transform:translateY(-50%);margin:0;font:12px/1.05 var(--mono);font-weight:700;letter-spacing:2px;color:#5d7d2d55;pointer-events:none;white-space:pre}
.closing-box>div{position:relative;z-index:1}
.closing-eyebrow{margin:0 0 18px;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#3d5128}
.closing h2{font-size:52px;line-height:1.04;letter-spacing:-.035em;font-weight:560;margin:0}
.closing-box p:not(.closing-eyebrow){font-size:15px;margin:20px 0 0;max-width:560px;line-height:1.6;color:#2f421f}
.rules{list-style:none;margin:24px 0 0;padding:0;max-width:440px;font:12px/1.5 var(--mono);color:#2f421f}
.rules li{padding:7px 0;border-top:1px solid #12201922}
.rules li:before{content:"↳ "}
.closing-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.closing .button{min-height:52px;padding-inline:24px}
.closing .button-dark{background:#122019;color:#f2f4ee;border-color:#122019}
.closing .button-dark:hover{background:#123d2d}
.email-fallback{font:12px var(--mono);text-decoration:underline;text-underline-offset:4px}
.closing .button:focus-visible,.closing a:focus-visible{outline-color:#122019}

.agent-setup{background:var(--paper2)}
.agent-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:start}
.agent-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.agent-list li{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.agent-index{font:11px var(--mono);color:var(--meta);padding-top:5px}
.agent-list h3{margin:0 0 8px;font-size:20px;letter-spacing:-.02em;font-weight:600}
.agent-list p{margin:0;font-size:14px;line-height:1.6;color:var(--muted);max-width:62ch}
.agent-result{position:sticky;top:40px;background:var(--paper);border:1px dashed var(--line);border-radius:6px;padding:24px 24px 18px}
.agent-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font:11px var(--mono);letter-spacing:.04em;color:var(--meta);padding-bottom:14px;border-bottom:1px solid var(--line)}
.plan-chip{border:1px dashed var(--meta);border-radius:3px;padding:3px 7px}
.agent-result dl{margin:0}
.agent-result dl div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.agent-result dt{font:11px var(--mono);letter-spacing:.04em;color:var(--meta);padding-top:1px}
.agent-result dd{margin:0;font:12px/1.5 var(--mono);color:var(--ink)}
.agent-result dd small{display:block;font-size:11px;color:var(--meta);margin-top:2px}
.agent-result-foot{margin:14px 0 0;font:11px/1.5 var(--mono);color:var(--meta)}
.agent-note{margin:36px 0 0;max-width:760px;font-size:14px;line-height:1.65;color:var(--muted)}
.agent-note a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.agent-grid{grid-template-columns:1fr;gap:36px}.agent-result{position:static}}
@media(max-width:680px){.agent-list li{grid-template-columns:34px 1fr;gap:12px}.agent-result dl div{grid-template-columns:1fr;gap:4px}}
html{scroll-padding-top:84px}
.nav-shell{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.nav-shell .nav{height:72px;border-bottom:0}
.explain{background:var(--paper)}
.explain-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.explain-steps li{padding:28px 28px 32px 0;border-right:1px solid var(--line)}
.explain-steps li:not(:first-child){padding-left:28px}
.explain-steps li:last-child{border-right:0}
.explain-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper2);font:600 14px var(--mono);margin-bottom:22px}
.explain-steps h3{margin:0 0 10px;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.explain-steps p{margin:0;font-size:15px;line-height:1.65;color:var(--muted)}
.explain-more{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;align-items:start}
.hear-card{background:var(--paper2);border:1px solid var(--line);border-radius:6px}
.hear-card{padding:24px 28px 12px}
.hear-card h3{margin:0 0 14px;font-size:20px;letter-spacing:-.02em}
.hear-card dl{margin:0}
.hear-card dl div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.hear-card dt{font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--meta);padding-top:3px}
.hear-card dd{margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.trial-facts{margin:22px 0 0;max-width:580px}
.trial-facts div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-top:1px solid #12201922}
.trial-facts dt{font:12px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#3d5128}
.trial-facts dd{margin:0;font-size:14px;line-height:1.5;color:#1f3014}
.closing-box .email-line{margin:0;font-size:13px;line-height:1.5;color:#2f421f;max-width:260px;text-align:right}
@media(max-width:1000px){.explain-steps{grid-template-columns:1fr 1fr}.explain-steps li,.explain-steps li:not(:first-child){padding:26px 24px 28px 0;border-right:0;border-bottom:1px solid var(--line)}.explain-steps li:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}.explain-more{grid-template-columns:1fr}.closing-box .email-line{text-align:left}}
@media(max-width:680px){html{scroll-padding-top:76px}.nav-shell .nav{height:64px}.explain-steps{grid-template-columns:1fr}.explain-steps li:nth-child(even){padding-left:0;border-left:0}.explain-n{margin-bottom:14px}.hear-card{padding:20px 18px 8px}.hear-card dl div,.trial-facts div{grid-template-columns:1fr;gap:4px}}
.footer{background:var(--paper2);padding:30px 0 38px;border-top:1px solid var(--line)}
.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.footer-note{font:11px var(--mono);color:var(--meta)}
.footer-links{display:flex;gap:26px;font-size:12px}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}

.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding-block:60px}
.not-found h1{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.04em;font-weight:570;margin:0}
.not-found p{color:var(--muted);margin:0;font-size:16px}

@media(max-width:1100px){.nav-center{gap:20px;font-size:13px}.trial-chip{display:none}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.nav-center{display:none}.hero-intro{grid-template-columns:1fr;gap:28px}.hero-lede{max-width:650px}.source-list{width:180px}.incident{width:280px}.section-heading{grid-template-columns:1fr;gap:25px}.signal-row{grid-template-columns:40px .7fr 1.3fr}.signal-example{display:none}.investigation-grid{grid-template-columns:1fr;gap:50px}.investigation-copy{position:static}.closing-box{padding:45px;grid-template-columns:1fr}.closing-actions{align-items:flex-start}.ascii-mark{display:none}.caveats{grid-template-columns:1fr}.caveats li,.caveats li:not(:first-child){padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.caveats .mono{margin-bottom:10px}.status-grid{grid-template-columns:1fr}}
@media(max-width:680px){.nav{height:72px}.nav .button{min-height:44px;padding:0 12px;font-size:12px}.hero{padding-top:42px}.hero h1{font-size:44px}.hero-intro{margin-bottom:35px}.hero-lede{font-size:15px}.hero-meta span:last-child{display:none}.correlation{height:auto;display:flex;flex-direction:column}.correlation-head{position:static;order:1;padding:0 14px}.source-list{position:static;order:2;width:auto;margin:14px 14px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.source{padding:9px}#signal-canvas{position:relative;order:3;height:200px}.incident{position:static;order:4;margin:0 14px 14px;width:auto}.correlation-foot{position:static;order:5;padding:8px 14px}.correlation-foot span:last-child{display:none}.canvas-controls{gap:5px}.replay{font-size:11px;min-height:44px;padding:0 12px;white-space:nowrap}.capabilities{grid-template-columns:1fr 1fr}.capability{padding:18px 14px;border-bottom:1px solid var(--line);font-size:12px}.capability:nth-child(2){border-right:0}.section{padding:80px 0}.section-heading{margin-bottom:45px}.section h2{font-size:38px}.signal-row{grid-template-columns:30px 1fr;gap:15px}.signal-row p{grid-column:2}.case-summary{grid-template-columns:1fr}.case-stat{border-right:0;border-bottom:1px solid var(--line);padding:12px 18px}.timeline{padding-inline:14px}.timeline-item{grid-template-columns:62px 16px 1fr;gap:8px}.recommended{grid-template-columns:1fr;margin-inline:14px;gap:8px}.step,.step:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:1fr}.step-index{margin-bottom:20px}.closing-box{padding:35px 25px}.closing h2{font-size:36px}.footer-row{flex-wrap:wrap}.footer-note{display:none}.status-col{padding:24px 20px}.video-play{padding:10px}.video-play-pill{gap:10px;padding:5px 14px 5px 5px}.video-play-icon{width:36px;height:36px}.video-play-icon .icon{width:14px;height:14px}.video-play-text b{font-size:13px}.video-play-text span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

.paths{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.path{display:flex;flex-direction:column;background:var(--paper2);border:1px solid var(--line);border-radius:6px;padding:30px 32px 32px}
.path-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:44px;font:11px var(--mono);letter-spacing:.04em;color:var(--meta)}
.path-trigger{border:1px solid var(--line);border-radius:3px;padding:4px 7px;color:var(--ink)}
.path h3{font-size:30px;line-height:1.1;letter-spacing:-.03em;font-weight:600;margin:0 0 14px}
.path>p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 28px;max-width:560px}
.path-facts{margin:0 0 28px;border-top:1px solid var(--line)}
.path-facts div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.path-facts dt{font:11px/1.6 var(--mono);letter-spacing:.04em;color:var(--meta)}
.path-facts dd{margin:0;font-size:14px;line-height:1.5}
.path-link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:4px}
.path-link:hover{color:var(--forest);border-color:var(--forest)}

.steps-4{grid-template-columns:repeat(4,1fr)}
.steps-4 .step{padding-right:28px}
.steps-4 .step:not(:first-child){padding-left:28px}
.step-planned .step-state:before{background:transparent;border:1px solid var(--meta)}

.alert-fields{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.alert-fields .case-stat{background:var(--paper2);border:0;min-width:0}
.alert-fields .case-stat strong{overflow-wrap:anywhere}
.alert-fields .case-wide{grid-column:span 2}
.alert-fields .is-planned strong{color:var(--meta);font-weight:400}
.ack-states{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 24px 16px}
.ack-state{border:1px solid var(--line);border-radius:4px;padding:15px 17px}
.ack-state.is-planned{border-style:dashed}
.ack-tag{display:block;font:11px var(--mono);letter-spacing:.04em;color:var(--meta);margin-bottom:10px}
.ack-state b{display:block;font-size:16px;letter-spacing:-.015em;margin-bottom:6px}
.ack-state p{font:12px/1.55 var(--mono);color:var(--muted);margin:0}
.proof-list li.is-planned{color:#b8cabd}
.proof-list li.is-planned .icon{color:#8fa497}
.alert-note{margin:34px 0 0;font:12px/1.6 var(--mono);color:#b8cabd}

.scenario-film{margin-top:96px}
.film-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:start;margin-bottom:36px}
.film-head h3{font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:560;margin:0;text-wrap:balance}
.film-head p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 18px;max-width:460px}
.film-notes{list-style:none;margin:0;padding:0;max-width:460px;font:12px/1.5 var(--mono);color:var(--muted)}
.film-notes li{padding:8px 0;border-top:1px solid var(--line)}

.caveats-title{font-size:22px;letter-spacing:-.025em;font-weight:600;margin:0 0 18px}
.caveats+.caveats-title{margin-top:-16px}
.caveat-link{display:block;margin-top:14px;font-size:14px;font-weight:500;letter-spacing:0;text-decoration:underline;text-underline-offset:4px;color:var(--forest)}
.status-col .caveat-link{display:inline;margin:0;color:inherit}
@media (prefers-color-scheme:dark){.caveat-link{color:var(--lime)}.path-link:hover{color:var(--lime);border-color:var(--lime)}}

@media(max-width:1000px){.paths{grid-template-columns:1fr}.steps-4{grid-template-columns:1fr 1fr}.steps-4 .step,.steps-4 .step:not(:first-child){padding:28px 24px 30px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.steps-4 .step:nth-child(2n){padding-left:24px;padding-right:0;border-right:0}.steps-4 .step:nth-child(n+3){border-bottom:0}.film-head{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.path{padding:24px 20px}.path-head{margin-bottom:28px}.path h3{font-size:26px}.path-facts div{grid-template-columns:1fr;gap:4px}.steps-4{grid-template-columns:1fr}.steps-4 .step,.steps-4 .step:not(:first-child),.steps-4 .step:nth-child(2n){padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.steps-4 .step:last-child{border-bottom:0}.alert-fields{grid-template-columns:1fr 1fr}.alert-fields .case-stat{padding:12px 14px}.alert-fields .case-wide{grid-column:1/-1}.ack-states{grid-template-columns:1fr;margin-inline:14px}.scenario-film{margin-top:64px}}
.steps-4 .step{display:flex;flex-direction:column;align-items:flex-start}
.steps-4 .step p{margin-bottom:25px}
.steps-4 .step-state{margin-top:auto}

/* Launch QA pass 2 */
.explain{padding-top:84px}
.video-play{align-items:flex-end;justify-content:flex-start}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1000px){
  html{scroll-padding-top:128px}
  .nav-shell .nav{flex-wrap:wrap;height:auto;min-height:64px;padding-top:10px}
  .nav-shell .nav-center{display:flex;order:3;width:100%;gap:22px;overflow-x:auto;font-size:13px;scrollbar-width:none}
  .nav-shell .nav-center::-webkit-scrollbar{display:none}
  .nav-shell .nav-center a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
  .nav-shell .nav-center a:after{bottom:8px}
}
@media(max-width:680px){
  .hero-meta{flex-direction:column;align-items:flex-start;gap:6px}
  .hero-meta span:last-child{display:block;text-transform:none;letter-spacing:0}
  .video-play-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .video-play-pill{padding:4px}
}

/* Glossary reference block (after Limits) and first-use term links */
.explain-more{grid-template-columns:1fr}
.explain-steps p,.hear-card dd{text-wrap:pretty}
.glossary-section{background:var(--paper2)}
.glossary-list{margin:0;columns:2;column-gap:56px;border-top:1px solid var(--ink)}
.glossary-list div{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:16px 10px;margin:0 -10px;border-bottom:1px solid var(--line);break-inside:avoid;scroll-margin-top:110px;border-radius:4px;transition:background .6s}
.glossary-list div:target{background:#c5f36c33}
.glossary-list dt{font:600 13px/1.5 var(--mono);color:var(--ink)}
.glossary-list dd{margin:0;font-size:14px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.term-link{color:inherit;text-decoration:underline dotted;text-decoration-color:var(--meta);text-underline-offset:3px;text-decoration-thickness:1px}
.term-link:hover{text-decoration-style:solid;text-decoration-color:currentColor}
@media(max-width:1000px){.glossary-list{columns:1}.glossary-list div{scroll-margin-top:136px}}
@media(max-width:680px){.glossary-list div{grid-template-columns:1fr;gap:4px}}

/* Lean page (2026-10-28): one claim per section, monospace only for values */
.kicker{margin:0 0 20px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--meta)}
.hero-lede{font-size:16px;line-height:1.6}
.strip{margin:0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;background:var(--deep);border:1px solid #2e453a;border-radius:8px;padding:22px;color:var(--white)}
.strip code,.finding-card code,.how-cards code{font-family:var(--mono);font-size:.92em}
.strip-frame{background:#12211b;border:1px solid #344e41;border-radius:6px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.strip-step{font-size:13px;font-weight:600;color:#9fb3a6}
.strip-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.strip-list li{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#d6e4da;padding:6px 8px;border-radius:4px}
.strip-list li span{color:#8aa092;font-size:12px}
.strip-list li.hit{background:#ff704818;color:var(--orange);box-shadow:inset 2px 0 0 var(--orange)}
.strip-id{margin:0;font-size:15px;color:#edf3ee}
.strip-note{margin:0;font-size:13px;line-height:1.5;color:#a9bbb0}
.strip-finding{border-color:var(--lime)}
.strip-title{margin:0;font-size:19px;font-weight:620;letter-spacing:-.02em;color:#edf3ee}
.strip-arrow{display:grid;place-items:center;color:#56705f}
.strip figcaption{grid-column:1/-1;font-size:13px;color:#8aa092}
.narrow{max-width:860px}
.lede{font-size:clamp(19px,1.6vw,23px);line-height:1.5;margin:22px 0 0;color:var(--ink);text-wrap:pretty}
.how-cards{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.how-cards li{background:var(--paper2);border:1px solid var(--line);border-radius:6px;padding:22px 22px 24px}
.how-n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--paper2);font-size:14px;font-weight:650;margin-bottom:16px}
.how-cards h3{margin:0 0 8px;font-size:18px;line-height:1.25;letter-spacing:-.015em}
.how-cards p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}
.example-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start;margin-top:36px}
.finding-card{background:var(--paper2);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.finding-card header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--meta)}
.finding-card header b{color:#b44126}
.finding-card dl{margin:0}
.finding-card dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}
.finding-card dt{font-size:13px;color:var(--meta)}
.finding-card dd{margin:0;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.finding-foot{margin:0;padding:12px 20px;font-size:13px;color:var(--meta)}
.example .scenario-film{margin:0}
.not-do{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ink)}
.not-do li{padding:18px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.55;color:var(--muted)}
.not-do b{color:var(--ink);font-weight:620}
.more-link{margin:22px 0 0;font-size:15px}
.more-link a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.status .status-grid{margin-top:32px}
.planned-line{margin:16px 0 0;font-size:14px;color:var(--meta)}
.tip{position:relative;text-decoration:underline dotted;text-decoration-color:var(--meta);text-underline-offset:3px;cursor:help;outline-offset:2px}
.tip-body{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:260px;padding:10px 12px;border-radius:6px;background:var(--ink);color:var(--paper2);font-size:13px;line-height:1.45;font-weight:400;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;z-index:40;text-align:left;white-space:normal}
.tip:hover .tip-body,.tip:focus .tip-body,.tip:focus-within .tip-body{opacity:1;visibility:visible}
.back-link{margin:0 0 18px;font-size:14px}
.back-link a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.limits-page h1{margin:0;font-size:clamp(40px,4.4vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:560}
.limits-page .lede{margin-bottom:44px}
.footer-note{font-family:var(--sans);letter-spacing:0}
@media(prefers-color-scheme:dark){.finding-card header b{color:var(--orange)}}
@media(max-width:1000px){.strip{grid-template-columns:1fr}.strip-arrow{transform:rotate(90deg)}.how-cards{grid-template-columns:1fr 1fr}.example-grid{grid-template-columns:1fr}}
@media(max-width:680px){.how-cards{grid-template-columns:1fr}.strip{padding:14px}.finding-card dl div{grid-template-columns:1fr;gap:2px}.tip-body{left:0;transform:none;max-width:min(260px,80vw)}.lede{font-size:18px}}
.rules{font:14px/1.5 var(--sans)}
.video-note{font:13px/1.5 var(--sans);letter-spacing:0;text-transform:none}

/* How-it-works explainer: pinned stage, scroll-told steps (2026-10-28) */
.explainer{background:var(--paper2)}
.xp-intro{max-width:820px}
.xp{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;margin-top:48px;align-items:start}
.xp-chapter{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:14px;font-weight:650;color:var(--meta)}
.xp-chapter span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--meta);font-size:12px}
.xp-step+.xp-chapter{margin-top:48px}
.xp-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:20px 0;border-left:2px solid var(--line);padding-left:24px;transition:opacity .35s,border-color .35s}
.xp.is-live .xp-step{opacity:.32}
.xp.is-live .xp-step.is-active{opacity:1;border-left-color:var(--ink)}
.xp-n{font-size:13px;font-weight:650;color:var(--meta);margin-bottom:10px}
.xp-step h3{margin:0 0 10px;font-size:clamp(22px,2vw,28px);line-height:1.18;letter-spacing:-.025em}
.xp-step p{margin:0;font-size:16px;line-height:1.6;color:var(--muted);max-width:44ch;text-wrap:pretty}
.xp-step code,.xp-stage code{font-family:var(--mono);font-size:.9em}
.xp-stage{position:sticky;top:104px;height:min(620px,calc(100vh - 140px));background:var(--deep);color:var(--white);border:1px solid #2e453a;border-radius:10px;padding:22px 22px 14px;display:flex;flex-direction:column}
.xp-viewport{position:relative;flex:1;overflow:hidden}
.xp-label{margin:10px 0 0;font-size:12px;color:#7f9688}
.scene{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:14px;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .4s}
.scene-b{opacity:0;visibility:hidden}
.xp.chap-b .scene-a{opacity:0;visibility:hidden}
.xp.chap-b .scene-b{opacity:1;visibility:visible}
.adv,.srv,.fnd,.decoy,.procs,.rule,.mail{background:#12211b;border:1px solid #344e41;border-radius:8px;padding:14px 16px}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;color:#9fb3a6}
.card-head b{color:#edf3ee;font-weight:600}
.sig,.files{display:inline-flex;align-items:center;gap:6px;color:var(--lime)}
.sig .icon,.files .icon,.still .icon{width:14px;height:14px}
.adv-id{margin:0 0 4px;font-size:16px;color:#edf3ee}
.adv-range{margin:0;font-size:13px;color:#a9bbb0}
.xp-stage .rows{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.xp-stage .rows li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:5px;font-size:14px;color:#d6e4da;transition:background .4s,color .4s,box-shadow .4s}
.xp-stage .rows li>span{margin-left:auto;font-size:12px;color:#8aa092}
.xp-stage .rows em{font-style:normal;font-size:12px;font-weight:650;padding:2px 7px;border-radius:3px;background:var(--orange);color:#1a0d07;opacity:0;transform:translateX(-4px);transition:opacity .3s .2s,transform .3s .2s}
.srv{position:relative;overflow:hidden}
.scan{position:absolute;left:0;right:0;top:44px;height:2px;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:0;pointer-events:none}
.fnd .card-head b{color:var(--lime)}
.fnd dl{margin:0;display:grid;gap:6px}
.fnd dl div{display:grid;grid-template-columns:84px 1fr;gap:10px;font-size:13px}
.fnd dt{color:#8aa092}
.fnd dd{margin:0;color:#edf3ee;overflow-wrap:anywhere}
.fnd{border-color:var(--lime)}
.mail{display:flex;align-items:center;gap:10px;font-size:13px;color:#d6e4da;padding:10px 14px}
.mail-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c5f36c22}
.decoy p{margin:0;font-size:14px;color:#edf3ee}
.decoy .muted{color:#8aa092;font-size:12px;margin-left:6px}
.chips{display:inline-flex;gap:6px;margin-left:auto}
.chip{font-style:normal;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid #3a5447;color:#d6e4da;opacity:0;transform:scale(.9);transition:opacity .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.chip-decoy{border-color:var(--orange);color:var(--orange)}
.xp-stage .rows .nof{background:transparent;color:#8aa092;border:1px solid #3a5447;font-weight:500}
.rule{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#9fb3a6;transition:border-color .4s,background .4s}
.rule code{color:#edf3ee;font-size:14px}
.rule-note{flex-basis:100%;font-size:12px;color:#8aa092}
.still{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;color:var(--lime)}

/* States. Without .is-live (no JS) everything in chapter A shows. */
.xp.is-live .adv{opacity:0;transform:translateY(-14px);transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.xp.is-live.a2 .adv{opacity:1;transform:none}
.xp.a3 .row-hit{background:#ff704818;color:var(--orange);box-shadow:inset 2px 0 0 var(--orange)}
.xp.a3 .row-hit em{opacity:1;transform:none}
.xp.is-live.a3:not(.a4) .scan{animation:xp-scan 1.2s cubic-bezier(.45,0,.2,1) 1}
@keyframes xp-scan{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(118px)}}
.xp.is-live .fnd,.xp.is-live .mail{clip-path:inset(0 0 100% 0);opacity:.2;transition:clip-path .75s cubic-bezier(.16,1,.3,1),opacity .4s}
.xp.is-live.a4 .scene-a .fnd{clip-path:inset(0);opacity:1}
.xp.is-live.a4 .mail{clip-path:inset(0);opacity:1;transition-delay:.45s}
.xp.is-live .decoy{opacity:.35;transition:opacity .4s}
.xp.b5 .decoy{opacity:1}
.xp.b5 .p2 .chip-net{opacity:1;transform:none}
.xp.b6 .p4 .chip{opacity:1;transform:none}
.xp.b6 .p4 .chip-net{transition-delay:.25s}
.xp.b6 .p4{background:#ff704818;color:var(--orange);box-shadow:inset 2px 0 0 var(--orange)}
.xp.b6 .p4 em,.xp.b6 .p2 .nof{opacity:1;transform:none}
.xp.b6 .rule{border-color:var(--orange);background:#ff70480f}
.xp.b6 .rule code{color:var(--orange)}
.xp.is-live.b7 .fnd-b{clip-path:inset(0);opacity:1}

@media(max-width:900px){
  .xp{grid-template-columns:1fr;gap:0}
  .xp-stage{order:-1;top:118px;height:clamp(300px,44vh,380px);z-index:2;padding:16px 16px 10px}
  .xp-step{min-height:58vh}
  .xp-steps{position:relative;z-index:1}
}
@media(prefers-reduced-motion:reduce){
  .scene{transition:none!important}
  .xp.is-live .adv,.chip,.xp-stage .rows em{transform:none!important;transition:opacity .2s!important}
  .xp.is-live .fnd,.xp.is-live .mail{clip-path:none;transition:opacity .2s}
  .xp.is-live.a3:not(.a4) .scan{animation:none}
}
/* Explainer refinements: content-sized stage, waiting slot, mobile framing */
.xp-stage{height:auto}
.xp-viewport{flex:none;height:456px}
.adv{position:relative}
.adv::after{content:"Advisory feed: waiting for a new advisory";position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#7f9688;opacity:0;transition:opacity .3s;pointer-events:none}
.xp.is-live:not(.a2) .adv{opacity:1;transform:none;background:transparent;border-style:dashed}
.xp.is-live:not(.a2) .adv>*{opacity:0}
.xp.is-live:not(.a2) .adv::after{opacity:1}
.xp.is-live .adv>*{transition:opacity .45s .1s}
.xp-stage code{white-space:nowrap}
@media(max-width:900px){
  .xp-stage{top:128px}
  .xp-viewport{height:clamp(250px,36vh,320px);-webkit-mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 14px),transparent)}
  .xp-stage .rows li{flex-wrap:wrap;row-gap:6px}
  .chips{flex-wrap:wrap;gap:4px}
  .chip{font-size:11px;padding:1px 7px}
}
.xp-viewport{-webkit-mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.scene{padding:14px 0}
/* Explainer rail: plain chapter labels, step counters, no full-height bars */
.xp-chapter{gap:12px;font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--meta)}
.xp-chapter::after{content:"";flex:1;max-width:120px;height:1px;background:var(--line)}
.xp-step{min-height:50vh;border-left:0;padding-left:0}
.xp.is-live .xp-step{opacity:.38}
.xp.is-live .xp-step.is-active{opacity:1}
.xp-n{font-size:13px;font-weight:600;color:var(--meta);margin-bottom:8px}
.xp.is-live .xp-step.is-active .xp-n{color:var(--ink)}
@media(max-width:900px){.xp-step{min-height:52vh}}

/* Copy setup prompt */
.copy-prompt .icon{width:16px;height:16px}
.copy-prompt.is-copied{border-color:var(--forest);color:var(--forest)}
.copy-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-color-scheme:dark){.copy-prompt.is-copied{border-color:var(--lime);color:var(--lime)}}
.planned-line a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.copy-prompt:disabled{opacity:.55;cursor:not-allowed;transform:none}
.copy-prompt:disabled:hover{background:transparent;transform:none}
.copy-note{flex-basis:100%;margin:2px 0 0;font-size:13px;color:var(--meta)}
/* Canvas effects: strip packets and the explainer's glyph field */
.strip{position:relative}
.fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.strip-frame,.strip-list li{transition:box-shadow .45s,background .45s}
.strip-list li.hit.fx-hit{background:#ff704830;box-shadow:inset 2px 0 0 var(--orange),0 0 0 1px #ff704866}
.strip-finding.fx-glow{box-shadow:0 0 0 1px var(--lime),0 0 28px #c5f36c33}
.fx-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.scene{z-index:1}
.xp.b6 .rule{background:#20261e}

/* Setup story (dev review 2026-10-29) */
.feed-note{margin:-8px 0 22px;font-size:14px;line-height:1.5;color:var(--meta)}
.start-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.start{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.start-label{margin:0;font-size:14px;font-weight:650;color:var(--ink)}
.start-help{margin:0;font-size:13px;line-height:1.45;color:var(--meta);max-width:34ch}
.start-help.is-done{color:var(--forest);font-weight:600}
.start-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px}
.start-links a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.setup{background:var(--paper)}
.journey{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:j}
.journey li{position:relative;background:var(--paper2);border:1px solid var(--line);border-radius:6px;padding:20px 22px 22px;counter-increment:j}
.journey li::before{content:counter(j);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper2);font-size:13px;font-weight:650;margin-bottom:14px}
.journey li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:8px;height:8px;border-top:1.5px solid var(--meta);border-right:1.5px solid var(--meta);transform:rotate(45deg)}
.journey b{display:block;font-size:17px;letter-spacing:-.015em;margin-bottom:6px}
.journey span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.journey-note{margin:22px 0 0;font-size:16px;color:var(--ink)}
.journey-meta{margin:8px 0 0;font-size:14px;color:var(--meta)}
.prompt-view{margin-top:24px;border:1px solid var(--line);border-radius:6px;background:var(--paper2)}
.prompt-view summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center}
.prompt-text{margin:0;padding:16px 18px 18px;border-top:1px solid var(--line);font:13px/1.6 var(--mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.flows{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}
.flow{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:22px 24px}
.flow h3{margin:0 0 14px;font-size:20px;letter-spacing:-.02em}
.flow-line{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.flow-line li{font-size:14px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper2)}
.flow-line li:not(:last-child)::after{content:"→";margin-left:12px;color:var(--meta);font-weight:400}
.flow-line li{display:inline-flex;align-items:center}
.flow p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.tech-example{margin-top:24px}
.tech-example>summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:600;list-style:none}
.tech-example>summary::-webkit-details-marker{display:none}
.tech-example>summary::after{content:"+";margin-left:10px;font-size:18px;font-weight:400}
.tech-example[open]>summary::after{content:"−"}
.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.data-col{background:var(--paper2);border:1px solid var(--line);border-radius:6px;padding:22px 24px}
.data-col h3{margin:0 0 12px;font-size:18px;letter-spacing:-.015em}
.data-col ul{margin:0;padding:0 0 0 18px;display:grid;gap:8px;font-size:15px;line-height:1.55;color:var(--muted)}
.closing-box .start-label,.closing-box .start-help,.closing-box .start-links a{color:#1f3014}
.closing-box p a{color:#122019;text-decoration:underline;text-underline-offset:3px}
@media(prefers-color-scheme:dark){.start-help.is-done{color:var(--lime)}}
@media(max-width:1000px){.journey{grid-template-columns:1fr}.journey li:not(:last-child)::after{right:auto;left:34px;top:auto;bottom:-12px;transform:rotate(135deg)}.flows,.data-grid{grid-template-columns:1fr}}
@media(max-width:680px){.start-paths{grid-template-columns:1fr}}
.closing-box{grid-template-columns:1fr;gap:32px;align-items:start}
.closing-box h2{max-width:none}
.closing-box .start-paths{max-width:820px}

/* Hero layout (critique 2026-10-29): copy left, starting points right */
.hero{padding-top:48px}
.hero-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:72px;align-items:end;margin-bottom:32px}
.hero-copy h1{margin-bottom:24px}
.hero-lede{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 12px;max-width:56ch}
.hero-copy .feed-note{margin:0;font-size:14px;max-width:56ch}
.button-lime{background:var(--lime);color:#122019;border-color:var(--lime)}
.button-lime:hover{background:#d4ff82;border-color:#d4ff82;color:#122019}
.hero-start{display:flex;flex-direction:column;gap:20px}
.hero-start .start-main{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.hero-start .start-alt{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center;padding-top:18px;border-top:1px solid var(--line)}
.hero-start .start-alt .start-label{grid-column:1/-1}
.hero-start .start-alt .start-help{grid-column:1/-1;max-width:none}
.hero-start .start-alt .start-links{grid-column:2;gap:0 16px}
.start-links a{min-height:44px}
.hero-start .button{min-height:46px}
.nav-long{display:inline}
.closing-box .button-outline{color:#122019;border-color:#122019;background:transparent}
.closing-box .button-outline:hover{background:#12201914}
@media(max-width:1000px){.hero-intro{grid-template-columns:1fr;gap:28px;align-items:start}}
@media(max-width:680px){.nav-long{display:none}.hero-lede{font-size:16px}.hero-start .start-alt{grid-template-columns:1fr}.hero-start .start-alt .start-links{grid-column:1}}