/* Visual refinements layered over site.css and coverage.css. */
::selection{background:#f5c673;color:#192d28}
.brand-mark{width:28px;height:28px;background:none;border-radius:0;display:block;flex:none}
.brand-mark:after{display:none}
header{position:sticky;top:0;z-index:20;background:rgba(247,246,240,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
nav>a:not(.brand){color:#3f5a4d;padding:6px 2px;transition:color .15s}
nav>a:not(.brand):hover{color:#192d28;text-decoration:none}
nav .button{color:#fff}
.button,button{transition:background-color .15s,border-color .15s,transform .15s,box-shadow .15s}
.button:hover:not(.secondary),button:hover:not(.secondary):not(:disabled){background:#1b3b31;border-color:#1b3b31;box-shadow:0 4px 12px rgba(36,76,63,.2)}
.button.secondary:hover,button.secondary:hover{background:#eef2ea;border-color:#9fb1a4}
.hero{padding:76px 0 56px}
.hero h1{font-size:58px;letter-spacing:-2.4px}
.hero-visual{box-shadow:0 18px 40px -22px rgba(25,45,40,.35)}
.badge{background:#fffef9}
.facts{border:0;padding:0;gap:22px;margin:18px 0 70px}
.facts>div{background:#fffef9;border:1px solid #dde2d4;border-radius:9px;padding:24px 26px;transition:box-shadow .2s,transform .2s}
.facts>div:hover{box-shadow:0 12px 26px -18px rgba(25,45,40,.4);transform:translateY(-2px)}
.facts strong{font-size:19px;margin-bottom:6px}
.facts span{font-size:14px;line-height:1.55}
.panel{box-shadow:0 1px 0 rgba(25,45,40,.03)}
.pricing .panel,.stat{transition:box-shadow .2s}
.page-head .eyebrow{display:block}
.code-panel{box-shadow:0 14px 30px -22px rgba(24,54,45,.6)}
footer{background:#f1f0e6;margin-top:30px}
.footer-row a{color:#4d6558}

/* Coverage map */
.coverage-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:6px 0 22px}
.coverage-stats .stat{background:#fffef9;border:1px solid #dde2d4;border-left:3px solid #9bb6a4;border-radius:7px;padding:14px 18px;margin:0}
.coverage-stats .stat strong{font-size:26px;line-height:1.2;letter-spacing:-.6px}
.coverage-stats .stat span{font-size:12px;color:#68766d}
.coverage-surface{margin-bottom:28px}
.coverage-surface .map-controls{justify-content:flex-start;gap:12px}
.coverage-surface .map-controls label{margin:0;font-size:13px}
.coverage-surface .map-controls select{width:auto;min-width:170px;font-size:13px;padding:7px 10px}
.coverage-surface .map-controls .small{margin:0 0 0 auto}
.coverage-map-wrap{height:min(68vh,620px);min-height:380px;background:#e3ebe7;cursor:grab}
.coverage-map-wrap:active{cursor:grabbing}
.coverage-map-wrap svg{height:100%}
.coverage-country{fill:#f6f6ec;stroke:#b3c3ae}
.coverage-dot{fill:#d98a2b;opacity:.5;stroke:none;transition:none;cursor:pointer}
.coverage-dot.now{fill:#d98a2b}
.coverage-dot.planned{fill:#2f7e8f;opacity:.55}
.coverage-dot.other{fill:#8a948d;opacity:.4}
.coverage-dot:hover{opacity:.92;stroke:#172e21;stroke-width:.7;vector-effect:non-scaling-stroke}
.coverage-tip{position:absolute;transform:translate(-50%,-100%);background:#18362d;color:#f2f6ef;font-size:12px;line-height:1.3;padding:7px 10px;border-radius:5px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.coverage-tip[hidden]{display:none}
.coverage-zoom{left:auto;right:14px;bottom:14px}
.coverage-zoom button{background:#fffef9;color:#244c3f;border-color:#b6c5b0;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.coverage-zoom button:hover{background:#eef2ea;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.map-legend .legend-note{margin-left:auto}
.swatch.blue{background:#2f7e8f}
.swatch{background:#d98a2b}

@media(max-width:900px){.hero h1{font-size:50px}.coverage-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
 .hero{padding:34px 0 30px}.hero h1{font-size:40px;letter-spacing:-1.6px}
 .brand-mark{width:24px;height:24px}
 .coverage-surface .map-controls .small{margin:0;width:100%}
 .coverage-map-wrap{height:56vh;min-height:300px}
 .map-legend{flex-wrap:wrap;gap:8px 16px}.map-legend .legend-note{margin-left:0;width:100%}
 .coverage-stats .stat strong{font-size:22px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.map-legend .swatch{background:#d98a2b}
.map-legend .swatch.blue{background:#2f7e8f}