:root{--ink:#102038;--muted:#5e6b7d;--bg:#f6f8fb;--card:#fff;--line:#dfe6ef;--blue:#3157d5;--blue2:#223fa9;--cyan:#16a3b6;--warm:#f2b84b;--max:1160px}
*{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(--bg);line-height:1.65}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.topbar{background:#0d1a31;color:#dfe8ff;font-size:.88rem;text-align:center;padding:8px 16px}.sitehead{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav{height:72px;display:flex;align-items:center;gap:26px}.logo{font-weight:850;color:var(--ink);font-size:1.05rem;letter-spacing:-.02em}.logo span{color:var(--blue)}
.navlinks{display:flex;gap:22px;margin-left:auto;font-size:.93rem}.navlinks a{color:#34445d;font-weight:650}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:11px 17px;font-weight:800;background:var(--blue);color:#fff!important;box-shadow:0 7px 20px #3157d522}.btn:hover,.navcta:hover{background:var(--blue2);text-decoration:none}.btn.secondary{background:#fff;color:var(--blue)!important;border:1px solid var(--line);box-shadow:none}
.hero{padding:78px 0 62px;background:linear-gradient(135deg,#f9fbff,#edf3ff)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:850;font-size:.76rem}.hero h1,.article h1{font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em;margin:.18em 0}.hero p{font-size:1.16rem;max-width:720px;color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#526176;font-size:.9rem}
.section{padding:62px 0}.section h2{font-size:2rem;letter-spacing:-.035em;margin:0 0 12px}.lede{color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;box-shadow:0 6px 24px #172a4d08}.card h3{margin:7px 0 8px;line-height:1.25}.card p{color:var(--muted);font-size:.95rem}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:var(--cyan)}
.path{background:#0d1a31;color:white}.path .lede{color:#b9c5d8}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.step{border:1px solid #2c3c58;border-radius:12px;padding:18px;background:#13233d}.step b{display:block;color:#7ad8e3;font-size:.76rem;margin-bottom:8px}
.article{padding:54px 0}.articlegrid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:54px}.article h1{font-size:clamp(2.35rem,5vw,4.2rem)}.article h2{margin-top:42px;font-size:1.75rem;letter-spacing:-.025em}.article h3{margin-top:28px}.article p,.article li{color:#34445a}.summary{background:#edf3ff;border-left:4px solid var(--blue);padding:20px 22px;border-radius:8px;margin:28px 0}.callout{background:#fff8e7;border:1px solid #f0d99f;border-radius:12px;padding:20px;margin:28px 0}.affiliatebox{background:#0d1a31;color:white;border-radius:14px;padding:25px;margin:34px 0}.affiliatebox p{color:#c7d2e3}.affiliatebox small{display:block;color:#9fb0c7;margin-top:10px}.sidebar{position:sticky;top:98px;height:max-content}.sidebar .card{margin-bottom:16px}.toc a{display:block;padding:6px 0;font-size:.9rem}
.breadcrumb{font-size:.86rem;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--muted)}
footer{background:#0b1629;color:#aebbd0;padding:46px 0 28px;margin-top:40px}footer a{color:#dbe5f7}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.fine{font-size:.82rem;border-top:1px solid #25344c;margin-top:30px;padding-top:20px}
.modalback{position:fixed;inset:0;background:#07111fd9;z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.modalback.show{display:flex}.modal{max-width:610px;background:white;border-radius:20px;padding:34px;position:relative;box-shadow:0 30px 80px #0008}.modal h2{font-size:2rem;line-height:1.08;margin:8px 0 12px;letter-spacing:-.04em}.modal p{color:var(--muted)}.close{position:absolute;right:15px;top:13px;border:0;background:#eef2f7;width:34px;height:34px;border-radius:50%;font-size:20px;cursor:pointer}.modal .btn{width:100%;margin-top:8px}.modalnote{font-size:.76rem!important;text-align:center}
.mobiletoggle{display:none;margin-left:auto;border:0;background:none;font-size:24px}
@media(max-width:850px){.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 28px;border-bottom:1px solid var(--line)}.mobiletoggle{display:block}.navcta{display:none}.grid,.steps{grid-template-columns:1fr}.articlegrid{grid-template-columns:1fr}.sidebar{position:static}.hero{padding-top:52px}.footgrid{grid-template-columns:1fr}.article h1,.hero h1{font-size:2.65rem}}