:root{color-scheme:dark;--bg: #16140f;--ink: #efe7d2;--muted: #9a917f;--phosphor: #d6ff4a;--dim: #6d7a32;--bezel: #2a261f;--danger: #ff5a36;--line: #3a342b;font-family:IBM Plex Mono,ui-monospace,monospace;background:radial-gradient(1100px 560px at 78% -8%,#2a261c,transparent 58%),radial-gradient(700px 420px at -10% 12%,#241f18,transparent 52%),var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh}::selection{background:var(--phosphor);color:var(--bg)}:focus-visible{outline:2px solid var(--phosphor);outline-offset:3px}.skip{position:absolute;left:12px;top:12px;transform:translateY(-150%);background:var(--phosphor);color:var(--bg);padding:8px 12px;z-index:2}.skip:focus{transform:none}.wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}header,footer{display:flex;justify-content:space-between;align-items:baseline;padding:28px 0}.brand{font-family:Syne,sans-serif;font-weight:700;font-size:32px;letter-spacing:-.04em;margin:0}h1,h2,h3,p{font-weight:400}h1{font-size:clamp(1.7rem,3.3vw,2.6rem);line-height:1.22;letter-spacing:-.03em;max-width:16ch;margin:0 0 16px}h2{font-size:clamp(1.35rem,2.4vw,1.85rem);letter-spacing:-.03em;margin:0 0 12px}h3{font-size:1rem;font-weight:500;margin:0 0 6px}.lede,.intro{color:var(--muted);line-height:1.55;margin:0}.lede{max-width:42ch}.intro{max-width:52ch;margin-bottom:32px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,440px);gap:56px;align-items:start;padding:8px 0 80px}.shot{width:100%;display:block;margin-top:32px;border-radius:18px;border:1px solid var(--line);background:#100e0b;object-fit:cover}.rig{text-align:center}.bezel{aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a342b,var(--bezel) 70%);display:grid;place-items:center;box-shadow:inset 0 0 0 8px #100e0b,0 18px 32px #00000047}.rig .bezel{width:min(100%,340px);margin:0 auto;box-shadow:inset 0 0 0 10px #100e0b,0 28px 50px #0006}.bezel.mini{width:min(100%,148px);margin:0 auto 14px}.screen{width:86%;aspect-ratio:1;border-radius:50%;background:#10140c;color:var(--phosphor);overflow:hidden;position:relative;display:grid;place-items:center;text-align:center;padding:18%}.face{width:72%;height:46%}.eye{fill:var(--phosphor);transform-box:fill-box;transform-origin:center}.state-idle .eye{animation:blink 4.8s infinite}.state-thinking .eye{animation:look 1.6s ease-in-out infinite}.state-sleeping .eye{transform:scaleY(.15)}.state-error{color:var(--danger)}.state-error .eye{fill:var(--danger)}.caption{position:absolute;left:14%;right:14%;bottom:16%;margin:0;font-size:13px;line-height:1.3}.mini .screen{display:flex;flex-direction:column;justify-content:center;padding:16% 12%}.mini .face{width:64%;height:28%;flex:none}.mini .caption{position:static;order:2;margin-top:8px;font-size:9px}.mini .shimmer{position:static;order:1;width:48%;height:3px;margin-top:8px}.question{font-size:clamp(14px,1.6vw,18px);line-height:1.35;margin:0}.mini .question{font-size:11px}.dots:after{content:"";animation:dots 1.2s infinite steps(4)}.shimmer{position:absolute;left:22%;right:22%;bottom:28%;height:3px;background:linear-gradient(90deg,transparent,var(--phosphor),transparent);animation:slide 1.4s linear infinite}.ring{position:absolute;inset:8%;border-radius:50%;border:3px solid transparent;border-top-color:var(--phosphor);animation:spin 3s linear forwards}#press{display:block;margin:16px auto 0;width:128px;height:128px;border-radius:50%;border:0;background:radial-gradient(circle at 50% 35%,#4a4338,#1a1713 72%);color:var(--ink);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}#press:active{transform:translateY(2px)}.hint{color:var(--muted);margin:14px 0 0;font-size:13px}.hint-key{margin-top:4px}.band{border-top:1px solid var(--line);padding:80px 0}.states,.quiet,.gestures,.steps{list-style:none;margin:0;padding:0}.states{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:32px 16px}.states p,.gestures p,.steps p,.quiet p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}.states h3,.quiet h3,.states p{text-align:center}.gestures,.steps{display:grid;gap:22px}.gestures h3,.steps h3{color:var(--phosphor)}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:56px;align-items:start}.split .shot{margin-top:0;height:auto;aspect-ratio:1;align-self:center;justify-self:center}.split-flip{grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr)}.quiet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.quiet h3{text-align:left;margin-bottom:8px}footer .hint{margin:0}@media(max-width:800px){.hero,.split,.split-flip,.quiet{grid-template-columns:1fr}.hero{gap:36px;padding-bottom:64px}.rig{order:-1}.shot{margin-top:28px}.split .shot,.split-flip .shot{order:-1;max-width:460px}#press{width:120px;height:120px}.band{padding:64px 0}}@media(prefers-reduced-motion:reduce){.eye,.dots:after,.shimmer,.ring{animation:none}.ring{border-color:var(--phosphor)}}@keyframes blink{0%,42%,48%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes look{0%,to{transform:translate(-4px)}50%{transform:translate(6px)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes slide{0%{transform:translate(-30%);opacity:.3}to{transform:translate(30%);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}