:root{--navy:#091f42;--ink:#071c3c;--blue:#1358c7;--red:#eb1830;--line:#e6eaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fb;color:var(--ink);font:15px/1.52 Inter,"Segoe UI",Arial,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #5e9dff;outline-offset:3px}
.container{width:min(1480px,calc(100% - 80px));margin:auto}
.top{background:white;box-shadow:0 1px 0 #dce4ee;position:relative;z-index:5}.bar{height:78px;display:flex;align-items:center;gap:30px;justify-content:space-between}
.logo{min-width:206px;display:flex;flex-direction:column;line-height:1;color:#07193a}.logo strong{font:800 31px Georgia,serif;letter-spacing:-.045em}.logo span{font-weight:850;letter-spacing:.045em;font-size:11px;margin-top:5px}
.nav{display:flex;align-items:center;gap:clamp(13px,2.1vw,34px);height:100%;white-space:nowrap}.nav a{height:100%;display:flex;align-items:center;border-bottom:3px solid transparent;padding-top:3px;font-size:14px;font-weight:650}.nav a:hover,.nav a.current{border-bottom-color:var(--red);color:var(--red)}
.login{color:#fff;background:var(--navy);padding:11px 22px;border-radius:10px;font-weight:750;white-space:nowrap}.login:hover{background:#1d4177}.menu{display:none}
.hero{position:relative;isolation:isolate;min-height:465px;display:flex;align-items:center;color:white;background-color:#112544;background-image:linear-gradient(90deg,rgba(4,13,33,.97) 0%,rgba(7,19,43,.87) 29%,rgba(10,20,41,.35) 68%,rgba(8,18,34,.12) 100%),linear-gradient(0deg,rgba(3,14,31,.40),transparent 45%),url("https://images.unsplash.com/photo-1775521037295-86f750e113dd?auto=format&fit=crop&w=2400&q=88");background-position:center,center,center 50%;background-size:cover}
.hero-wrap{padding:54px 0 60px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800;letter-spacing:.32em;margin:0 0 18px}.eyebrow span{width:48px;height:2px;background:#fb203a}
.hero h1{font:800 clamp(50px,5.7vw,87px)/.99 Georgia,"Times New Roman",serif;letter-spacing:-.046em;text-shadow:0 3px 20px #0006;margin:0 0 17px}
.hero-copy{font-size:clamp(18px,1.7vw,23px);line-height:1.42;max-width:700px;margin:0 0 27px;color:#f5f7fb}
.hero-actions{display:flex;gap:17px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-width:245px;min-height:55px;padding:13px 22px;color:white;font-size:16px;font-weight:800;border-radius:9px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--red)}.primary:hover{background:#ce122c}.secondary{background:#071b36b9;border:2px solid #fff}.secondary:hover{background:#1b3f70}
.home-sections{padding:24px 0 43px}.top-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(330px,.9fr);gap:16px}.panel{background:white;border:1px solid var(--line);box-shadow:0 6px 24px #17365f09;border-radius:13px}
.forecast{padding:17px 20px 20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.section-heading h2{margin:0;font-size:21px;letter-spacing:-.03em}.section-heading a,.feature>a,.inline-link{color:#0b55c0;font-weight:800;font-size:13px}.section-heading a:hover,.feature>a:hover{text-decoration:underline}
.forecast-layout{display:grid;grid-template-columns:minmax(0,1.27fr) minmax(230px,.78fr);gap:16px}.map-area{min-width:0}.map-link{display:block;position:relative;border-radius:9px;overflow:hidden;background:#fbfdff}.map-link #usmap{width:100%;height:auto;display:block;aspect-ratio:960/610}.map-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fbfdff;color:#6b7f9a;text-align:center;padding:25px;font-weight:650}.map-message.hidden{display:none}.state{stroke:white;stroke-width:1.6;fill:#dce3ea}.state.race-state{fill:#6b7280}.state:hover{fill:#475569}.key{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px;font-size:12px;color:#65748c}.key i{height:11px;width:11px;display:inline-block;border-radius:50%;margin-right:5px}.key .blue{background:#6b7280}.key .gray{background:#dce3ea}
.forecast-cards{background:#fbfcff;border:1px solid #e8eef5;border-radius:10px;padding:12px}.forecast-cards h3{font-size:15px;margin:0 0 6px}.race{display:flex;gap:11px;align-items:center;padding:12px 10px;margin-top:8px;border:1px solid #e5ebf3;border-radius:10px;background:white}.race:hover,.quick:hover{box-shadow:0 7px 20px #19365814;transform:translateY(-1px)}.race-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;color:white;font-size:24px}.blue-bg{background:#1159c6}.red-bg{background:#d91733}.purple-bg{background:#6042a9}.race b{font-size:14px;display:block}.race small{display:block;color:#6a7b94;font-size:12px;line-height:1.35}.race em,.quick em{font-style:normal;margin-left:auto;font-size:27px;color:#24436d}
.sidebar{display:grid;grid-template-rows:auto 1fr;gap:14px}.feature{min-height:222px;padding:22px;overflow:hidden;background-image:linear-gradient(90deg,#fff 0%,#fff 35%,#ffffffdf 57%,#ffffff26),url("https://images.unsplash.com/photo-1775521037295-86f750e113dd?auto=format&fit=crop&w=1000&q=80");background-size:cover;background-position:center}.ribbon{display:inline-block;background:#e41c34;color:white;border-radius:4px;padding:5px 9px;font-size:11px;letter-spacing:.11em;font-weight:900}.feature h2{font:800 26px/1.15 Georgia,serif;margin:14px 0 7px;letter-spacing:-.02em}.feature p{font-size:13px;max-width:285px;color:#4a5f78;margin:0 0 10px}
.sidebar-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.statcard{display:flex;flex-direction:column;gap:8px;padding:17px}.stat-icon{font-size:30px;line-height:1;color:#1459c9}.stat-icon.gold{color:#d49b07}.statcard b{display:block;font-size:14px}.statcard strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.03em;margin:4px 0}.statcard p{font-size:12px;color:#5d708b;line-height:1.42;margin:7px 0}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:13px}.quick{display:flex;align-items:center;gap:13px;padding:16px;min-height:91px;transition:transform .15s}.quick-icon{font-size:29px;font-weight:800;color:#1055c7;min-width:40px;text-align:center}.quick-icon.red{color:#e31832}.quick b{display:block;font-size:14px}.quick small{display:block;font-size:12px;line-height:1.4;color:#61728c}.quick em{font-size:22px}
footer{background:#0b2042;color:#e9f1fa;padding:27px 0}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.foot b{font-family:Georgia,serif;font-size:19px}.foot p{font-size:12px;color:#bdd0eb;margin:5px 0}.foot>div:last-child{display:flex;gap:18px;font-size:13px;align-items:center}
@media(max-width:1150px){.container{width:calc(100% - 36px)}.top-grid{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;grid-template-rows:auto}.feature{min-height:188px}.statcard{min-height:187px}.nav{gap:14px}.logo{min-width:184px}.logo strong{font-size:27px}}
@media(max-width:800px){.bar{height:68px;gap:12px}.menu{display:block;border:1px solid #dbe3ef;background:white;border-radius:9px;padding:8px 12px;margin-left:auto;color:#142f57;font-weight:800;cursor:pointer}.nav{display:none;position:absolute;top:68px;left:0;right:0;height:auto;background:white;flex-direction:column;align-items:stretch;padding:9px 19px 17px;gap:0;box-shadow:0 9px 18px #0a274525}.nav.open{display:flex}.nav a{height:auto;padding:11px 3px;border-bottom:1px solid #edf0f4}.login{padding:9px 12px}.login span{display:none}.hero{min-height:434px;background-position:center,center,64% center;background-image:linear-gradient(90deg,#051126ef,#06162cbe 78%,#06172b91),url("https://images.unsplash.com/photo-1775521037295-86f750e113dd?auto=format&fit=crop&w=1500&q=85")}.hero h1{font-size:clamp(46px,8.6vw,72px)}.hero-wrap{padding:52px 0}.forecast-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:485px){.container{width:calc(100% - 25px)}.logo strong{font-size:24px}.logo span{font-size:10px}.hero h1{font-size:45px}.hero-copy{font-size:17px}.hero-copy br{display:none}.button{min-width:100%;min-height:49px}.hero{min-height:500px}.home-sections{padding-top:14px}.forecast{padding:16px}.section-heading h2{font-size:18px}.section-heading a{font-size:12px}.sidebar-pair{gap:8px}.statcard{padding:12px}.statcard strong{font-size:16px}.quick-grid{grid-template-columns:1fr}.quick{min-height:78px}.foot{flex-direction:column}}