*{box-sizing:border-box}:root{--fg:#14142b;--mut:#5d5d78;--bg:#fafaff;--card:#fff;--line:#e4e4f0;--acc:#5b5bf0;--acc2:#10b38a}
@media(prefers-color-scheme:dark){:root{--fg:#ececf6;--mut:#a3a3bd;--bg:#0f0f1a;--card:#181828;--line:#2a2a40}}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}a{color:var(--acc)}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);z-index:9}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;flex-wrap:wrap}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;color:var(--fg);text-decoration:none;font-size:18px}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--mut);text-decoration:none;font-size:15px}nav a:hover,nav a[aria-current]{color:var(--fg)}
.lang{border:1px solid var(--line);border-radius:99px;padding:0 10px}
main{padding:40px 20px 60px}h1{font-size:clamp(28px,4.5vw,46px);line-height:1.15;letter-spacing:-.02em;margin:.3em 0}h2{margin-top:1.8em}
.hero{text-align:center;padding:40px 0 30px}.hero.small{padding-top:10px}.hero h1{max-width:820px;margin-left:auto;margin-right:auto}
.lead{font-size:19px;color:var(--mut);max-width:720px;margin:0 auto 1em}.muted{color:var(--mut);font-size:14px}.center{text-align:center}
.pills span{display:inline-block;margin:4px;padding:4px 12px;border-radius:99px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);font-weight:600;font-size:14px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}.card.hl{border:2px solid var(--acc)}
.prod{color:var(--fg);text-decoration:none;transition:transform .15s,box-shadow .15s}.prod:hover{transform:translateY(-3px);box-shadow:0 12px 30px #5b5bf022}
.prod h2{margin:.5em 0 .2em}.more{color:var(--acc);font-weight:600}.price{font-size:22px;font-weight:800;margin:0}
.ticks{padding:0;list-style:none}.ticks li{padding-left:28px;position:relative;margin:8px 0}.ticks li:before{content:"✓";position:absolute;left:4px;color:var(--acc2);font-weight:800}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 22px;border-radius:12px;font-weight:700;text-decoration:none}.btn.alt{background:transparent;color:var(--acc);border:2px solid var(--acc)}
.todo{display:inline-block;background:#ffe066;color:#5a4500;font-size:12px;font-weight:700;padding:1px 6px;border-radius:6px;vertical-align:middle}
.kv{border-collapse:collapse;width:100%}.kv th,.kv td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.kv th{width:38%;color:var(--mut);font-weight:600}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--mut);font-size:14px}code{font-size:.9em}