:root{--bg: #07070f;--bg-2: #0d0d1f;--bg-3: #15152e;--fg: #ece9d8;--dim: #7a7a9a;--dimmer: #4a4a68;--line: #2a2a48;--user: #5ce1e6;--llm: #ff3ea5;--tool: #ffd23f;--human: #7af5a3;--data: #ffffff;--warn: #ff5544;--ok: #7af5a3;--orchestrator: #c489ff;--grid: rgba(255, 255, 255, .025);--shadow: 0 0 0 1px var(--line), 0 0 24px rgba(255, 62, 165, .06)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,ui-monospace,monospace;background:var(--bg);color:var(--fg);overflow-x:hidden;line-height:1.55;font-size:14px;font-feature-settings:"ss01" 1,"ss02" 1}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px);pointer-events:none;z-index:200}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:-1;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,#000 30%,transparent 80%)}h1,h2,h3,.display{font-family:Pixelify Sans,JetBrains Mono,monospace;font-weight:600;letter-spacing:.01em;line-height:1.05}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.topnav{position:sticky;top:0;z-index:50;background:#07070fc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topnav-inner{max-width:1320px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:28px}.brand{font-family:Pixelify Sans,monospace;font-size:18px;letter-spacing:.02em;display:flex;align-items:center;gap:10px}.brand-dot{width:12px;height:12px;background:var(--llm);box-shadow:0 0 12px var(--llm);animation:blink 1.4s steps(2) infinite}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:.3}}.navlinks{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.navlink{padding:6px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border:1px solid transparent;transition:all .15s}.navlink:hover{color:var(--fg);border-color:var(--line);background:var(--bg-2)}.hero{max-width:1320px;margin:0 auto;padding:72px 32px 64px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.hero-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--llm);margin-bottom:24px;display:flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";display:block;width:28px;height:1px;background:var(--llm)}.hero h1{font-size:clamp(40px,6vw,78px);margin-bottom:24px;position:relative}.hero h1 .word{display:inline-block}.hero h1 .accent{color:var(--llm)}.hero h1 .accent-2{color:var(--user)}.hero p.lede{font-size:16px;color:var(--dim);max-width:520px;margin-bottom:32px}.hero-meta{display:flex;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--dimmer);border-top:1px solid var(--line);padding-top:20px;max-width:520px}.hero-meta span{color:var(--fg)}.hero-stage{position:relative;height:360px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.hero-stage:before{content:"STAGE_00 / WELCOME.SCN";position:absolute;top:12px;left:14px;font-size:10px;letter-spacing:.16em;color:var(--dimmer);z-index:2}.hero-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,rgba(255,62,165,.16),transparent 60%);pointer-events:none}.agent{position:absolute;width:56px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.agent svg{width:48px;height:48px;shape-rendering:crispEdges;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.agent .label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);background:var(--bg);padding:2px 6px;border:1px solid currentColor;white-space:nowrap}.agent.user{color:var(--user)}.agent.llm{color:var(--llm)}.agent.tool{color:var(--tool)}.agent.human{color:var(--human)}.agent.orchestrator{color:var(--orchestrator)}.agent.script{color:var(--ok)}.agent.user .label{color:var(--user)}.agent.llm .label{color:var(--llm)}.agent.tool .label{color:var(--tool)}.agent.human .label{color:var(--human)}.agent.orchestrator .label{color:var(--orchestrator)}.agent.script .label{color:var(--ok)}.agent svg{animation:bob 1.4s steps(2) infinite}.agent.s2 svg{animation-delay:.7s}@keyframes bob{0%,50%{transform:translateY(0)}50.01%,to{transform:translateY(-3px)}}.thinking{position:absolute;display:flex;gap:3px;background:var(--bg);padding:4px 6px;border:1px solid var(--llm);font-size:10px;color:var(--llm);z-index:4}.thinking .d{width:4px;height:4px;background:var(--llm);animation:dot 1s steps(3) infinite}.thinking .d:nth-child(2){animation-delay:.1s}.thinking .d:nth-child(3){animation-delay:.2s}@keyframes dot{0%,33%{opacity:.3}34%,66%{opacity:1}67%,to{opacity:.3}}.packet{position:absolute;width:14px;height:14px;background:var(--data);border:1px solid var(--bg);box-shadow:0 0 0 1px var(--data),0 0 8px var(--data);z-index:5;opacity:0}.packet.warn{background:var(--warn);box-shadow:0 0 0 1px var(--warn),0 0 12px var(--warn)}.packet.ok{background:var(--ok);box-shadow:0 0 0 1px var(--ok),0 0 12px var(--ok)}.line-h,.line-v{position:absolute;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 10px);z-index:1}.line-v{background:repeating-linear-gradient(0deg,var(--line) 0 6px,transparent 6px 10px)}section{max-width:1320px;margin:0 auto;padding:80px 32px;border-top:1px solid var(--line);position:relative}.section-tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--llm);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-tag:before{content:"";display:block;width:22px;height:1px;background:var(--llm)}section h2{font-size:clamp(32px,4.4vw,56px);margin-bottom:18px;max-width:920px}section h2 .accent{color:var(--user)}section h2 .accent-2{color:var(--llm)}section .sub{font-size:15px;color:var(--dim);max-width:720px;margin-bottom:48px}.ladder-grid{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}.ladder-right{display:flex;flex-direction:column;gap:16px}.example{background:var(--bg-2);border:1px solid var(--line);padding:22px 24px;position:relative;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.example:before{content:"REAL-WORLD EXAMPLE";position:absolute;top:-1px;left:24px;transform:translateY(-50%);background:var(--bg);padding:0 10px;font-size:9px;letter-spacing:.18em;color:var(--llm);border:1px solid var(--line)}.example-source{font-family:Pixelify Sans,monospace;font-size:22px;color:var(--llm);letter-spacing:.02em;white-space:nowrap;border-right:1px solid var(--line);padding-right:24px;min-height:48px;display:flex;align-items:center}.example-body{display:flex;flex-direction:column;gap:8px}.example-title{font-size:13px;font-weight:600;color:var(--fg);letter-spacing:.02em}.example-text{font-size:12px;color:var(--dim);line-height:1.6}.example-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer)}.example-meta span b{color:var(--fg);font-weight:500}@media(max-width:720px){.example{grid-template-columns:1fr}.example-source{border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:12px}}.task-chip{margin:0 20px 12px;padding:10px 12px;border:1px dashed var(--line);background:var(--bg);font-size:11px;color:var(--dim);display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.task-chip b{font-size:9px;letter-spacing:.14em;color:var(--llm)}.versus-card.left .task-chip b{color:var(--user)}.versus-card .body .real-eg{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);color:var(--fg)}.versus-card .body .real-eg strong{color:var(--llm);font-weight:600}.versus-card.left .body .real-eg strong{color:var(--user)}.scenario-card.eg .label{color:var(--llm)}.scenario-card.eg .value{font-size:14px;color:var(--fg);font-family:JetBrains Mono,monospace;line-height:1.45}.scenario-card.eg .value b{font-family:Pixelify Sans,monospace;color:var(--llm);font-weight:600;letter-spacing:.02em}.loop-step .eg{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:11px;color:var(--fg);line-height:1.55}.loop-step .eg b{font-size:9px;letter-spacing:.14em;color:var(--llm);display:block;margin-bottom:4px}.loop-step.s1 .eg b{color:var(--user)}.loop-step.s2 .eg b{color:var(--tool)}.loop-step.s3 .eg b{color:var(--llm)}.loop-step.s4 .eg b{color:var(--human)}.rung-list{display:flex;flex-direction:column;gap:6px}.rung{background:var(--bg-2);border:1px solid var(--line);padding:14px 18px;cursor:pointer;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;transition:all .15s;text-align:left;color:var(--fg);font:inherit}.rung:hover{background:var(--bg-3);border-color:var(--llm)}.rung[aria-selected=true]{background:var(--bg-3);border-color:var(--llm);box-shadow:-4px 0 0 0 var(--llm)}.rung .num{font-family:Pixelify Sans,monospace;font-size:18px;color:var(--dim)}.rung[aria-selected=true] .num{color:var(--llm)}.rung .name{font-size:13px}.rung .lvl{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer);border:1px solid var(--line);padding:2px 6px}.rung[aria-selected=true] .lvl{color:var(--llm);border-color:var(--llm)}.stage{background:var(--bg-2);border:1px solid var(--line);position:relative;height:460px;overflow:hidden;box-shadow:var(--shadow)}.stage-meta{position:absolute;top:14px;left:16px;font-size:10px;letter-spacing:.16em;color:var(--dimmer);z-index:4;display:flex;gap:12px;align-items:center}.stage-meta .live{display:inline-flex;align-items:center;gap:6px}.stage-meta .live:before{content:"";width:6px;height:6px;background:var(--ok);border-radius:50%;animation:blink 1s steps(2) infinite}.stage-controls{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:4}.btn{background:var(--bg);border:1px solid var(--line);color:var(--fg);padding:6px 12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:inherit;transition:all .15s}.btn:hover{border-color:var(--llm);color:var(--llm)}.btn.primary{background:var(--llm);color:var(--bg);border-color:var(--llm)}.btn.primary:hover{background:transparent;color:var(--llm)}.stage-info{position:absolute;bottom:14px;left:16px;right:16px;z-index:4;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.stage-desc{font-size:12px;color:var(--dim);max-width:560px}.stage-desc strong{color:var(--fg);font-weight:600}.stage-key{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer);text-align:right}.stage-key b{color:var(--fg);font-weight:500}.scene{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .2s}.scene.active{opacity:1;pointer-events:auto}.versus-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.versus-card{background:var(--bg-2);border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow)}.versus-card .head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.versus-card .head h3{font-family:Pixelify Sans,monospace;font-size:22px}.versus-card.left .head h3{color:var(--user)}.versus-card.right .head h3{color:var(--llm)}.versus-card .head small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer)}.versus-stage{height:420px;position:relative}.versus-card .body{padding:16px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}.versus-card .body ul{list-style:none}.versus-card .body li{padding:4px 0;display:grid;grid-template-columns:14px 1fr;gap:8px}.versus-card .body li:before{content:">";color:var(--dimmer)}.versus-card.left .body li:before{color:var(--user)}.versus-card.right .body li:before{color:var(--llm)}.versus-cta{text-align:center;margin-top:32px;font-size:13px;color:var(--dim)}.versus-cta strong{color:var(--fg)}.scenario-toggle{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);padding:4px;margin-bottom:32px}.scenario-toggle button{background:transparent;border:none;color:var(--dim);padding:10px 18px;font-family:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:all .15s}.scenario-toggle button[aria-selected=true]{background:var(--bg-3);color:var(--fg);box-shadow:inset 0 -2px 0 var(--llm)}.scenario-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}.scenario-stage{height:480px;background:var(--bg-2);border:1px solid var(--line);position:relative;box-shadow:var(--shadow)}.scenario-meta{display:flex;flex-direction:column;gap:14px}.scenario-card{background:var(--bg-2);border:1px solid var(--line);padding:18px 20px}.scenario-card .label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.scenario-card .value{font-family:Pixelify Sans,monospace;font-size:18px}.scenario-card .value.warn{color:var(--warn)}.scenario-card .value.ok{color:var(--ok)}.scenario-card .value.alert{color:var(--llm)}.scenario-card .desc{font-size:12px;color:var(--dim);margin-top:6px}.loop-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.loop-stage{height:460px;background:var(--bg-2);border:1px solid var(--line);position:relative;box-shadow:var(--shadow)}.loop-list{display:flex;flex-direction:column;gap:12px}.loop-step{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--line);padding:14px 18px}.loop-step.s1{border-left-color:var(--user)}.loop-step.s2{border-left-color:var(--tool)}.loop-step.s3{border-left-color:var(--llm)}.loop-step.s4{border-left-color:var(--human)}.loop-step h4{font-family:Pixelify Sans,monospace;font-size:16px;margin-bottom:4px}.loop-step .num{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--dimmer);margin-bottom:4px}.loop-step p{font-size:12px;color:var(--dim)}footer{max-width:1320px;margin:0 auto;padding:56px 32px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}footer .summary{font-size:13px;color:var(--dim);max-width:580px}footer .summary strong{color:var(--fg)}footer .colophon{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer);text-align:right}@keyframes path-r1-1{0%{left:100px;top:200px;opacity:0}5%{opacity:1}35%{left:350px;top:200px;opacity:1}45%{left:350px;top:200px;opacity:0}to{opacity:0}}@keyframes path-r1-2{0%,50%{left:350px;top:200px;opacity:0}55%{opacity:1}85%{left:600px;top:200px;opacity:1}to{opacity:0}}@keyframes path-r2-1{0%{left:100px;top:200px;opacity:0}5%{opacity:1}35%{left:350px;top:200px;opacity:1}45%{opacity:0}to{opacity:0}}@keyframes path-r2-2{0%,60%{left:350px;top:200px;opacity:0}65%{opacity:1}95%{left:100px;top:200px;opacity:1}to{opacity:0}}@keyframes path-r3-1{0%{left:80px;top:220px;opacity:0}5%{opacity:1}20%{left:280px;top:220px;opacity:1}25%{opacity:0}to{opacity:0}}@keyframes path-r3-2{0%,30%{left:280px;top:220px;opacity:0}35%{opacity:1}50%{left:480px;top:90px;opacity:1}55%{opacity:0}to{opacity:0}}@keyframes path-r3-3{0%,60%{left:480px;top:90px;opacity:0}65%{opacity:1}80%{left:280px;top:220px;opacity:1}85%{opacity:0}to{opacity:0}}@keyframes path-r3-4{0%,88%{left:280px;top:220px;opacity:0}92%{opacity:1}to{left:80px;top:220px;opacity:1}}@keyframes path-r4-1{0%{left:60px;top:220px;opacity:0}5%{opacity:1}20%{left:240px;top:220px;opacity:1}25%{opacity:0}to{opacity:0}}@keyframes path-r4-2{0%,30%{left:240px;top:220px;opacity:0}35%{opacity:1}50%{left:440px;top:220px;opacity:1}55%{opacity:0}to{opacity:0}}@keyframes path-r4-3{0%,60%{left:440px;top:220px;opacity:0}65%{opacity:1}90%{left:640px;top:220px;opacity:1}to{opacity:0}}@keyframes path-r5-1{0%{left:60px;top:220px;opacity:0}5%{opacity:1}15%{left:240px;top:220px;opacity:1}20%{opacity:0}to{opacity:0}}@keyframes path-r5-2{0%,22%{left:240px;top:220px;opacity:0}25%{opacity:1}35%{left:460px;top:90px;opacity:1}40%{left:240px;top:220px;opacity:1}45%{opacity:0}to{opacity:0}}@keyframes path-r5-3{0%,50%{left:240px;top:220px;opacity:0}53%{opacity:1}62%{left:460px;top:360px;opacity:1}67%{left:240px;top:220px;opacity:1}72%{opacity:0}to{opacity:0}}@keyframes path-r5-4{0%,75%{left:240px;top:220px;opacity:0}78%{opacity:1}90%{left:660px;top:220px;opacity:1}to{opacity:0}}@keyframes path-r6-1{0%{left:50px;top:220px;opacity:0}5%{opacity:1}18%{left:230px;top:220px;opacity:1}22%{opacity:0}to{opacity:0}}@keyframes path-r6-2{0%,25%{left:230px;top:220px;opacity:0}28%{opacity:1}42%{left:440px;top:100px;opacity:1}46%{opacity:0}to{opacity:0}}@keyframes path-r6-3{0%,30%{left:230px;top:220px;opacity:0}33%{opacity:1}47%{left:440px;top:340px;opacity:1}51%{opacity:0}to{opacity:0}}@keyframes path-r6-4{0%,55%{left:440px;top:100px;opacity:0}58%{opacity:1}68%{left:230px;top:220px;opacity:1}72%{opacity:0}to{opacity:0}}@keyframes path-r6-5{0%,60%{left:440px;top:340px;opacity:0}63%{opacity:1}73%{left:230px;top:220px;opacity:1}77%{opacity:0}to{opacity:0}}@keyframes path-r6-6{0%,80%{left:230px;top:220px;opacity:0}83%{opacity:1}95%{left:660px;top:220px;opacity:1}to{opacity:0}}@keyframes vs-llm-1{0%{left:30px;top:130px;opacity:0}5%{opacity:1}40%{left:240px;top:130px;opacity:1}45%{opacity:0}to{opacity:0}}@keyframes vs-llm-2{0%,55%{left:240px;top:130px;opacity:0}60%{opacity:1}90%{left:30px;top:130px;opacity:1}to{opacity:0}}@keyframes vs-agent-1{0%{left:20px;top:220px;opacity:0}3%{opacity:1}10%{left:200px;top:220px;opacity:1}13%{opacity:0}to{opacity:0}}@keyframes vs-agent-2{0%,14%{left:200px;top:220px;opacity:0}17%{opacity:1}25%{left:380px;top:90px;opacity:1}28%{left:200px;top:220px;opacity:1}31%{opacity:0}to{opacity:0}}@keyframes vs-agent-3{0%,35%{left:200px;top:220px;opacity:0}38%{opacity:1}46%{left:380px;top:220px;opacity:1}49%{left:200px;top:220px;opacity:1}52%{opacity:0}to{opacity:0}}@keyframes vs-agent-4{0%,56%{left:200px;top:220px;opacity:0}59%{opacity:1}67%{left:380px;top:350px;opacity:1}70%{left:200px;top:220px;opacity:1}73%{opacity:0}to{opacity:0}}@keyframes vs-agent-5{0%,80%{left:200px;top:220px;opacity:0}83%{opacity:1}98%{left:540px;top:220px;opacity:1}to{opacity:0}}@keyframes scn-1{0%{left:50px;top:240px;opacity:0}5%{opacity:1}20%{left:240px;top:240px;opacity:1}24%{opacity:0}to{opacity:0}}@keyframes scn-2{0%,26%{left:240px;top:240px;opacity:0}30%{opacity:1}44%{left:460px;top:100px;opacity:1}48%{opacity:0}to{opacity:0}}@keyframes scn-3{0%,52%{left:460px;top:100px;opacity:0}55%{opacity:1}68%{left:240px;top:240px;opacity:1}72%{opacity:0}to{opacity:0}}@keyframes scn-4-internal{0%,75%{left:240px;top:240px;opacity:0}78%{opacity:1}93%{left:660px;top:240px;opacity:1}to{opacity:0}}@keyframes scn-4-external{0%,75%{left:240px;top:240px;opacity:0}78%{opacity:1}88%{left:460px;top:380px;opacity:1}92%{opacity:0}to{opacity:0}}@keyframes scn-5-external{0%,92%{left:460px;top:380px;opacity:0}95%{opacity:1}to{left:660px;top:240px;opacity:1}}@keyframes loop-spin{0%{left:360px;top:60px;opacity:1}25%{left:660px;top:220px;opacity:1}50%{left:360px;top:380px;opacity:1}75%{left:60px;top:220px;opacity:1}to{left:360px;top:60px;opacity:1}}@keyframes loop-spin-2{0%{left:660px;top:220px;opacity:1}25%{left:360px;top:380px;opacity:1}50%{left:60px;top:220px;opacity:1}75%{left:360px;top:60px;opacity:1}to{left:660px;top:220px;opacity:1}}@keyframes hero-step1{0%{left:64px;top:240px;opacity:0}3%{opacity:1}12%{left:192px;top:240px;opacity:1}14%{opacity:0}to{opacity:0}}@keyframes hero-step2{0%,22%{left:192px;top:240px;opacity:0}25%{opacity:1}35%{left:348px;top:96px;opacity:1}37%{opacity:0}to{opacity:0}}@keyframes hero-step3{0%,42%{left:348px;top:96px;opacity:0}45%{opacity:1}55%{left:192px;top:240px;opacity:1}57%{opacity:0}to{opacity:0}}@keyframes hero-step4{0%,62%{left:192px;top:240px;opacity:0}65%{opacity:1}74%{left:348px;top:240px;opacity:1}76%{opacity:0}to{opacity:0}}@keyframes hero-step5{0%,84%{left:348px;top:240px;opacity:0}87%{opacity:1}98%{left:504px;top:240px;opacity:1}to{opacity:0}}@keyframes hero-glow-llm{0%,13%,38%,61%,to{opacity:0}16%,36%{opacity:1}41%,58%{opacity:1}}@keyframes hero-glow-tool{0%,36%,47%,to{opacity:0}39%,45%{opacity:1}}@keyframes hero-glow-human{0%,73%,88%,to{opacity:0}76%,86%{opacity:1}}@keyframes hero-glow-output{0%,96%,to{opacity:0}98%,99%{opacity:1}}.glow-ring{position:absolute;pointer-events:none;border:2px solid currentColor;box-shadow:0 0 16px currentColor,inset 0 0 12px currentColor;z-index:2}.packet.r1-1{animation:path-r1-1 4s steps(40) infinite}.packet.r1-2{animation:path-r1-2 4s steps(40) infinite}.packet.r2-1{animation:path-r2-1 4s steps(40) infinite}.packet.r2-2{animation:path-r2-2 4s steps(40) infinite}.packet.r3-1{animation:path-r3-1 5s steps(50) infinite}.packet.r3-2{animation:path-r3-2 5s steps(50) infinite}.packet.r3-3{animation:path-r3-3 5s steps(50) infinite}.packet.r3-4{animation:path-r3-4 5s steps(50) infinite}.packet.r4-1{animation:path-r4-1 5s steps(50) infinite}.packet.r4-2{animation:path-r4-2 5s steps(50) infinite}.packet.r4-3{animation:path-r4-3 5s steps(50) infinite}.packet.r5-1{animation:path-r5-1 6s steps(60) infinite}.packet.r5-2{animation:path-r5-2 6s steps(60) infinite}.packet.r5-3{animation:path-r5-3 6s steps(60) infinite}.packet.r5-4{animation:path-r5-4 6s steps(60) infinite}.packet.r6-1{animation:path-r6-1 6s steps(60) infinite}.packet.r6-2{animation:path-r6-2 6s steps(60) infinite}.packet.r6-3{animation:path-r6-3 6s steps(60) infinite}.packet.r6-4{animation:path-r6-4 6s steps(60) infinite}.packet.r6-5{animation:path-r6-5 6s steps(60) infinite}.packet.r6-6{animation:path-r6-6 6s steps(60) infinite}.packet.vs-llm-1{animation:vs-llm-1 3.5s steps(35) infinite}.packet.vs-llm-2{animation:vs-llm-2 3.5s steps(35) infinite}.packet.vs-agent-1{animation:vs-agent-1 6s steps(60) infinite}.packet.vs-agent-2{animation:vs-agent-2 6s steps(60) infinite}.packet.vs-agent-3{animation:vs-agent-3 6s steps(60) infinite}.packet.vs-agent-4{animation:vs-agent-4 6s steps(60) infinite}.packet.vs-agent-5{animation:vs-agent-5 6s steps(60) infinite}.packet.scn-1{animation:scn-1 6s steps(60) infinite}.packet.scn-2{animation:scn-2 6s steps(60) infinite}.packet.scn-3{animation:scn-3 6s steps(60) infinite}.packet.scn-4-internal{animation:scn-4-internal 6s steps(60) infinite}.packet.scn-4-external{animation:scn-4-external 6s steps(60) infinite}.packet.scn-5-external{animation:scn-5-external 6s steps(60) infinite}.packet.loop-spin{animation:loop-spin 8s linear infinite}.packet.loop-spin-2{animation:loop-spin-2 8s linear infinite}.packet.h1{animation:hero-step1 9s steps(60) infinite}.packet.h2{animation:hero-step2 9s steps(60) infinite}.packet.h3{animation:hero-step3 9s steps(60) infinite}.packet.h4{animation:hero-step4 9s steps(60) infinite}.packet.h5{animation:hero-step5 9s steps(60) infinite}.arrow{position:absolute;font-family:Pixelify Sans,monospace;color:var(--dimmer);font-size:16px;z-index:2;pointer-events:none}.stage.paused .packet,.versus-stage.paused .packet{animation-play-state:paused}.subhead{font-family:Pixelify Sans,monospace;font-size:26px;margin:56px 0 8px;color:var(--fg);display:flex;align-items:center;gap:14px}.subhead:before{content:"";display:block;width:16px;height:2px;background:var(--llm)}.subhead-sub{color:var(--dim);font-size:13px;margin-bottom:28px;max-width:720px}.eras{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.era{background:var(--bg-2);border:1px solid var(--line);position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow)}.era.now{border-color:var(--llm);box-shadow:0 0 0 1px var(--llm),0 0 32px #ff3ea52e}.era-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline}.era-head h3{font-family:Pixelify Sans,monospace;font-size:20px}.era.e1 .era-head h3{color:var(--user)}.era.e2 .era-head h3{color:var(--tool)}.era.e3 .era-head h3{color:var(--llm)}.era-head small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dimmer)}.era.now .era-head small{color:var(--llm)}.era-stage{position:relative;height:200px;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 50% 110%,rgba(255,255,255,.04),transparent 60%)}.era-body{padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:10px}.era-body p{font-size:12px;color:var(--dim)}.era-row{display:grid;grid-template-columns:90px 1fr;gap:8px;font-size:11px;padding:6px 0;border-top:1px dashed var(--line)}.era-row .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dimmer)}.era-row .v{font-family:Pixelify Sans,monospace;color:var(--fg);font-size:13px}.era.e1 .era-row .v{color:var(--user)}.era.e2 .era-row .v{color:var(--tool)}.era.e3 .era-row .v{color:var(--llm)}.era .agent{transform:scale(.78);transform-origin:center}.era .agent .label{font-size:8px;padding:1px 4px}@keyframes era1-pkt{0%{left:14px;top:78px;opacity:0}10%{opacity:1}45%{left:105px;top:78px;opacity:1}50%{left:105px;top:78px;opacity:0}60%{left:105px;top:78px;opacity:1}90%{left:200px;top:78px;opacity:1}to{opacity:0}}.era-stage .packet{width:10px;height:10px}.era-stage .packet.e1{animation:era1-pkt 4s steps(40) infinite}@keyframes era2-pkt-a{0%{left:4px;top:30px;opacity:0}10%{opacity:1}50%{left:100px;top:78px;opacity:1}60%{opacity:0}to{opacity:0}}@keyframes era2-pkt-b{0%{left:4px;top:80px;opacity:0}15%{opacity:1}55%{left:100px;top:78px;opacity:1}65%{opacity:0}to{opacity:0}}@keyframes era2-pkt-c{0%{left:4px;top:130px;opacity:0}20%{opacity:1}60%{left:100px;top:78px;opacity:1}70%{opacity:0}to{opacity:0}}@keyframes era2-pkt-out{0%,70%{left:100px;top:78px;opacity:0}74%{opacity:1}to{left:200px;top:78px;opacity:1}}.era-stage .packet.e2a{animation:era2-pkt-a 3.6s steps(36) infinite}.era-stage .packet.e2b{animation:era2-pkt-b 3.6s steps(36) infinite}.era-stage .packet.e2c{animation:era2-pkt-c 3.6s steps(36) infinite}.era-stage .packet.e2out{animation:era2-pkt-out 3.6s steps(36) infinite}@keyframes era3-pkt-in{0%{left:14px;top:80px;opacity:0}10%{opacity:1}45%{left:95px;top:80px;opacity:1}55%{opacity:0}to{opacity:0}}@keyframes era3-pkt-out{0%,60%{left:130px;top:80px;opacity:0}68%{opacity:1}to{left:230px;top:80px;opacity:1}}.era-stage .packet.e3in{animation:era3-pkt-in 3.6s steps(36) infinite}.era-stage .packet.e3out{animation:era3-pkt-out 3.6s steps(36) infinite}.llm-cube{position:absolute;width:84px;height:84px;left:100px;top:50px;background:var(--llm);border:2px solid var(--llm);box-shadow:inset 0 0 0 2px var(--bg),0 0 24px #ff3ea566;display:flex;align-items:center;justify-content:center;z-index:3;animation:cube-pulse 1.6s steps(2) infinite}@keyframes cube-pulse{0%,50%{box-shadow:inset 0 0 0 2px var(--bg),0 0 24px #ff3ea566}50.01%,to{box-shadow:inset 0 0 0 2px var(--bg),0 0 36px #ff3ea5b3}}.llm-cube:before{content:"LLM";font-family:Pixelify Sans,monospace;font-size:18px;color:var(--bg)}.llm-cube .ram-tag{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:.16em;color:var(--llm);white-space:nowrap}.jagged{background:var(--bg-2);border:1px solid var(--line);padding:32px 28px 24px;box-shadow:var(--shadow)}.jagged-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;height:280px;margin-bottom:24px;padding-bottom:28px;border-bottom:1px solid var(--line);position:relative}.jagged-chart:before{content:"";position:absolute;left:0;right:0;bottom:28px;height:1px;background:var(--line)}.bar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar-fill{width:100%;position:relative;background:linear-gradient(0deg,var(--bg-3),var(--bar-color, var(--llm)));border-top:2px solid var(--bar-color, var(--llm));display:flex;flex-direction:column;align-items:center;padding-top:6px}.bar.peak{--bar-color: var(--ok)}.bar.mid{--bar-color: var(--tool)}.bar.dip{--bar-color: var(--warn)}.bar-fill:before{content:attr(data-pct);position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:Pixelify Sans,monospace;font-size:14px;color:var(--bar-color, var(--fg))}.bar-face{font-family:Pixelify Sans,monospace;font-size:18px;margin-top:4px}.bar-label{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--dimmer);text-align:center;white-space:nowrap}.jagged-caption{font-size:13px;color:var(--dim);max-width:760px}.jagged-caption strong{color:var(--fg)}.jagged-quote{font-size:12px;color:var(--dim);margin-top:10px;padding-left:14px;border-left:2px solid var(--llm);font-style:italic}.director{background:var(--bg-2);border:1px solid var(--line);padding:36px 32px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}.director:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,rgba(255,62,165,.12),transparent 50%);pointer-events:none}.director h3{font-family:Pixelify Sans,monospace;font-size:clamp(28px,3.5vw,44px);margin-bottom:14px;position:relative}.director h3 .accent{color:var(--llm)}.director p{font-size:14px;color:var(--dim);max-width:560px;margin-bottom:22px}.pillars{display:flex;gap:10px;flex-wrap:wrap}.pillar{border:1px solid var(--line);padding:10px 14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.pillar.taste{color:var(--user);border-color:var(--user)}.pillar.judgment{color:var(--llm);border-color:var(--llm)}.pillar.oversight{color:var(--human);border-color:var(--human)}.pillar b{font-family:Pixelify Sans,monospace;color:var(--fg);font-weight:600}.director-stage{position:relative;width:220px;height:220px;flex-shrink:0}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.action{background:var(--bg-2);border:1px solid var(--line);padding:22px 22px 24px;position:relative}.action:before{content:attr(data-num);font-family:Pixelify Sans,monospace;font-size:36px;color:var(--llm);display:block;margin-bottom:8px;letter-spacing:.04em}.action h4{font-family:Pixelify Sans,monospace;font-size:18px;margin-bottom:8px}.action p{font-size:12px;color:var(--dim);line-height:1.6}.action .tag{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dimmer)}.action .tag b{color:var(--fg);font-weight:500}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-stage{height:320px}.ladder-grid,.versus-grid,.scenario-grid,.loop-grid,.eras,.actions,.director{grid-template-columns:1fr}.jagged-chart{grid-template-columns:repeat(4,1fr);height:auto}footer{grid-template-columns:1fr}}.scene:not(.active) *,.scene:not(.active){animation-play-state:paused!important}.stage.offscreen *,.versus-stage.offscreen *,.scenario-stage.offscreen *,.loop-stage.offscreen *,.hero-stage.offscreen *{animation-play-state:paused!important}section{content-visibility:auto;contain-intrinsic-size:1px 800px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}