@import url('https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap');
:root { --bg:#000; --fg:#f2f2f2; --dim:rgba(242,242,242,.55); --faint:rgba(242,242,242,.3); --line:rgba(255,255,255,.12); }
* { box-sizing:border-box; margin:0; padding:0; }
html { scrollbar-width:none; } ::-webkit-scrollbar { display:none; }
body { background:var(--bg); color:var(--fg); font-family:Inter, system-ui, sans-serif; overflow-x:hidden; }
.syne { font-family:Syne, sans-serif; font-weight:800; }
.eyebrow { font-size:11px; letter-spacing:.4em; text-transform:uppercase; color:var(--dim); }
/* Shared prototype chrome: back link + label */
.chrome { position:fixed; top:0; left:0; right:0; z-index:50; display:flex; justify-content:space-between; align-items:center; padding:20px 28px; pointer-events:none; }
.chrome a, .chrome span { pointer-events:auto; color:var(--dim); text-decoration:none; font-size:12px; letter-spacing:.2em; text-transform:uppercase; }
.chrome a { display:flex; align-items:center; gap:10px; transition:color .2s; }
.chrome a:hover { color:var(--fg); }
.chrome img { width:24px; height:24px; }
.pill { display:inline-block; font-size:10px; letter-spacing:.2em; text-transform:uppercase; padding:5px 10px; border:1px solid var(--line); border-radius:999px; color:var(--dim); }
@media (max-width:640px) { .chrome { padding:14px 16px; } }