/* HighMyles — deep navy, gold, energetic; centered hero; miles everywhere */
:root{--font:"Manrope",-apple-system,Segoe UI,Roboto,sans-serif;--hfont:"Manrope",sans-serif;
  --bg:#0b1630;--ink:#f3f6fb;--muted:#9fb0cc;--line:#213457;--card:#111f3f;--brand:#f2b632;--brand-ink:#d99d12;--accent:#f2b632;--on-brand:#0b1630;--radius:16px;--shadow:0 16px 40px rgba(0,0,0,.4)}
body{background:radial-gradient(1200px 600px at 50% -10%,#1c3270 0%,#0b1630 60%)}
.hdr{background:rgba(11,22,48,.85);backdrop-filter:blur(10px)}
.nav .call{background:var(--brand);color:var(--on-brand)}
.logo b{color:var(--brand)}
.hero{padding:72px 0 40px}.center{text-align:center}.center .lead{margin:0 auto 26px}
.hero h1{font-weight:800}.gold{color:var(--brand)}
.center .search{max-width:900px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);text-align:left}
.search .f{background:#0b1630}
.strip{padding:0 0 30px}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}
.strip-grid div{border:1px solid var(--line);border-radius:14px;padding:16px;font-size:13px;color:var(--muted)}.strip-grid b{display:block;font-size:26px;color:var(--brand)}
@media(max-width:700px){.strip-grid{grid-template-columns:repeat(2,1fr)}}
.offer{background:linear-gradient(180deg,#132449,#111f3f)}
.btn.ghost{color:var(--ink);border-color:var(--line)}
.miles{background:rgba(242,182,50,.12);padding:4px 8px;border-radius:8px;text-align:center}
.saved{color:#7ee2a5}
.leg .dur i{background:#2b4175}
.ftr a:hover{color:var(--brand)}