:root{
  --bg:#06111d;--bg2:#0a1928;--bg3:#102337;--text:#eff6ff;--muted:#93a8bd;
  --line:rgba(157,189,219,.17);--accent:#4ca8ff;--accent-rgb:76,168,255;
  --teal:#3ee0c1;--amber:#ffc05b;--coral:#ff7078;--violet:#aa8cff;--green:#74e38b;
  --ease:cubic-bezier(.2,.84,.24,1);--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--sans)}
body{background:radial-gradient(circle at 84% 10%,rgba(var(--accent-rgb),.13),transparent 34%),radial-gradient(circle at 8% 96%,rgba(62,224,193,.08),transparent 30%),var(--bg)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
button,a{font:inherit}a{color:inherit}.app{position:relative;width:100%;height:100%;isolation:isolate}
.chrome{position:fixed;z-index:60;left:0;right:0;top:0;height:58px;display:flex;align-items:center;gap:18px;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(6,17,29,.8);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;min-width:290px;font-size:13px;font-weight:780}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent)}
.session-name{flex:1;text-align:center;text-transform:uppercase;letter-spacing:.14em;font:10px var(--mono);color:var(--muted)}
.chrome-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:290px}.icon-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer;text-decoration:none;transition:.25s var(--ease)}
.icon-btn:hover{color:var(--text);border-color:rgba(var(--accent-rgb),.65);transform:translateY(-1px)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.timer{font:10px var(--mono);color:var(--muted);margin-left:5px}.progress{position:fixed;z-index:65;left:0;top:57px;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--teal));box-shadow:0 0 16px rgba(var(--accent-rgb),.55);transition:width .45s var(--ease)}
.stage{position:absolute;inset:58px 0 54px;overflow:hidden}.scene{position:absolute;inset:0;display:grid;align-items:center;padding:clamp(24px,4vw,66px) clamp(34px,7vw,116px);opacity:0;visibility:hidden;transform:translateX(38px) scale(.988);transition:opacity .5s var(--ease),transform .55s var(--ease),visibility .5s;overflow:hidden}
.scene.active{opacity:1;visibility:visible;transform:none;z-index:2}.scene.exit-left{transform:translateX(-38px) scale(.988)}.scene::after{content:attr(data-index);position:absolute;right:4vw;bottom:1.7vh;font:800 clamp(58px,8vw,118px)/1 var(--mono);color:rgba(255,255,255,.025);pointer-events:none}
body.restarting .scene.active{opacity:0;transform:translateY(8px) scale(.985)}
.content{position:relative;z-index:2;width:min(1280px,100%);margin:auto}.ambient{position:absolute;border-radius:50%;pointer-events:none}.ambient.one{width:460px;height:460px;right:-160px;top:-150px;border:1px solid rgba(var(--accent-rgb),.18);box-shadow:0 0 100px rgba(var(--accent-rgb),.08) inset}.ambient.two{width:190px;height:190px;right:100px;top:78px;border:1px solid rgba(62,224,193,.18)}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--accent);font:700 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";width:32px;height:1px;background:currentColor}
h1,h2,h3,p{margin-top:0}h1{max-width:1000px;font-size:clamp(50px,6.1vw,90px);line-height:.96;letter-spacing:-.055em;margin-bottom:22px}h2{max-width:1100px;font-size:clamp(38px,4.5vw,66px);line-height:1.01;letter-spacing:-.045em;margin-bottom:18px}h3{font-size:clamp(18px,1.8vw,27px);line-height:1.15;margin-bottom:10px}.lede{max-width:900px;font-size:clamp(18px,1.7vw,24px);line-height:1.5;color:#b5c5d5}.small{font-size:12px;line-height:1.55;color:var(--muted)}.mono{font-family:var(--mono)}
.accent{color:var(--accent)}.teal{color:var(--teal)}.amber{color:var(--amber)}.coral{color:var(--coral)}.violet{color:var(--violet)}.green{color:var(--green)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4.5vw,70px);align-items:center}.grid-2>*{min-width:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.align-start{align-items:start}.span-2{grid-column:span 2}
.fragment{opacity:0;transform:translateY(14px);filter:blur(3px);transition:.46s var(--ease)}.fragment.revealed{opacity:1;transform:none;filter:none}.reveal-hint{position:absolute;right:4vw;top:18px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}
.label{font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.rule{border-top:1px solid var(--line);padding-top:18px}.line-item{padding:18px 0;border-top:1px solid var(--line)}.line-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.chip,.choice,.tab-btn,.action-btn,.candidate{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 14px;color:var(--muted);font-size:12px;cursor:pointer;transition:.25s var(--ease)}.chip{cursor:default}.choice:hover,.tab-btn:hover,.action-btn:hover,.candidate:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.choice.active,.tab-btn.active,.candidate.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.14);color:var(--text)}.action-btn{border-radius:10px;background:var(--accent);border-color:var(--accent);color:#06111d;font-weight:800}.action-btn.secondary{background:transparent;color:var(--accent)}
.stat{padding:20px 0;border-top:2px solid var(--accent)}.stat strong{display:block;font-size:clamp(30px,4vw,58px);letter-spacing:-.05em}.stat span{font-size:12px;color:var(--muted)}
.poster-visual{height:430px;position:relative;display:grid;place-items:center}.signal-core{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 35% 28%,rgba(var(--accent-rgb),.42),#0b1d2f 65%);border:1px solid rgba(var(--accent-rgb),.7);box-shadow:0 0 80px rgba(var(--accent-rgb),.2);font-weight:800}.signal-ring{position:absolute;border:1px solid rgba(var(--accent-rgb),.22);border-radius:50%;animation:pulseRing 3.5s ease-in-out infinite}.signal-ring.r1{width:310px;height:310px}.signal-ring.r2{width:430px;height:430px;animation-delay:.8s}.signal-tag{position:absolute;min-width:116px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#0a1928;text-align:center;font:700 10px var(--mono);box-shadow:0 20px 50px rgba(0,0,0,.28)}.signal-tag.t1{top:3%;left:38%}.signal-tag.t2{right:2%;top:37%}.signal-tag.t3{right:14%;bottom:4%}.signal-tag.t4{left:12%;bottom:5%}.signal-tag.t5{left:1%;top:35%}@keyframes pulseRing{50%{transform:scale(1.035);opacity:.55}}
.flow{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:18px 2px 26px;scrollbar-width:none}.flow::-webkit-scrollbar{display:none}.flow-node{position:relative;flex:0 0 146px;min-height:94px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);display:flex;flex-direction:column;justify-content:center;text-align:center;transition:.3s var(--ease)}.flow-node b{font-size:13px}.flow-node span{margin-top:7px;color:var(--muted);font:10px/1.4 var(--mono)}.flow-node.agent{border-top-color:var(--accent)}.flow-node.det{border-top-color:var(--teal)}.flow-node.gate{border-top-color:var(--amber)}.flow-node.risk{border-top-color:var(--coral)}.flow-node.tool{border-top-color:var(--violet)}.flow-node.running{border-color:var(--accent);box-shadow:0 0 28px rgba(var(--accent-rgb),.18);transform:translateY(-3px)}.flow-node.done{border-color:var(--green);background:rgba(116,227,139,.055)}.flow-node.blocked{border-color:var(--coral);animation:shake .35s linear}.arrow{flex:0 0 34px;height:1px;background:var(--line);position:relative}.arrow::after{content:"";position:absolute;right:0;top:-4px;border-left:7px solid var(--muted);border-top:4px solid transparent;border-bottom:4px solid transparent}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:38px;position:relative}.timeline::before{content:"";position:absolute;left:5%;right:5%;top:23px;height:2px;background:linear-gradient(90deg,#2d3b4a,var(--accent),var(--teal))}.time-step{position:relative;padding-right:15px}.time-dot{width:15px;height:15px;margin:16px 0 28px 6px;border-radius:50%;background:var(--accent);border:4px solid var(--bg);box-shadow:0 0 0 1px var(--accent),0 0 18px rgba(var(--accent-rgb),.4)}.time-step p{font-size:12px;line-height:1.45;color:var(--muted)}.time-step b{font-size:14px}
.ladder{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:30px}.rung{min-height:160px;padding:16px 12px;border-top:2px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);cursor:pointer;transition:.3s var(--ease)}.rung:hover,.rung.active{border-color:var(--accent);background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),transparent);transform:translateY(-5px)}.rung .num{font:10px var(--mono);color:var(--accent)}.rung h3{font-size:15px;margin:20px 0 8px}.rung p{font-size:11px;color:var(--muted);line-height:1.4}.inspector-strip{margin-top:20px;padding:17px 20px;border-left:2px solid var(--teal);background:rgba(62,224,193,.035);color:#c7d5e4;font-size:14px}
.xray{display:grid;grid-template-columns:390px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.02)}.tree{padding:22px 24px;background:#071522;font:13px/1.75 var(--mono)}.tree button{display:block;width:100%;text-align:left;border:0;background:none;color:#a9bbcd;border-radius:6px;padding:4px 8px;cursor:pointer}.tree button:hover,.tree button.active{background:rgba(var(--accent-rgb),.13);color:var(--text)}.tree .folder{color:var(--accent)}.tree .file{color:var(--teal)}.xray-panel{padding:30px;border-left:1px solid var(--line);min-height:338px}.xray-code{font:13px/1.65 var(--mono);white-space:pre-wrap;color:#b8c8d8;background:#071522;padding:18px;border-radius:12px;border:1px solid var(--line)}
.loop{width:min(420px,42vw);aspect-ratio:1;position:relative;margin:auto}.loop svg{position:absolute;inset:0;width:100%;height:100%}.loop-track{fill:none;stroke:rgba(var(--accent-rgb),.18);stroke-width:2}.loop-dash{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:12 14;animation:dash 5s linear infinite}.loop-node{position:absolute;width:118px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);text-align:center}.loop-node b{font:11px var(--mono)}.loop-node span{display:block;margin-top:4px;font-size:10px;color:var(--muted)}.loop-node.n1{top:-3px;left:calc(50% - 59px)}.loop-node.n2{right:-8px;top:calc(50% - 34px)}.loop-node.n3{bottom:-3px;left:calc(50% - 59px)}.loop-node.n4{left:-8px;top:calc(50% - 34px)}.loop-core{position:absolute;inset:31%;display:grid;place-items:center;text-align:center;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.5);background:radial-gradient(circle,rgba(var(--accent-rgb),.28),#0b1a29);font-weight:800}@keyframes dash{to{stroke-dashoffset:-104}}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.compare-col{padding:28px 30px;background:var(--bg2)}.compare-col.bad{background:linear-gradient(145deg,rgba(255,112,120,.07),var(--bg2))}.compare-col.good{background:linear-gradient(145deg,rgba(62,224,193,.07),var(--bg2))}.compare ul{padding-left:18px;color:var(--muted);line-height:1.75;font-size:14px}
.matrix{display:grid;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:22px}.matrix.cols-4{grid-template-columns:1.2fr repeat(3,1fr)}.matrix.cols-5{grid-template-columns:1.2fr repeat(4,1fr)}.matrix>div{min-height:58px;padding:13px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;font-size:12px;color:var(--muted)}.matrix .head{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:rgba(255,255,255,.035)}.matrix .yes{color:var(--green)}.matrix .no{color:var(--coral)}.matrix .maybe{color:var(--amber)}
.risk-canvas{height:360px;position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0 0 60px}.risk-canvas::before{content:"potential impact";position:absolute;left:-72px;top:40%;transform:rotate(-90deg);font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.risk-canvas::after{content:"agency and permissions →";position:absolute;right:0;bottom:-27px;font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.risk-curve{position:absolute;left:35px;right:25px;top:28px;bottom:22px}.risk-curve svg{width:100%;height:100%}.curve-path{fill:none;stroke:url(#riskGradient);stroke-width:5;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.2s .25s var(--ease) forwards}.risk-tag{position:absolute;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);font-size:11px}.risk-tag.a{left:5%;bottom:8%}.risk-tag.b{left:40%;bottom:29%}.risk-tag.c{right:3%;top:7%;border-color:rgba(255,112,120,.5)}@keyframes draw{to{stroke-dashoffset:0}}
.attack{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}.attack-step{min-height:158px;padding:18px 15px;border-top:2px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);transition:.35s var(--ease)}.attack-step b{font-size:14px}.attack-step p{font-size:11px;line-height:1.45;color:var(--muted);margin-top:12px}.attack-step.hot{border-color:var(--coral);background:linear-gradient(180deg,rgba(255,112,120,.1),transparent);transform:translateY(-5px)}.attack-step.safe{border-color:var(--green);background:linear-gradient(180deg,rgba(116,227,139,.08),transparent)}
.planes{display:grid;grid-template-columns:100px 1fr 100px;gap:16px;align-items:stretch}.plane{border:1px solid var(--line);border-radius:15px;display:grid;place-items:center;text-align:center;padding:12px;font:700 10px var(--mono);letter-spacing:.12em;writing-mode:vertical-rl}.plane.security{color:var(--coral);border-color:rgba(255,112,120,.45)}.plane.audit{color:var(--teal);border-color:rgba(62,224,193,.45)}.stack-list{display:grid;gap:5px}.stack-row{display:flex;justify-content:space-between;gap:18px;padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);font-size:12px}.stack-row span{color:var(--muted);font:10px var(--mono)}.stack-switch>.chips{margin:0 0 12px}.stack-switch .stack-row{padding:6px 12px}.stack-switch .stack-row.trigger{border-left-color:var(--amber)}
.architecture{position:relative;display:grid;grid-template-columns:1fr 64px 1fr 64px 1fr;gap:6px;align-items:center;margin-top:25px}.arch-box{min-height:215px;padding:22px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;justify-content:center}.arch-box.accented{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 45px rgba(var(--accent-rgb),.08)}.arch-box p{font-size:12px;line-height:1.5;color:var(--muted)}.arch-arrow{text-align:center;font-size:26px;color:var(--muted)}.fan{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.fan span{border:1px solid var(--line);border-radius:7px;padding:8px;text-align:center;font:9px var(--mono);color:var(--green)}
.artifact-bus{position:relative;height:330px;margin-top:20px}.bus-line{position:absolute;left:7%;right:7%;top:49%;height:2px;background:linear-gradient(90deg,var(--accent),var(--teal),var(--violet))}.bus-node{position:absolute;width:150px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);text-align:center;font:11px var(--mono)}.bus-node::after{content:"";position:absolute;left:50%;width:1px;height:48px;background:var(--line)}.bus-node.top{top:20px}.bus-node.top::after{top:100%}.bus-node.bottom{bottom:15px}.bus-node.bottom::after{bottom:100%}.bus-node.b1{left:4%}.bus-node.b2{left:27%}.bus-node.b3{left:50%}.bus-node.b4{right:4%}.bus-payload{position:absolute;top:calc(49% - 10px);left:7%;width:20px;height:20px;border-radius:50%;background:var(--text);box-shadow:0 0 22px var(--accent);animation:travel 5s linear infinite}@keyframes travel{to{left:91%}}
.terminal{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#04101a;font:12px/1.75 var(--mono);color:#a9bdd0;min-height:285px}.terminal .prompt{color:var(--teal)}.terminal .ok{color:var(--green)}.terminal .warn{color:var(--amber)}.terminal .bad{color:var(--coral)}
.decision{display:grid;grid-template-columns:330px 1fr;gap:30px;margin-top:20px}.decision-menu{display:flex;flex-direction:column}.decision-btn{padding:16px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted);text-align:left;cursor:pointer;font-size:15px}.decision-btn::before{content:"→";display:inline-block;width:26px;color:transparent}.decision-btn.active{color:var(--text)}.decision-btn.active::before{color:var(--accent)}.decision-panel{min-height:325px;padding:26px 30px;border-left:1px solid var(--line);background:linear-gradient(90deg,rgba(var(--accent-rgb),.045),transparent)}
.source-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--accent);text-decoration:none;font:10px var(--mono);letter-spacing:.04em}.source-link:hover{text-decoration:underline}.source-link::after{content:"↗"}
.quote{font-size:clamp(26px,3vw,44px);line-height:1.25;letter-spacing:-.03em;max-width:1000px}.quote::before{content:"“";color:var(--accent)}.quote::after{content:"”";color:var(--accent)}
.poll{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.poll-btn{min-height:120px;padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--muted);cursor:pointer;text-align:left;transition:.25s}.poll-btn b{display:block;color:var(--text);margin-bottom:8px}.poll-btn:hover,.poll-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.09);transform:translateY(-3px)}.poll-result{margin-top:18px;min-height:55px;padding:15px 18px;border-left:2px solid var(--teal);background:rgba(62,224,193,.035);color:#c5d6e5}
.measurement-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}.measurement-strip>div{padding:14px 16px;background:var(--bg2)}.measurement-strip span{display:block;margin-bottom:6px;color:var(--accent);font:700 9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.measurement-strip b{font-size:12px}.measurement-note{margin:9px 0 0;color:var(--muted);font:10px/1.5 var(--mono)}
.demo-grid{grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}.demo-grid>div{min-width:0}.demo-grid .terminal{margin-top:12px;min-height:190px}.demo-actions{margin-top:12px}.demo-grid #demoFlow{gap:4px;padding:10px 0 16px;overflow:visible}.demo-grid #demoFlow .flow-node{flex:1 1 0;min-width:0;min-height:82px;padding:10px 6px}.demo-grid #demoFlow .flow-node b{font-size:10px}.demo-grid #demoFlow .arrow{flex:0 0 10px}.demo-grid #demoFiles{margin-top:14px}.demo-grid #demoFiles .chip{padding:6px 9px;font-size:9px}
body[data-deck="session-4"] .scene[data-index="14"] .flow{gap:4px;overflow:visible}body[data-deck="session-4"] .scene[data-index="14"] .flow-node{flex:1 1 0;min-width:0;padding:10px 6px}body[data-deck="session-4"] .scene[data-index="14"] .flow-node b{font-size:10px}body[data-deck="session-4"] .scene[data-index="14"] .arrow{flex:0 0 10px}.loop-node.n2{right:0}.loop-node.n4{left:0}
.builder{display:grid;grid-template-columns:310px 1fr;gap:28px}.builder-controls{padding-right:24px;border-right:1px solid var(--line)}.builder-group{padding:13px 0;border-top:1px solid var(--line)}.builder-group h3{font-size:14px}.builder-options{display:flex;gap:7px;flex-wrap:wrap}.build-chip{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:var(--muted);padding:7px 9px;font-size:10px;cursor:pointer}.build-chip.active{color:var(--text);border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}.builder-preview{min-height:380px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.06),rgba(255,255,255,.015))}.score-row{display:grid;grid-template-columns:110px 1fr 42px;align-items:center;gap:10px;margin:12px 0;font-size:11px}.score-track{height:7px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.score-fill{height:100%;width:0;background:linear-gradient(90deg,var(--coral),var(--amber),var(--green));transition:.5s var(--ease)}.score-disclaimer{margin:10px 0 0;padding:8px 10px;border-left:2px solid var(--amber);background:rgba(255,192,91,.05);color:var(--muted);font:9px/1.45 var(--mono)}
.nav{position:fixed;z-index:60;left:0;right:0;bottom:0;height:54px;display:flex;align-items:center;gap:14px;padding:0 24px;border-top:1px solid var(--line);background:rgba(6,17,29,.84);backdrop-filter:blur(18px)}.counter{width:90px;font:11px var(--mono);color:var(--muted)}.counter b{color:var(--text)}.nav-title{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:12px}.nav-btn{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);padding:8px 14px;cursor:pointer;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.nav-btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.nav-btn:disabled{opacity:.25;cursor:not-allowed}
.drawer{position:fixed;z-index:90;top:0;bottom:0;width:min(520px,92vw);padding:30px;background:#081521;border-left:1px solid var(--line);box-shadow:-30px 0 90px rgba(0,0,0,.45);transform:translateX(105%);transition:.4s var(--ease);overflow:auto}.drawer.open{transform:none}.drawer.right{right:0}.drawer.left{left:0;border-left:0;border-right:1px solid var(--line);box-shadow:30px 0 90px rgba(0,0,0,.45);transform:translateX(-105%)}.drawer.left.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.drawer h2{font-size:34px}.close-btn{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;background:none;color:var(--muted);cursor:pointer}.toc-list{display:grid;gap:4px}.toc-hint{position:sticky;z-index:2;top:-30px;margin:-4px 0 10px;padding:10px 8px;border-bottom:1px solid var(--line);background:#081521;color:var(--muted);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.toc-list button{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:11px 10px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--muted);text-align:left;cursor:pointer}.toc-list button:hover,.toc-list button.active{color:var(--text);background:rgba(var(--accent-rgb),.06)}.toc-list b{font:10px var(--mono);color:var(--accent)}.notes-body{font-size:16px;line-height:1.7;color:#c7d4e1}.sources-list{display:grid;gap:12px}.sources-list a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:#c4d2df}.sources-list a:hover{border-color:var(--accent);color:var(--text)}.sources-list small{display:block;margin-top:6px;color:var(--muted)}
.help{position:fixed;z-index:100;inset:0;display:none;place-items:center;background:rgba(2,8,14,.76);backdrop-filter:blur(15px)}.help.open{display:grid}.help-box{width:min(560px,90vw);padding:28px;border:1px solid var(--line);border-radius:20px;background:#081521}.help-grid{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:13px}.help-grid kbd{font:11px var(--mono);padding:4px 7px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:1500px){.flow-node{flex-basis:124px;padding:12px}.arrow{flex-basis:18px}}
@media(max-width:1000px){.chrome{padding:0 14px}.brand,.chrome-tools{min-width:auto}.brand span:last-child{display:none}.session-name{font-size:9px}.scene{padding:28px 30px}.grid-2,.builder,.decision,.demo-grid{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr);gap:16px}.timeline::before{display:none}.ladder{grid-template-columns:repeat(4,1fr)}.xray{grid-template-columns:1fr}.xray-panel{border-left:0;border-top:1px solid var(--line)}.architecture{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}.planes{grid-template-columns:1fr}.plane{display:none}.builder-controls{border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px}.poll{grid-template-columns:1fr 1fr}}
@media(max-height:720px){.scene{padding-top:20px;padding-bottom:20px}h1{font-size:50px}h2{font-size:38px}.lede{font-size:17px}.poster-visual{height:340px;transform:scale(.86)}.flow-node{min-height:78px}.ladder .rung{min-height:120px}.rung h3{margin-top:12px}.xray-panel{min-height:285px}.risk-canvas{height:305px}.attack-step{min-height:130px}.builder-preview{min-height:320px}.terminal{min-height:240px}.architecture .arch-box{min-height:175px}.artifact-bus{height:285px}.demo-grid .terminal{min-height:150px;font-size:11px;line-height:1.55}.demo-grid .chips{margin-top:10px}.measurement-strip{margin-top:14px}.measurement-strip>div{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.fragment{filter:none}}
@media print{html,body{height:auto;overflow:visible;background:#fff}.chrome,.nav,.progress,.drawer,.help,.reveal-hint{display:none!important}.stage{position:static}.scene{position:relative;inset:auto;display:grid!important;visibility:visible!important;opacity:1!important;transform:none!important;height:100vh;page-break-after:always;background:#06111d}.fragment{opacity:1!important;transform:none!important;filter:none!important}.scene::after{display:none}}