:root{font-family:Segoe UI,Arial,sans-serif;color:#071b3c;background:#f4f7fc;line-height:1.5}*{box-sizing:border-box}body{margin:0}.beta{background:#ffd43b;color:#071b3c;text-align:center;padding:9px;font-size:13px;font-weight:800}header,footer{background:#06295c;color:#fff;padding:16px max(20px,calc((100% - 1100px)/2))}header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;box-shadow:0 2px 10px #001a3b33}header>a{font-size:18px}header a,footer a{color:#fff;font-weight:700;margin-right:18px}main{max-width:1100px;margin:auto;padding:28px 22px}.hero{background:linear-gradient(120deg,#06295c 0%,#1268bd 100%);color:#fff;padding:clamp(28px,6vw,58px);border-radius:22px;border-bottom:4px solid #ffd43b;box-shadow:0 18px 45px #06295c26}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:#0870cf}.hero .eyebrow{color:#ffd43b}.hero h1{font-size:clamp(40px,7vw,72px);line-height:.95;margin:.2em 0;max-width:750px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-top:24px}.toolbar label{display:grid;gap:5px}select,button{font:inherit;padding:12px 15px;border-radius:9px;border:1px solid #b8c9e5}button,.button{background:#e52037;color:#fff;font-weight:800;border:0;text-decoration:none;display:inline-block;padding:11px 15px;border-radius:9px}.button.secondary{background:#e8f1ff;color:#06366f}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:22px 0}.cards article,.two article,section:not(.hero){background:#fff;border:1px solid #d6e1f2;border-radius:16px;padding:22px;margin:20px 0;box-shadow:0 9px 26px #06295c0d}.cards b{display:block;font-size:34px;color:#075bb8}.cards span{font-weight:750}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cycles div{display:grid;grid-template-columns:175px 1fr 70px;gap:12px;align-items:center;margin:9px 0}meter{width:100%;height:24px}.notice{background:#fff4c7;border-left:5px solid #e7b700;padding:16px;border-radius:8px}footer{margin-top:40px;border-top:4px solid #ffd43b}@media(max-width:700px){main{padding:12px}.two{grid-template-columns:1fr}.cycles div{grid-template-columns:115px 1fr 45px}header{display:block;position:static}nav{margin-top:12px;display:flex;gap:10px;overflow-x:auto}header a{white-space:nowrap}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:42px}}
