:root{--deep:#19266b;--ocean:#1760a0;--sea:#1595b3;--yellow:#fff02b;--sand:#faf6ed;--ink:#172958}*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}header{background:linear-gradient(110deg,#19266b,#2851a1 55%,#168cae);color:#fff;padding:20px max(20px,calc((100vw - 1060px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:14px;letter-spacing:.12em;color:var(--yellow)}.brand small{display:block;color:#f3f8ff;font-size:11px}.mark{border:2px solid var(--yellow);color:var(--yellow);padding:10px;font-weight:800;letter-spacing:.06em}nav{display:flex;flex-wrap:wrap;gap:5px}button{cursor:pointer}nav button{border:0;background:transparent;color:#e5f7ff;padding:9px 12px;border-radius:7px}nav button.active,nav button:hover{background:var(--yellow);color:var(--deep)}main{max-width:850px;margin:auto;padding:34px 20px 65px}.hero{background:linear-gradient(160deg,#273481,#2266a5 52%,#20a4b9);color:#fff;border-radius:14px;padding:35px;margin-bottom:32px;border-bottom:6px solid var(--yellow)}.hero h1{font-size:clamp(28px,5vw,43px);line-height:1.2;margin:10px 0;color:#fff}.hero p{color:#f4faff}.eyebrow{color:#146c91;letter-spacing:.14em;font-size:12px;font-weight:800;text-transform:uppercase}.hero .eyebrow{color:var(--yellow)}h1,h2{line-height:1.22}h2{font-size:clamp(25px,4vw,35px);margin:13px 0 24px;color:var(--deep)}h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#087f9f;margin:30px 0 8px}.panel{background:#fff;border:1px solid #d6e4e9;border-radius:12px;padding:clamp(20px,4vw,38px);box-shadow:0 4px 22px #1b28310a}.panel p{white-space:pre-line}.fact{margin-top:35px;text-align:center;border-top:2px solid #ccecf1;padding-top:25px;color:var(--deep)}.fact strong{font-size:23px;color:var(--deep);background:var(--yellow);padding:0 9px}.picker{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 28px}select,.picker button{padding:12px 15px;border:1px solid #c9dce3;border-radius:7px;background:#fff;font:inherit}.picker button,.cta{background:var(--ocean);color:#fff;border:0;text-decoration:none;display:inline-block;padding:12px 18px;border-radius:7px}.picker button:hover,.cta:hover{background:var(--deep)}.muted{color:#647083;font-size:14px}footer{text-align:center;padding:22px;color:#647083;font-size:12px}@media(max-width:640px){header{padding:18px}nav{width:100%;overflow-x:auto;flex-wrap:nowrap}nav button{white-space:nowrap;font-size:13px}main{padding-top:22px}.hero{padding:25px}}