
:root{--navy:#12324d;--navy2:#0d2940;--green:#2f8a62;--green2:#5fa86a;--soft:#eef6f2;--ink:#263442;--muted:#667886;--line:#e3ebef;--bg:#f5f8fa;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.72}
a{color:var(--green);text-decoration:none}.topbar{background:var(--navy2);color:#dce8ef;text-align:center;font-size:12px;padding:9px 16px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{max-width:1120px;margin:auto;min-height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-weight:900;font-size:20px;letter-spacing:-.03em}.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--navy),#2c617f);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 7px 18px #12324d20}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{font-size:13px;font-weight:800;color:#385061}.navlinks a:hover{color:var(--green)}.navcta{background:var(--green);color:#fff!important;padding:10px 15px;border-radius:9px}.hero{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;padding:64px 22px 76px}.wrap{max-width:1120px;margin:auto}.eyebrow{display:inline-block;color:#cfe9dc;background:#ffffff12;border:1px solid #ffffff20;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 15px;max-width:900px}.hero p{max-width:780px;color:#d8e5ec;font-size:17px;margin:0}.crumbs{font-size:12px;color:#a9c0cd;margin-bottom:14px}.crumbs a{color:#cfe1e9}.main{max-width:1120px;margin:-36px auto 70px;padding:0 22px;display:grid;grid-template-columns:1fr 290px;gap:24px;position:relative}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #12324d12}.content{padding:36px 42px}.content h2{font-size:25px;line-height:1.25;color:var(--navy);letter-spacing:-.025em;margin:34px 0 11px}.content h2:first-child{margin-top:0}.content h3{font-size:18px;color:var(--navy);margin:25px 0 7px}.content p{color:#465967;margin:10px 0}.content ul{color:#465967;padding-left:22px}.content li{margin:6px 0}.callout{background:var(--soft);border:1px solid #cce9db;border-radius:14px;padding:18px 20px;margin:24px 0;color:#285e49}.cta{margin:32px 0 10px;background:linear-gradient(135deg,#eff8f3,#f8fbfc);border:1px solid #cfe8dc;border-radius:16px;padding:23px}.cta h3{margin:0 0 6px;color:var(--navy)}.button{display:inline-block;background:var(--green);color:#fff;padding:12px 18px;border-radius:10px;font-weight:900;margin-top:10px}.button:hover{background:#267652}.side{padding:22px;align-self:start;position:sticky;top:100px}.side-title{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}.side a{display:block;color:#405666;font-size:13px;font-weight:700;padding:7px 0;border-bottom:1px solid #eef2f4}.side a:hover{color:var(--green)}.related{margin-top:18px}.related a{font-weight:700}.footer{background:var(--navy2);color:#c7d6df;padding:32px 22px}.footerin{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer a{color:#fff;font-weight:800}.small{font-size:12px;color:#a9bbc7}.faq{border-top:1px solid var(--line);padding:15px 0}.faq strong{color:var(--navy);display:block;margin-bottom:4px}@media(max-width:850px){.navlinks{display:none}.main{grid-template-columns:1fr;margin-top:-22px}.side{display:none}.content{padding:28px 23px}.footerin{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.nav{min-height:68px;padding:0 16px}.brand{font-size:18px}.logo{width:36px;height:36px}.hero{padding:45px 18px 58px}.main{padding:0 14px}.hero h1{font-size:39px}}
