:root{--bg:#101418;--surface:#1b222a;--text:#f4f1ea;--muted:#a9b1ba;--primary:#ffcc33;--accent:#ff5a5f;--primary-text:#101418;
--font-head:Impact,system-ui,sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:16px;--max:1080px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font-body);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--primary)}
h1,h2{font-family:var(--font-head);line-height:1.05;margin:0 0 .5em;letter-spacing:.5px}
h1{font-size:clamp(2.4rem,9vw,5rem)}
h2{font-size:clamp(1.6rem,6vw,2.6rem)}
#demo-ribbon{position:sticky;top:0;z-index:50;background:repeating-linear-gradient(45deg,#e11d48 0 14px,#be123c 14px 28px);color:#fff;text-align:center;font:800 13px/1 var(--font-body);padding:8px;letter-spacing:1px;text-transform:uppercase}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;max-width:var(--max);margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font:700 18px var(--font-head)}
.brand img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.topnav{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--text);
background:transparent;color:var(--text);font:700 16px var(--font-body);text-decoration:none;cursor:pointer;transition:transform .08s ease,background .15s}
.btn:active{transform:scale(.97)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}
.btn-ghost{border-color:color-mix(in srgb,var(--text) 35%,transparent)}
.btn-sm{min-height:36px;padding:0 14px;font-size:14px}
.btn[hidden]{display:none}
.hero{max-width:var(--max);margin:0 auto;padding:8px 16px 24px;display:grid;gap:20px}
.hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);background:var(--surface)}
.ticker{display:inline-block;margin:0 0 8px;background:var(--accent);color:#fff;font:800 14px var(--font-body);padding:4px 12px;border-radius:999px;letter-spacing:1px}
.tagline{font-size:clamp(1.05rem,3.6vw,1.35rem);color:var(--muted);margin:0 0 18px}
.cta{display:flex;flex-wrap:wrap;gap:10px}
.ca{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border-radius:12px;padding:10px 12px;margin:0 0 16px;max-width:100%}
.ca[hidden]{display:none}
.ca-label{font-weight:800;color:var(--primary)}
.ca code{font-size:13px;word-break:break-all;flex:1 1 200px}
.section{max-width:var(--max);margin:0 auto;padding:36px 16px}
.lore p{font-size:1.1rem;max-width:60ch}
.steps{padding-left:1.3em;display:grid;gap:12px;max-width:65ch}
.steps li::marker{color:var(--primary);font-weight:800}
.join{text-align:center}
.join .cta{justify-content:center}
.banner-img{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:var(--r);margin-bottom:20px;background:var(--surface)}
.promo-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:24px}
.promo-strip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.footer{max-width:var(--max);margin:0 auto;padding:28px 16px 48px;color:var(--muted);font-size:13px;border-top:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.small{opacity:.8}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:700;z-index:99}
@media (min-width:820px){
  .hero{grid-template-columns:1.1fr 1fr;align-items:center;padding-top:24px}
  .hero-copy{order:-1}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
/* ---- Subprime Robot overrides ---- */
body{background:var(--bg)}
.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);max-width:none}
.topbar .brand{color:var(--text)}
.btn{border-color:var(--text)}
.btn-ghost{border-color:color-mix(in srgb,var(--text) 40%,transparent)}
.btn-soon{cursor:default;opacity:.75;border-style:dashed}
.btn-primary.btn-soon{opacity:1;border-style:solid}
.ticker{background:var(--accent)}
h1{font-size:clamp(2.1rem,7vw,4rem);color:var(--text)}
h2{color:var(--text)}
.hero{max-width:none;padding:0;display:block;position:relative}
.hero picture{display:block}
.hero-img{border-radius:0;aspect-ratio:auto;width:100%;height:auto;object-fit:cover}
.hero-copy{padding:20px 16px 8px;max-width:var(--max);margin:0 auto}
@media (min-width:820px){
  .hero-img{height:min(86vh,56.25vw);min-height:520px;object-position:right center}
  .hero-copy{position:absolute;inset:0 auto 0 0;width:min(52%,640px);display:flex;flex-direction:column;justify-content:center;padding:24px 24px 24px max(24px,calc((100vw - var(--max))/2 + 16px));max-width:none;margin:0}
}
.cards{max-width:var(--max);margin:0 auto;padding:28px 16px 0;display:grid;gap:16px}
@media (min-width:820px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--surface);border:3px solid var(--text);border-radius:var(--r);padding:20px;box-shadow:6px 6px 0 var(--primary)}
.card p{margin:0;font-size:1.08rem}
.specs{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:1.05rem}
.specs b{color:var(--accent)}
.real{background:var(--text);color:var(--bg);border-radius:var(--r);margin:36px 16px 0;padding:28px 20px}
@media (min-width:1112px){.real{margin:36px auto 0}}
.real h2{color:var(--primary)}
.real p{font-size:1.1rem;max-width:65ch}
.real .btn{border-color:var(--bg);color:var(--bg)}
.real .btn-primary{color:var(--primary-text);border-color:var(--primary)}
.toy-mount{border:3px solid var(--text)}
.toy-note{margin:0;font-weight:600}
.footer{text-align:center}
.hero-copy .ticker{align-self:flex-start}
.promo-strip{max-width:640px;margin-left:auto;margin-right:auto}
.ca code{color:var(--text)}