@font-face { font-family: "Early Sans"; src: url("assets/Early-Sans-Variable.ttf") format("truetype"); font-weight: 200 900; font-display: swap; }
@font-face { font-family: "Wirants"; src: url("assets/Wirants-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Wirants"; src: url("assets/Wirants-Black.ttf") format("truetype"); font-weight: 900; font-display: swap; }

:root { --blue:#0d45ee; --sky:#0aa8ed; --orange:#ff6900; --yellow:#ffd000; --navy:#071d68; --cloud:#edf3ff; --ink:#07194f; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(180deg, var(--cloud), #fff 420px); font-family:"Early Sans",Arial,sans-serif; line-height:1.65; }
a { color:inherit; font-weight:850; }
header { position:sticky; z-index:10; top:0; height:80px; display:flex; align-items:center; justify-content:space-between; padding:8px 18px; color:#fff; background:var(--blue); border-bottom:4px solid var(--orange); box-shadow:0 10px 30px rgba(7,29,104,.16); }
header img { width:128px; height:58px; object-fit:contain; object-position:left center; }
header > a:last-child { padding:9px 13px; border:2px solid rgba(255,255,255,.48); border-radius:999px; font-family:"Wirants",sans-serif; font-size:13px; text-decoration:none; }
main { width:min(860px, calc(100% - 32px)); margin:0 auto; padding:72px 0 96px; }
.kicker { margin:0 0 12px; color:var(--orange); font-family:"Wirants",sans-serif; font-size:12px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
h1, h2 { font-family:"Wirants",sans-serif; font-weight:900; }
h1 { max-width:760px; margin:0; color:var(--blue); font-size:clamp(48px, 13vw, 88px); line-height:.9; letter-spacing:-.045em; text-transform:uppercase; }
.lead { margin:22px 0 34px; color:rgba(7,25,79,.66); font-size:18px; }
aside { margin:0 0 34px; padding:22px; color:var(--navy); background:var(--yellow); border-left:8px solid var(--orange); border-radius:18px; box-shadow:0 18px 45px rgba(7,29,104,.12); }
section { margin-top:14px; padding:27px; background:#fff; border:2px solid rgba(13,69,238,.1); border-radius:18px; box-shadow:0 14px 38px rgba(7,29,104,.07); }
h2 { margin:0 0 10px; color:var(--blue); font-size:26px; line-height:1.1; }
p { margin:0; }
section p + p { margin-top:12px; }
section ul { margin:12px 0 0; padding-left:22px; }
section li + li { margin-top:7px; }
main a { color:var(--blue); text-decoration-thickness:2px; text-underline-offset:3px; }
footer { position:relative; padding:40px 18px 30px; color:rgba(255,255,255,.8); background:var(--navy); text-align:center; font-size:13px; }
footer::before { content:""; position:absolute; inset:0 0 auto; height:9px; background:linear-gradient(90deg,var(--sky) 0 25%,var(--orange) 25% 50%,var(--yellow) 50% 75%,var(--blue) 75%); }
@media (min-width:760px) { header { height:84px; padding-inline:5vw; } header img { width:158px; height:64px; } main { padding-top:100px; } section { padding:32px; } }