:root{--bg:#fff8e8;--ink:#24180c;--muted:#6b5340;--card:#fffdf6;--line:#e8d3a8;--accent:#d97706;--accent-ink:#7c2d12;--ok:#166534;--warn:#9a3412;--shadow:0 10px 30px #46280a14;--radius:18px;--max:1080px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at top left, #ffe8b5, transparent 40%), radial-gradient(circle at top right, #ffd7a8, transparent 35%), var(--bg);margin:0;line-height:1.55}a{color:var(--accent-ink)}img{max-width:100%;height:auto}.skip-link{color:#fff;z-index:100;background:#000;padding:8px 12px;position:absolute;top:0;left:-999px}.skip-link:focus{top:8px;left:8px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fff8e8eb;position:sticky;top:0}.nav-wrap{max-width:var(--max);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:12px 18px;display:flex;overflow-x:auto}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:10px}.brand strong{letter-spacing:.04em;font-size:.92rem;display:block}.brand small{color:var(--muted);font-size:.72rem}nav{flex-wrap:nowrap;gap:14px;display:flex}nav a{color:var(--ink);white-space:nowrap;font-size:.92rem;font-weight:600;text-decoration:none}.play-pill{background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.82rem;text-decoration:none}main{max-width:var(--max);margin:0 auto;padding:28px 18px 64px}.hero,.panel,.step,.answer-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{gap:18px;padding:28px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:.75rem;font-weight:700}h1{margin:.2em 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}.lede{color:var(--muted);margin:0;font-size:1.05rem}.actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.btn,.btn-secondary{border-radius:999px;align-items:center;gap:6px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn{background:var(--accent);color:#fff}.btn-secondary{border:1px solid var(--line);color:var(--ink);background:#fff}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px;display:grid}.panel{padding:18px}.panel h2,.panel h3{margin-top:0}.steps{gap:12px;margin:18px 0;display:grid}.step{grid-template-columns:56px 1fr;gap:12px;padding:16px;display:grid}.step .num{width:56px;height:56px;color:var(--accent-ink);background:#fff3d6;border-radius:16px;place-items:center;font-weight:800;display:grid}.answer-card{background:linear-gradient(#fff7e8,#fffdf6);border-color:#f0b45a;padding:22px}.code-pill{letter-spacing:.18em;color:#ffe8b5;background:#24180c;border-radius:14px;margin:8px 0;padding:10px 18px;font-size:2rem;font-weight:800;display:inline-block}.badge{text-transform:uppercase;letter-spacing:.06em;color:var(--warn);background:#ffedd5;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-block}.badge.ok{color:var(--ok);background:#dcfce7}.note{color:var(--muted);font-size:.95rem}.site-footer{border-top:1px solid var(--line);background:#fffaf0;padding:28px 18px}.footer-grid{max-width:var(--max);grid-template-columns:1.2fr 1fr;gap:18px;margin:0 auto;display:grid}.footer-links{flex-wrap:wrap;gap:10px 14px;display:flex}.footer-links a{color:var(--ink);font-weight:600;text-decoration:none}@media (max-width:760px){.nav-wrap{align-items:flex-start}.footer-grid,.step{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}