:root{font-family:Arial,Helvetica,sans-serif;color:#102448;background:#f7f9fe}
*{box-sizing:border-box}
body{margin:0}
a{color:#174d9b}
.top{background:#0b2454;color:#fff;text-align:center;padding:9px 15px;font-size:12px;letter-spacing:.1em;font-weight:800}
header{background:#fff;padding:18px max(20px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe2ef}
.brand{text-decoration:none;font-weight:900;font-size:24px;color:#102448}
nav{display:flex;flex-wrap:wrap;gap:18px;font-weight:700}
nav a{text-decoration:none}
main{max-width:1140px;padding:0 20px;margin:auto}
.hero{background:linear-gradient(135deg,#0b2454,#174f95);color:#fff;padding:clamp(36px,6vw,72px);margin:32px 0;border-radius:25px}
.eyebrow,.tag{font-size:12px;letter-spacing:.1em;font-weight:900;color:#ffc83d}
h1{font-size:clamp(36px,5.5vw,68px);line-height:1.05;letter-spacing:-.04em;margin:17px 0}
h1 em{font-style:normal;color:#ffc83d}
p{line-height:1.6}
.hero>p{max-width:760px;font-size:18px;color:#e4edff}
.hero .fine{font-size:13px;color:#cbd8f2;margin:25px 0 0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.btn{display:inline-block;background:#ffc83d;color:#091e41;text-decoration:none;font-weight:900;border-radius:10px;padding:14px 20px}
.btn.secondary{background:transparent;border:2px solid #d8e6ff;color:#fff}
.calendar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.calendar article,.feature,.steps{background:#fff;border:1px solid #dee5f1;border-radius:20px;padding:29px;box-shadow:0 12px 36px #12355d0c}
.date{color:#c16506;font-size:28px;font-weight:900;margin-right:10px}
.tag{color:#57749f}
.calendar h2{font-size:27px;margin:15px 0 8px}
.calendar p{color:#4a5d77}
.calendar a{font-weight:800}
.feature{margin:26px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.feature h2,.steps h2{font-size:32px;margin:12px 0}
.feature .eyebrow{color:#ad6506}
.feature aside{background:#edf4ff;padding:24px;border-radius:15px}
.feature ul{padding-left:20px;line-height:2}
.steps{margin-bottom:40px}
.steps li{margin:12px 0;line-height:1.6}
.picks{margin:32px 0}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:30px 0 20px}.section-intro h2{font-size:clamp(30px,4vw,43px);line-height:1.12;margin:8px 0}.section-intro p{color:#4a5d77;max-width:740px}.picks-label{background:#ffedb9;color:#64400c;border-radius:99px;padding:10px 15px;font-size:11px;font-weight:900;letter-spacing:.09em;white-space:nowrap}.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:18px}.pick{background:#fff;border:1px solid #dde5f2;border-radius:19px;padding:25px;box-shadow:0 10px 30px #102d590d;display:flex;flex-direction:column}.pick-tag{color:#b96611;font-size:11px;letter-spacing:.1em;font-weight:900}.pick h3{font-size:22px;line-height:1.2;margin:12px 0 3px}.pick .spec{font-size:13px;color:#566783;margin:4px 0 12px}.pick-price{font-size:35px;font-weight:900;letter-spacing:-.035em;color:#103f82}.pick-price small{font-size:12px;font-weight:600;color:#536480;letter-spacing:normal;display:block}.pick>p:not(.spec){font-size:14px;color:#4c5b73;flex:1}.pick-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:15px}.pick-links a:first-child{background:#0d4598;border-radius:9px;color:white;text-decoration:none;font-size:13px;font-weight:800;padding:12px 13px}.pick-links .source{font-size:12px;font-weight:800}.pricing-example{background:#fff4d2;border:1px solid #f5d980;border-radius:17px;padding:24px;margin:22px 0 33px}.pricing-example>strong{font-size:21px}.pricing-example>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.pricing-example span{display:block;flex:1;min-width:260px;background:#fff;border-radius:10px;padding:15px;font-size:14px}.pricing-example p{font-size:13px;color:#544c3b}
footer{background:#0b2454;color:#e2edff;text-align:center;padding:26px 20px;font-size:14px}
footer a{color:#fff}
footer p{max-width:650px;margin:10px auto}
@media(max-width:700px){header{flex-direction:column;align-items:flex-start}.calendar,.feature{grid-template-columns:1fr}.hero{margin-top:15px;padding:30px 22px}.date{display:block}nav{gap:12px}.section-intro{align-items:flex-start;flex-direction:column}}