:root{ --navy:#0b1f3a; --gold:#cba135; --ink:#222; --muted:#5a5f66; --bg:#f5f7fb; --card:#fff; --radius:14px;}
*{box-sizing:border-box} html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink)}
a{color:var(--navy);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.header{background:#fff;border-bottom:1px solid #e8ecf2;position:sticky;top:0;z-index:9}
.nav{display:flex;align-items:center;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--navy)}
.links{margin-left:auto;display:flex;gap:18px;align-items:center}
.btn{display:inline-block;border:2px solid var(--gold);padding:10px 14px;border-radius:12px;font-weight:600}
.btn.solid{background:var(--gold);color:#111;border-color:var(--gold)}
.hero{background:var(--navy);color:#fff;padding:64px 0}
.hero .row{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:8px;background:#142a4d;border:1px solid #2a4165;color:#f6f8fb;border-radius:999px;padding:8px 12px;font-weight:700}
.card{background:var(--card);border:1px solid #e8ecf2;border-radius:var(--radius);padding:18px}
.grid{display:grid;gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.grid.cols-3{grid-template-columns:1fr} .hero .row{flex-direction:column}}
.section{padding:48px 0}
.kicker{color:#5a6b89;font-weight:700;letter-spacing:.02em}
.h1{font-size:44px;line-height:1.1;margin:10px 0 12px 0}
.h2{font-size:28px;line-height:1.2;margin:0 0 12px 0;color:var(--navy)}
.lead{font-size:18px;color:#e2e8f0}
.footer{background:#0e2241;color:#dde6f5;padding:32px 0;margin-top:40px;font-size:14px}
.footer a{color:#dde6f5;text-decoration:underline}
.small{font-size:14px;color:var(--muted)}
.table{width:100%;border-collapse:collapse}
.table td{padding:8px 0;vertical-align:top}
.notice{background:#fff7e6;border:1px solid #f2dfb5;border-radius:12px;padding:12px 14px}

/* Ensure hero outline button text is visible on navy background */
.hero .btn{color:#ffffff;border-color:var(--gold)}
.hero .btn:hover{background:rgba(203,161,53,.12)}

.logo-strip{background:#fff;padding:36px 0;border-top:1px solid #e8ecf2;border-bottom:1px solid #e8ecf2}
.logo-grid{display:grid;gap:18px;grid-template-columns:repeat(7,minmax(120px,1fr))}
@media (max-width:1100px){.logo-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:680px){.logo-grid{grid-template-columns:repeat(2,1fr)}}
.logo{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #e8ecf2;border-radius:12px;background:#fff;transition:transform .15s ease, filter .2s ease, opacity .2s ease}
.logo img{max-width:140px;height:auto;filter:grayscale(100%);opacity:.85}
.logo:hover{transform:translateY(-2px)}
.logo:hover img{filter:none;opacity:1}
.footnote{font-size:12px;color:#5a5f66;margin-top:8px}

/* --- Carrier logo grid --- */
#carriers .logo-grid{display:grid;gap:18px 24px;grid-template-columns:repeat(7,minmax(110px,1fr));align-items:center;padding:12px 0 4px;list-style:none;margin:0}
@media (max-width:1024px){#carriers .logo-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media (max-width:640px){#carriers .logo-grid{grid-template-columns:repeat(3,minmax(95px,1fr))}}
#carriers .logo-grid li{display:flex;justify-content:center;align-items:center;background:#0f172a0d;border:1px solid #0f172a14;border-radius:12px;padding:14px 16px}
#carriers .logo-grid img{height:36px;width:auto;max-width:100%;filter:grayscale(1) opacity(.9);transition:filter .2s ease,transform .2s ease}
#carriers a:hover img,#carriers a:focus img{filter:none;transform:translateY(-1px)}
#carriers .logo-note{font-size:.85rem;color:#475569;margin-top:12px}

/* Make carrier logos full color */
#carriers .logo-grid img { filter: none; opacity: 1; }
#carriers a:hover img, #carriers a:focus img { transform: translateY(-1px); }

/* Local carrier logos — full color */
#carriers .logo-grid{display:grid;gap:18px 24px;grid-template-columns:repeat(7,minmax(110px,1fr));align-items:center;padding:12px 0 4px;list-style:none;margin:0}
@media (max-width:1024px){#carriers .logo-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media (max-width:640px){#carriers .logo-grid{grid-template-columns:repeat(3,minmax(95px,1fr))}}
#carriers .logo-grid li{display:flex;justify-content:center;align-items:center;background:#0f172a0d;border:1px solid #0f172a14;border-radius:12px;padding:14px 16px}
#carriers .logo-grid img{height:36px;width:auto;max-width:100%;filter:none;opacity:1}

/* Carriers grid – larger logos & 2 rows */
#carriers .logo-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:20px 28px}
@media (max-width:1024px){#carriers .logo-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media (max-width:720px){#carriers .logo-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}}
#carriers .logo-grid img{height:52px}

/* ---- Fix stray list marker near header (minimal patch) ---- */
.header ul, .header ol { list-style: none; margin: 0; padding: 0; }
.header li::marker { content: ""; }
body, .header { overflow-x: clip; }
/* Keep skip-link fully hidden until focused (no effect if not present) */
.skip-link { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip-link:focus { left: 12px; top: 12px; width: auto; height: auto; }