/* Shared 1920x1080 deck system for the cover (index.html) and the research backup (stats.html). */
:root{--paper:#f4f6fa;--card:#ffffff;--line:#e4e7ec;--ink:#0e1726;--muted:#475467;--dark:#0e1726;--dark-text:#f4f6fa;--dark-muted:#a9b4c8;--win:#079455;--win-tint:#dcfae6;--diff:#0086c9;--diff-tint:#e0f2fe;--stuck:#dc6803;--stuck-tint:#fef0c7;--glue:#6938ef;--glue-tint:#ebe9fe;--broken:#d92d20;--broken-on-dark:#f97066;--connected:#079455;--highlight:#fef7c3;--s:1;--dx:0px;--dy:0px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;overflow:hidden;background:#0e1726;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,ul{margin:0}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.deck{position:fixed;top:0;left:0;width:1920px;height:1080px;transform-origin:0 0;transform:translate(var(--dx),var(--dy)) scale(var(--s));overflow:hidden;background:var(--paper);display:grid;grid-template-rows:64px minmax(0,1fr)}
.topbar{background:var(--dark);color:var(--dark-text);display:flex;align-items:center;justify-content:space-between;gap:32px;padding:0 80px}
.wordmark{font-size:26px;font-weight:750;letter-spacing:-.03em;color:var(--dark-text);text-decoration:none}
.topbar-meta{display:flex;gap:24px;align-items:center;font-size:18px;font-weight:600;color:var(--dark-muted)}
.topbar-meta a{color:var(--dark-text);text-underline-offset:4px}
.eyebrow{font-size:18px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 32px;border-radius:12px;border:2px solid var(--ink);background:var(--ink);color:#fff;font:700 22px/1 'DM Sans',Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn:hover{background:#1d2939;border-color:#1d2939}
.btn.light{background:var(--dark-text);border-color:var(--dark-text);color:var(--ink)}
.btn.light:hover{background:#fff;border-color:#fff}
a:focus-visible,button:focus-visible{outline:3px solid #2f6bff;outline-offset:4px}

/* Research screen (same structure as live stop 2) */
.research{display:flex;flex-direction:column;gap:24px;padding:40px 80px 32px;min-height:0}
.research h1{margin-top:12px;font-size:52px;line-height:1.12;font-weight:750;letter-spacing:-.02em}
.research-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;flex:1;min-height:0}
.rcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 1px 0 #0000000a,0 8px 24px #1518200d}
.rcard.climax{box-shadow:inset 0 4px 0 var(--stuck),0 1px 0 #0000000a,0 8px 24px #1518200d}
.rcard-top{font-size:24px;line-height:1.35;font-weight:500;color:var(--muted)}
.hero-num{display:block;margin:4px 0 12px;font-size:160px;line-height:1;font-weight:750;letter-spacing:-.045em}
.hero-num.stuck{color:var(--stuck)}
.claim{min-height:73px;font-size:28px;line-height:1.3;font-weight:700}
.meter{position:relative;height:64px;margin-top:24px;border-radius:12px;background:var(--line);overflow:hidden}
.meter i{position:absolute;inset:0 auto 0 0;border-radius:12px 0 0 12px}
.meter.win i{background:var(--win)}
.meter.stuck i{background:var(--stuck)}
.bars{display:grid;gap:8px;margin-top:24px}
.bars>div{position:relative;height:28px;border-radius:8px;background:var(--line);overflow:hidden}
.bars i{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;padding-left:12px;font-style:normal;font-size:18px;font-weight:700;color:#fff;white-space:nowrap}
.bars .use{width:85%;background:var(--ink)}
.bars .embed{width:29%;background:var(--stuck)}
.bars .gap{left:29%;width:56%;justify-content:center;padding:0;color:var(--stuck);background:repeating-linear-gradient(135deg,#a45a1240 0 3px,var(--stuck-tint) 3px 10px)}
.bars .gap b{padding:0 10px;border-radius:999px;background:var(--card);line-height:22px}
.source{padding-top:20px;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.source a{text-underline-offset:4px}
.band{display:flex;align-items:center;gap:32px;background:var(--dark);color:var(--dark-text);border-radius:16px;padding:32px 40px}
.band strong{display:block;font-size:34px;line-height:1.2;font-weight:700;color:#fff}
.band span{display:block;margin-top:8px;font-size:24px;line-height:1.35;font-weight:500;color:var(--dark-text)}
.band .btn{margin-left:auto;flex:none}
.method{font-size:18px;line-height:1.35;color:var(--muted)}
.at-parkside{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.at-parkside p{flex:none;max-width:130px;font-size:18px;line-height:1.2;font-weight:600;color:var(--muted)}
.at-parkside ul{display:flex;gap:20px;padding:0;list-style:none}
.ptok{--vc:var(--win);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:18px;line-height:1.1;font-weight:700}
.ptok.v-diff{--vc:var(--diff)}.ptok.v-stuck{--vc:var(--stuck)}.ptok.v-glue{--vc:var(--glue)}
.ptok i{width:44px;height:44px;border-radius:50%;background:var(--vc);color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:750}
.ptok span{padding-bottom:3px;border-bottom:4px solid var(--vc)}
/* Bright & airy theme accents */
:root{--accent:#2f6bff;--accent-strong:#1f4fd8;--accent-on-dark:#7fa6ff}
.eyebrow,.kicker{color:var(--accent)}
.btn.start{background:var(--accent);border-color:var(--accent);box-shadow:0 6px 16px #2f6bff33}.btn.start:hover{background:var(--accent-strong);border-color:var(--accent-strong)}