body{margin:0;background:#eef5fc;color:#172d4a;font:1rem/1.6 system-ui,sans-serif}header{background:white}nav,main{max-width:68rem;margin:auto;padding:1rem clamp(1rem,4vw,3rem)}nav{display:flex;justify-content:space-between;gap:1rem}.brand{font-weight:800;color:#123b70;text-decoration:none}a{color:#1557a6}a:focus-visible{outline:3px solid #bf7100;outline-offset:4px}.hero{background:linear-gradient(135deg,#102c53,#174c88);color:white;border-radius:1.2rem;padding:clamp(1.4rem,6vw,4.5rem);margin:1rem 0 2rem}.hero h1{font-size:clamp(2rem,6vw,3.8rem);line-height:1.1;margin:0 0 1rem}.hero p{max-width:55ch}.button{display:inline-block;background:white;color:#123b70;padding:.7rem 1.1rem;border-radius:.5rem;font-weight:750}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem}.card{padding:1.25rem;background:white;border:1px solid #ccdcee;border-radius:.8rem}.card img{display:block;max-width:100%;max-height:5rem;object-fit:contain}.towns{columns:4 11rem;padding-left:1.25rem}.towns li{break-inside:avoid}object{width:100%;height:clamp(18rem,55vw,34rem);border:0}
.ct-map{display:block;width:100%;height:auto}.carrier-card{display:flex;align-items:center;gap:1rem}.carrier-card img{width:76px;flex-shrink:0}.carrier-card h3{margin:0;overflow-wrap:anywhere}
body{background:#f5f8fc}
header{background:#071017;border-bottom:1px solid #25343e}
header nav{max-width:1120px;align-items:center;flex-wrap:wrap}
header .brand{color:#f9fcff}
header nav>a:last-child{border:1px solid #607784;border-radius:999px;padding:.45rem .85rem;color:#e0ebf1;text-decoration:none}
main{max-width:none;padding:0 0 3rem}
main>section:not(.hero){width:min(1120px,calc(100% - 2.5rem));margin:2rem auto}
.hero{margin:0;padding:clamp(2.5rem,7vw,6rem) max(1.25rem,calc((100% - 1120px)/2));border-radius:0;background:radial-gradient(ellipse at 90% 20%,#123e5266,transparent 55%),linear-gradient(155deg,#020507,#071017 65%,#102633)}
.hero h1{color:#f9fcff;letter-spacing:-.045em}
.hero p{color:#bdced8}
.hero .button{background:linear-gradient(110deg,#075dcb,#087a9b);color:white;border-radius:999px;text-decoration:none}
.hero .button:hover{background:#086f9a}
main>section>h2{color:#132540;letter-spacing:-.02em}
.ct-map{border:1px solid #ccdcee;border-radius:1rem;background:white}
.carrier-card{border-top:2px solid #2562a4}

.hero {
    background: radial-gradient(ellipse at 83% 18%, #14577570, transparent 46%),
        radial-gradient(ellipse at 18% 88%, #154c7659, transparent 48%),
        linear-gradient(145deg, #020507 18%, #071017 58%, #102633);
}
.hero-inner {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    align-items: center;
    gap: clamp(1.5rem, 5vw, 4rem);
}
.hero p { margin: 0 0 1.5rem; }
.hero-visual {
    display: block;
    overflow: hidden;
    border: 1px solid #52748b;
    border-radius: 1.25rem;
    background: #102633;
    box-shadow: 0 20px 55px #0005;
}
.hero-visual img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}
.map-preview img {
    object-fit: contain;
    background: #f4f8fc;
}
main > section:not(.hero) > h2 {
    font-size: clamp(1.45rem, 3vw, 2rem);
}
.carrier-card {
    border: 1px solid #cfdeec;
    border-top: 2px solid #2779b1;
    border-radius: 1rem;
}
.carrier-card h3 { font-size: 1rem; }
.towns {
    padding: 1.25rem 1.5rem 1.25rem 2.5rem;
    background: #fff;
    border: 1px solid #cfdeec;
    border-radius: 1rem;
}
.towns li { padding-block: .15rem; }
@media (max-width: 700px) {
    .hero-inner { grid-template-columns: 1fr; }
}