:root{--ink:#172033;--muted:#5d6677;--paper:#fff;--soft:#f5f8ff;--brand:#3157d5;--brand2:#6c48d7;--line:#dfe5f1;--good:#146c43;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.nav{min-height:68px;display:flex;align-items:center;gap:24px}.brand{font-weight:850;color:var(--ink);text-decoration:none;font-size:1.08rem}.brand span{color:var(--brand)}
.navlinks{display:flex;gap:18px;margin-left:auto;align-items:center}.navlinks a{color:var(--ink);text-decoration:none;font-size:.94rem}.navlinks .button{color:#fff}
.button{display:inline-block;background:var(--brand);color:#fff!important;text-decoration:none;border-radius:10px;padding:11px 17px;font-weight:750;border:0}.button:hover{filter:brightness(.94)}
.button.alt{background:#fff;color:var(--brand)!important;border:1px solid var(--brand)}
.hero{padding:72px 0 54px;background:linear-gradient(145deg,#f8faff,#eef2ff)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--brand)}
h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.045em;max-width:850px;margin:.3em 0}.hero p{font-size:1.18rem;max-width:760px;color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.card h3{margin-top:0}.card p{color:var(--muted)}
main section{padding:54px 0}.section-title{font-size:2rem;letter-spacing:-.025em;margin-top:0}.article{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:54px;padding:50px 0}.article h1{font-size:clamp(2.25rem,4vw,3.6rem)}.article h2{margin-top:2.2em;font-size:1.65rem;letter-spacing:-.02em}.article p,.article li{font-size:1.03rem}.lede{font-size:1.2rem!important;color:var(--muted)}
.notice{padding:14px 16px;border-radius:10px;background:var(--soft);border:1px solid var(--line);font-size:.93rem}.cta{padding:24px;border-radius:16px;background:#172033;color:#fff;margin:32px 0}.cta h2{margin-top:0}.cta p{color:#dce3f1}.cta .button{background:#fff;color:#172033!important}
.toc{position:sticky;top:94px;align-self:start;border-left:2px solid var(--line);padding-left:18px}.toc a{display:block;margin:8px 0;color:var(--muted);text-decoration:none;font-size:.92rem}
.check{padding-left:0;list-style:none}.check li{margin:9px 0;padding-left:26px;position:relative}.check li:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:800}
.related{background:var(--soft)}footer{border-top:1px solid var(--line);padding:34px 0 50px;color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot a{color:var(--muted);margin-right:14px}
.price-table{width:100%;border-collapse:collapse}.price-table th,.price-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}
@media(max-width:820px){.navlinks a:not(.button){display:none}.grid{grid-template-columns:1fr}.article{grid-template-columns:1fr}.toc{position:static;order:-1}.hero{padding-top:48px}h1{font-size:2.55rem}.wrap{width:min(var(--max),calc(100% - 28px))}}