:root{--paper-0: #fbfbf9;--paper-100: #f4f4f0;--paper-200: #eaeae3;--white: #ffffff;--ink: #14161c;--text: #3a3f4d;--text-mid: #7a8093;--text-low: #a7abba;--line: #e4e4db;--line-strong: #d3d3c8;--indigo: #6366f1;--indigo-deep: #4f46e5;--indigo-soft: #818cf8;--indigo-dim: rgba(99, 102, 241, .1);--green: #2fbf71;--green-dim: rgba(47, 191, 113, .12);--amber: #e0a12e;--amber-dim: rgba(224, 161, 46, .14);--red: #e5564e;--red-dim: rgba(229, 86, 78, .11);--blue: #4b8fe3;--blue-dim: rgba(75, 143, 227, .12);--display: "Fraunces", Georgia, serif;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--r-sm: 6px;--r: 10px;--r-lg: 16px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--maxw: 1280px;--nav-h: 60px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--body);font-size:1.0625rem;line-height:1.6;color:var(--text);background:var(--paper-0);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(20,22,28,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(20,22,28,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 120% 70% at 50% 0%,black 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 120% 70% at 50% 0%,black 30%,transparent 78%);pointer-events:none;z-index:0}main{position:relative;z-index:1}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}h1,h2,h3{font-family:var(--display);font-weight:500;color:var(--ink);letter-spacing:-.02em}em{font-style:italic;color:var(--indigo-deep)}.mono{font-family:var(--mono)}.dim{color:var(--text-low)}.nav{position:sticky;top:0;z-index:50;background:#fbfbf9d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;gap:28px;height:var(--nav-h)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--indigo-soft),var(--indigo-deep));color:#fff}.brand-word{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.brand-word b{color:var(--indigo-deep)}.nav-links{display:flex;gap:4px;margin-left:auto}.nav-links a{padding:7px 13px;border-radius:999px;text-decoration:none;color:var(--text);font-size:.9375rem;font-weight:500;transition:background .25s var(--ease),color .25s var(--ease)}.nav-links a:hover{background:var(--paper-200);color:var(--ink)}.nav-links a.active{background:var(--ink);color:var(--paper-0)}.event-badge{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--indigo-deep);border:1px solid var(--indigo);border-radius:999px;padding:5px 12px;white-space:nowrap;background:var(--indigo-dim)}.footer{border-top:1px solid var(--line);margin-top:90px;background:var(--paper-100);position:relative;z-index:1}.foot-in{display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:center;padding:26px 28px;font-size:.9rem;color:var(--text-mid)}.foot-in .mono{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.hero{padding:96px 0 64px;text-align:left;position:relative}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mid);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--indigo)}.hero h1{font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.06;margin:22px 0 20px;max-width:17ch}.hero .lede{font-size:1.25rem;max-width:58ch;color:var(--text)}.hero-flowline{margin-top:34px;font-family:var(--mono);font-size:.8rem;color:var(--text-mid);display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.hero-flowline b{color:var(--indigo-deep);font-weight:500}.hero-flowline .ok{color:var(--green)}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:56px 0 20px}.demo-card{position:relative;display:block;text-decoration:none;color:inherit;background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r-lg);padding:26px 24px 22px;transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.demo-card:hover{transform:translateY(-4px);border-color:var(--indigo);box-shadow:0 14px 34px #14161c14}.demo-card:before,.demo-card:after,.panelish:before,.panelish:after{content:"";position:absolute;width:9px;height:9px;border-color:var(--indigo);border-style:solid;opacity:.75}.demo-card:before,.panelish:before{top:7px;left:7px;border-width:1.5px 0 0 1.5px}.demo-card:after,.panelish:after{bottom:7px;right:7px;border-width:0 1.5px 1.5px 0}.demo-card .num{font-family:var(--mono);font-size:.7rem;color:var(--text-mid);letter-spacing:.14em}.demo-card h3{font-size:1.45rem;margin:10px 0 8px}.demo-card p{font-size:.95rem;color:var(--text-mid);min-height:3.2em}.demo-card .go{margin-top:16px;font-weight:600;font-size:.92rem;color:var(--indigo-deep);display:inline-flex;gap:6px}.demo-card:hover .go .arr{transform:translate(4px)}.demo-card .arr{transition:transform .25s var(--ease);display:inline-block}.strip{border-top:1px solid var(--line);padding:64px 0}.strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.strip h2{font-size:2rem;margin-bottom:14px;max-width:22ch}.strip p{color:var(--text);max-width:54ch}.strip p+p{margin-top:12px}.themes{display:grid;gap:0;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;background:var(--white)}.theme-row{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:baseline}.theme-row:last-child{border-bottom:none}.theme-row .mono{font-size:.68rem;color:var(--indigo-deep);letter-spacing:.1em;white-space:nowrap;padding-top:2px}.theme-row span:last-child{font-size:.92rem;color:var(--text)}.scrolly-head{padding:60px 28px 8px}.scrolly-head h1{font-size:clamp(2rem,4vw,3.1rem);margin:18px 0 12px;max-width:24ch;line-height:1.1}.scrolly-head .lede{max-width:62ch;color:var(--text);font-size:1.1rem}.scrolly-hint{font-family:var(--mono);font-size:.72rem;color:var(--text-low);margin-top:14px;letter-spacing:.06em}.scrolly-hint b{color:var(--text-mid);font-weight:500}.scrolly-body{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:40px;align-items:start}.stage-col{position:sticky;top:calc(var(--nav-h) + 12px)}.stage-frame{position:relative;background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden}.stage-frame svg{display:block;width:100%;height:auto}.stage-meta{display:flex;align-items:center;gap:10px;padding:10px 2px 0}.stage-controls{display:flex;align-items:center;gap:8px;margin-left:auto}.ctl-btn{font-family:var(--mono);font-size:.75rem;border:1px solid var(--line-strong);background:var(--white);color:var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.ctl-btn:hover{border-color:var(--indigo);color:var(--indigo-deep)}.ctl-btn.on{background:var(--ink);color:var(--paper-0);border-color:var(--ink)}.ctl-btn:focus-visible,.nav-links a:focus-visible,.demo-card:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.step-counter{font-family:var(--mono);font-size:.75rem;color:var(--text-mid);letter-spacing:.08em}.ledger{margin-top:10px;background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r);padding:10px 14px 12px;position:relative}.ledger-title{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-low);margin-bottom:7px;display:flex;justify-content:space-between}.ledger-line{display:flex;align-items:baseline;gap:9px;font-family:var(--mono);font-size:.74rem;color:var(--text);padding:3px 0;animation:ledger-in .5s var(--ease-out) both}@keyframes ledger-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ledger-line .pip{width:7px;height:7px;border-radius:50%;flex:none;transform:translateY(-1px)}.ledger-line.old{opacity:.42}.pip.green{background:var(--green)}.pip.amber{background:var(--amber)}.pip.red{background:var(--red)}.pip.blue{background:var(--blue)}.pip.indigo{background:var(--indigo)}.mode-switch{display:flex;gap:4px;margin-left:14px}.mode-switch .ctl-btn{padding:5px 9px;font-size:.68rem}.mode-rail .scrolly-body{grid-template-columns:minmax(0,76fr) minmax(0,24fr);gap:26px}.mode-rail .step-card{min-height:58vh}.mode-rail .step-card h3{font-size:1.28rem}.mode-rail .step-card p{font-size:.9rem}.mode-rail .step-card .aside{font-size:.8rem}.mode-rail .step-kicker{font-size:.62rem}.mode-theater .scrolly-body{display:block;max-width:none;padding:0 18px}.mode-theater .stage-col{position:sticky;top:calc(var(--nav-h) + 8px);z-index:5}.mode-theater .stage-sticky{display:flex;gap:18px;align-items:stretch}.mode-theater .stage-main{flex:1;min-width:0}.mode-theater .steps-col{padding:0}.mode-theater .step-card{visibility:hidden;min-height:55vh;padding:0}.mode-theater .next-demo{text-align:center;padding:40px 0 70px}.mode-theater .stage-meta{max-width:1100px;margin-left:auto;margin-right:auto}.mode-theater .ledger{padding:7px 14px 8px}.mode-theater .ledger-title{margin-bottom:4px}.caption-col{width:clamp(272px,23vw,350px);flex:none;display:flex}.caption-panel{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;background:var(--white);border:1px solid var(--line-strong);border-left:3px solid var(--indigo);border-radius:var(--r-lg);padding:26px 24px;animation:ledger-in .45s var(--ease-out) both;overflow:hidden}.caption-kicker{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo-deep);margin-bottom:10px}.caption-title{font-family:var(--display);font-weight:500;font-size:1.5rem;line-height:1.16;color:var(--ink);margin-bottom:12px;letter-spacing:-.015em}.caption-body{font-size:.93rem;line-height:1.58;color:var(--text)}.caption-body p+p{margin-top:8px}.caption-aside{font-size:.8rem;color:var(--text-mid);border-left:2px solid var(--line-strong);padding-left:11px;margin-top:12px}.caption-progress{position:absolute;left:24px;right:24px;bottom:18px;display:flex;align-items:center;gap:10px}.caption-progress .mono{font-size:.66rem;color:var(--text-mid);letter-spacing:.1em}.caption-bar{flex:1;height:3px;border-radius:999px;background:var(--paper-200);overflow:hidden}.caption-bar i{display:block;height:100%;background:var(--indigo);border-radius:999px;transition:width .6s var(--ease)}.steps-col{padding:4vh 0 10vh;min-width:0}.step-card{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:20px 8px;opacity:.34;transition:opacity .45s var(--ease)}.step-card.current{opacity:1}.step-kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo-deep);margin-bottom:12px;display:flex;align-items:center;gap:10px}.step-kicker:before{content:"";width:18px;height:2px;background:var(--indigo)}.step-card h3{font-size:1.7rem;line-height:1.15;margin-bottom:12px}.step-card p{color:var(--text);font-size:1.02rem;max-width:46ch}.step-card p+p{margin-top:10px}.step-card .aside{font-size:.88rem;color:var(--text-mid);border-left:2px solid var(--line-strong);padding-left:12px;margin-top:14px}.next-demo{padding:30px 8px 60px}.next-demo a{color:var(--indigo-deep);font-weight:600;text-decoration:none;font-size:1.05rem}.next-demo a:hover .arr{transform:translate(4px)}.next-demo .arr{display:inline-block;transition:transform .25s var(--ease)}.hide{opacity:0!important;pointer-events:none}svg .fades{transition:opacity .6s var(--ease)}svg .dimmed{opacity:.22}.wnode{opacity:0;transition:opacity .55s var(--ease)}.wnode.shown{opacity:1}.wnode-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.3;transition:stroke .4s,fill .4s,filter .4s}.wnode.active .wnode-box{stroke:var(--indigo);stroke-width:2;filter:drop-shadow(0 3px 9px rgba(99,102,241,.38))}.wnode.done .wnode-box{stroke:var(--green);stroke-width:1.6}.wnode.error .wnode-box{stroke:var(--red);stroke-width:2;fill:#fef5f4;filter:drop-shadow(0 3px 9px rgba(229,86,78,.3))}.wnode.wait .wnode-box{stroke:var(--amber);stroke-width:2;stroke-dasharray:5 4;filter:drop-shadow(0 3px 9px rgba(224,161,46,.3))}.wnode-label{font:500 11px var(--body);fill:var(--ink);text-anchor:middle}.wnode-sub{font:500 7.5px var(--mono);fill:var(--text-mid);text-anchor:middle;letter-spacing:.05em}.wnode-check{font:600 10px var(--mono);fill:var(--white);text-anchor:middle}.lane-tag{font:500 9px var(--mono);fill:var(--text-mid);letter-spacing:.1em}.lane-line{stroke:var(--line);stroke-width:1;stroke-dasharray:1 6}.edge{fill:none;stroke:var(--line-strong);stroke-width:1.4;opacity:0;transition:opacity .5s var(--ease),stroke .4s}.edge.on{opacity:1}.edge.flow{opacity:1;stroke:var(--indigo);stroke-width:1.9;stroke-dasharray:5 7;animation:dashflow .7s linear infinite}.edge.flow.g{stroke:var(--green)}.edge.flow.a{stroke:var(--amber)}.edge.flow.r{stroke:var(--red)}.edge.done{opacity:1;stroke:var(--green)}.edge.dotted{stroke-dasharray:2 5}@keyframes dashflow{to{stroke-dashoffset:-12}}.edge.on.faint{opacity:.28}.chip{opacity:0;transition:transform 1.05s var(--ease),opacity .4s var(--ease)}.chip.show{opacity:1}.chip rect{fill:var(--ink);rx:10px}.chip text{font:500 9px var(--mono);fill:var(--paper-0);text-anchor:middle}.chip.green rect{fill:var(--green)}.chip.red rect{fill:var(--red)}.chip.amber rect{fill:var(--amber)}.chip.blue rect{fill:var(--blue)}.chip.indigo rect{fill:var(--indigo)}.chip.ghost rect{fill:var(--white);stroke:var(--line-strong)}.chip.ghost text{fill:var(--text)}.chip.pulse-red rect{animation:chip-throb 1.1s ease-in-out infinite}@keyframes chip-throb{50%{fill:#c73e37}}.tile{opacity:0;transition:opacity .5s var(--ease)}.tile.shown{opacity:1}.tile-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.2;transition:stroke .4s,filter .4s}.tile.hot .tile-box{stroke:var(--indigo);filter:drop-shadow(0 2px 8px rgba(99,102,241,.32))}.tile-name{font:500 10px var(--body);fill:var(--ink)}.tile-kind{font:500 7px var(--mono);fill:var(--text-mid);letter-spacing:.06em}.tile-dot{rx:3px}.slab-body{fill:var(--paper-100);stroke:var(--line-strong);stroke-width:1.4}.slab-grid{fill:url(#slabgrid);opacity:.7}.slab-label{font:600 9px var(--mono);fill:var(--text-mid);letter-spacing:.22em}.slab-glow{fill:var(--indigo);opacity:0;transition:opacity .8s}.slab.alive .slab-glow{animation:breathe 3.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.045}50%{opacity:.1}}.mod{opacity:0;transition:opacity .45s var(--ease)}.mod.shown{opacity:1}.mod-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.1;transition:stroke .4s,fill .4s,filter .4s}.mod-label{font:500 8.5px var(--mono);fill:var(--text);text-anchor:middle;letter-spacing:.03em;transition:fill .4s}.mod.glow .mod-box{stroke:var(--indigo);fill:#f4f4ff;filter:drop-shadow(0 2px 7px rgba(99,102,241,.35))}.mod.glow .mod-label{fill:var(--indigo-deep)}.mod.hot .mod-box{stroke:var(--red);fill:#fef2f1;filter:drop-shadow(0 2px 7px rgba(229,86,78,.35))}.mod.hot .mod-label{fill:var(--red)}.mod.ok .mod-box{stroke:var(--green);fill:#f0fbf5}.mod.ok .mod-label{fill:#1d8f54}.avatar{opacity:0;transition:opacity .5s var(--ease)}.avatar.shown{opacity:1}.avatar-c{fill:var(--paper-200);stroke:var(--line-strong);stroke-width:1.2;transition:stroke .4s,fill .4s}.avatar.busy .avatar-c{stroke:var(--amber);fill:var(--amber-dim)}.avatar.ok .avatar-c{stroke:var(--green);fill:var(--green-dim)}.avatar.missed .avatar-c{stroke:var(--red);stroke-dasharray:3 3;fill:var(--red-dim)}.avatar-init{font:600 9px var(--body);fill:var(--ink);text-anchor:middle}.avatar-name{font:500 8.5px var(--body);fill:var(--ink);text-anchor:middle}.avatar-role{font:500 7px var(--mono);fill:var(--text-mid);text-anchor:middle;letter-spacing:.04em}.panel-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.3;transition:stroke .4s}.panel{opacity:0;transition:opacity .55s var(--ease)}.panel.shown{opacity:1}.panel.hot .panel-box{stroke:var(--indigo)}.panel-title{font:500 8px var(--mono);fill:var(--text-mid);letter-spacing:.16em}.panel-tick{stroke:var(--indigo);stroke-width:1.5;fill:none;opacity:.75}.gway-bar{fill:var(--ink);rx:7px;transition:fill .4s}.gway.auth .gway-bar{animation:gway-flash 1.4s ease-in-out infinite}.gway-label{font:600 8px var(--mono);fill:var(--text-mid);letter-spacing:.22em;text-anchor:middle}@keyframes gway-flash{50%{fill:var(--indigo-deep)}}.sla-ring-bg{fill:none;stroke:var(--line);stroke-width:3}.sla-ring{fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;transition:stroke .4s}.sla-ring.run{animation:sla-run 3.4s linear forwards}.sla-ring.out{stroke:var(--red)}@keyframes sla-run{0%{stroke-dashoffset:0}to{stroke-dashoffset:-75.4}}.tcard{opacity:0;transition:opacity .5s var(--ease),transform .7s var(--ease)}.tcard.shown{opacity:1}.tcard-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.2;transition:fill .45s,stroke .45s,filter .45s}.tcard-id{font:500 7px var(--mono);fill:var(--text-mid);transition:fill .45s}.tcard-title{font:500 8.5px var(--mono);fill:var(--ink);transition:fill .45s}.tcard.spec .tcard-box{stroke-dasharray:4 3;fill:var(--paper-100)}.tcard.ready .tcard-box{stroke:var(--indigo);fill:#eef0fe}.tcard.claimed .tcard-box{stroke:var(--amber);fill:#fdf6e7;filter:drop-shadow(0 2px 7px rgba(224,161,46,.3))}.tcard.verified .tcard-box{stroke:var(--green);fill:#eefaf3}.tcard.blocked .tcard-box{stroke:var(--red);fill:#fdefee;filter:drop-shadow(0 2px 7px rgba(229,86,78,.32))}.tcard.failed .tcard-box{stroke:var(--red);fill:#fdefee}.tcard.claimed .tcard-id,.tcard.claimed .tcard-title{fill:#92610b}.tcard.verified .tcard-id{fill:#1d8f54}.tcard.blocked .tcard-id,.tcard.failed .tcard-id{fill:var(--red)}.tcard.fresh .tcard-box{stroke:var(--indigo);stroke-width:1.8}.tcard.sweep .tcard-box{animation:sweep-glow .9s var(--ease) both}@keyframes sweep-glow{0%{fill:#eefaf3}45%{fill:#bff0d6;filter:drop-shadow(0 2px 9px rgba(47,191,113,.55))}to{fill:#eefaf3}}.vpip{transition:fill .4s,stroke .4s}.vpip.none{fill:var(--paper-200);stroke:var(--line-strong)}.vpip.run{fill:var(--amber-dim);stroke:var(--amber)}.vpip.pass{fill:var(--green);stroke:var(--green)}.vpip.fail{fill:var(--red);stroke:var(--red)}.fedge{fill:none;stroke:var(--line-strong);stroke-width:1;opacity:0;transition:opacity .6s}.fedge.on{opacity:.75}.fedge.vrf{stroke-dasharray:3 4;stroke:var(--indigo-soft)}.fedge.fresh{stroke:var(--indigo);stroke-width:1.4}.counters{display:flex;gap:8px;flex-wrap:wrap}.counter{font-family:var(--mono);font-size:.66rem;border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px;background:var(--white);color:var(--text-mid);display:inline-flex;gap:6px;align-items:center;transition:border-color .3s,color .3s}.counter b{font-weight:600;color:var(--ink)}.counter .pip{width:6px;height:6px;border-radius:50%}.decision-banner{position:absolute;left:3%;right:3%;top:9%;background:#fdf3da;border:1px solid var(--amber);border-radius:var(--r);color:#7a5410;font-family:var(--mono);font-size:.72rem;padding:8px 14px;display:flex;gap:12px;align-items:center;opacity:0;transform:translateY(-8px);transition:opacity .5s var(--ease),transform .5s var(--ease);z-index:4}.decision-banner.shown{opacity:1;transform:none}.decision-banner button{margin-left:auto;font-family:var(--mono);font-size:.68rem;background:var(--ink);color:var(--paper-0);border:none;border-radius:999px;padding:4px 12px;cursor:default}.decision-banner.resolved{background:#e8f8ef;border-color:var(--green);color:#196b41}.graph-head{position:absolute;top:2.2%;left:2.5%;right:2.5%;display:flex;align-items:center;gap:14px;z-index:3;pointer-events:none}.gh-title{font-size:.7rem;letter-spacing:.1em;color:var(--ink);font-weight:600}.graph-head .counters{margin-left:auto}.appthumb{position:absolute;right:2.5%;bottom:5%;width:27%;background:var(--white);border:1px solid var(--green);border-radius:var(--r-lg);box-shadow:0 16px 40px #14161c24;padding:12px 14px;opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease);z-index:5}.appthumb.shown{opacity:1;transform:none}.appthumb .at-head{font-size:.6rem;letter-spacing:.08em;color:#1d8f54;margin-bottom:6px}.appthumb .at-title{font-family:var(--display);font-size:1.05rem;color:var(--ink);margin-bottom:8px}.appthumb .at-stats{display:flex;gap:8px}.appthumb .at-stats>div{flex:1;border:1px solid var(--line);border-radius:8px;padding:6px 8px}.appthumb .at-stats b{display:block;font-family:var(--display);font-size:1rem;color:var(--ink)}.appthumb .at-stats span{font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mid)}.chat{position:absolute;border:1px solid var(--indigo);background:#fffffff7;border-radius:var(--r-lg);box-shadow:0 18px 44px #14161c21;padding:12px 14px;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s var(--ease),transform .5s var(--ease);z-index:5;overflow:hidden}.chat.shown{opacity:1;transform:none}.chat-head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px}.chat-head .spark{color:var(--indigo-deep);font-size:.8rem}.chat .q{background:var(--ink);color:var(--paper-0);border-radius:12px 12px 3px;padding:6px 11px;font-size:.75rem;line-height:1.42;margin-left:12%;margin-bottom:7px}.chat .a{background:var(--paper-100);border:1px solid var(--line);border-radius:12px 12px 12px 3px;padding:7px 11px;font-size:.73rem;line-height:1.45;color:var(--text);margin-right:6%;animation:ledger-in .6s .7s var(--ease-out) both}.chat .a b{color:var(--ink)}.chat .a .src{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chat .a .src span{font-family:var(--mono);font-size:.56rem;border:1px solid var(--indigo-soft);color:var(--indigo-deep);border-radius:999px;padding:1px 7px;background:var(--indigo-dim)}.chat .followups{margin-top:7px;display:grid;gap:4px}.chat .followups span{font-size:.63rem;font-family:var(--mono);color:var(--text-mid);border:1px dashed var(--line-strong);border-radius:999px;padding:3px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:ledger-in .5s var(--ease-out) both}.chat .followups span:nth-child(2){animation-delay:1.2s}.chat .followups span:nth-child(3){animation-delay:2.2s}.stats-strip{position:absolute;left:50%;bottom:6%;transform:translate(-50%,14px);display:flex;gap:10px;opacity:0;transition:opacity .6s var(--ease),transform .6s var(--ease);z-index:4}.stats-strip.shown{opacity:1;transform:translate(-50%)}.stat-chip{background:var(--white);border:1px solid var(--line-strong);border-radius:var(--r);padding:7px 14px;text-align:center;box-shadow:0 8px 22px #14161c12}.stat-chip b{display:block;font-family:var(--display);font-size:1.15rem;color:var(--ink);line-height:1.15}.stat-chip span{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid)}.filecard{transition:transform .9s var(--ease),opacity .5s;opacity:0}.filecard.shown{opacity:1}.filecard-box{fill:var(--white);stroke:var(--ink);stroke-width:1.3}.filecard text{font:500 7.5px var(--mono);fill:var(--ink)}.filecard .fold{fill:var(--paper-200);stroke:var(--ink);stroke-width:1.1}.agentchip{opacity:0;transition:opacity .5s}.agentchip.shown{opacity:1}.agentchip-box{fill:var(--white);stroke:var(--line-strong);stroke-width:1.2;transition:stroke .4s,filter .4s}.agentchip.busy .agentchip-box{stroke:var(--indigo);filter:drop-shadow(0 3px 9px rgba(99,102,241,.4))}.agentchip text{font:500 9px var(--body);fill:var(--ink)}.agentchip .k{font:500 6.5px var(--mono);fill:var(--text-mid);letter-spacing:.08em}.agentchip.busy .scanline{animation:scan 1.4s linear infinite}.scanline{stroke:var(--indigo);stroke-width:1.4;opacity:0}.agentchip.busy .scanline{opacity:.8}@keyframes scan{0%{transform:translateY(0)}50%{transform:translateY(16px)}to{transform:translateY(0)}}@media (max-width: 960px){.scrolly-body{grid-template-columns:1fr;gap:0}.stage-col{position:sticky;top:var(--nav-h);z-index:10;background:var(--paper-0);padding-bottom:6px}.mode-theater .stage-sticky{display:block}.caption-col{display:none}.mode-theater .step-card{visibility:visible;min-height:46vh;padding:20px 8px}.mode-theater .steps-col{padding:4vh 0 10vh}.ledger{display:none}.step-card{min-height:46vh}.demo-cards{grid-template-columns:1fr}.strip-grid{grid-template-columns:1fr;gap:28px}.nav-links a{padding:6px 9px;font-size:.85rem}.event-badge{display:none}.hero{padding:56px 0 40px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;transition-duration:.15s!important}}