:root{--bg:#0a1220;--card:#0f1b2b;--surface:#13243a;--text:#f2f6fb;--muted:#bfd0e3;--brand:#6fd3ff;--brand-2:#7cc4ff;--accent:#a78bfa;--ok:#34d399;
  --bg:#0b0f14;
  --card:#111823;
  --text:#e9eef5;
  --muted:#a9b5c4;
  --brand:#4cc9f0;
  --brand-2:#38bdf8;
  --accent:#8b5cf6;
  --ok:#22c55e;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}
a{color:var(--brand)}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,rgba(11,15,20,.9),rgba(11,15,20,.6) 60%,transparent);display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #101620}
.brand img{height:36px;width:auto;display:block}
.nav{display:flex;gap:14px;align-items:center}
.nav a{padding:8px 10px;text-decoration:none;color:var(--text);opacity:.9}
.nav a.cta{background:var(--brand-2);color:#02131b;border-radius:999px;padding:8px 14px;font-weight:700}
.hero{background:radial-gradient(1200px 600px at 60% -10%, #14304a 0%, transparent 60%), linear-gradient(180deg, #0b0f14, #0b0f14);padding:64px 16px}
.hero-inner{max-width:1100px;margin:0 auto;text-align:center}
.hero h1{font-size:clamp(28px,4.6vw,56px);line-height:1.04;margin:0 0 10px}
.hero h1 span{background:linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{color:var(--muted);font-size:clamp(14px,2.6vw,18px);margin:0 auto 18px;max-width:800px}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:14px 0 20px}
.btn{display:inline-block;border:1px solid #203040;padding:12px 16px;border-radius:12px;text-decoration:none;font-weight:700}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#031019;border:none}
.btn.ghost{background:transparent;color:var(--text)}
.btn.disabled{cursor:not-allowed;opacity:.6}
.pillars{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:24px auto 0;max-width:900px}
.pillars li{background:var(--card);border:1px solid #152233;border-radius:14px;padding:14px}
.section-head{max-width:960px;margin:40px auto 10px;padding:0 16px;text-align:center}
.section-head.tight{max-width:760px}
.section-head h1,.section-head h2{margin:0 0 8px}
.value .cards{display:grid;grid-template-columns:1fr;gap:16px;max-width:1024px;margin:20px auto;padding:0 16px}
.value article{background:var(--card);border:1px solid #162235;border-radius:14px;padding:18px}
blockquote{border-left:4px solid var(--brand);margin:12px 0;padding:8px 12px;color:#c9d7e6;background:#0e141d;border-radius:8px}
.globe-wrap{max-width:1200px;margin:0 auto;padding:16px}
#earth{height:480px;border-radius:16px;border:1px solid #152233;background:#0c131b}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:1100px;margin:12px auto;padding:0 16px}
.plan{background:var(--card);border:1px solid #162235;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.plan.muted{opacity:.85}
.price{font-size:28px;font-weight:800}
.price small{display:block;font-size:12px;color:var(--muted)}
.fine{font-size:12px;color:var(--muted)}
.content{max-width:900px;margin:10px auto;padding:0 16px}
.steps{max-width:900px;margin:0 auto;padding:0 16px}
.steps li{margin:10px 0}
.site-footer{border-top:1px solid #101620;margin-top:40px;padding:24px 16px;background:linear-gradient(180deg, #0c1117, #0a0f14)}
.site-footer .cols{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.site-footer .copy{text-align:center;color:#9fb0c2;margin-top:16px}
@media(min-width:900px){
  .value .cards{grid-template-columns:1fr 1fr}
}


/* --- Enhancements for metrics, tables, forms, and globe visibility --- */
.metrics{max-width:1100px;margin:24px auto;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.metric{background:var(--card);border:1px solid #162235;border-radius:16px;padding:16px;text-align:center}
.metric h3{margin:0;font-size:28px}
.metric p{margin:4px 0 0;color:var(--muted);font-size:13px}

.table{max-width:1000px;margin:18px auto;border:1px solid #162235;border-radius:12px;overflow:auto}
.table table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px 14px;border-bottom:1px solid #152233;text-align:left}
.table th{background:#0f1620;color:#cfe4ff}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#122232;border:1px solid #1c3347;color:#a9c1da;font-size:12px}

.form-card{background:var(--card);border:1px solid #162235;border-radius:16px;padding:16px;max-width:720px;margin:10px auto}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-row .full{grid-column:1/-1}
input,select,textarea{width:100%;padding:12px 10px;border:1px solid #233244;border-radius:10px;background:#0d1520;color:#e9eef5}
label{font-size:13px;color:#9fb0c2;margin:6px 0;display:block}
button{cursor:pointer}
.btn.link{border:none;background:transparent;color:var(--brand);font-weight:700;text-decoration:underline}

#earth{height:520px;min-height:520px;position:relative}
#earth .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#98a9bb}

/* v4 palette & polish */
body{background:radial-gradient(1200px 600px at 60% -10%, #122843 0%, transparent 60%), linear-gradient(180deg, #091427, #0a1220)}
.hero{background:radial-gradient(1200px 600px at 70% -10%, #17345a 0%, transparent 55%), linear-gradient(180deg, transparent, transparent)}
.plan,.value article,.form-card,.metric{background:linear-gradient(180deg, rgba(19,36,58,.9), rgba(19,36,58,.8));box-shadow:0 8px 24px rgba(0,0,0,.24)}
.nav a{opacity:.95}
.site-footer{background:linear-gradient(180deg, #0d1727, #0b1422)}
.badge{background:#18314e;border-color:#244c74;color:#cfe6ff}
.btn.primary{box-shadow:0 6px 24px rgba(124,196,255,.25)}
.table th{background:#102845}

#map{height:520px;border-radius:16px;border:1px solid #152233;overflow:hidden}
/* Glow effect via double-stroke layering */
.leaflet-overlay-pane .glow-outer{filter: blur(2px); opacity:.55}
.leaflet-overlay-pane .glow-inner{}

/* V6 visual uplift */
.hero{background: url('/assets/hero-bg.svg') center/cover no-repeat, radial-gradient(1000px 500px at 60% -10%, #1a3a61 0%, transparent 60%), linear-gradient(180deg, transparent, transparent);}
.hero .pillars{background: transparent;}
.hero .hero-inner{backdrop-filter: none}
.hero .sub{max-width:700px}
.section-head p{color:var(--muted)}

/* V7 polish */
.value .cards article{box-shadow:0 10px 28px rgba(0,0,0,.18)}
.section-head{margin-top:28px}
#map{box-shadow:0 10px 28px rgba(0,0,0,.28)}

/* V8: brighten section spacing */
.section-head h2{letter-spacing:.2px}
.section-head p{opacity:.95}

.az-hero{max-width:1100px;margin:0 auto;border:1px solid #152233;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.az-hero svg{display:block;width:100%;height:auto}

/* V13: Coverage banner (no images) */
.coverage-banner{max-width:1100px;margin:0 auto;border:1px solid #152233;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.28);position:relative}
.coverage-banner .bg{height:360px;background:
  radial-gradient(600px 260px at 70% 20%, rgba(124,196,255,.45), transparent 60%),
  radial-gradient(420px 220px at 30% 70%, rgba(255,211,77,.35), transparent 60%),
  linear-gradient(180deg, #0e1b2d, #0a1220)}
.coverage-banner .content{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px}
.coverage-banner h3{margin:0 0 6px;font-size:clamp(22px,3.6vw,34px)}
.coverage-banner p{margin:0;color:var(--muted)}
.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.pill{border:1px solid #254363;background:#10233a;color:#cfe6ff;padding:8px 12px;border-radius:999px;font-weight:700;font-size:14px}

/* V14 Superstition sunset hero + polish */
.hero{background: url('assets/superstition-hero.svg') center/cover no-repeat, linear-gradient(180deg, #101a2a, #0a1220); padding-top:86px; padding-bottom:48px}
.hero .hero-inner{background:linear-gradient(180deg, rgba(10,18,32,.35), rgba(10,18,32,.55)); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:24px}
.trust-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;max-width:1100px;margin:14px auto 0;padding:0 16px}
.trust{background:rgba(16,33,58,.55);border:1px solid #1b3350;border-radius:14px;padding:12px;text-align:center}
.trust .big{font-size:18px;font-weight:800}
/* Floating CTA on mobile */
.float-cta{position:fixed;bottom:14px;right:14px;z-index:60}
.float-cta a{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#031019;border:none;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.35)}
@media(min-width:900px){ .float-cta{display:none} }
/* Testimonial carousel (CSS only) */
.carousel{max-width:1000px;margin:18px auto 0;padding:0 16px}
.carousel .slide{display:none;animation:fade 1s ease}
.carousel .slide.active{display:block}
@keyframes fade{from{opacity:0}to{opacity:1}}