:root{--brand:#4069ff;--ink:#0b1328;--muted:#5f6f8e;--soft:#f3f7ff;--line:#e3e9f5;--accent:#18bfa5}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.75}a{color:#315bdc}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{font-weight:900;font-size:1.25rem;color:var(--ink);text-decoration:none}.navlinks{display:flex;gap:28px}.navlinks a{text-decoration:none;font-weight:700;color:#34415e}.hero{background:radial-gradient(circle at 82% 16%,#d8fff7,transparent 25%),linear-gradient(135deg,#f1f5ff,#fff 72%);padding:64px 24px}.hero-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:64px;align-items:center}.layout{max-width:1080px;margin:auto;display:grid;grid-template-columns:minmax(0,720px) minmax(240px,280px);gap:64px;align-items:start;padding:64px 24px}.eyebrow{display:inline-block;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin-bottom:10px}.hero h1{font-size:clamp(2.55rem,3.45vw,3.75rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px;max-width:720px}.dek{font-size:1.08rem;line-height:1.7;color:#4e5e7c;max-width:680px;margin:0 0 16px}.meta{font-size:.9rem;color:var(--muted);margin:0}.hero img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px;box-shadow:0 24px 70px #2647a526}.article{min-width:0}.article h2{font-size:1.85rem;line-height:1.25;margin:2.4rem 0 .7rem;letter-spacing:-.025em}.article h3{font-size:1.25rem;margin:1.8rem 0 .4rem}.article p,.article li{color:#35425d}.article li{margin:.45rem 0}.article img{width:100%;height:auto;border-radius:20px}.callout,.cta,.tool-grid>div{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--soft)}.callout{border-left:5px solid var(--accent);margin:28px 0}.cta{background:linear-gradient(135deg,#1739b9,#2779ed);color:#fff;margin:38px 0}.cta p{color:#eaf1ff}.btn{display:inline-block;background:#fff;color:#193cad!important;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:800;margin:5px 8px 5px 0}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tool-grid h3{margin-top:0}.toc{position:sticky;top:24px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;box-shadow:0 18px 50px #1f3f7510}.toc strong{display:block;margin-bottom:10px}.toc a{display:block;text-decoration:none;padding:5px 0;font-size:.93rem}.faq{border-top:1px solid var(--line);padding-top:8px}.related{background:#f5f8ff;padding:48px 24px}.related-inner{max-width:1080px;margin:auto}.footer{text-align:center;padding:34px 24px;color:var(--muted)}@media(max-width:900px){.hero-grid,.layout{grid-template-columns:1fr}.hero-grid{gap:34px}.hero{padding:46px 24px}.hero h1{font-size:clamp(2.25rem,8vw,3.25rem)}.hero img{max-width:680px}.layout{gap:36px}.toc{position:static}.tool-grid{grid-template-columns:1fr}}@media(max-width:600px){.nav{height:64px}.navlinks{display:none}.hero{padding:36px 20px}.hero h1{font-size:2.35rem}.layout{padding:42px 20px}.article h2{font-size:1.55rem}.callout,.cta,.tool-grid>div{padding:18px}}