:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #08111f; color: #edf4ff; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 80% 0%, #16365a 0, #08111f 42%); min-height: 100vh; }
.shell { width: min(1120px, calc(100% - 40px)); margin: auto; }
.nav { display: flex; justify-content: space-between; align-items: center; padding: 28px 0; }
.brand { color: #fff; text-decoration: none; font-weight: 800; letter-spacing: -.02em; }
.tag, .lead { color: #a9bbcf; }
.hero { padding: 100px 0 80px; max-width: 850px; }
.eyebrow { color: #4ee0b6; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: .75rem; }
h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); line-height: .98; letter-spacing: -.055em; margin: 18px 0 24px; }
.lead { font-size: 1.25rem; }
.search { display: flex; margin-top: 38px; }
.search input { flex: 1; padding: 18px; border: 1px solid #31506f; border-radius: 12px 0 0 12px; background: #0d1b2c; color: #fff; }
.search button { border: 0; padding: 0 24px; border-radius: 0 12px 12px 0; background: #4ee0b6; color: #07140f; font-weight: 800; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding-bottom: 80px; }
.card { display: grid; gap: 8px; padding: 24px; border: 1px solid #213b58; border-radius: 16px; background: rgba(13, 27, 44, .8); }
.card strong { color: #4ee0b6; font-size: 1.5rem; }
.card small { color: #7189a2; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
@media (max-width: 720px) { .tag { display: none; } .hero { padding-top: 60px; } .grid { grid-template-columns: 1fr 1fr; } }
.page-head { padding: 70px 0 40px; max-width: 850px; }
.page-head h1, .carrier-detail h1 { font-size: clamp(2.4rem, 6vw, 4.8rem); }
.results { display: grid; gap: 12px; padding-bottom: 80px; }
.result-card { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; padding: 20px; border: 1px solid #213b58; border-radius: 14px; color: inherit; text-decoration: none; background: rgba(13, 27, 44, .8); }
.result-card:hover { border-color: #4ee0b6; }
.result-card span:nth-child(2) { display: grid; gap: 5px; }
.result-card small, .status, .empty, .source-note, .back { color: #a9bbcf; }
.country-badge { color: #4ee0b6; font-weight: 800; }
.carrier-detail { padding: 60px 0 80px; }
.back { text-decoration: none; }
.facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 40px 0; }
.facts div { padding: 20px; border: 1px solid #213b58; border-radius: 14px; }
.facts dt { color: #7189a2; font-size: .8rem; text-transform: uppercase; }
.facts dd { margin: 8px 0 0; }
@media (max-width: 720px) { .result-card { grid-template-columns: auto 1fr; } .result-card .status { grid-column: 2; } .facts { grid-template-columns: 1fr; } }