:root { color-scheme: light; --navy:#0e3a6d; --blue:#1e6fb8; --teal:#2ac4c3; --slate:#2e3a4b; }
* { box-sizing: border-box; }
body { margin:0; background:#f8fbfd; color:var(--slate); font-family:Montserrat,Arial,sans-serif; line-height:1.72; }
header { background:#fff; border-bottom:1px solid #dbe8f2; }
.nav,.wrap { width:min(100% - 36px,900px); margin:auto; }
.nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:var(--navy); font-weight:800; text-decoration:none; font-size:1.1rem; }
.back { color:var(--blue); font-weight:700; text-decoration:none; }
main { padding:58px 0 72px; }
article { background:#fff; border:1px solid #dbe8f2; border-radius:22px; padding:clamp(28px,6vw,58px); box-shadow:0 12px 32px rgba(14,58,109,.07); }
.eyebrow { color:var(--blue); font-size:.82rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
h1,h2 { color:var(--navy); font-family:Georgia,serif; line-height:1.18; }
h1 { font-size:clamp(2rem,6vw,3.4rem); margin:.35em 0; }
h2 { font-size:1.55rem; margin-top:2rem; }
.lead { font-size:1.15rem; color:#526071; }
.formula,.callout { margin:24px 0; padding:20px; border-radius:14px; background:#eef8fb; border-left:4px solid var(--teal); }
ul,ol { padding-left:1.35rem; }
li { margin:.6rem 0; }
.cta { margin-top:34px; padding:26px; border-radius:16px; background:var(--navy); color:#fff; }
.cta h2 { color:#fff; margin-top:0; }
.more { margin-top:34px; padding-top:24px; border-top:1px solid #dbe8f2; }
.more h2 { margin-top:0; }
.more ul { display:flex; flex-wrap:wrap; gap:10px 26px; }
.more a { color:var(--blue); font-weight:700; }
.button { display:inline-block; margin-top:8px; padding:12px 18px; border-radius:10px; background:var(--teal); color:#082f54; font-weight:800; text-decoration:none; }
footer { padding:28px 0; text-align:center; color:#687587; font-size:.9rem; }
@media (max-width:580px) { .nav { min-height:66px; } main { padding-top:28px; } article { border-radius:16px; } }