:root{--bg:#fdf8f1;--surface:#fff;--band:#f6ecdf;--ink:#1b2440;--ink-soft:#4a536b;--line:#e6dccd;--accent:#b9471a;--accent-ink:#fff;--accent-soft:#fbe6da;--night:#17213a;--moon:#f6c76b;--focus:#1d4ed8;--radius:18px;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#141b2e;--surface:#1c2540;--band:#19213a;--ink:#f3efe8;--ink-soft:#c2c7d6;--line:#2e3857;--accent:#ffa16f;--accent-ink:#1b1206;--accent-soft:#3a2a26;--focus:#9db8ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font:1.0625rem/1.65 var(--font);margin:0}img,svg{max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.15rem}p{margin:0 0 1em}a{color:var(--accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.narrow{max-width:46rem}.center{text-align:center}.quiet{color:var(--ink-soft)}.small{font-size:.9rem}.skip{background:var(--surface);z-index:10;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:.5rem;left:.5rem}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:.8rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.55rem;margin:0;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}nav ul{flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--ink);border-radius:999px;padding:.5rem .75rem;font-weight:600;text-decoration:none;display:inline-block}.site-header nav a:hover{background:var(--band)}.site-header nav a[aria-current=page]{background:var(--accent-soft)}.hero{padding-block:clamp(2.5rem,7vw,5rem)}.hero-grid{align-items:center;gap:2.5rem;display:grid}@media (width>=880px){.hero-grid{grid-template-columns:1.1fr .9fr}}.lede{color:var(--ink-soft);max-width:36rem;font-size:1.2rem}.art{border-radius:28px;width:100%;display:block;box-shadow:0 18px 40px -22px #17213a8c}.page-head{padding-block:clamp(2rem,5vw,3.5rem) 1rem}.section{padding-block:clamp(2rem,5vw,3.5rem)}.band{background:var(--band);border-block:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4rem)}.cards{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem 1.4rem}.card p:last-child{margin-bottom:0}.card p{color:var(--ink-soft)}.steps{counter-reset:step}.steps .card:before{counter-increment:step;content:counter(step);background:var(--accent-soft);width:2rem;height:2rem;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:.7rem;font-weight:800;display:inline-grid}.chips{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.chips li{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.3rem .9rem;font-size:.95rem;font-weight:600}.center .chips{justify-content:center}.button{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:.75rem 1.3rem;font-weight:700;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.08)}.button.ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.button .quiet{color:inherit;opacity:.85}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.stores{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:0;list-style:none;display:flex}.prose{max-width:46rem}.prose h2{margin-top:2.2rem;font-size:1.4rem}.prose h3{margin-top:1.5rem}.prose li{margin-bottom:.4rem}.prose ul{padding-left:1.2rem}.notice{background:var(--accent-soft);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:12px;margin:0 0 1.5rem;padding:1rem 1.2rem}dl.faq dt{margin-top:1.4rem;font-weight:700}dl.faq dd{color:var(--ink-soft);margin:.3rem 0 0}.site-footer{border-top:1px solid var(--line);margin-top:2rem;padding-block:2rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;display:flex}.site-footer nav a{color:var(--ink);padding:.35rem .4rem;display:inline-block}
