/* Shared by both coming-soon sites. Copied into each public/ at deploy time by
   scripts/deploy-sites.sh -- two assets-only Workers cannot share a file across
   projects, and one stylesheet duplicated by a script beats two that drift. */
:root{
  --bg:#E6E8F6; --panel:#FFFFFF; --ink:#231F3A; --muted:#5F5A7D; --line:#231F3A;
  --left:#1FA89C; --right:#E86F22; --slop:#C6DC2E; --spark:#E8458F;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#1D1B33; --panel:#2A2746; --ink:#F1EEFF; --muted:#B3ADD6; --line:#0C0A1C;
    --left:#3CCFC2; --right:#FF9550;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55;
  font-family:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif}
main{max-width:64ch;margin:0 auto;padding:clamp(28px,8vh,72px) 16px 60px}
h1{font-family:Bungee,Impact,'Arial Black',sans-serif;font-weight:400;line-height:.95;
  font-size:clamp(2.1rem,9vw,4rem);margin:0 0 6px;
  text-shadow:3px 3px 0 var(--slop),6px 6px 0 var(--spark)}
.tag{font-weight:700;color:var(--muted);margin:0 0 28px;font-size:clamp(1rem,3.4vw,1.2rem)}
.card{background:var(--panel);border:3px solid var(--line);border-radius:14px;
  box-shadow:6px 6px 0 var(--line);padding:18px 20px;margin:0 0 22px}
.card h2{margin:0 0 10px;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase}
ol{margin:0;padding-left:1.1em}
ol li{margin:6px 0}
.soon{display:inline-block;background:var(--spark);color:#fff;font-weight:700;
  padding:5px 12px;border-radius:999px;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
.go{display:inline-block;margin-top:6px;background:var(--left);color:#fff;font-weight:700;
  text-decoration:none;padding:11px 18px;border-radius:999px;border:3px solid var(--line);
  box-shadow:4px 4px 0 var(--line)}
.go:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--line)}
footer{margin-top:34px;color:var(--muted);font-size:.9rem}
footer a{color:inherit}