:root{--ground:#0e1214;--surface:#161c1e;--line:#293230;--ink:#eef0ee;--muted:#94a09c;--red:#e0231a;--signal:#ff2e7e;--marigold:#ffc83d;--peacock:#0b4d6b;--cyan:#34b7d1;--green:#0f7a5a;--terminal:#93ff8f;--font-display:"Orbitron", system-ui, sans-serif;--font-mono:"Space Mono", "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--ground);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body{background:var(--ground);min-width:320px;min-height:100svh;color:var(--ink);font-family:var(--font-mono);margin:0;font-size:14px;line-height:1.55;overflow-x:hidden}::selection{background:var(--red);color:var(--ground)}.skip-link{z-index:20;opacity:0;pointer-events:none;border:1px solid var(--cyan);background-color:var(--ground);color:var(--ink);padding:.7rem .9rem;font-size:.72rem;text-decoration:none;transition:opacity .12s cubic-bezier(.4,0,.6,1);position:fixed;top:.75rem;left:.75rem}.skip-link:focus{opacity:1;pointer-events:auto;outline:2px solid var(--marigold);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#field{z-index:0;pointer-events:none;position:fixed;inset:0}#depth{z-index:-1;pointer-events:none;position:fixed;inset:0}.frame{z-index:1;flex-direction:column;max-width:76rem;min-height:100svh;margin:0 auto;padding:0 clamp(1rem,4vw,3rem);display:flex;position:relative;overflow-x:hidden}.menu-overlay{z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:#0e1214eb;justify-content:center;align-items:flex-start;padding-top:clamp(4rem,12vh,8rem);transition:opacity .28s,visibility .28s,transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;transform:translateY(-2rem)}.menu-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.menu-nav{text-align:center;flex-direction:column;gap:1.5rem;display:flex}.menu-item{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-decoration:none;transition:color .15s}.menu-item:hover{color:var(--cyan)}.menu-item:first-child:hover{color:var(--red)}.menu-item:nth-child(2):hover{color:var(--cyan)}.menu-item:nth-child(3):hover{color:var(--marigold)}.menu-item:nth-child(4):hover{color:var(--signal)}.menu-item:nth-child(5):hover{color:var(--green)}.menu-item--signal{display:inline-block;position:relative}.menu-item--disabled{color:var(--muted);cursor:default;pointer-events:none;letter-spacing:.18em;font-size:clamp(1rem,2.5vw,1.6rem);font-weight:400}.menu-item--signal:hover{animation:.35s forwards menu-glitch}@keyframes menu-glitch{0%{text-shadow:2px 0 var(--red), -2px 0 var(--cyan)}25%{text-shadow:-2px 0 var(--red), 2px 0 var(--cyan);transform:translate(1px)}50%{text-shadow:2px 0 var(--signal), -2px 0 var(--marigold);transform:translate(-1px)}75%{text-shadow:-1px 0 var(--cyan), 1px 0 var(--red);transform:translate(1px)}to{text-shadow:none;transform:translate(0)}}.menu-soon{font-family:var(--font-mono);letter-spacing:.18em;color:var(--muted);vertical-align:middle;margin-left:.6em;font-size:.5em;font-weight:400}.bar{z-index:10;border-bottom:2px solid var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;background:#0e1214d9;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);font-size:.78rem;display:flex;position:fixed;top:0;left:0;right:0}.bar .id{color:var(--ink);align-items:center;gap:.35em;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.bar .id:hover{color:var(--cyan)}.bar .id .slash{color:var(--cyan);font-weight:900}.bar-icon{width:1.1em;height:1.1em;color:var(--ink);transition:color .2s,transform .2s}.bar .id:hover .bar-icon{color:var(--cyan);transform:rotate(45deg)}.menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:relative}.menu-icon,.menu-icon:before,.menu-icon:after{background:var(--ink);width:18px;height:2px;transition:transform .2s,background .15s;display:block}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.menu-btn .menu-icon{transform:rotate(0)}.menu-btn .menu-icon:before{width:18px;transform:translateY(6px)rotate(90deg)}.menu-btn .menu-icon:after{opacity:0}.menu-btn.is-active .menu-icon{transform:rotate(45deg)}.menu-btn.is-active .menu-icon:before{opacity:1;transform:translateY(0)rotate(90deg)}.menu-btn.is-active .menu-icon:after{opacity:1;transform:translateY(0)rotate(0)}.menu-btn:hover .menu-icon,.menu-btn:hover .menu-icon:before,.menu-btn:hover .menu-icon:after{background:var(--cyan)}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100svh;padding:calc(3.5rem + clamp(2rem,6vh,4rem)) 0 clamp(2rem,6vh,4rem);display:flex;position:relative}.mascot{filter:invert()drop-shadow(0 0 10px #ffffff59);width:clamp(5rem,14vw,8rem);height:auto;margin:0 auto;transition:filter .3s,transform .3s;display:block}.robot-wrap:hover .mascot{filter:invert(1) drop-shadow(0 0 18px var(--red)) drop-shadow(0 0 6px var(--signal));transform:scale(1.08)}@keyframes robot-in{to{opacity:1;transform:scale(1)translateY(0)}}.robot-wrap{z-index:1;opacity:0;margin:0 0 clamp(1.5rem,3vh,2.5rem);animation:.7s cubic-bezier(.34,1.56,.64,1) .3s forwards robot-in;position:relative;transform:scale(.6)translateY(-20px)}.stack-mark{z-index:1;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:crosshair;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.15em;margin-bottom:clamp(1.5rem,3vh,2.5rem);font-size:clamp(2.8rem,10vw,7rem);font-weight:900;line-height:.9;display:flex;position:relative}.stack-line{opacity:0;will-change:transform, opacity;perspective:600px;gap:.08em;display:flex;transform:translateY(-40px)}.stack-line--latent{color:var(--ink);animation:.65s cubic-bezier(.34,1.56,.64,1) .7s forwards cascade-drop}.stack-line--space{color:var(--muted);animation:.65s cubic-bezier(.34,1.56,.64,1) 1.05s forwards cascade-drop}.stack-line--games{color:#eef0ee61;animation:.65s cubic-bezier(.34,1.56,.64,1) 1.4s forwards cascade-drop}@keyframes cascade-drop{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.stack-line .ch{transform-style:preserve-3d;padding:0 .04em;transition:background-color .12s,color .12s;display:inline-block}@keyframes letter-flip{0%{transform:rotateY(0)scale(1)}30%{transform:rotateY(90deg)scale(1.12)}60%{transform:rotateY(180deg)scale(1)}85%{transform:rotateY(270deg)scale(.92)}to{transform:rotateY(360deg)scale(1)}}.stack-line:hover .ch{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards letter-flip}.stack-line:hover .ch:first-child{animation-delay:0s}.stack-line:hover .ch:nth-child(2){animation-delay:45ms}.stack-line:hover .ch:nth-child(3){animation-delay:90ms}.stack-line:hover .ch:nth-child(4){animation-delay:.135s}.stack-line:hover .ch:nth-child(5){animation-delay:.18s}.stack-line:hover .ch:nth-child(6){animation-delay:.225s}.stack-line .ch--a:hover{background:var(--signal)!important;color:var(--ground)!important}.closing-signal{opacity:0;color:var(--ink);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:0 0 clamp(1.5rem,3vh,2.5rem);font-size:clamp(.65rem,.85vw,.78rem);animation:.6s cubic-bezier(0,0,.2,1) 2.1s forwards reveal-copy}.closing-signal:hover{color:var(--marigold);text-shadow:0 0 12px #ffc83d66}.hero-paragraph{opacity:0;max-width:560px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;text-align:center;margin:0;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.7;animation:.7s cubic-bezier(0,0,.2,1) 2.6s forwards reveal-copy}.transmission{opacity:0;padding:clamp(4rem,12vh,8rem) 0;animation:.7s cubic-bezier(0,0,.2,1) 2.6s forwards reveal-copy}.conversation-stage{flex-direction:column;gap:clamp(72px,10vh,140px);width:min(1100px,88vw);margin-inline:auto;display:flex}.turn{align-items:center;min-height:65vh;transition:opacity .5s ease-out;display:flex}.turn--final{min-height:85vh}.turn[data-distance=active]{opacity:1}.turn[data-distance=near]{opacity:.55}.turn[data-distance=previous]{opacity:.3}.turn[data-distance=distant]{opacity:.1}.machine-message{max-width:560px;font-family:var(--font-mono);letter-spacing:-.015em;color:var(--terminal);margin-right:auto;font-size:clamp(18px,1.45vw,24px);font-style:italic;line-height:1.55}.machine-message .eyebrow{letter-spacing:.13em;margin:0 0 .85rem;font-size:clamp(.78rem,.95vw,.92rem);font-style:normal}.machine-message .message-text{min-height:1.55em;margin:0 0 .55rem}.machine-message .message-text:last-of-type{margin-bottom:0}.human-message{text-align:right;max-width:520px;font-family:var(--font-mono);letter-spacing:-.015em;color:#fffffff0;margin-left:auto;font-size:clamp(19px,1.55vw,25px);font-style:normal;line-height:1.55}.human-message .reveal-line{opacity:0;filter:blur(3px);margin:0 0 .25rem;transition:opacity .45s ease-out,transform .55s cubic-bezier(.16,1,.3,1),filter .45s ease-out;transform:translateY(10px)}.human-message .reveal-line.is-visible{opacity:1;filter:blur();transform:translateY(0)}.human-message .reveal-line:last-child{margin-bottom:0}.cursor{opacity:0;font-style:normal;font-weight:400;animation:1.1s step-end infinite cursor-blink;display:inline-block}.turn[data-distance=active] .cursor{opacity:1}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.block-highlight{background:var(--ink);color:var(--ground);letter-spacing:.18em;align-items:center;gap:.35em;padding:.25em .5em;font-weight:700;display:inline-flex}.block-highlight .slash{color:var(--cyan)}.block-highlight .text{color:var(--ground);background:0 0;padding:0}footer{margin-top:auto;padding-top:clamp(1.5rem,3vh,2.5rem)}.colophon{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1rem;padding:.8rem 0 1.1rem;font-size:.62rem;display:flex}.colophon .sym{color:var(--ink);font-weight:700}@keyframes reveal-copy{0%{opacity:0;transform:translateY(.55rem)}to{opacity:1;transform:translateY(0)}}.transmission-app{z-index:1;background:var(--ground);cursor:pointer;justify-content:center;align-items:center;padding:clamp(2rem,5vh,4rem) clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0;overflow-y:auto}.transmission-stage{flex-direction:column;gap:clamp(48px,6vh,80px);width:min(900px,90vw);padding-top:4rem;padding-bottom:4rem;display:flex}.transmission-turn{flex-direction:column;gap:.35rem;transition:opacity .5s;display:flex}.transmission-past{opacity:.25}.machine-turn{text-align:left;align-items:flex-start}.human-turn{text-align:right;align-items:flex-end}.transmission-eyebrow{font-family:var(--font-mono);letter-spacing:.13em;color:var(--ink);margin-bottom:.5rem;font-size:clamp(.78rem,.95vw,.92rem)}.transmission-body{font-family:var(--font-mono);letter-spacing:.02em;max-width:600px;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.7}.machine-turn .transmission-body{color:var(--terminal);font-style:italic}.human-turn .transmission-body{color:#fffffff0}.transmission-prompt{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);opacity:0;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;font-size:clamp(.7rem,.9vw,.85rem);animation:.5s forwards reveal-copy;display:flex}.transmission-prompt-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.transmission-completed{text-align:center;font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;margin-top:2rem;font-size:clamp(.8rem,1vw,1rem)}.transmission-completed p{margin:0 0 1rem}.transmission-home-link{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--cyan);padding:.5em 1em;font-size:clamp(.85rem,1.1vw,1.1rem);font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.transmission-home-link:hover{background:var(--cyan);color:var(--ground)}@media (max-width:860px){.stack-mark{font-size:clamp(2.2rem,12vw,5rem)}.menu-nav{gap:1.2rem}.machine-message{max-width:90%;font-size:clamp(16px,3.5vw,20px)}.human-message{max-width:90%;font-size:clamp(17px,3.8vw,21px)}.turn{min-height:55vh}}@media (max-width:620px){.stack-mark{letter-spacing:.06em;font-size:clamp(1.8rem,14vw,3.5rem)}.closing-signal{letter-spacing:.14em}.machine-message{font-size:clamp(15px,4vw,18px)}.human-message{font-size:clamp(16px,4.2vw,19px)}.turn{min-height:50vh}.conversation-stage{gap:clamp(48px,8vh,80px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.robot-wrap,.stack-line,.closing-signal,.transmission{opacity:1;transform:none}.human-message .reveal-line{opacity:1;filter:none;transform:none}.cursor{opacity:0}}