:root { --navy:#111f39; --green:#00d77a; --off:#f7f9f5; --ink:#10151f; --muted:#5b6675; --amber:#f5b84b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--off); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
a { color:inherit; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:18px clamp(20px,5vw,72px); background:var(--navy); color:#fff; }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:900; letter-spacing:.04em; }
.brand img { width:36px; height:36px; border-radius:9px; }
.site-header .cta { padding:10px 16px; border-radius:999px; background:var(--green); color:var(--navy); font-weight:800; text-decoration:none; transition:transform 120ms ease, background 120ms ease; }
.site-header .cta:hover { transform:translateY(-1px); }
.site-header .cta:active { transform:scale(.97); transition-duration:80ms; }
main { width:min(1080px,calc(100% - 40px)); margin:auto; }
.hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr); gap:48px; padding:clamp(54px,9vw,104px) 0 50px; }
.eyebrow { color:#087b50; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
h1 { max-width:780px; margin:10px 0 22px; color:var(--navy); font-size:clamp(2.5rem,6vw,5.8rem); line-height:.98; letter-spacing:-.055em; }
h2 { color:var(--navy); font-size:clamp(1.65rem,3vw,2.65rem); line-height:1.12; }
.lede { max-width:760px; color:var(--muted); font-size:clamp(1.05rem,2vw,1.35rem); }
.summary { align-self:start; padding:26px; border-radius:24px; background:#fff; box-shadow:0 20px 60px rgba(17,31,57,.12); }
.summary strong { color:var(--navy); }
.summary ol { padding-left:22px; }
.content { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding:28px 0 70px; }
.content article { padding:26px; border:1px solid #e2e8e5; border-radius:22px; background:#fff; }
.content article span { display:inline-grid; width:34px; height:34px; place-items:center; border-radius:50%; background:var(--green); color:var(--navy); font-weight:900; }
.content h2 { grid-column:1/-1; }
.source-note { padding:28px; border-left:5px solid var(--amber); border-radius:16px; background:#fff; }
.conversion { margin:70px 0; padding:clamp(30px,6vw,70px); border-radius:30px; background:var(--navy); color:#fff; text-align:center; }
.conversion h2 { color:#fff; }
.button { display:inline-block; margin-top:12px; padding:14px 22px; border-radius:999px; background:var(--green); color:var(--navy); font-weight:900; text-decoration:none; transition:transform 120ms ease, background 120ms ease; }
.button:hover { transform:translateY(-1px); }
.button:active { transform:scale(.97); transition-duration:80ms; }
footer { padding:30px 20px; color:#dbe6ee; background:var(--navy); text-align:center; }
@media(max-width:760px){ .hero,.content{grid-template-columns:1fr;} .content h2{grid-column:auto;} .site-header{align-items:flex-start;gap:16px;} }