:root{--ink:#0f172a;--muted:#475569;--bg:#fff;--soft:#f1f5f9;--brand:#4f46e5;--brand2:#7c3aed;--ok:#059669;--bad:#dc2626;--line:#e2e8f0;--r:14px}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand)}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:780px}
header.site{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{font-weight:800;font-size:1.2rem;text-decoration:none;color:var(--ink)}.logo span{color:var(--brand)}
nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-size:.95rem}nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:1rem}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.hero{padding:72px 0 56px;background:radial-gradient(1200px 400px at 50% -10%,#e0e7ff,transparent)}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:640px}
.eyebrow{text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;color:var(--brand);font-weight:700}
section{padding:48px 0}h2{font-size:1.8rem;letter-spacing:-.01em;margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tile{border:1px solid var(--line);border-radius:var(--r);padding:20px;text-decoration:none;color:var(--ink);background:#fff;transition:.15s;display:block}
.tile:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,70,229,.1)}
.tile .ic{font-size:1.6rem}.tile h3{margin:8px 0 4px;font-size:1.05rem}.tile p{margin:0;color:var(--muted);font-size:.92rem}
.tile .soon{font-size:.75rem;color:var(--muted);background:var(--soft);padding:2px 8px;border-radius:99px}
.news{background:linear-gradient(135deg,#1e1b4b,#4c1d95);color:#fff;border-radius:20px;padding:36px;margin:24px 0}
.news h2{color:#fff}.news p{color:#c7d2fe}.news form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.news input{flex:1;min-width:220px;padding:12px 14px;border-radius:10px;border:0;font-size:1rem}
.news small{display:block;margin-top:10px;color:#a5b4fc}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.trust div{background:var(--soft);border-radius:var(--r);padding:20px}
.quick{background:#eef2ff;border-left:4px solid var(--brand);padding:16px 20px;border-radius:8px}
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft)}
.tablewrap{overflow-x:auto}
.tool{border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:20px 0}
.tool h3{margin:0 0 4px;font-size:1.4rem}.price{background:var(--soft);padding:8px 12px;border-radius:8px;font-size:.95rem}
.verified{background:#d1fae5;color:#065f46}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pc ul{padding-left:0;list-style:none;margin:6px 0}
.pros li::before{content:"✓ ";color:var(--ok);font-weight:700}.cons li::before{content:"✗ ";color:var(--bad);font-weight:700}
ol.steps{counter-reset:s;list-style:none;padding:0}ol.steps li{counter-increment:s;padding:12px 0 12px 52px;position:relative;border-bottom:1px dashed var(--line)}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:10px;width:36px;height:36px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
details{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:10px 0}summary{font-weight:600;cursor:pointer}
.aff-line{font-size:.85rem;color:var(--muted);margin:8px 0 16px}
.nl-form{margin-top:16px}
footer.site{background:#0f172a;color:#cbd5e1;padding:40px 0;margin-top:48px;font-size:.92rem}footer.site a{color:#e2e8f0}
footer .cols{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}
.crumbs{font-size:.88rem;color:var(--muted);margin-top:20px}
@media(max-width:700px){nav a:not(.btn){display:none}.pc{grid-template-columns:1fr}.hero{padding:48px 0 36px}}