@font-face{font-family:Manrope;src:url('assets/fonts/manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F,U+1C80-1C8F}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-cyrillic-400.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F,U+1C80-1C8F}
@font-face{font-family:Plex;src:url('assets/fonts/plex-cyrillic-600.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F,U+1C80-1C8F}
@font-face{font-family:Plex;src:url('assets/fonts/plex-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Literata;src:url('assets/fonts/literata.ttf') format('truetype');font-weight:200 900;font-display:swap}

:root{
  --sumi:#11110f;--washi:#e9dfc9;--paper:#f2ead9;--vermilion:#c92f20;--indigo:#1d3342;--gold:#a9853e;
  --line:rgba(17,17,15,.19);--line-light:rgba(233,223,201,.18);--ease:cubic-bezier(.2,.8,.2,1);
  --rail:64px;--pad:clamp(28px,5.2vw,92px);--max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--sumi)}
body{margin:0;background:var(--sumi);color:var(--sumi);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;background-image:url('assets/field-light.jpg');background-size:cover;mix-blend-mode:multiply;opacity:.075}
button,a{font:inherit}
button{color:inherit}
a{color:inherit;text-decoration:none}
.skip{position:fixed;left:12px;top:-80px;z-index:500;background:var(--washi);padding:12px 18px;border:1px solid var(--sumi)}
.skip:focus{top:12px}

.rail{height:var(--rail);position:fixed;z-index:100;top:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 24px;color:var(--washi);background:rgba(17,17,15,.93);border-bottom:1px solid rgba(233,223,201,.16);backdrop-filter:blur(14px)}
.rail__brand{display:flex;align-items:center;gap:10px;font-family:Plex,monospace;font-size:15px;font-weight:600;letter-spacing:.25em}
.rail__brand img{width:34px;height:34px;filter:invert(92%) sepia(12%) saturate(534%)}
.rail__progress{height:1px;background:rgba(233,223,201,.2);position:relative;overflow:hidden}
.rail__progress i{display:block;height:3px;width:0;background:var(--vermilion);transform:translateY(-1px);transition:width .2s linear}
.rail__meta{display:flex;gap:7px;font-family:Plex,monospace;font-size:11px;letter-spacing:.15em;color:rgba(233,223,201,.62)}
.rail__meta span:first-child{color:var(--vermilion)}

.scene{position:relative;min-height:100svh;padding-top:var(--rail);overflow:hidden;isolation:isolate}
.paper{background-color:var(--washi);background-image:linear-gradient(rgba(17,17,15,.025),rgba(17,17,15,.025)),url('assets/field-light.jpg');background-size:cover;color:var(--sumi)}
.ink{background-color:var(--sumi);background-image:linear-gradient(rgba(17,17,15,.86),rgba(17,17,15,.86)),url('assets/field-dark.jpg');background-size:cover;color:var(--washi)}
.scene--grid::after{content:"";position:absolute;inset:var(--rail) 0 0;z-index:-1;background-image:linear-gradient(rgba(17,17,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,15,.07) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
.scene__inner{width:min(var(--max),100%);min-height:calc(100svh - var(--rail));margin:auto;padding:clamp(56px,8vh,112px) var(--pad);display:flex;flex-direction:column;justify-content:center;position:relative}
.eyebrow{font:600 11px/1.4 Plex,monospace;letter-spacing:.23em;text-transform:uppercase;display:block;margin-bottom:clamp(28px,5vh,58px)}
.eyebrow b{display:inline-grid;place-items:center;width:27px;height:27px;background:var(--vermilion);color:var(--washi);letter-spacing:0;margin-right:9px}
.eyebrow--light{color:rgba(233,223,201,.72)}
h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:750;letter-spacing:-.035em;word-spacing:.06em;line-height:1.02;margin:0}
h1{font-size:clamp(52px,6.2vw,104px)}h2{font-size:clamp(48px,5.5vw,88px)}
h1 em,h2 em{font-family:Literata,serif;font-weight:480;color:var(--vermilion)}
h2.display{font-family:Literata,serif;font-weight:480;letter-spacing:-.04em}
.lead{font:400 clamp(18px,1.6vw,26px)/1.48 Manrope,Arial,sans-serif;max-width:780px;margin:32px 0 0;color:inherit;opacity:.72}
.caption{max-width:900px;margin:34px 0 0;padding:14px 18px;border-left:3px solid var(--vermilion);font:400 15px/1.6 Plex,monospace;background:rgba(233,223,201,.82)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.scene.is-visible .reveal{opacity:1;transform:none}.scene.is-visible .reveal:nth-of-type(2){transition-delay:.1s}.scene.is-visible .reveal:nth-of-type(3){transition-delay:.18s}
.register{position:absolute;width:30px;height:30px;opacity:.45}.register::before,.register::after{content:"";position:absolute;background:var(--sumi)}.register::before{width:1px;height:30px;left:15px}.register::after{height:1px;width:30px;top:15px}.register--tl{top:90px;left:30px}.register--br{bottom:30px;right:30px}
.margin-note{position:absolute;left:var(--pad);bottom:22px;font:600 10px/1.4 Plex,monospace;letter-spacing:.18em;margin:0}.margin-note::before{content:"";display:inline-block;width:32px;height:3px;background:var(--vermilion);vertical-align:middle;margin-right:12px}

/* intro */
.scene--intro{background:var(--sumi);display:grid;place-items:center;padding:0}
.scene--intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--sumi)}
.intro__veil{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(17,17,15,.68);backdrop-filter:blur(8px);transition:opacity .5s var(--ease),visibility .5s}
.intro__veil.is-hidden{opacity:0;visibility:hidden}.intro__veil .eyebrow{position:absolute;top:calc(var(--rail) + 40px);left:var(--pad)}
.start{width:220px;height:220px;border-radius:50%;border:1px solid rgba(233,223,201,.36);background:rgba(17,17,15,.55);color:var(--washi);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;position:relative;transition:.35s var(--ease)}
.start::before,.start::after{content:"";position:absolute;border:1px dashed rgba(233,223,201,.2);border-radius:50%}.start::before{inset:-22px}.start::after{inset:22px}
.start:hover{transform:scale(1.04);border-color:var(--vermilion);background:rgba(201,47,32,.18)}
.start i{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--vermilion);margin-left:4px}.start span{font:600 12px Plex,monospace;letter-spacing:.11em;text-transform:uppercase}.start small{font:400 10px Plex,monospace;opacity:.55}

/* opening conflict */
.scene--hook{background-image:linear-gradient(90deg,rgba(242,234,217,.97),rgba(233,223,201,.84)),url('assets/field-light.jpg')}
.hook-layout{width:min(1640px,100%);display:grid;grid-template-columns:minmax(420px,.78fr) minmax(650px,1.22fr);gap:clamp(48px,5vw,88px);align-items:center;padding-top:64px;padding-bottom:54px}
.hook-copy{position:relative;z-index:2}.hook-copy .eyebrow{margin-bottom:30px}.hook-copy h1{font-size:clamp(54px,4.45vw,76px);line-height:.94}.hook-copy .lead{max-width:540px;margin-top:24px;font-size:clamp(17px,1.18vw,21px);line-height:1.48;opacity:.68}
.hook-question{max-width:520px;margin-top:30px;padding:17px 20px 18px;border-left:5px solid var(--vermilion);background:rgba(242,234,217,.86);box-shadow:0 12px 34px rgba(17,17,15,.08);display:grid;gap:6px}.hook-question span{font:600 9px Plex,monospace;letter-spacing:.16em;color:var(--vermilion)}.hook-question b{font:650 19px/1.32 Manrope,Arial,sans-serif}
.prompt-conflict{min-height:650px;padding:24px 26px 22px;background:var(--sumi);color:var(--washi);border:1px solid rgba(169,133,62,.7);box-shadow:24px 28px 0 rgba(29,51,66,.15);position:relative;overflow:hidden}.prompt-conflict::before{content:"";position:absolute;width:310px;height:310px;right:-205px;top:-115px;border:44px solid var(--vermilion);border-left-color:transparent;border-radius:50%;opacity:.86}.prompt-conflict::after{content:"";position:absolute;inset:9px;border:1px solid rgba(233,223,201,.08);pointer-events:none}
.prompt-conflict__head{min-height:54px;padding-bottom:14px;border-bottom:1px solid var(--line-light);display:flex;justify-content:space-between;align-items:flex-end;gap:20px;position:relative;z-index:2}.prompt-conflict__head span{font:600 9px Plex,monospace;letter-spacing:.16em;color:var(--vermilion)}.prompt-conflict__head b{font:600 13px Plex,monospace;letter-spacing:.11em;text-align:right}
.prompt-voices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;position:relative;z-index:2}.prompt-voices article{min-height:67px;padding:12px 14px;border:1px solid rgba(233,223,201,.22);background:rgba(233,223,201,.025);display:grid;grid-template-columns:76px 1fr;align-items:center;gap:11px}.prompt-voices small{font:600 8px Plex,monospace;letter-spacing:.13em;color:var(--gold)}.prompt-voices b{font:550 13px/1.3 Manrope,Arial,sans-serif}.prompt-voices__user{border-color:var(--vermilion)!important;background:rgba(201,47,32,.15)!important}.prompt-voices__user small{color:var(--vermilion)}
.context-channel{height:45px;margin:14px 0 12px;display:grid;grid-template-columns:repeat(6,1fr);position:relative;border:1px solid rgba(233,223,201,.18);overflow:hidden}.context-channel span{display:grid;place-items:center;border-right:1px solid rgba(233,223,201,.12);font:600 7px Plex,monospace;letter-spacing:.08em;opacity:.45}.context-channel span:last-of-type{border:0}.context-channel i{position:absolute;left:-20%;top:0;width:18%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,47,32,.82),transparent);transform:skewX(-18deg)}
.actual-task{min-height:96px;padding:15px 20px;background:var(--washi);color:var(--sumi);display:flex;flex-direction:column;justify-content:center;gap:7px;position:relative;z-index:2}.actual-task::before{content:"→";position:absolute;left:-24px;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--vermilion);color:var(--washi);display:grid;place-items:center;font:600 24px Plex}.actual-task span{font:600 8px Plex,monospace;letter-spacing:.15em;color:var(--vermilion);margin-left:15px}.actual-task b{font:650 17px/1.26 Manrope,Arial,sans-serif;margin-left:15px;max-width:610px}
.generated-output{min-height:98px;margin-top:10px;border:1px solid rgba(233,223,201,.2);display:grid;grid-template-columns:1fr 116px;position:relative;z-index:2;overflow:hidden}.generated-output>div{padding:10px 14px}.generated-output span{display:block;margin-bottom:5px;font:600 8px Plex,monospace;letter-spacing:.14em;color:var(--gold)}.generated-output p{margin:0;font:400 10px/1.48 Plex,monospace;color:rgba(233,223,201,.78);white-space:nowrap}.generated-output p i{display:inline-block;width:28px;color:var(--vermilion);font-style:normal}.generated-output strong{background:var(--vermilion);color:var(--washi);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 8px Plex,monospace;letter-spacing:.14em}.generated-output strong b{font:700 20px/1 Manrope,Arial,sans-serif;letter-spacing:-.03em;margin-top:5px}.generated-output::after{content:"";position:absolute;left:14px;bottom:0;width:calc(100% - 144px);height:2px;background:var(--vermilion);transform:scaleX(.08);transform-origin:left}
.prompt-conflict__verdict{margin-top:9px;padding-top:10px;border-top:1px solid var(--line-light);display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;position:relative;z-index:2}.prompt-conflict__verdict span{font:600 8px/1.4 Plex,monospace;letter-spacing:.12em;color:var(--vermilion)}.prompt-conflict__verdict b{font:450 10px/1.4 Plex,monospace;color:rgba(233,223,201,.68)}
.scene--hook.is-current .prompt-voices article{animation:voice-enter 7.4s var(--ease) calc(var(--n)*.16s) infinite}.scene--hook.is-current .context-channel i{animation:context-scan 2.6s var(--ease) 1.15s infinite}.scene--hook.is-current .actual-task{animation:task-pressure 7.4s var(--ease) 1.25s infinite}.scene--hook.is-current .generated-output p{animation:output-line 7.4s var(--ease) calc(1.7s + var(--line,0)*.25s) infinite}.scene--hook.is-current .generated-output p:nth-of-type(1){--line:0}.scene--hook.is-current .generated-output p:nth-of-type(2){--line:1}.scene--hook.is-current .generated-output p:nth-of-type(3){--line:2}.scene--hook.is-current .generated-output::after{animation:output-grow 7.4s var(--ease) 1.7s infinite}.scene--hook.is-current .prompt-conflict__verdict{animation:verdict-mark 7.4s var(--ease) 2.25s infinite}
@keyframes voice-enter{0%,4%{opacity:.62;transform:translateY(-8px)}18%,88%{opacity:1;transform:none}100%{opacity:.82}}
@keyframes context-scan{0%{left:-20%;opacity:0}20%,70%{opacity:1}100%{left:105%;opacity:0}}
@keyframes task-pressure{0%,20%{box-shadow:none}32%,62%{box-shadow:inset 7px 0 0 var(--vermilion)}80%,100%{box-shadow:none}}
@keyframes output-line{0%,24%{opacity:.58;transform:translateX(-7px)}38%,88%{opacity:1;transform:none}100%{opacity:.8}}
@keyframes output-grow{0%,25%{transform:scaleX(.08)}52%,88%{transform:scaleX(1)}100%{transform:scaleX(.6)}}
@keyframes verdict-mark{0%,28%{opacity:.68;transform:translateY(5px)}42%,88%{opacity:1;transform:none}100%{opacity:.78}}
@keyframes spin{to{transform:rotate(360deg)}}

/* shared statement */
.definition-line{font:400 clamp(20px,2vw,32px)/1.4 Literata,serif;margin:42px 0 0;text-align:center}.definition-line b{color:var(--vermilion);font-weight:600}.definition-line--dark{border-top:1px solid var(--line-light);padding-top:30px}

/* Human-facing system map: the app and the provider are separate. */
.scene--system .scene__inner{padding-top:42px;padding-bottom:36px}
.scene--system .eyebrow{margin-bottom:24px}
.scene--system h2{font-size:clamp(44px,4.6vw,68px)}
.system-map{display:grid;grid-template-columns:1fr 150px 1fr;align-items:stretch;margin-top:36px}
.system-map article{min-width:0;padding:26px 30px;background:rgba(233,223,201,.045);border-top:2px solid var(--gold)}
.map-label{font:600 11px/1.5 Plex;letter-spacing:.1em;color:var(--gold)}
.system-map h3{font:700 30px/1.2 Manrope;margin:15px 0 20px}
.system-map h3 small{display:block;font:400 14px/1.5 Plex;opacity:.6;margin-top:5px}
.system-quote{font:550 25px/1.4 Literata!important;color:var(--washi);background:var(--vermilion);padding:10px 16px;margin:0 0 18px!important}
.context-scroll{display:flex;flex-direction:column;gap:9px;border-left:2px solid var(--gold);padding-left:17px}
.context-scroll span{font:450 18px/1.35 Manrope}
.system-map article>p:not(.system-quote){font:400 16px/1.5 Manrope;color:rgba(233,223,201,.8);margin:20px 0 0}
.system-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px 14px}
.system-bridge span{font:600 15px Plex}
.system-bridge small{font:500 14px/1.4 Plex;text-align:center;color:var(--gold)}
.system-bridge i{height:2px;width:100%;background:rgba(233,223,201,.2);position:relative;overflow:hidden}
.system-bridge i::after{content:"";position:absolute;inset:0;width:25%;background:var(--vermilion)}
.scene--system.is-current .system-bridge i::after{animation:request-pass 2.8s ease-in-out infinite}
.system-bridge i:nth-of-type(2)::after{animation-direction:reverse!important}
.system-model{display:flex;align-items:center;gap:24px}
.system-model img{width:90px;height:90px;background:var(--washi);border-radius:50%;padding:10px}
.system-model b{font-size:26px}.system-model span{display:block;font-size:15px;line-height:1.5;opacity:.75;margin-top:5px}
.system-cache{display:flex;gap:20px;align-items:center;margin-top:20px;padding-top:17px;border-top:1px solid var(--line-light)}
.system-cache b{font:600 20px Plex;color:var(--gold)}.system-cache span{font-size:14px;line-height:1.5}
.system-definition{font:400 20px/1.5 Manrope;border-left:4px solid var(--vermilion);padding:5px 0 5px 22px;margin:28px 0 0;max-width:1000px}
.system-definition>b{color:var(--gold)}
@keyframes request-pass{0%{left:-25%}100%{left:125%}}

/* A shared service is not a shared conversation. Labels stay readable throughout. */
.scene--serving{background-image:linear-gradient(rgba(242,234,217,.93),rgba(242,234,217,.93)),url('assets/field-light.jpg')}
.serving-story{padding-top:32px;padding-bottom:26px}
.serving-story>.eyebrow{margin-bottom:20px}
.serving-story>h2{font-size:clamp(40px,4.2vw,65px)}
.serving-theatre{position:relative;height:440px;margin-top:14px}
.serving-character{position:absolute;top:110px;height:295px;width:29%;background-image:url('assets/serving-people-v18.png');background-size:auto 100%;background-repeat:no-repeat;pointer-events:none}
.serving-character--you{left:0;background-position:left center}.serving-character--dan{right:0;background-position:right center}
.person-note{position:absolute;top:21px;z-index:3;width:29%;text-align:center}
.person-note--you{left:0;--lane:var(--vermilion)}.person-note--dan{right:0;--lane:var(--indigo)}
.person-note span{font:600 11px/1.4 Plex;letter-spacing:.1em;color:var(--lane)}
.person-note b{display:block;font:600 23px/1.3 Literata;margin:7px 0}
.person-note small{font:450 13px/1.4 Manrope}
.serving-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wire{fill:none;stroke-width:2.5;stroke-dasharray:6 5}
.wire--red{stroke:var(--vermilion)}.wire--blue{stroke:var(--indigo)}
.wire--return{opacity:.22}
.scene--serving.is-current [data-phase="send"] .wire--in{animation:wire-flow 1.1s linear infinite}
.scene--serving.is-current [data-phase="reply"] .wire--return{animation:wire-flow 1.1s linear infinite;opacity:1}
.service-hub{position:absolute;top:21px;left:36%;width:28%;height:330px;border:1px solid rgba(17,17,15,.35);border-radius:46% 46% 12px 12px;background:rgba(242,234,217,.94);display:flex;align-items:center;flex-direction:column;padding:33px 14px 12px}
.service-hub>span{font:600 10px/1.5 Plex;letter-spacing:.1em}
.service-dispatch{text-align:center;margin:17px 0 21px}
.service-dispatch b{font:650 20px/1.2 Manrope}
.service-dispatch small{display:block;font:450 12px/1.4 Manrope;margin-top:7px;opacity:.7}
.hub-routes{position:absolute;top:122px;left:10%;width:80%;height:36px;overflow:visible}
.hub-routes path{fill:none;stroke-width:2;stroke-dasharray:4 3}.hub-red{stroke:var(--vermilion)}.hub-blue{stroke:var(--indigo)}
[data-route="shared"] .hub-blue--split,[data-route="split"] .hub-blue--shared{display:none}
.scene--serving.is-current [data-phase="send"] .hub-routes path{animation:wire-flow 1.8s linear infinite}
.replica-pair{display:flex;justify-content:center;gap:20px;width:100%}
.replica{position:relative;width:100px;height:112px;text-align:center}
.replica-orbit{position:absolute;left:8px;right:8px;height:84px;border:2px solid var(--sumi);border-right-color:var(--vermilion);border-radius:50%}
.replica b{display:block;font:700 30px/1 Manrope;padding-top:17px}.replica>span{font:500 12px/1.5 Plex}
.request-dots{display:flex;justify-content:center;gap:8px;position:absolute;bottom:0;left:0;right:0}
.request-dots i{display:block;width:13px;height:13px;border:1px solid var(--paper)}
.dot-you{background:var(--vermilion)}.dot-dan{background:var(--indigo);border-radius:50%}
[data-route="shared"] .replica--two .dot-dan,[data-route="split"] .replica--one .dot-dan{visibility:hidden}
.route-caption{font:600 13px/1.35 Manrope;text-align:center;margin:14px 0 0;min-height:36px}
.scene--serving.is-current [data-phase="compute"] .replica--one .replica-orbit,.scene--serving.is-current [data-phase="compute"][data-route="split"] .replica--two .replica-orbit{animation:spin 4s linear infinite}
.person-result{position:absolute;bottom:35px;width:29%;padding:10px 8px;background:rgba(242,234,217,.96);text-align:center;border-bottom:2px solid var(--lane);opacity:.45;transition:opacity .4s}
.person-result--you{left:0;--lane:var(--vermilion)}.person-result--dan{right:0;--lane:var(--indigo)}
.person-result span{font:600 10px Plex;color:var(--lane);margin-right:7px}
.person-result b{font:600 15px/1.4 Manrope}
[data-phase="reply"] .person-result{opacity:1}
.serving-step{position:absolute;bottom:0;left:0;right:0;text-align:center;font:600 14px/1.5 Plex;margin:0}
.serving-conclusions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding-top:18px}
.serving-conclusions p{margin:0}.serving-conclusions b{display:block;font:650 16px/1.4 Manrope}.serving-conclusions span{display:block;font:400 14px/1.45 Manrope;margin-top:6px;opacity:.75}
@keyframes wire-flow{to{stroke-dashoffset:-44}}

/* inference */
.inference-story{padding-top:78px;padding-bottom:46px;justify-content:center}.inference-story__head{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:70px}.inference-story__head .eyebrow{margin-bottom:25px}.inference-story__head h2{font-size:clamp(48px,4.8vw,78px)}.inference-story__head>p{margin:0 0 4px;padding:18px 0 18px 22px;border-left:4px solid var(--vermilion);font:450 16px/1.55 Manrope;opacity:.72}.inference-story__head>p b{color:var(--vermilion)}
.inference-flow{display:grid;grid-template-columns:1.12fr 26px .82fr 26px 1.28fr 26px 1fr 26px 1fr;align-items:stretch;margin-top:38px;min-height:345px}.flow-step{min-width:0;border:1px solid var(--line);padding:21px 18px;position:relative;overflow:hidden;background:rgba(242,234,217,.62);display:flex;flex-direction:column}.flow-step>span{font:600 8px Plex;color:var(--vermilion);letter-spacing:.13em}.flow-step h3{font:700 16px/1.25 Manrope;margin:13px 0}.flow-step>p{font:400 11px/1.5 Plex;margin:0;opacity:.62}.flow-step>small{font:400 8px/1.4 Plex;opacity:.48;margin-top:auto}.flow-link{align-self:center;height:1px;background:var(--sumi);position:relative}.flow-link::after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid var(--sumi);border-top:4px solid transparent;border-bottom:4px solid transparent}.flow-link b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--vermilion);top:-4px;left:0}
.prompt-sample{margin:18px 0!important;padding:16px 12px;background:var(--sumi);color:var(--washi);font:500 15px/1.3 Literata!important;opacity:1!important}.token-burst{display:flex;flex-wrap:wrap;gap:5px}.token-burst i{padding:7px 8px;background:var(--vermilion);color:var(--washi);font:600 9px Plex;font-style:normal;transform-origin:center}.token-burst i:nth-child(2),.token-burst i:nth-child(4){background:var(--indigo)}
.inference-flow--plain{grid-template-columns:1.08fr 24px 1fr 24px 1.25fr 24px 1.18fr;min-height:390px}.inference-flow--plain .flow-step{padding:18px 16px}.inference-flow--plain .flow-step h3{font-size:18px;margin:12px 0}.inference-flow--plain .flow-step>small{font-size:10px;line-height:1.45}.token-burst--ids{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px}.token-burst--ids i{min-height:49px;display:flex;flex-direction:column;justify-content:center;gap:4px}.token-burst--ids i b{font:650 11px Plex}.token-burst--ids i small{font:400 8px Plex;opacity:.75}.vector-cards{display:grid;gap:5px;margin:12px 0}.vector-cards p{margin:0;padding:7px 8px;border:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;background:rgba(233,223,201,.58)}.vector-cards b,.vector-cards span,.vector-cards em,.vector-cards i{font:600 9px Plex;font-style:normal}.vector-cards i{color:var(--vermilion)}.vector-cards span{color:var(--indigo)}.vector-cards em{grid-column:1/-1;color:var(--gold);font-size:8px;letter-spacing:.08em}.concept-key{display:grid;gap:8px;margin-top:auto}.concept-key p{margin:0;display:grid;grid-template-columns:67px 1fr;gap:8px;align-items:start}.concept-key b{font:600 9px Plex;color:var(--vermilion);letter-spacing:.08em}.concept-key span{font:400 10px/1.35 Plex;opacity:.74}.prefix-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:14px 0}.prefix-stack p{min-width:0;margin:0;padding:10px 5px;border:1px solid rgba(233,223,201,.34);text-align:center}.prefix-stack small{display:block;font:500 8px Plex;color:var(--gold);margin-bottom:4px}.prefix-stack b{font:600 8px Plex;letter-spacing:.05em}.plain-definition{display:grid;grid-template-columns:67px 1fr;gap:9px;padding:10px 0;border-top:1px solid rgba(233,223,201,.22)}.plain-definition b{font:600 9px Plex;color:var(--gold);letter-spacing:.08em}.plain-definition span{font:400 10px/1.4 Plex;opacity:.76}.candidate-label{margin-top:3px!important;color:var(--gold);font-weight:600!important;letter-spacing:.08em}.flow-step--decode .probability-race{gap:8px;margin:10px 0 12px}.flow-step--decode .probability-race b,.flow-step--decode .probability-race em{font-size:9px}.flow-step--decode .decode-output{margin:0;padding:12px}.flow-step--decode .decode-output b{font-size:21px;margin-top:5px}.flow-step--decode .decode-loop{height:48px;margin:10px 0}.flow-step--decode .decode-loop i{width:28px;height:28px}.flow-step--decode .decode-loop span{margin-top:37px}.flow-step--decode>small:last-child{margin-top:auto}
.inference-flow--primer{grid-template-columns:1fr 32px 1fr 32px 1.12fr;min-height:360px}.inference-flow--primer .flow-step{padding:24px}.inference-flow--primer .flow-step h3{font-size:22px}.inference-flow--primer .flow-step>small{font-size:10px;line-height:1.5}.request-origin{margin-top:18px;padding:15px;border:1px solid var(--line);display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}.request-origin b{font:650 9px Plex;color:var(--vermilion);letter-spacing:.1em}.request-origin span{font:500 11px/1.4 Manrope}.token-definition{margin:2px 0 14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px 1fr;gap:12px}.token-definition b{font:650 9px Plex;color:var(--vermilion);letter-spacing:.1em}.token-definition span{font:500 11px/1.35 Manrope}.token-truth{margin-top:18px;padding:15px 18px;border:1px solid var(--line);background:rgba(242,234,217,.78);display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}.token-truth b{font:650 10px Plex;color:var(--vermilion);letter-spacing:.12em}.token-truth span{font:550 13px/1.4 Manrope}
.flow-step--vectors p{margin-top:auto}
.flow-step--model{background:rgba(17,17,15,.94);color:var(--washi);border-color:var(--sumi)}.flow-step--model>span{color:var(--gold)}.cache-route{margin-top:auto;border:1px dashed rgba(233,223,201,.34);padding:10px}.cache-route b{display:block;font:600 9px Plex;color:var(--gold);letter-spacing:.1em}.cache-route span{font:400 9.5px/1.4 Plex;opacity:.66}
.probability-race{display:grid;gap:16px;margin:24px 0}.probability-race p{margin:0;display:grid;grid-template-columns:53px 1fr 20px;gap:7px;align-items:center}.probability-race b,.probability-race em{font:600 8px Plex;font-style:normal}.probability-race i{display:block;width:var(--p);height:9px;background:var(--vermilion);transform-origin:left}.probability-race p:nth-child(2) i{background:var(--indigo)}.probability-race p:nth-child(3) i{background:var(--gold)}
.decode-output{margin:auto 0;padding:20px 14px;border:1px solid var(--sumi);background:var(--washi);position:relative}.decode-output small{display:block;font:600 8px Plex;letter-spacing:.12em;color:var(--vermilion)}.decode-output b{display:block;margin-top:10px;font:650 25px Manrope}.cursor{color:var(--vermilion)}.decode-loop{height:72px;margin-top:18px;border:1px dashed var(--line);position:relative;display:grid;place-items:center}.decode-loop i{position:absolute;width:36px;height:36px;border:3px solid var(--vermilion);border-left-color:transparent;border-radius:50%}.decode-loop span{font:600 7px Plex;letter-spacing:.1em;margin-top:56px}
.inference-legend{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid var(--line);background:rgba(242,234,217,.86)}.inference-legend p{margin:0;min-width:0;padding:13px 16px;border-right:1px solid var(--line);display:grid;gap:5px;align-content:center}.inference-legend p:last-child{border:0}.inference-legend span{font:650 9px Plex;color:var(--vermilion);letter-spacing:.1em}.inference-legend b{font:520 11px/1.35 Manrope;text-align:left;overflow-wrap:anywhere}
.scene--inference.is-current .token-burst i{animation:token-pop 9s var(--ease) infinite}.scene--inference.is-current .token-burst i:nth-child(2){animation-delay:.12s}.scene--inference.is-current .token-burst i:nth-child(3){animation-delay:.24s}.scene--inference.is-current .token-burst i:nth-child(4){animation-delay:.36s}.scene--inference.is-current .flow-link b{animation:data-travel 9s linear infinite}.scene--inference.is-current .flow-link--2 b{animation-delay:1.2s}.scene--inference.is-current .flow-link--3 b{animation-delay:2.4s}.scene--inference.is-current .probability-race i{animation:probability-grow 9s var(--ease) infinite}.scene--inference.is-current .decode-output{animation:decode-select 9s var(--ease) infinite}.scene--inference.is-current .cursor{animation:cursor-blink .7s steps(1) infinite}.scene--inference.is-current .decode-loop i{animation:spin 1.4s linear infinite}
.scene--inference.is-current .vector-cards p{animation:plain-card-read 9s var(--ease) infinite}.scene--inference.is-current .vector-cards p:nth-child(2){animation-delay:.18s}.scene--inference.is-current .vector-cards p:nth-child(3){animation-delay:.36s}.scene--inference.is-current .prefix-stack p{animation:prefix-read 9s var(--ease) infinite}.scene--inference.is-current .prefix-stack p:nth-child(2){animation-delay:.24s}.scene--inference.is-current .prefix-stack p:nth-child(3){animation-delay:.48s}
@keyframes token-pop{0%,8%{opacity:.15;transform:translateY(18px) scale(.85)}18%,84%{opacity:1;transform:none}96%,100%{opacity:.15;transform:translateX(16px)}}
@keyframes data-travel{0%,10%{transform:translateX(0);opacity:0}18%{opacity:1}38%{transform:translateX(18px);opacity:1}45%,100%{transform:translateX(24px);opacity:0}}
@keyframes probability-grow{0%,47%{transform:scaleX(.05);opacity:.25}68%,88%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.12);opacity:.3}}
@keyframes decode-select{0%,60%{background:var(--washi);transform:translateY(10px);opacity:.35}76%,92%{background:rgba(201,47,32,.13);transform:none;opacity:1}100%{opacity:.4}}
@keyframes cursor-blink{50%{opacity:0}}
@keyframes plain-card-read{0%,18%{opacity:.3;transform:translateY(10px)}32%,86%{opacity:1;transform:none}100%{opacity:.45}}
@keyframes prefix-read{0%,28%{background:transparent;color:inherit}40%,72%{background:var(--vermilion);color:var(--washi)}88%,100%{background:transparent;color:inherit}}

/* attention in plain language */
.attention-story{padding-top:52px;padding-bottom:34px}.attention-story__head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.attention-story__head .eyebrow{margin-bottom:20px}.attention-story__head h2{font-size:clamp(44px,4.2vw,68px)}.attention-story__head>p{margin:0 0 4px;padding:16px 0 16px 20px;border-left:4px solid var(--vermilion);font:450 14px/1.5 Manrope;opacity:.76}.attention-story__head>p b{color:var(--vermilion)}
.attention-example{margin-top:24px;border:1px solid var(--line);background:rgba(242,234,217,.7);display:grid;grid-template-columns:.78fr 1.18fr .84fr;min-height:350px}.attention-example>div{padding:22px;border-right:1px solid var(--line)}.attention-example>div:last-child{border:0}.attention-input>span,.attention-focus>span,.attention-updated>span{display:block;font:650 8px Plex;color:var(--vermilion);letter-spacing:.12em}.context-message{margin-top:22px;padding:15px 16px;background:var(--sumi);color:var(--washi);display:grid;gap:8px}.context-message--user{margin-top:9px;background:var(--indigo)}.context-message small{font:650 7px Plex;color:var(--gold);letter-spacing:.1em}.context-message b{font:650 18px Manrope}.attention-input>p,.attention-updated>p{margin:18px 0 0;font:450 11px/1.5 Manrope;opacity:.66}
.attention-relations{display:grid;gap:10px;margin-top:21px}.attention-relations p{margin:0;display:grid;grid-template-columns:84px 1fr 92px;gap:10px;align-items:center}.attention-relations b,.attention-relations em{font:650 8px Plex;font-style:normal}.attention-relations em{color:var(--gold)}.attention-relations i{height:14px;background:rgba(17,17,15,.08);position:relative;overflow:hidden}.attention-relations i::after{content:"";position:absolute;inset:0;width:calc(var(--strength)*100%);background:var(--indigo);transform-origin:left}.attention-relations .is-focus i::after{background:var(--vermilion)}.attention-focus>small{display:block;margin-top:17px;font:450 9px/1.4 Plex;opacity:.55}.updated-token{margin-top:22px;padding:18px;background:var(--sumi);color:var(--washi);border-left:5px solid var(--vermilion)}.updated-token>small{font:650 7px Plex;color:var(--gold);letter-spacing:.1em}.updated-token>b{display:block;margin:15px 0 18px;font:750 34px/1 Manrope}.updated-token p{margin:7px 0;font:550 11px/1.35 Manrope}.updated-token p i{color:var(--vermilion);font-style:normal}.attention-result{min-height:72px;margin-top:14px;padding:12px 18px;border:1px solid var(--line);background:rgba(242,234,217,.82);display:grid;grid-template-columns:1fr 1px 1fr;gap:22px;align-items:center}.attention-result>i{height:34px;background:var(--line)}.attention-result p{margin:0;display:grid;grid-template-columns:112px 1fr;gap:13px;align-items:center}.attention-result span{font:650 8px Plex;color:var(--vermilion);letter-spacing:.1em}.attention-result b{font:600 11px/1.35 Manrope}.attention-result--plain{grid-template-columns:1fr 1px 1fr 1px 1fr}
.scene--attention.is-current .context-message{animation:context-message-in 7.8s var(--ease) infinite}.scene--attention.is-current .context-message--user{animation-delay:.3s}.scene--attention.is-current .attention-relations i::after{animation:attention-link 7.8s var(--ease) infinite}.scene--attention.is-current .attention-relations p:nth-child(2) i::after{animation-delay:.25s}.scene--attention.is-current .attention-relations p:nth-child(3) i::after{animation-delay:.5s}.scene--attention.is-current .attention-relations p:nth-child(4) i::after{animation-delay:.75s}.scene--attention.is-current .updated-token{animation:updated-state 7.8s var(--ease) infinite}
@keyframes context-message-in{0%,8%{opacity:.25;transform:translateX(-14px)}22%,86%{opacity:1;transform:none}100%{opacity:.55}}
@keyframes attention-link{0%,28%{transform:scaleX(.03);opacity:.2}48%,86%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.18);opacity:.35}}
@keyframes updated-state{0%,52%{opacity:.3;transform:translateX(12px)}68%,90%{opacity:1;transform:none}100%{opacity:.45}}

/* Q, K and V */
.qkv-story{padding-top:48px;padding-bottom:32px}.qkv-story__head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.qkv-story__head .eyebrow{margin-bottom:20px}.qkv-story__head h2{font-size:clamp(43px,4vw,65px)}.qkv-story__head>p{margin:0 0 4px;padding:16px 0 16px 20px;border-left:4px solid var(--vermilion);font:450 14px/1.5 Manrope;opacity:.76}.qkv-story__head>p b{color:var(--vermilion)}
.qkv-machine{margin-top:22px;border:1px solid var(--line);background:rgba(242,234,217,.72);display:grid;grid-template-columns:.75fr 1.12fr 1.13fr;min-height:350px}.qkv-machine>div{padding:20px;border-right:1px solid var(--line)}.qkv-machine>div:last-child{border:0}.qkv-origin>span,.qkv-use>span{display:block;font:650 8px Plex;color:var(--vermilion);letter-spacing:.12em}.qkv-origin>div{margin-top:26px;padding:18px;background:var(--sumi);color:var(--washi);display:grid;gap:10px}.qkv-origin>div small{font:650 8px Plex;color:var(--gold);letter-spacing:.1em}.qkv-origin>div b{font:650 18px Manrope}.qkv-origin>p{margin:24px 0 0;padding-top:17px;border-top:1px solid var(--line);display:grid;gap:6px}.qkv-origin>p b{font:700 14px Plex;color:var(--vermilion)}.qkv-origin>p span{font:500 11px/1.4 Manrope}
.qkv-split{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:center}.qkv-split article{min-height:185px;padding:16px 12px;border:1px solid var(--sumi);display:flex;flex-direction:column}.qkv-split article>b{font:750 34px/1 Plex;color:var(--vermilion)}.qkv-split article>span{margin-top:20px;font:650 10px/1.4 Manrope}.qkv-split article>small{margin-top:auto;font:650 7px Plex;color:var(--gold);letter-spacing:.1em}.qkv-split__k{background:var(--indigo);color:var(--washi)}.qkv-split__v{background:var(--sumi);color:var(--washi)}
.qkv-use{display:flex;flex-direction:column}.qk-match,.v-combine{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.qk-match b,.qk-match em,.v-combine b,.v-combine em{font:650 9px/1.35 Plex;font-style:normal}.qk-match em,.v-combine em{text-align:right;color:var(--gold)}.qk-match i,.v-combine i{height:2px;background:var(--sumi);position:relative;overflow:hidden}.qk-match i::after,.v-combine i::after{content:"";position:absolute;width:9px;height:9px;top:-4px;left:0;background:var(--vermilion)}.qkv-use>small{margin-top:9px;font:500 10px Plex;opacity:.58}.v-combine{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.output-path{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center;padding:13px;background:var(--sumi);color:var(--washi)}.output-path span,.output-path b{font:650 8.5px Plex;letter-spacing:.07em}.output-path b{color:var(--vermilion)}.output-path i{height:1px;background:rgba(233,223,201,.4)}
.qkv-truth{min-height:70px;margin-top:14px;padding:12px 18px;border:1px solid var(--line);background:rgba(242,234,217,.82);display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;gap:18px;align-items:center}.qkv-truth>i{height:34px;background:var(--line)}.qkv-truth p{margin:0;display:grid;grid-template-columns:88px 1fr;gap:11px;align-items:center}.qkv-truth span{font:650 8.5px Plex;color:var(--vermilion);letter-spacing:.08em}.qkv-truth b{font:600 11px/1.35 Manrope}
.scene--qkv.is-current .qkv-origin>div{animation:qkv-origin 8.2s var(--ease) infinite}.scene--qkv.is-current .qkv-split article{animation:qkv-card 8.2s var(--ease) infinite}.scene--qkv.is-current .qkv-split article:nth-child(2){animation-delay:.25s}.scene--qkv.is-current .qkv-split article:nth-child(3){animation-delay:.5s}.scene--qkv.is-current .qk-match i::after,.scene--qkv.is-current .v-combine i::after{animation:qkv-travel 2.1s var(--ease) infinite}.scene--qkv.is-current .output-path{animation:qkv-output 8.2s var(--ease) infinite}
@keyframes qkv-origin{0%,8%{opacity:.3;transform:translateY(-10px)}22%,88%{opacity:1;transform:none}100%{opacity:.45}}
@keyframes qkv-card{0%,22%{opacity:.25;transform:translateY(12px)}40%,88%{opacity:1;transform:none}100%{opacity:.45}}
@keyframes qkv-travel{0%{left:0;opacity:0}18%,78%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
@keyframes qkv-output{0%,58%{opacity:.32}72%,92%{opacity:1;box-shadow:inset 0 -4px 0 var(--vermilion)}100%{opacity:.45}}

/* context */
.scene--context .scene__inner{padding-top:76px;padding-bottom:52px}.scene--context h2{font-size:clamp(46px,4.8vw,76px)}.context-logic{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:34px}.context-logic>article{min-height:350px;padding:22px;border:1px solid var(--line);background:rgba(242,234,217,.66);position:relative;overflow:hidden}.context-logic header{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.context-logic header>span{width:27px;height:27px;display:grid;place-items:center;background:var(--vermilion);color:var(--washi);font:600 9px Plex}.context-logic header>b{font:600 10px Plex;letter-spacing:.1em}.context-logic header>small{font:400 8px Plex;color:var(--gold)}.assembly-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.assembly-parts i{min-height:55px;padding:9px;border:1px solid var(--sumi);display:grid;place-items:center;text-align:center;font:600 8px/1.35 Plex;font-style:normal;letter-spacing:.08em;background:var(--washi)}.assembly-parts .role-system{border-top:6px solid var(--sumi)}.assembly-parts .role-dev{border-top:6px solid var(--indigo)}.assembly-parts .role-user{background:var(--vermilion);border-color:var(--vermilion);color:var(--washi)}.serialization{height:92px;margin-top:24px;padding:14px;border:1px dashed var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.serialization span,.serialization em{font:600 8px/1.4 Plex;letter-spacing:.08em;font-style:normal}.serialization em{color:var(--vermilion);text-align:right}.serialization b{height:2px;background:var(--sumi);position:relative;overflow:hidden}.serialization b::after{content:"";position:absolute;width:45%;height:100%;background:var(--vermilion);left:-50%}.authority-stairs{margin-top:24px;display:grid;gap:7px}.authority-stairs p{margin:0;min-height:58px;display:grid;grid-template-columns:54px 1fr;align-items:center}.authority-stairs p:nth-child(2){margin-left:34px}.authority-stairs p:nth-child(3){margin-left:68px}.authority-stairs b{height:100%;display:grid;place-items:center;background:var(--sumi);color:var(--gold);font:600 7px Plex;letter-spacing:.08em}.authority-stairs span{height:100%;padding:0 16px;display:flex;align-items:center;border:1px solid var(--sumi);font:600 10px Plex;letter-spacing:.1em;background:var(--washi)}.placement-demo{margin:19px 0 0;padding:13px 15px;background:var(--indigo);color:var(--washi);display:flex;justify-content:space-between;gap:20px;align-items:center}.placement-demo span{font:600 8px Plex;letter-spacing:.1em;color:var(--gold)}.placement-demo b{font:500 9px Plex;text-align:right}
/* loop */
.loop-story{padding-top:54px;padding-bottom:34px}.loop-story__head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.loop-story__head .eyebrow{margin-bottom:20px}.loop-story__head h2{font-size:clamp(46px,4.5vw,70px)}.loop-story__head>p{margin:0 0 5px;padding:16px 0 16px 22px;border-left:4px solid var(--vermilion);font:450 14px/1.52 Manrope;opacity:.78}.loop-story__head>p b{color:var(--vermilion)}.loop-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.loop-compare>article{min-height:340px;padding:19px 20px 18px;border:1px solid var(--line);background:rgba(242,234,217,.72);position:relative;overflow:hidden}.loop-compare>article.agent-cycle{background:var(--sumi);color:var(--washi)}.loop-compare header{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid currentColor}.loop-compare header span{font:600 9px Plex;letter-spacing:.11em;color:var(--vermilion)}.loop-compare header b{font:500 8px Plex;color:var(--gold);letter-spacing:.08em}.loop-compare h3{margin:15px 0 0;font:650 23px/1.15 Manrope}.loop-walk{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;gap:5px;align-items:stretch;margin-top:15px}.loop-step{min-width:0;min-height:112px;margin:0;padding:11px 10px;border:1px solid currentColor;display:flex;flex-direction:column;justify-content:flex-start;background:rgba(242,234,217,.68);transition:.25s}.agent-cycle .loop-step{background:rgba(242,234,217,.05);border-color:rgba(233,223,201,.45)}.loop-step small{font:600 8px Plex;color:var(--vermilion);letter-spacing:.08em}.loop-step b{margin-top:18px;font:650 10px Plex;letter-spacing:.08em}.loop-step span{margin-top:7px;font:450 10px/1.35 Manrope;opacity:.72}.loop-walk>i{display:grid;place-items:center;color:var(--vermilion);font-style:normal}.loop-walk>i::after{content:"→";font:600 15px Plex}.loop-reason{margin-top:16px;padding:12px 14px;border-left:3px solid var(--vermilion);background:rgba(17,17,15,.06)}.agent-cycle .loop-reason{background:rgba(242,234,217,.08)}.loop-reason b{display:block;font:600 8px Plex;color:var(--vermilion);letter-spacing:.1em}.loop-reason p{margin:6px 0 0;font:450 11px/1.4 Manrope;opacity:.78}.loop-takeaway{min-height:66px;margin-top:14px;padding:11px 17px;display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;border:1px solid var(--line);background:rgba(242,234,217,.72)}.loop-takeaway p{margin:0;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center}.loop-takeaway span{font:600 8px Plex;letter-spacing:.1em;color:var(--vermilion)}.loop-takeaway b{font:650 14px/1.25 Manrope}.loop-takeaway i{width:1px;height:34px;background:var(--line)}

/* cost */
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border:1px solid var(--line-light)}.cost-grid article{min-height:330px;padding:32px;border-right:1px solid var(--line-light);display:flex;flex-direction:column}.cost-grid article:last-child{border:0}.cost-grid__icon{font:600 46px/1 Plex;color:var(--vermilion);letter-spacing:-.06em}.cost-grid h3{font:650 27px Manrope;margin:45px 0 14px}.cost-grid p{font:400 14px/1.55 Plex;opacity:.62;margin:0}.cost-grid small{font:600 9px Plex;letter-spacing:.12em;color:var(--gold);margin-top:auto;padding-top:24px}

/* shared split heading */
.lab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.lab-head h2{font-size:clamp(46px,5vw,78px)}.lab-head p{max-width:440px;font:400 12px/1.55 Plex;opacity:.57;margin:0}

/* cache */
.cache-demo{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;margin-top:48px}.cache-requests{display:grid;gap:10px}.cache-requests>div{display:grid;grid-template-columns:105px minmax(130px,1fr) .55fr 55px;align-items:center;gap:7px}.cache-requests span{font:600 9px Plex;letter-spacing:.1em}.cache-requests i{height:52px;display:grid;place-items:center;font:600 9px Plex;letter-spacing:.08em;font-style:normal}.cache-requests .static{background:var(--sumi);color:var(--washi)}.cache-requests .cached{background:var(--indigo)}.cache-requests .fresh{border:1px solid var(--vermilion);color:var(--vermilion)}.cache-requests .changed{background:repeating-linear-gradient(-45deg,var(--sumi),var(--sumi) 5px,var(--indigo) 5px,var(--indigo) 10px);color:var(--washi)}.cache-requests b{font:400 9px Plex;color:var(--gold)}
.cache-truth{display:grid;gap:9px}.cache-truth article{display:grid;grid-template-columns:32px 1fr;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:9px 0}.cache-truth b{width:27px;height:27px;display:grid;place-items:center;background:var(--sumi);color:var(--washi);font:600 15px Plex}.cache-truth article:first-child b{background:var(--vermilion)}.cache-truth span{font:450 13px/1.45 Manrope}
.cache-equation{min-height:52px;margin-top:22px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;border:1px solid var(--line)}.cache-equation span,.cache-equation b,.cache-equation em{font:600 8px Plex;letter-spacing:.1em;font-style:normal}.cache-equation b{color:var(--vermilion)}.cache-equation em{font-weight:400;color:var(--gold)}.cache-equation i{height:2px;background:var(--sumi);position:relative;overflow:hidden}.cache-equation i::after{content:"";position:absolute;left:-25%;top:-3px;width:8px;height:8px;background:var(--vermilion)}
.cache-policy{margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--vermilion);background:rgba(242,234,217,.7);font:400 11px/1.5 Plex}.cache-policy b{color:var(--vermilion)}

/* pipelines */
.pipelines{display:grid;gap:30px}.pipeline{min-height:200px;border:1px solid var(--line-light);padding:26px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;position:relative}.pipeline span,.pipeline b{font:600 11px Plex;letter-spacing:.12em}.pipeline b{color:var(--vermilion)}.pipeline small{position:absolute;bottom:18px;left:26px;font:400 9px Plex;letter-spacing:.08em;opacity:.45}.pipeline i{height:2px;background:var(--washi);position:relative}.pipeline i::after{content:"";position:absolute;width:10px;height:10px;background:var(--vermilion);right:0;top:50%;transform:translateY(-50%);animation:travel 2s ease-in-out infinite}.pipeline--clean{border-color:var(--vermilion)}.pipeline--noisy{grid-template-columns:auto repeat(5,1fr) auto}.pipeline--noisy i{transform:rotate(calc((var(--n,0) - 2)*4deg));opacity:.55}.pipeline--noisy i:nth-of-type(1){--n:0}.pipeline--noisy i:nth-of-type(2){--n:1}.pipeline--noisy i:nth-of-type(3){--n:2}.pipeline--noisy i:nth-of-type(4){--n:3}.pipeline--noisy i:nth-of-type(5){--n:4}.pipeline--noisy i::after{animation-delay:calc(var(--n)*-.25s)}
@keyframes travel{0%{right:100%;opacity:0}20%,80%{opacity:1}100%{right:0;opacity:0}}

/* method */
.method{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method li{padding:22px 19px 28px;border-right:1px solid var(--line);min-height:220px;display:flex;flex-direction:column}.method li:last-child{border:0}.method span{font:600 10px Plex;color:var(--vermilion)}.method b{font:700 14px Plex;letter-spacing:.11em;margin-top:auto}.method p{font:400 12px/1.5 Plex;opacity:.58;margin:12px 0 0}.formula{margin-top:38px;padding:24px;background:var(--sumi);color:var(--washi);text-align:center;font:600 12px Plex;letter-spacing:.14em}.formula span{color:var(--vermilion);margin:0 18px}

/* sources */
.scene--sources .scene__inner{padding-top:64px;padding-bottom:48px}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:32px;border-top:1px solid var(--line-light);border-left:1px solid var(--line-light)}.source-grid a{min-height:68px;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:12px 17px;display:grid;grid-template-columns:95px 1fr auto;gap:14px;align-items:center;transition:.25s}.source-grid a:hover{background:rgba(201,47,32,.13)}.source-grid span{font:600 9px Plex;color:var(--vermilion);letter-spacing:.12em}.source-grid b{font:500 14px Manrope}.source-grid i{font-style:normal;color:var(--gold)}.end-lockup{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:28px}.end-lockup__logo{padding:16px 20px;background:var(--washi);border:1px solid rgba(169,133,62,.7)}.end-lockup img{display:block;width:100%;filter:none}.end-lockup p{font:400 24px/1.4 Literata;border-left:1px solid var(--line-light);padding-left:40px}.end-lockup b{color:var(--vermilion)}.version{font:400 8px Plex;letter-spacing:.16em;opacity:.35;margin:25px 0 0;text-align:center}

/* motion language across the shortened deck */
#slide-2.is-current .task-ticket{animation:task-enter 7.2s var(--ease) infinite}#slide-2.is-current .request-link b{animation:request-travel 2.3s var(--ease) infinite}#slide-2.is-current .request-link--out b{animation-delay:.8s}#slide-2.is-current .provider-stage--request{animation:call-stage 7.2s var(--ease) infinite}#slide-2.is-current .provider-stage--cache{animation:call-stage 7.2s var(--ease) .4s infinite}#slide-2.is-current .provider-stage--model{animation:call-stage 7.2s var(--ease) .8s infinite}#slide-2.is-current .provider-runtime__note{animation:inference-work 7.2s var(--ease) 1.2s infinite}#slide-2.is-current .result-ticket{animation:result-ready 7.2s var(--ease) 1.55s infinite}#slide-2.is-current .harness-loop i span{animation:harness-return 3.1s var(--ease) infinite}
@keyframes arrow-hop{50%{transform:translateX(6px)}}
@keyframes task-enter{0%,8%{opacity:.32;transform:translateX(-18px)}24%,86%{opacity:1;transform:none}100%{opacity:.5}}
@keyframes request-travel{0%{left:0;opacity:0}18%,72%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
@keyframes call-stage{0%,12%{border-color:var(--line-light);background:transparent}24%,48%{border-color:var(--vermilion);background:rgba(201,47,32,.13)}64%,100%{border-color:var(--line-light)}}
@keyframes inference-work{0%,24%{box-shadow:none}38%,64%{box-shadow:inset 0 -4px 0 var(--vermilion)}82%,100%{box-shadow:none}}
@keyframes result-ready{0%,38%{opacity:.45}55%,84%{opacity:1;background:rgba(169,133,62,.15)}100%{opacity:.55}}
@keyframes harness-return{0%{left:0;opacity:0}18%,78%{opacity:1}100%{left:calc(100% - 11px);opacity:0}}

.scene--context.is-current .assembly-parts i{animation:part-load 7.2s var(--ease) infinite}.scene--context.is-current .assembly-parts i:nth-child(2){animation-delay:.18s}.scene--context.is-current .assembly-parts i:nth-child(3){animation-delay:.36s}.scene--context.is-current .assembly-parts i:nth-child(4){animation-delay:.54s}.scene--context.is-current .assembly-parts i:nth-child(5){animation-delay:.72s}.scene--context.is-current .assembly-parts i:nth-child(6){animation-delay:.9s}.scene--context.is-current .serialization b::after{animation:serialize 2.6s var(--ease) infinite}.scene--context.is-current .authority-stairs p{animation:authority-step 7.2s var(--ease) infinite}.scene--context.is-current .authority-stairs p:nth-child(2){animation-delay:.42s}.scene--context.is-current .authority-stairs p:nth-child(3){animation-delay:.84s}.scene--context.is-current .placement-demo{animation:placement-pulse 2.1s ease-in-out infinite alternate}
@keyframes part-load{0%,10%{opacity:.52;transform:translateY(-12px)}28%,82%{opacity:1;transform:none}100%{opacity:.62}}
@keyframes serialize{0%{left:-48%}78%,100%{left:105%}}
@keyframes authority-step{0%,100%{opacity:.42}12%,34%{opacity:1;transform:translateX(8px)}48%{opacity:.58;transform:none}}
@keyframes placement-pulse{to{box-shadow:inset 0 0 0 2px var(--gold)}}

.scene--agent.is-current .decode-cycle .loop-step{animation:loop-step 5.6s var(--ease) infinite;animation-delay:calc(var(--n)*1.05s)}.scene--agent.is-current .agent-cycle .loop-step{animation:loop-step 8.4s var(--ease) infinite;animation-delay:calc(var(--n)*1.65s)}.scene--agent.is-current .loop-walk>i{animation:loop-arrow 1.3s ease-in-out infinite alternate}
@keyframes loop-step{0%,100%{opacity:.55;transform:none;box-shadow:none}8%,24%{opacity:1;transform:translateY(-4px);border-color:var(--vermilion);box-shadow:0 8px 20px rgba(201,47,32,.2)}}
@keyframes loop-arrow{to{opacity:.35;transform:translateX(3px)}}

.scene--capabilities .cost-grid{margin-top:38px}.scene--capabilities .cost-grid article{min-height:245px}.scene--capabilities .cost-grid h3{margin:25px 0 12px}.spec-gate{display:grid;grid-template-columns:auto 1fr auto 1fr auto auto auto;align-items:center;gap:12px;margin-top:24px;padding:18px;border:1px solid var(--line-light)}.spec-gate span,.spec-gate b,.spec-gate em{font:600 9px Plex;letter-spacing:.1em}.spec-gate i{height:1px;background:var(--line-light);position:relative}.spec-gate i::after{content:"";position:absolute;top:-4px;left:0;width:9px;height:9px;background:var(--vermilion)}.spec-gate b{padding:12px;background:var(--vermilion);color:var(--washi)}.spec-gate em{padding:12px;border:1px solid var(--gold);color:var(--gold);font-style:normal}.scene--capabilities.is-current .cost-grid article{animation:capability-focus 6.6s var(--ease) infinite}.scene--capabilities.is-current .cost-grid article:nth-child(2){animation-delay:.55s}.scene--capabilities.is-current .cost-grid article:nth-child(3){animation-delay:1.1s}.scene--capabilities.is-current .spec-gate i::after{animation:gate-travel 2.5s var(--ease) infinite}
@keyframes capability-focus{0%,100%{background:transparent}12%,32%{background:rgba(201,47,32,.13);transform:translateY(-7px)}44%{background:transparent;transform:none}}
@keyframes gate-travel{0%{left:0}75%,100%{left:calc(100% - 9px)}}

.scene--diagnostics .scene__inner{padding-top:76px;padding-bottom:50px}.scene--diagnostics .diagnostic-grid{margin-top:30px}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.diagnostic-panel{min-height:390px;border:1px solid var(--line);padding:24px;background:rgba(242,234,217,.64)}.diagnostic-panel header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.diagnostic-panel header span{width:28px;height:28px;display:grid;place-items:center;background:var(--vermilion);color:var(--washi);font:600 9px Plex}.diagnostic-panel header b{font:600 11px Plex;letter-spacing:.11em}.diagnostic-panel header small{font:400 8px Plex;color:var(--gold)}.context-pile{display:flex;align-items:flex-end;gap:7px;height:225px;padding:25px 8px 0}.context-pile i{flex:1;height:calc(42px + var(--n,0)*27px);background:var(--sumi);color:var(--washi);writing-mode:vertical-rl;display:flex;align-items:center;padding:9px 6px;font:600 8px Plex;font-style:normal;letter-spacing:.08em;transform-origin:bottom}.context-pile i:nth-child(1){--n:0}.context-pile i:nth-child(2){--n:1;background:var(--indigo)}.context-pile i:nth-child(3){--n:2}.context-pile i:nth-child(4){--n:3;background:var(--gold)}.context-pile i:nth-child(5){--n:4}.context-pile i:nth-child(6){--n:5;background:var(--vermilion)}.load-line{height:34px;background:rgba(17,17,15,.08);position:relative}.load-line b{display:block;height:100%;width:91%;background:var(--vermilion);transform-origin:left}.load-line span{position:absolute;inset:0;display:grid;place-items:center;color:var(--washi);font:600 8px Plex;letter-spacing:.1em}.conflict-stage{height:280px;margin-top:20px;position:relative;border:1px dashed var(--line);overflow:hidden}.user-goal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:100px;background:var(--vermilion);color:var(--washi);display:grid;place-items:center;text-align:center;font:700 12px Plex;letter-spacing:.08em;z-index:2}.rule{position:absolute;margin:0;padding:11px 13px;background:var(--sumi);color:var(--washi);font:600 8px Plex;letter-spacing:.08em}.rule--a{left:22px;top:28px}.rule--b{right:20px;top:52px}.rule--c{left:58px;bottom:27px}.signal-core{position:absolute;right:42px;bottom:28px;width:88px;height:88px;border:8px solid var(--indigo);border-left-color:transparent;border-radius:50%;display:grid;place-items:center}.signal-core i{position:absolute;inset:-18px;border:1px dashed var(--sumi);border-radius:50%}.signal-core b{font:600 8px Plex;letter-spacing:.08em}.scene--diagnostics.is-current .context-pile i{animation:pile-rise 7s var(--ease) infinite}.scene--diagnostics.is-current .context-pile i:nth-child(2){animation-delay:.2s}.scene--diagnostics.is-current .context-pile i:nth-child(3){animation-delay:.4s}.scene--diagnostics.is-current .context-pile i:nth-child(4){animation-delay:.6s}.scene--diagnostics.is-current .context-pile i:nth-child(5){animation-delay:.8s}.scene--diagnostics.is-current .context-pile i:nth-child(6){animation-delay:1s}.scene--diagnostics.is-current .load-line b{animation:load-grow 7s var(--ease) infinite}.scene--diagnostics.is-current .rule{animation:rule-collide 7s var(--ease) infinite}.scene--diagnostics.is-current .rule--b{animation-delay:.45s}.scene--diagnostics.is-current .rule--c{animation-delay:.9s}.scene--diagnostics.is-current .signal-core{animation:signal-wobble 1.4s ease-in-out infinite alternate}.scene--diagnostics.is-current .signal-core i{animation:spin 5s linear infinite}
@keyframes pile-rise{0%,10%{transform:scaleY(.05);opacity:.2}28%,84%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.15);opacity:.4}}
@keyframes load-grow{0%,12%{transform:scaleX(.08)}58%,88%{transform:scaleX(1)}100%{transform:scaleX(.16)}}
@keyframes rule-collide{0%,15%{opacity:.15;transform:translateY(-30px)}38%,78%{opacity:1;transform:none}86%,100%{transform:translate(10px,5px);opacity:.5}}
@keyframes signal-wobble{to{transform:scale(.82) rotate(12deg);filter:blur(.8px)}}

.scene--cache.is-current .cache-requests>div{animation:cache-request 7.5s var(--ease) infinite}.scene--cache.is-current .cache-requests>div:nth-child(2){animation-delay:.7s}.scene--cache.is-current .cache-requests>div:nth-child(3){animation-delay:1.4s}.scene--cache.is-current .cache-requests .cached{animation:cache-hit 1.2s ease-in-out infinite alternate}.scene--cache.is-current .cache-truth article{animation:truth-reveal 7.5s var(--ease) infinite}.scene--cache.is-current .cache-truth article:nth-child(2){animation-delay:.25s}.scene--cache.is-current .cache-truth article:nth-child(3){animation-delay:.5s}.scene--cache.is-current .cache-truth article:nth-child(4){animation-delay:.75s}.scene--cache.is-current .cache-equation i::after{animation:cache-prefix-travel 2.6s var(--ease) infinite}
@keyframes cache-request{0%,10%{opacity:.58;transform:translateX(-24px)}28%,84%{opacity:1;transform:none}100%{opacity:.66}}
@keyframes cache-hit{to{box-shadow:0 0 0 5px rgba(29,51,66,.16)}}
@keyframes truth-reveal{0%,18%{opacity:.58;transform:translateX(12px)}38%,90%{opacity:1;transform:none}100%{opacity:.68}}
@keyframes cache-prefix-travel{0%{left:-25%;opacity:0}20%,80%{opacity:1}100%{left:105%;opacity:0}}

.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:stretch;margin-top:42px}.method-layout .pipeline{min-height:145px}.method--compact{grid-template-columns:repeat(2,1fr);margin:0;border:1px solid var(--line-light)}.method--compact li{min-height:145px;border-bottom:1px solid var(--line-light)}.scene--method.is-current .method--compact li{animation:method-step 8s var(--ease) infinite}.scene--method.is-current .method--compact li:nth-child(2){animation-delay:.45s}.scene--method.is-current .method--compact li:nth-child(3){animation-delay:.9s}.scene--method.is-current .method--compact li:nth-child(4){animation-delay:1.35s}.scene--method.is-current .pipeline i::after{animation:travel 1.8s ease-in-out infinite}.scene--method.is-current .formula span{animation:arrow-hop 1s ease-in-out infinite;display:inline-block}
@keyframes method-step{0%,100%{background:transparent}10%,28%{background:rgba(201,47,32,.16);transform:translateY(-5px)}40%{background:transparent;transform:none}}

.scene--sources.is-current .source-grid a{animation:source-wave 7s var(--ease) infinite}.scene--sources.is-current .source-grid a:nth-child(2){animation-delay:.18s}.scene--sources.is-current .source-grid a:nth-child(3){animation-delay:.36s}.scene--sources.is-current .source-grid a:nth-child(4){animation-delay:.54s}.scene--sources.is-current .source-grid a:nth-child(5){animation-delay:.72s}.scene--sources.is-current .source-grid a:nth-child(6){animation-delay:.9s}.scene--sources.is-current .source-grid a:nth-child(7){animation-delay:1.08s}.scene--sources.is-current .source-grid a:nth-child(8){animation-delay:1.26s}.scene--sources.is-current .end-lockup__logo{animation:mark-breathe 2.8s ease-in-out infinite alternate}
@keyframes source-wave{0%,100%{background:transparent}10%,24%{background:rgba(201,47,32,.13)}36%{background:transparent}}
@keyframes mark-breathe{to{transform:translateY(-3px);box-shadow:0 12px 32px rgba(201,47,32,.18)}}

/* slide 07: prompt injection */
.scene--injection .scene__inner{padding-top:76px;padding-bottom:52px}
.inject-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.inject-panel{min-height:380px;border:1px solid var(--line);padding:24px;background:rgba(242,234,217,.66)}
.inject-panel header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.inject-panel header span{width:28px;height:28px;display:grid;place-items:center;background:var(--vermilion);color:var(--washi);font:600 9px Plex}
.inject-panel header b{font:600 11px Plex;letter-spacing:.11em}
.inject-panel header small{font:400 8px Plex;color:var(--gold)}
.inject-doc{position:relative;overflow:hidden;margin-top:22px;padding:20px 22px 24px;background:var(--washi);border:1px solid var(--sumi);display:grid;gap:11px}
.inject-doc__meta{display:flex;justify-content:space-between;margin:0 0 6px;padding-bottom:12px;border-bottom:1px dashed var(--line);font:600 8px Plex;letter-spacing:.1em}
.inject-doc__meta b{color:var(--vermilion)}
.inject-doc>i{display:block;height:8px;width:var(--w);background:rgba(17,17,15,.16)}
.inject-doc__evil{margin:4px 0;padding:11px 13px;font:600 12px/1.45 Plex;border-left:3px solid var(--vermilion);background:rgba(201,47,32,.08);color:var(--sumi)}
.inject-doc__scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--vermilion);box-shadow:0 0 14px 3px rgba(201,47,32,.35);opacity:0}
.defense-list{display:grid;gap:9px;margin-top:22px}
.defense-list p{margin:0;min-height:76px;padding:0 16px;display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;border:1px solid var(--sumi);background:var(--washi);position:relative}
.defense-list b{font:600 10px Plex;letter-spacing:.12em}
.defense-list span{font:400 12px/1.45 Plex;opacity:.75}
.defense-list em{font:600 7px Plex;letter-spacing:.1em;font-style:normal;color:var(--gold);display:flex;align-items:center;gap:7px;text-align:right}
.defense-list .is-optional{border-style:dashed;background:transparent}
.defense-list .is-optional em i{width:22px;height:11px;border:1px solid var(--gold);border-radius:6px;position:relative;flex:none}
.defense-list .is-optional em i::after{content:"";position:absolute;top:1px;left:1px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.defense-list strong{position:absolute;right:-12px;top:-12px;width:26px;height:26px;display:grid;place-items:center;background:var(--vermilion);color:var(--washi);font:700 14px Plex;opacity:0}
.inject-equation{min-height:52px;margin-top:20px;padding:0 18px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;border:1px solid var(--line);background:rgba(233,223,201,.7)}
.inject-equation span,.inject-equation b,.inject-equation em{font:600 8px Plex;letter-spacing:.1em;font-style:normal}
.inject-equation b{color:var(--vermilion)}
.inject-equation em{font-weight:400;color:var(--gold)}
.inject-equation i{height:2px;background:var(--sumi);position:relative;overflow:hidden}
.inject-equation i::after{content:"";position:absolute;left:-25%;top:-3px;width:8px;height:8px;background:var(--vermilion)}
.scene--injection.is-current .inject-doc__scan{animation:inject-scan 7.5s linear infinite}
.scene--injection.is-current .inject-doc__evil{animation:inject-flag 7.5s var(--ease) infinite}
.scene--injection.is-current .defense-list p{animation:defense-step 7.5s var(--ease) infinite}
.scene--injection.is-current .defense-list p:nth-child(1){animation-delay:2.6s}
.scene--injection.is-current .defense-list p:nth-child(2){animation-delay:3.4s}
.scene--injection.is-current .defense-list p:nth-child(3){animation-delay:4.2s}
.scene--injection.is-current .defense-list .is-optional em i::after{animation:toggle-flip 3s steps(1) infinite}
.scene--injection.is-current .defense-list strong{animation:deny-stamp 7.5s var(--ease) infinite}
.scene--injection.is-current .inject-equation i::after{animation:cache-prefix-travel 2.6s var(--ease) infinite}
@keyframes inject-scan{0%{top:0;opacity:0}5%{opacity:1}60%{top:calc(100% - 2px);opacity:1}66%,100%{top:calc(100% - 2px);opacity:0}}
@keyframes inject-flag{0%,24%{background:rgba(201,47,32,.08);color:var(--sumi)}30%,88%{background:var(--vermilion);color:var(--washi)}100%{background:rgba(201,47,32,.08);color:var(--sumi)}}
@keyframes defense-step{0%{transform:none;box-shadow:none}6%,20%{transform:translateX(8px);box-shadow:-4px 0 0 var(--vermilion)}32%,100%{transform:none;box-shadow:none}}
@keyframes toggle-flip{0%{left:1px;background:var(--gold)}50%{left:12px;background:var(--vermilion)}}
@keyframes deny-stamp{0%,64%{opacity:0;transform:scale(1.6) rotate(-12deg)}70%,92%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0}}

.scene--sources.is-current .source-grid a:nth-child(9){animation-delay:1.44s}
.scene--sources.is-current .source-grid a:nth-child(10){animation-delay:1.62s}
.scene--sources.is-current .source-grid a:nth-child(11){animation-delay:1.8s}
.scene--sources.is-current .source-grid a:nth-child(12){animation-delay:1.98s}
.scene--injection .lab-head h2{flex:none}
.inject-panel{background:rgba(242,234,217,.86)}
.inject-equation{background:var(--washi)}
.inject-equation em{color:rgba(17,17,15,.62)}

@media(min-width:981px) and (max-height:920px){
  .scene--capabilities .scene__inner{padding-top:50px;padding-bottom:34px}.scene--capabilities .eyebrow{margin-bottom:24px}.scene--capabilities h2{font-size:58px}.scene--capabilities .cost-grid{margin-top:26px}.scene--capabilities .cost-grid article{min-height:210px;padding:24px}.scene--capabilities .cost-grid h3{margin:20px 0 10px}.scene--capabilities .spec-gate{margin-top:16px;padding:13px}.scene--capabilities .definition-line{margin-top:20px;padding-top:18px}
  .scene--diagnostics .scene__inner{padding-top:50px;padding-bottom:34px}.scene--diagnostics .eyebrow{margin-bottom:24px}.scene--diagnostics .lab-head h2{font-size:58px}.scene--diagnostics .diagnostic-grid{margin-top:20px}.scene--diagnostics .diagnostic-panel{min-height:330px;padding:19px}.scene--diagnostics .context-pile{height:195px}.scene--diagnostics .conflict-stage{height:250px}.scene--diagnostics .caption{margin-top:18px;padding-top:10px;padding-bottom:10px}
  .scene--cache .scene__inner{padding-top:50px;padding-bottom:34px}.scene--cache .eyebrow{margin-bottom:24px}.scene--cache h2{font-size:64px}.scene--cache .cache-demo{margin-top:28px}.scene--cache .cache-equation{margin-top:18px}.scene--cache .cache-policy{margin-top:16px}
  .scene--sources .scene__inner{padding-top:36px;padding-bottom:24px}.scene--sources .eyebrow{margin-bottom:20px}.scene--sources h2{font-size:60px}.scene--sources .source-grid{margin-top:18px}.scene--sources .source-grid a{min-height:56px;padding:8px 14px}.scene--sources .source-grid b{font-size:12px}.scene--sources .end-lockup{margin-top:18px;gap:40px}.scene--sources .end-lockup__logo{padding:11px 15px}.scene--sources .end-lockup p{font-size:20px}.scene--sources .version{margin-top:14px}
}

@media(max-width:980px){
  :root{--rail:58px;--pad:28px}.rail{padding:0 14px;gap:11px;grid-template-columns:auto 1fr auto}.rail__brand span,.rail__meta{display:none}.scene{min-height:auto}.scene__inner{min-height:auto;padding-top:72px;padding-bottom:72px}.scene--intro{min-height:100svh}.hook-layout,.concept-map__head,.inference-story__head,.attention-story__head,.qkv-story__head,.loop-story__head,.diagnostic-grid,.method-layout,.context-logic,.loop-compare{grid-template-columns:1fr;gap:45px}.hook-layout{padding-top:78px}.hook-copy h1{max-width:720px}.prompt-conflict{min-height:auto}.concept-map__head>p{margin:0}.request-flow{grid-template-columns:1fr}.request-link{width:1px;height:28px;justify-self:center}.request-link::after{right:-4px;top:auto;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--washi);border-bottom:0}.request-link b{top:0;left:-4px}.harness-loop{grid-template-columns:1fr}.harness-loop i{height:20px;width:1px;justify-self:center}.task-ticket,.result-ticket{min-height:150px}.inference-flow{grid-template-columns:1fr;margin-top:30px}.flow-link{width:1px;height:30px;justify-self:center}.flow-link::after{right:-4px;top:auto;bottom:-1px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:7px solid var(--sumi);border-bottom:0}.flow-link b{top:0;left:-4px}.inference-legend{grid-template-columns:1fr}.inference-legend p{border-right:0;border-bottom:1px solid var(--line)}.inference-legend p:last-child{border-bottom:0}.attention-example,.qkv-machine{grid-template-columns:1fr}.attention-example>div,.qkv-machine>div{border-right:0;border-bottom:1px solid var(--line)}.attention-example>div:last-child,.qkv-machine>div:last-child{border-bottom:0}.attention-result--plain,.qkv-truth{grid-template-columns:1fr}.attention-result--plain>i,.qkv-truth>i{width:100%;height:1px}.cost-grid{grid-template-columns:1fr}.cost-grid article{min-height:250px;border-right:0;border-bottom:1px solid var(--line-light)}.spec-gate{grid-template-columns:1fr}.spec-gate i{height:24px;width:1px;justify-self:center}.spec-gate i::after{left:-4px;top:0}.cache-demo{grid-template-columns:1fr}.cache-equation{grid-template-columns:1fr}.cache-equation i{height:22px;width:1px;justify-self:center}.method{grid-template-columns:repeat(2,1fr)}.method li{border-bottom:1px solid var(--line)}.source-grid{grid-template-columns:1fr}.end-lockup{grid-template-columns:1fr}.end-lockup p{border-left:0;border-top:1px solid var(--line-light);padding:25px 0 0}.margin-note{display:none}.inject-grid{grid-template-columns:1fr}.inject-equation{grid-template-columns:1fr;padding:16px}.inject-equation i{height:22px;width:1px;justify-self:center}
  .serving-story__head{grid-template-columns:1fr;gap:34px}.serving-router{grid-template-columns:1fr}.serving-arrow{width:2px;height:26px;justify-self:center}.serving-arrow::after{right:-4px;top:auto;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--sumi);border-bottom:0}.serving-arrow b{top:0;left:-4px}.serving-facts{grid-template-columns:1fr}.serving-facts>i{width:100%;height:1px}
}
@media(max-width:620px){
  .prompt-conflict{padding:18px 16px}.prompt-conflict__head{align-items:flex-start;flex-direction:column}.prompt-voices{grid-template-columns:1fr}.prompt-voices article{grid-template-columns:72px 1fr}.context-channel{grid-template-columns:repeat(3,1fr);height:62px}.actual-task{padding:18px 15px}.actual-task span,.actual-task b{margin-left:19px}.prompt-conflict__verdict{grid-template-columns:1fr;gap:8px}
  .rail__progress{display:none}.rail{grid-template-columns:auto 1fr auto}h1{font-size:43px}h2{font-size:41px}.lead{font-size:17px}.provider-stages,.method{grid-template-columns:1fr}.provider-runtime__note{grid-template-columns:1fr}.provider-runtime__note span{text-align:left}.inference-story{padding-top:66px}.inference-story__head h2,.attention-story__head h2,.qkv-story__head h2{font-size:40px}.flow-step{min-height:260px}.token-truth{grid-template-columns:1fr}.attention-relations p{grid-template-columns:68px 1fr}.attention-relations em{grid-column:2;text-align:left}.attention-result p,.qkv-truth p{grid-template-columns:1fr}.qkv-split{grid-template-columns:1fr}.qkv-split article{min-height:120px}.qk-match,.v-combine{grid-template-columns:1fr}.qk-match i,.v-combine i{height:20px;width:1px;justify-self:center}.qk-match em,.v-combine em{text-align:left}.output-path{grid-template-columns:1fr;gap:6px}.output-path i{width:1px;height:14px;justify-self:center}.assembly-parts{grid-template-columns:1fr}.context-logic header{grid-template-columns:auto 1fr}.context-logic header small{grid-column:2}.serialization{grid-template-columns:1fr}.serialization b{height:24px;width:1px;justify-self:center}.loop-story__head h2{font-size:40px}.loop-compare>article{padding:16px}.loop-compare header{display:grid}.loop-walk{grid-template-columns:1fr;gap:0}.loop-walk>i{width:1px;height:24px;justify-self:center}.loop-walk>i::after{content:"↓"}.loop-step{min-height:92px}.loop-step b{margin-top:10px}.loop-takeaway{grid-template-columns:1fr;gap:12px}.loop-takeaway p{grid-template-columns:1fr;gap:5px}.loop-takeaway i{width:100%;height:1px}.lab-head{display:block}.lab-head p{margin-top:18px}.diagnostic-panel{min-height:350px;padding:18px}.user-goal{width:150px}.signal-core{right:16px}.cache-requests>div{grid-template-columns:78px 1fr .65fr}.cache-requests b{display:none}.source-grid a{grid-template-columns:75px 1fr auto}.defense-list p{grid-template-columns:1fr;gap:6px;padding:14px 16px}.defense-list em{text-align:left}
  .serving-story__head h2{font-size:40px}.serving-users{grid-template-columns:1fr;padding:0}.serving-ingress{display:none}.provider-boundary{margin-top:12px;padding:12px}.provider-boundary>header{align-items:flex-start;flex-direction:column}.serving-replicas,.serving-streams{grid-template-columns:1fr}.serving-tick{grid-template-columns:1fr}.serving-tick i{height:18px;width:1px;justify-self:center}.serving-facts p{grid-template-columns:1fr}.serving-user small{grid-column:1;grid-row:auto}.serving-streams p{grid-template-columns:20px auto 1fr auto}
}
@media(prefers-reduced-motion:reduce){.scene--serving .serving-user,.scene--serving .serving-ingress i::after,.scene--serving .serving-arrow b,.scene--serving .batch-row i,.scene--serving .model-replica--a .weight-core,.scene--serving .model-replica--b,.scene--serving .sequence-slots i,.scene--serving .serving-tick i::after,.scene--serving .serving-streams i::after{animation:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scene--hook .prompt-voices article,.scene--hook .context-channel i,.scene--hook .actual-task,.scene--hook .generated-output p,.scene--hook .generated-output::after,.scene--hook .prompt-conflict__verdict,#slide-2 .task-ticket,#slide-2 .request-link b,#slide-2 .provider-stage,#slide-2 .provider-runtime__note,#slide-2 .result-ticket,#slide-2 .harness-loop i span,.scene--inference .token-burst i,.scene--inference .flow-link b,.scene--inference .vector-cards p,.scene--inference .prefix-stack p,.scene--inference .probability-race i,.scene--inference .decode-output,.scene--inference .cursor,.scene--inference .decode-loop i,.scene--attention .context-message,.scene--attention .attention-relations i::after,.scene--attention .updated-token,.scene--qkv .qkv-origin>div,.scene--qkv .qkv-split article,.scene--qkv .qk-match i::after,.scene--qkv .v-combine i::after,.scene--qkv .output-path,.scene--context .assembly-parts i,.scene--context .serialization b::after,.scene--context .authority-stairs p,.scene--context .placement-demo,.scene--agent .loop-step,.scene--agent .loop-walk>i,.scene--capabilities .cost-grid article,.scene--capabilities .spec-gate i::after,.scene--diagnostics .context-pile i,.scene--diagnostics .load-line b,.scene--diagnostics .rule,.scene--diagnostics .signal-core,.scene--diagnostics .signal-core i,.scene--cache .cache-requests>div,.scene--cache .cache-requests .cached,.scene--cache .cache-truth article,.scene--cache .cache-equation i::after,.scene--method .method--compact li,.scene--method .pipeline i::after,.scene--method .formula span,.scene--sources .source-grid a,.scene--sources .end-lockup__logo,.scene--injection .inject-doc__scan,.scene--injection .inject-doc__evil,.scene--injection .defense-list p,.scene--injection .defense-list .is-optional em i::after,.scene--injection .defense-list strong,.scene--injection .inject-equation i::after{animation:none!important}}
/* Readable explanations, including the small technical annotations. */
.paper:not(.scene--hook):not(.scene--serving){background-image:linear-gradient(rgba(242,234,217,.74),rgba(242,234,217,.74)),url('assets/field-light.jpg')}
.qkv-split article>span{font-size:14px;line-height:1.4}.qkv-split article{padding:16px 11px;min-height:230px}
.qkv-origin>span,.qkv-use>span,.qkv-origin>div small{font-size:10px}.qkv-origin>p span{font-size:14px}
.qk-match,.v-combine{grid-template-columns:1fr 24px 1.1fr}.qk-match b,.qk-match em,.v-combine b,.v-combine em{font-size:12px;line-height:1.5}.qk-match em,.v-combine em{color:var(--indigo)}
.output-path span,.output-path b{font-size:10px;letter-spacing:0}.output-path{grid-template-columns:1fr 12px 1fr 12px 1fr}
.scene--context .scene__inner{padding-top:45px;padding-bottom:32px}.scene--context .eyebrow{margin-bottom:24px}.scene--context h2{font-size:clamp(44px,4.5vw,65px)}
.context-logic header>b{font-size:11px;letter-spacing:0}.context-logic header>small{font-size:10px}.context-logic header{grid-template-columns:auto 1fr}.context-logic header>small{grid-column:2}
.assembly-parts i{font-size:12px;letter-spacing:0}.authority-stairs span{font-size:15px;letter-spacing:0}.placement-demo b,.placement-demo span{font-size:11px;letter-spacing:0}
.serialization span,.serialization em{font-size:11px;letter-spacing:0}.scene--context .caption{font-family:Manrope;max-width:1100px;font-size:15px;margin-top:20px}
.rail__brand img{filter:none;background:var(--washi);border-radius:50%;padding:2px}
.cost-grid h3 small{display:block;font:400 14px Plex;opacity:.6;margin-top:7px}
.flow-step>small,.inference-flow--primer .flow-step>small,.attention-focus>small{font-size:13px!important}
.concept-key span,.token-definition span,.request-origin span{font-size:14px!important}
.attention-relations b,.attention-relations em{font-size:12px;letter-spacing:0}.attention-input>span,.attention-focus>span,.attention-updated>span{font-size:10px}.attention-input>p,.attention-updated>p,.updated-token p{font-size:13px}
.generated-output strong b{word-spacing:.12em}
.attention-result--plain b,.qkv-truth b{font-size:14px!important}
.qkv-split article small{font-size:10px!important;line-height:1.4}
.qkv-use>small{font-size:13px!important}
.loop-reason p{font-size:15px!important}
.loop-step b{font-size:12px!important}.loop-step span{font-size:13px!important}
.cache-equation span,.cache-equation b,.cache-equation em{font-size:11px!important;line-height:1.5}
.cache-requests .static,.cache-requests .changed{font-size:11px}
.cache-requests .changed{display:grid;grid-template-columns:.7fr 1fr;gap:0}.cache-requests .changed span{display:grid;place-items:center;height:100%;width:100%;background:var(--indigo);font:600 10px Plex;letter-spacing:0}.cache-requests .changed strong{font:600 10px Plex}
.prompt-conflict__verdict b{font-size:13px}
@media(max-width:980px){
  .system-map{grid-template-columns:1fr;gap:0}.system-bridge{min-height:110px}.system-bridge i{width:140px}.system-definition{font-size:18px}
  .serving-story{padding-top:48px;padding-bottom:40px}.serving-theatre{height:460px}.service-hub{left:30%;width:40%;top:50px}.person-note{width:28%}.person-note b{font-size:19px}.person-note small{font-size:11px}.serving-character{height:250px;top:145px}.serving-conclusions{grid-template-columns:1fr;gap:16px}
}
@media(max-width:620px){
  .scene--system h2,.serving-story>h2{font-size:37px}.system-map article{padding:22px 20px}.system-map h3{font-size:26px}.system-model{gap:16px}.system-model img{width:70px;height:70px}
  .serving-theatre{height:675px}.person-note{width:48%;top:5px}.person-note b{font-size:18px}.serving-character{top:100px;width:48%;height:135px}.serving-wires{display:none}
  .service-hub{top:270px;left:5%;width:90%;height:278px;padding-top:24px;border-radius:35px}
  .service-hub::before{content:"↓ два отдельных запроса ↓";position:absolute;top:-33px;font:600 13px Plex;white-space:nowrap}
  .service-dispatch{margin:10px 0 14px}.replica-pair{gap:38px}.route-caption{margin-top:10px}
  .person-result{bottom:56px;width:48%;min-height:61px;padding:8px 4px}.person-result b{font-size:13px}.person-result span{display:block;margin:0 0 3px}.serving-step{font-size:12px;bottom:4px;max-width:300px;margin:auto}
  .serving-conclusions b{font-size:16px}.serving-conclusions span{font-size:14px}
  .generated-output{grid-template-columns:minmax(0,1fr) 88px}.generated-output strong b{font-size:16px}.generated-output p{white-space:normal}.generated-output>div{min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .system-bridge i::after,.wire,.replica-orbit,.hub-routes path{animation:none!important}
  .person-result{opacity:1}.wire--return{opacity:1}
}
@media(min-width:981px) and (max-height:800px){
  .scene__inner{padding-top:16px!important;padding-bottom:16px!important}
  .eyebrow{margin-bottom:18px!important}
  h2,.scene--context h2,.scene--sources h2{font-size:50px!important}
  .hook-copy h1{font-size:48px}.prompt-conflict{min-height:560px;padding-top:14px;padding-bottom:14px}.prompt-voices article{min-height:52px}
  .system-map{margin-top:22px}.system-map article{padding:18px 24px}.system-map h3{margin:10px 0 14px;font-size:26px}.system-map article>p:not(.system-quote){margin-top:14px}.system-definition{margin-top:18px;font-size:17px}.system-cache{margin-top:14px;padding-top:12px}
  .serving-theatre{height:335px;margin-top:8px}.person-note{top:6px}.person-note b{font-size:21px}.serving-character{height:225px;top:87px}.service-hub{top:0;height:272px;padding-top:18px}.service-dispatch{margin:12px 0 18px}.hub-routes{top:101px;height:28px}.replica{height:105px}.route-caption{margin-top:10px;font-size:12px}.serving-step{font-size:12px}.person-result{bottom:28px}.serving-conclusions{padding-top:12px;gap:20px}.serving-conclusions b{font-size:14px}.serving-conclusions span{font-size:12px}
  .inference-flow{margin-top:22px;min-height:330px}.inference-flow--primer .flow-step{padding:18px}.inference-flow--primer .flow-step h3{font-size:19px}
  .vector-cards p{grid-template-columns:auto auto 1fr 62px;gap:5px}.vector-cards em{grid-column:auto;font-size:7px}.flow-step>small{opacity:.75}
  .attention-example{min-height:315px}.attention-example>div{padding:18px}.attention-result{min-height:60px;padding:10px 14px}.attention-story__head h2{font-size:46px!important}
  .qkv-machine{min-height:320px}.qkv-machine>div{padding:16px}.qkv-split article{min-height:205px}.qkv-split article>span{font-size:12px}.qkv-truth{padding:10px 14px}
  .context-logic{margin-top:22px}.context-logic>article{min-height:320px;padding:18px}.serialization{height:65px;margin-top:18px}.scene--context .caption{margin-top:16px;font-size:14px}
  .authority-stairs{margin-top:16px}.authority-stairs p{min-height:50px}
  .loop-compare{margin-top:22px}.loop-compare>article{padding:16px}.loop-walk{margin-top:14px}.loop-step{min-height:115px}.loop-reason p{font-size:13px!important}
  .scene--injection .inject-grid{margin-top:20px}.inject-panel{padding:18px}.scene--injection .eyebrow{margin-bottom:18px}
  .source-grid{margin-top:16px!important}.source-grid a{min-height:48px!important}.scene--sources .end-lockup{margin-top:14px}
  .end-lockup img{max-height:70px;width:100%;object-fit:contain}.scene--sources .end-lockup p{margin:0}
}
@media print{.rail,.intro__veil{display:none!important}.scene{min-height:100vh;break-after:page;padding:0}.scene__inner{min-height:100vh}.reveal{opacity:1;transform:none}.scene--intro video{position:relative;width:100%;height:100vh}.paper,.ink{print-color-adjust:exact;-webkit-print-color-adjust:exact}}