*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,sans-serif}body.dark{--bg:#0b111c;--panel:#131e2d;--ink:#f1f5fc;--mut:#9aacc4;--line:#2a3b51;--accent:#64dfbd;--btn:#164d43}body.light{--bg:#f5f7fb;--panel:white;--ink:#18314e;--mut:#60718a;--line:#d4deeb;--accent:#205fc2;--btn:#e6efff;font-size:20px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5vw;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:24px;letter-spacing:-.6px}.brand img{width:44px}.brand small{display:block;color:var(--mut);font-size:13px;letter-spacing:1px}nav{display:flex;gap:22px;flex-wrap:wrap}a{color:var(--accent);text-decoration:none}nav a{color:var(--mut);font-size:.9em}nav a.active{color:var(--ink);border-bottom:2px solid var(--accent)}main{max-width:1340px;margin:auto;padding:45px 5vw}h1{font-size:clamp(34px,4vw,58px);line-height:1.15;letter-spacing:-1.5px;margin:14px 0 20px}h2{line-height:1.3}p{max-width:850px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--accent);font-weight:750}.muted,small{color:var(--mut)}.banner{padding:10px 5vw;background:var(--btn);font-size:13px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}button,select,input{font:inherit;padding:10px 16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px}button{cursor:pointer}button.primary{background:var(--accent);color:var(--bg);font-weight:700}.hero-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;margin-top:28px}.panel,.tile{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:24px}.hero-grid img,.tile img{width:100%;border-radius:8px}.tag{display:inline-block;padding:4px 10px;background:var(--btn);color:var(--accent);font-size:12px;border-radius:5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tile h2{font-size:23px}.locked{min-height:210px;display:grid;place-content:center;background:repeating-linear-gradient(135deg,var(--panel),var(--panel) 12px,var(--bg) 12px,var(--bg) 24px);text-align:center;border:1px solid var(--line);border-radius:8px}.scroll{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}th{background:var(--panel);color:var(--mut)}.up{color:var(--accent)}.down{color:#d47779}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price{font-size:30px}.steps{counter-reset:n}.step{padding:20px 0;border-bottom:1px solid var(--line)}footer{padding:25px 5vw;border-top:1px solid var(--line);font-size:13px;color:var(--mut)}dialog{max-width:1100px;width:92%;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px}dialog::backdrop{background:#000b}dialog img{width:100%}@media(max-width:850px){.hero-grid,.grid,.plans{grid-template-columns:1fr}main{padding:28px 5vw}nav{gap:14px}.brand{font-size:21px}header{padding:18px 5vw}body.light{font-size:19px}}

/* V20: semantic accents, readable in both themes. */
body.dark{--blue:#83b8ff;--gold:#f2ce80;--violet:#c5b2ff;--positive:#64dfbd}body.light{--blue:#205fc2;--gold:#885906;--violet:#7348a5;--positive:#176f59}
.brand{color:var(--blue)}.eyebrow{color:var(--violet)}.tag{border:1px solid var(--line);color:var(--gold)}nav a:nth-child(3).active{border-color:var(--gold)}nav a:nth-child(4).active{border-color:var(--violet)}.panel{border-top:3px solid var(--blue)}.plans .panel:nth-child(2){border-top-color:var(--positive)}.plans .panel:nth-child(3){border-top-color:var(--violet)}.step:nth-child(3n+1) h2{color:var(--blue)}.step:nth-child(3n+2) h2{color:var(--positive)}.step:nth-child(3n) h2{color:var(--violet)}.up{color:var(--positive)}.down{color:#cf5c68}.tile{border-top:3px solid var(--positive)}.archive-grid{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.archive-controls{padding:16px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:850px){.archive-grid{grid-template-columns:1fr}}

/* V21 light-first design */
body.light{--bg:#f6f8fc;--panel:#fff;--ink:#19334f;--mut:#586d86;--accent:#265ec0;--btn:#eaf0fc}header{background:var(--panel)}.panel,.tile{box-shadow:0 6px 24px #18314e08}.banner{color:var(--ink)}form label{display:block;margin:18px 0}form label input:not([type=checkbox]),form select{display:block;width:100%;margin-top:6px}.consent{font-size:.9em}button:disabled{opacity:.6;cursor:not-allowed}details.panel{margin-top:25px}summary{cursor:pointer}.price small{font-size:18px}

.plans:has(> :only-child){grid-template-columns:minmax(0,440px)}

.pager{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px}.tile img{aspect-ratio:4/3;object-fit:contain;background:#101724}dialog{max-height:95vh;overflow:auto}