:root{--ink:#17202a;--muted:#667085;--paper:#fff;--soft:#f5f7f4;--accent:#176b52;--accent2:#0f4e3d;--line:#e4e7ec;--warm:#f8f3ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.72}
a{color:var(--accent2)}header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #00000008}
.nav{max-width:1180px;margin:auto;padding:12px 20px;display:flex;gap:18px;align-items:center}.brand{font-weight:850;font-size:1.3rem;text-decoration:none;color:var(--ink);white-space:nowrap}
.navlinks{display:flex;gap:15px;align-items:center;flex:1;flex-wrap:wrap}.navlinks a{text-decoration:none;color:var(--ink);font-size:.93rem}.header-cta{margin-left:auto;white-space:nowrap}
.wrap{max-width:1180px;margin:auto;padding:34px 20px}.hero{padding:42px 0 26px}.eyebrow{font-weight:750;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
h1{font-size:clamp(2.05rem,5vw,4rem);line-height:1.04;max-width:900px;margin:.24em 0}h2{margin-top:2.1em;line-height:1.2}h3{line-height:1.25}.lede{font-size:1.16rem;color:#344054;max-width:820px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px}.card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.sticky{position:sticky;top:92px;height:max-content}
.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:10px;font-weight:800;margin:7px 0}.btn:hover{background:var(--accent2)}
.btn.secondary{background:#fff;color:var(--accent2)!important;border:1px solid var(--accent)}
.notice{background:var(--soft);border-left:4px solid var(--accent);padding:16px 18px;border-radius:8px}.toc{background:var(--soft);padding:20px;border-radius:14px}.toc a{display:block;margin:5px 0}
table{width:100%;border-collapse:collapse;margin:22px 0}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px}
footer{margin-top:60px;background:#111827;color:#d0d5dd;padding:38px 20px}footer a{color:#fff}.foot{max-width:1180px;margin:auto}
.offerbox{background:var(--warm);border:1px solid #eadfcf;border-radius:16px;padding:20px;margin:26px 0}.sidebar-cta{background:linear-gradient(180deg,#f5faf7,#fff)}
.popup{position:fixed;right:20px;bottom:20px;max-width:360px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px #0002;border-radius:18px;padding:20px;z-index:30}.popup button{float:right;border:0;background:transparent;font-size:20px;cursor:pointer}
.badge{display:inline-block;background:#e7f4ee;color:#0f5c46;padding:4px 9px;border-radius:99px;font-size:.8rem;font-weight:750}
.listgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listcard{border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink)}.listcard:hover{border-color:#b9cbbf}
.mobile-cta{display:none}
@media(max-width:900px){.navlinks{display:none}.header-cta{display:none}.grid{grid-template-columns:1fr}.sticky{position:static}.popup{left:12px;right:12px;bottom:70px;max-width:none}.mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:8px 12px;text-align:center}.mobile-cta .btn{display:block;margin:0}.listgrid{grid-template-columns:1fr}body{padding-bottom:62px}}