:root{--color-canvas:#f4f2ed;--color-surface:#fffefa;--color-ink:#20232d;--color-muted:#6d717b;--color-border:#dedbd3;--color-border-strong:#aeaea9;--color-accent:#e14d36;--color-accent-hover:#c93d29;--color-lime:#ccdc76;--focus-ring:#e14d364d;--font-display:Georgia, "Times New Roman", serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);margin:0}button,input,select{font:inherit}a{color:inherit}.game-button{border-radius:var(--radius-sm);color:#1e2230;cursor:pointer;font:inherit;letter-spacing:.025em;text-align:center;text-transform:uppercase;background:#f7f3e9;border:3px solid #1e2230;justify-content:center;align-items:center;min-height:48px;padding:0 19px;font-size:.82rem;font-weight:900;transition:transform .13s,box-shadow .13s;display:inline-flex;box-shadow:4px 4px #1e2230,0 0 0 2px #78b8ff,0 0 0 4px #45477b}.game-button:hover{background:#fffdf6;transform:translate(-1px,-1px)}.game-button:active{transform:translate(3px,3px);box-shadow:1px 1px #1e2230,0 0 0 2px #78b8ff,0 0 0 4px #45477b}.game-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:5px}.game-dialog-overlay{z-index:20;background:#1f223094;position:fixed;inset:0}.game-dialog{background:var(--color-surface);border:3px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:7px 7px 0 var(--color-ink), 0 0 0 2px #78b8ff, 0 0 0 4px #45477b;z-index:21;width:calc(100% - 32px);max-width:480px;padding:28px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-dialog-close{color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.8rem;line-height:1}.game-dialog-close:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.page-shell{max-width:1440px;margin:0 auto;padding:0 48px 48px}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{letter-spacing:0;align-items:center;gap:9px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--color-ink);color:var(--color-surface);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.18rem;display:inline-flex}.status{color:var(--color-muted);text-transform:uppercase;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.status-dot{background:#89ad43;border-radius:50%;width:8px;height:8px}.hero{grid-template-columns:minmax(0,1fr) minmax(340px,.84fr);gap:clamp(40px,7vw,112px);padding:104px 4vw 92px;display:grid}.hero-copy{align-self:center;max-width:640px}.eyebrow{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}h1,h2{font-family:var(--font-display);letter-spacing:0;font-weight:400}h1{margin:17px 0 26px;font-size:clamp(3.1rem,5.4vw,5.7rem);line-height:.95}.intro{color:var(--color-muted);max-width:565px;margin:0;font-size:1.08rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:35px;display:flex}.quiz-preview{background:var(--color-ink);box-shadow:12px 12px 0 var(--color-lime);color:#f7f7f2;min-height:470px;padding:28px}.preview-topline{color:#bfc2ca;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.progress-track{background:#4c515b;height:5px;margin:19px 0 50px}.progress-track span{background:var(--color-lime);width:62%;height:100%;display:block}.preview-label{color:var(--color-lime);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:800}.quiz-preview h2{max-width:480px;margin:14px 0 38px;font-size:clamp(1.8rem,2.8vw,2.9rem);line-height:1.05}.answer-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.answer-grid span{border:1px solid #5c606a;align-items:center;gap:11px;min-height:52px;padding:9px;font-size:.85rem;display:flex}.answer-grid b{color:#9fa3ad;font-size:.7rem}.answer-grid .selected{background:var(--color-lime);border-color:var(--color-lime);color:var(--color-ink)}.answer-grid .selected b{color:var(--color-ink)}.feature-strip{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.feature-strip div{border-right:1px solid var(--color-border);min-height:184px;padding:30px 32px 22px 0}.feature-strip div+div{padding-left:32px}.feature-strip div:last-child{border-right:0}.feature-strip span{color:var(--color-accent);font-size:.75rem;font-weight:800}.feature-strip strong{font-family:var(--font-display);margin-top:24px;font-size:1.45rem;font-weight:400;display:block}.feature-strip p{color:var(--color-muted);max-width:230px;margin:8px 0 0;font-size:.88rem;line-height:1.5}@media (width<=760px){.page-shell{padding:0 20px 28px}.hero{grid-template-columns:1fr;padding:64px 0 70px}.quiz-preview{min-height:420px}.feature-strip{grid-template-columns:1fr}.feature-strip div,.feature-strip div+div{border-bottom:1px solid var(--color-border);border-right:0;min-height:auto;padding:24px 0}.feature-strip div:last-child{border-bottom:0}}@media (width<=430px){.status{font-size:.68rem}.answer-grid{grid-template-columns:1fr}.quiz-preview{padding:22px}}