:root{--ink: #f3f1ec;--muted: #a3a19b;--dim: #6c6a66;--accent: #7fd6a4;--accent-2: #f0c48a;--glass: rgba(16, 17, 20, .56);--edge: rgba(255, 255, 255, .11);--ease: cubic-bezier(.2, .7, .1, 1);color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{background:#0a0a0c;color:var(--ink);font:16px/1.55 Inter Tight,Inter,system-ui,sans-serif}body{overflow-x:hidden;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,ui-monospace,monospace}#scene{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;display:block;z-index:0}#loader{position:fixed;inset:0;z-index:40;display:grid;place-content:center;justify-items:center;gap:16px;background:radial-gradient(60vmax 60vmax at 50% 50%,#121215,#0a0a0c);transition:opacity 1s var(--ease),visibility 1s}#loader.done{opacity:0;visibility:hidden}.aperture{position:relative;width:64px;height:64px;animation:spin 6s linear infinite}.aperture i{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--accent);transform:rotate(calc(var(--k) * 60deg)) scale(calc(1 - var(--k) * .09));opacity:calc(1 - var(--k) * .13)}.aperture i:nth-child(1){--k: 0 }.aperture i:nth-child(2){--k: 1 }.aperture i:nth-child(3){--k: 2 }.aperture i:nth-child(4){--k: 3 }.aperture i:nth-child(5){--k: 4 }.aperture i:nth-child(6){--k: 5 }@keyframes spin{to{transform:rotate(360deg)}}#loader .mark{font-weight:700;font-size:34px;letter-spacing:-.04em}#loader .bar{width:160px;height:1px;background:#ffffff1f;overflow:hidden}#loader .bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .25s var(--ease)}#loader p{color:var(--dim);font-size:11px;letter-spacing:.2em;text-transform:uppercase}#vf{position:fixed;inset:clamp(12px,2vw,26px);z-index:15;pointer-events:none}#vf .c{position:absolute;width:22px;height:22px;border:0 solid rgba(255,255,255,.55)}#vf .tl{top:0;left:0;border-top-width:1.5px;border-left-width:1.5px}#vf .tr{top:0;right:0;border-top-width:1.5px;border-right-width:1.5px}#vf .bl{bottom:0;left:0;border-bottom-width:1.5px;border-left-width:1.5px}#vf .br{bottom:0;right:0;border-bottom-width:1.5px;border-right-width:1.5px}#vf .readout{position:absolute;left:34px;bottom:6px;text-shadow:0 1px 8px rgba(0,0,0,.9);display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.12em;color:var(--muted)}#vf .readout b{color:var(--ink);font-weight:500;display:inline-block;min-width:6.2ch;text-align:right}#vf .rec{width:7px;height:7px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 10px #ff4d4d;animation:rec 1.6s steps(1) infinite}@keyframes rec{50%{opacity:.25}}#vf .sep{width:1px;height:10px;background:#ffffff2e}#vf .spec{position:absolute;right:34px;bottom:6px;font-size:11px;letter-spacing:.12em;color:var(--muted);text-shadow:0 1px 8px rgba(0,0,0,.9)}#callout{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100lvh;z-index:11;pointer-events:none;overflow:visible;transition:opacity .4s var(--ease)}#callout.hide{opacity:0}#leader{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:4 5;filter:drop-shadow(0 0 4px rgba(127,214,164,.6));animation:march 1.2s linear infinite}@keyframes march{to{stroke-dashoffset:-18}}#target{fill:none;stroke:var(--accent);stroke-width:1.6;transform-box:fill-box;transform-origin:center;animation:ping 2.2s var(--ease) infinite}#target-dot{fill:var(--accent);filter:drop-shadow(0 0 6px var(--accent))}@keyframes ping{0%{transform:scale(.6);opacity:1}80%,to{transform:scale(1.7);opacity:0}}.hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:clamp(22px,3vw,38px) clamp(32px,4.4vw,60px) 26px;pointer-events:none;background:linear-gradient(to bottom,rgba(10,10,12,.88),rgba(10,10,12,.5) 60%,transparent)}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:21px;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.brand svg{width:22px;height:22px}.brand circle{fill:none;stroke:var(--ink);stroke-width:2.4}.brand .pupil{fill:var(--accent);stroke:none;transition:transform .3s var(--ease);transform-origin:center}.hud nav{display:flex;align-items:center;gap:10px}#rail{position:fixed;left:50%;bottom:clamp(52px,6vw,70px);transform:translate(-50%);z-index:16;display:flex;gap:30px;align-items:flex-end;padding-top:14px}#rail .track{position:absolute;left:0;right:0;top:0;height:1px;background:#ffffff24}#rail .track:before{content:"";position:absolute;inset:-3px 0 auto;height:7px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 12px)}#rail .fill{position:absolute;left:0;top:0;height:1px;width:100%;transform:scaleX(0);transform-origin:0 50%;will-change:transform;background:var(--accent);box-shadow:0 0 8px var(--accent)}#rail a{cursor:pointer;font:500 11px/1 JetBrains Mono,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 2px;text-shadow:0 1px 8px rgba(0,0,0,.9);transition:color .3s;white-space:nowrap}#rail a i{font-style:normal;color:#ffffff47;margin-right:6px;transition:color .3s}#rail a:hover,#rail a.on{color:var(--ink)}#rail a.on i{color:var(--accent)}#track{position:relative;z-index:12;pointer-events:none}.beat{min-height:120vh;display:flex;align-items:center;padding:0 clamp(34px,6vw,96px)}.beat:first-child{min-height:100vh}.beat[data-beat=agents],.beat[data-beat=home],.beat[data-beat=track],.beat[data-beat=train]{min-height:150vh}.beat[data-beat=assembly]{min-height:170vh}.slab{--rx: 0deg;--ry: 0deg;--mx: 30%;--my: 20%;position:relative;pointer-events:auto;width:min(400px,88vw);perspective:1100px;opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.slab.in{opacity:1;transform:none}.slab.left{margin-right:auto}.slab.right{margin-left:auto}.slab .face{position:relative;padding:26px 28px 24px;border-radius:20px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease);background:radial-gradient(260px 160px at var(--mx) var(--my),rgba(255,255,255,.1),transparent 70%),linear-gradient(155deg,#ffffff17,#ffffff04 40%,#0000001f),var(--glass);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000073,inset 1px 0 #ffffff0f,0 2px #ffffff09,0 4px #00000040,0 30px 60px -20px #000000a6,0 0 0 1px var(--edge)}.slab .face:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.35),transparent 30%,transparent 70%,rgba(127,214,164,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.slab h1,.slab h2{transform:translateZ(34px)}.slab p,.slab .stats{transform:translateZ(14px)}.slab .eyebrow{transform:translateZ(22px)}.slab h1{font-size:clamp(32px,3.5vw,46px);line-height:1;letter-spacing:-.045em;margin:8px 0 14px;font-weight:700}.slab h2{font-size:clamp(23px,2.3vw,30px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 10px;font-weight:650}.slab p{color:var(--muted);font-size:15.5px}.eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)!important}.hint{margin-top:18px;font-size:11px!important;letter-spacing:.2em;color:var(--dim)!important;text-transform:uppercase}.stats{display:flex;gap:26px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.stats b{display:block;font-size:26px;letter-spacing:-.03em;color:var(--ink);font-weight:650}.stats span{font:500 10px JetBrains Mono,monospace;color:var(--dim);text-transform:uppercase;letter-spacing:.16em}.steps{margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none;counter-reset:s;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.steps li{counter-increment:s;color:#f3f1ec80;font-size:12.5px;transition:color .35s,transform .35s var(--ease)}.steps li:before{content:counter(s,decimal-leading-zero);font:500 11px JetBrains Mono,monospace;color:#ffffff59;display:inline-block;width:30px;transition:color .35s}.steps li.on{color:var(--ink)}.steps li.on:before{color:var(--accent)}.steps li.now{transform:translate(6px)}.key{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 0%;position:relative;display:inline-block;text-decoration:none;color:var(--ink);transform:perspective(700px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease)}.key .cap{position:relative;display:grid;gap:3px;padding:15px 22px 14px;min-width:210px;border-radius:14px;transform:translateY(-3px);transition:transform .16s var(--ease),box-shadow .2s var(--ease),background .3s;background:radial-gradient(180px 90px at var(--mx) var(--my),rgba(255,255,255,.14),transparent 70%),linear-gradient(160deg,#ffffff1c,#ffffff05 45%,#0000001a),var(--glass);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px #ffffff42,inset 0 -1px #0006,0 3px #00000038,0 18px 34px -10px #000000b3,0 0 0 1px var(--edge)}.key .cap:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.42),transparent 35%,transparent 70%,rgba(127,214,164,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.key .cap:before{content:"";position:absolute;left:14px;top:13px;width:6px;height:6px;border-radius:50%;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background .3s,box-shadow .3s}.key b{font-weight:600;font-size:15px;padding-left:16px;letter-spacing:-.01em}.key small{font-size:10.5px;color:var(--muted);padding-left:16px;letter-spacing:.06em}.key:hover .cap{transform:translateY(-5px);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0006,0 5px #0000002e,0 24px 40px -10px #000000bf,0 0 0 1px #ffffff24}.key:hover .cap:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.key:active .cap{transform:translateY(0);transition-duration:.06s;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 6px 14px -6px #000000b3,0 0 0 1px var(--edge)}.key.accent .cap{background:radial-gradient(180px 90px at var(--mx) var(--my),rgba(190,255,215,.18),transparent 70%),linear-gradient(160deg,#7fd6a44d,#7fd6a414 50%,#0000001f),#12221a8c}.key.accent .cap:before{background:var(--accent);box-shadow:0 0 10px var(--accent)}.key.small .cap{min-width:0;padding:8px 16px 7px;border-radius:11px;font-size:13.5px;font-weight:600;transform:translateY(-2px)}.key.small:hover .cap{transform:translateY(-3px)}.key.small .cap:before{display:none}.beat[data-beat=cta]{align-items:flex-end;padding-bottom:19vh}.cta-wrap{width:100%;display:grid;gap:22px;justify-items:center;pointer-events:auto}.cta-title{font-size:clamp(26px,2.6vw,34px);font-weight:650;letter-spacing:-.04em;text-shadow:0 2px 30px rgba(0,0,0,.8)}.cta-title em{font-style:normal;color:var(--accent)}.keys{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.chat,.entities,.flow{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:7px;font-size:12px;transform:translateZ(14px)}.chat li,.entities li,.flow li{opacity:.22;transform:translateY(4px);transition:opacity .35s,transform .35s var(--ease),border-color .35s}.chat li.on,.entities li.on,.flow li.on{opacity:1;transform:none}.chat li{padding:7px 10px;border-radius:10px;max-width:92%;line-height:1.4}.chat .you{justify-self:end;background:#7fd6a429;color:var(--ink)}.chat .tool{color:var(--accent);background:#ffffff0a;box-shadow:inset 2px 0 0 var(--accent);border-radius:4px}.chat .tool:before{content:"→ ";color:var(--dim)}.chat .bot{color:var(--muted);background:#ffffff0f;font-family:Inter Tight,sans-serif;font-size:13.5px}.entities{grid-template-columns:1fr 1fr}.entities li{display:grid;gap:2px;padding:9px 11px;border-radius:10px;background:#ffffff0a;box-shadow:0 0 0 1px var(--edge)}.entities li span{font-size:9.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--dim)}.entities li b{font:600 14px Inter Tight,sans-serif;color:var(--ink)}.entities li.now{box-shadow:0 0 0 1px var(--accent),0 0 14px -4px var(--accent)}.entities li.sensor.on b{color:var(--accent)}.flow{counter-reset:f}.flow li{counter-increment:f;display:grid;grid-template-columns:30px 1fr;column-gap:0}.flow li:before{content:counter(f,decimal-leading-zero);grid-row:span 2;color:var(--accent)}.flow li b{color:var(--ink);font-weight:500}.flow li span{color:var(--dim);font-size:11px}@media (prefers-reduced-motion: reduce){.chat li,.entities li,.flow li{opacity:1;transform:none}}@media (max-width: 760px){.beat{align-items:flex-end;padding:0 18px 16vh}.slab{width:100%}.slab .face{background:#0e0f12bd}#rail{gap:16px}#rail a{font-size:9.5px}#rail a i,#vf .spec{display:none}.key .cap{min-width:0}}@media (prefers-reduced-motion: reduce){.slab{transition:none;opacity:1;transform:none}.aperture,#target,#vf .rec{animation:none}}@media (pointer: coarse){.slab .face,.key .cap,#steps-rail{backdrop-filter:none;-webkit-backdrop-filter:none}.key .cap{background-color:#0e0f12d1}}