/* ══════════════════════════════════════════════
   ELEGANT CUSTOM CURSOR  –  gold ring + dot
══════════════════════════════════════════════ */
*,*::before,*::after { cursor: none !important; }

/* Outer ring – follows with smooth lag */
#cx-ring {
  position: fixed; top: 0; left: 0;
  width: 36px; height: 36px;
  border: 1.5px solid #C6A75E;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999998;
  transform: translate(-50%, -50%);
  will-change: transform;
  transition: width .25s ease, height .25s ease, border-color .25s ease, opacity .3s ease;
  box-shadow: 0 0 8px rgba(198,167,94,.35), inset 0 0 8px rgba(198,167,94,.08);
}

/* Inner dot – snaps instantly to mouse */
#cx-dot {
  position: fixed; top: 0; left: 0;
  width: 5px; height: 5px;
  background: #C6A75E;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
  will-change: transform;
  box-shadow: 0 0 6px #C6A75E, 0 0 12px rgba(198,167,94,.5);
  transition: opacity .3s ease, transform .15s ease;
}

/* Hover state – ring expands, dot shrinks */
#cx-ring.hovered {
  width: 52px; height: 52px;
  border-color: rgba(198,167,94,.55);
  box-shadow: 0 0 16px rgba(198,167,94,.25), inset 0 0 16px rgba(198,167,94,.06);
}
#cx-dot.hovered {
  transform: translate(-50%,-50%) scale(0.4);
}

/* Click burst */
#cx-ring.clicked {
  width: 56px; height: 56px;
  border-color: rgba(198,167,94,.9);
  box-shadow: 0 0 24px rgba(198,167,94,.6);
  transition: all .12s ease;
}

/* Crosshair tick marks on the ring */
#cx-ring::before, #cx-ring::after {
  content: '';
  position: absolute;
  background: #C6A75E;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  opacity: 0.6;
}
/* Horizontal tick */
#cx-ring::before {
  width: 6px; height: 1px;
  transform: translate(-50%, -50%);
  box-shadow: 10px 0 0 #C6A75E, -10px 0 0 #C6A75E;
}
/* Vertical tick */
#cx-ring::after {
  width: 1px; height: 6px;
  transform: translate(-50%, -50%);
  box-shadow: 0 10px 0 #C6A75E, 0 -10px 0 #C6A75E;
}

/* Trail sparks on click */
.cx-spark {
  position: fixed;
  width: 3px; height: 3px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999997;
  animation: cx-spark-fly var(--d, .6s) ease-out forwards;
}
@keyframes cx-spark-fly {
  0%   { opacity: 1; transform: translate(0,0) scale(1); }
  100% { opacity: 0; transform: translate(var(--tx),var(--ty)) scale(0); }
}

/* ============================================================
   SGM DRIVERS – SPACE.CSS v5  (responsive + clean)
   ============================================================ */

/* ── CURSOR ── */
  100%{opacity:0;transform:translate(-50%,-50%) scale(0)}}

/* ── PAGE WIPE ── */
#page-wipe{
  position:fixed;inset:0;z-index:99999;
  background:linear-gradient(135deg,#000408,#0D1B2A 60%,#1B263B);
  transform-origin:right center;transform:scaleX(0);pointer-events:none;
}
#page-wipe.wipe-in{animation:wipe-in .48s cubic-bezier(.76,0,.24,1) forwards}
#page-wipe.wipe-out{animation:wipe-out .48s cubic-bezier(.76,0,.24,1) forwards}
@keyframes wipe-in{to{transform:scaleX(1)}}
@keyframes wipe-out{from{transform-origin:left center;transform:scaleX(1)}to{transform-origin:left center;transform:scaleX(0)}}

/* ── INTRO OVERLAY ── */
#space-intro{
  position:fixed;inset:0;z-index:100000;
  background:#000408 !important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;
  transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s;
}
#space-intro.hidden{opacity:0;visibility:hidden;pointer-events:none}
#intro-stars-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

.intro-nebula{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.intro-nebula-1{width:600px;height:600px;
  background:radial-gradient(ellipse,rgba(198,167,94,.12) 0%,transparent 70%);
  top:-200px;right:-100px;animation:neb-drift 14s ease-in-out infinite alternate}
.intro-nebula-2{width:500px;height:400px;
  background:radial-gradient(ellipse,rgba(30,80,180,.14) 0%,transparent 70%);
  bottom:-120px;left:-100px;animation:neb-drift 18s ease-in-out infinite alternate-reverse}
.intro-nebula-3{width:350px;height:250px;
  background:radial-gradient(ellipse,rgba(80,30,140,.1) 0%,transparent 70%);
  top:40%;right:25%;animation:neb-drift 22s ease-in-out infinite alternate}
@keyframes neb-drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,30px) scale(1.1)}}

.warp-lines{position:absolute;inset:0;pointer-events:none}
.warp-line{
  position:absolute;top:50%;height:1px;left:50%;width:0;
  background:linear-gradient(90deg,transparent,rgba(198,167,94,.9),rgba(255,255,255,.7),transparent);
  transform-origin:left center;opacity:0;
  animation:warp-streak var(--dur,.4s) ease var(--delay,.05s) both;
}
@keyframes warp-streak{0%{width:0;opacity:0;left:50%}35%{opacity:1}100%{width:55vw;opacity:0;left:5%}}

.intro-orbit{
  position:absolute;border-radius:50%;
  border:1px solid rgba(198,167,94,.2);
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:orb-spin 25s linear infinite;pointer-events:none;
}
.intro-orbit::after{
  content:'';position:absolute;border-radius:50%;
  top:-4px;left:50%;transform:translateX(-50%);
  background:#C6A75E;
  box-shadow:0 0 10px #C6A75E,0 0 24px rgba(198,167,94,.7);
}
.intro-orbit-1{width:clamp(200px,40vw,340px);height:clamp(200px,40vw,340px)}.intro-orbit-1::after{width:8px;height:8px}
.intro-orbit-2{width:clamp(280px,55vw,480px);height:clamp(280px,55vw,480px);border-color:rgba(198,167,94,.1);animation-duration:40s;animation-direction:reverse}.intro-orbit-2::after{width:5px;height:5px;top:-2.5px;opacity:.7}
.intro-orbit-3{width:clamp(340px,68vw,580px);height:clamp(340px,68vw,580px);border-color:rgba(198,167,94,.06);animation-duration:60s}.intro-orbit-3::after{width:3px;height:3px;top:-1.5px;opacity:.5}
@keyframes orb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

.intro-content{
  position:relative;z-index:10;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:clamp(12px,2.5vh,22px);padding:0 20px;
}
.intro-logo-wrap{
  opacity:0;animation:logo-warp 1.1s cubic-bezier(.16,1,.3,1) .5s forwards;position:relative;
}
@keyframes logo-warp{
  0%{opacity:0;transform:scale(.35) translateY(40px);filter:blur(24px) brightness(2)}
  60%{opacity:1;transform:scale(1.04) translateY(-4px);filter:blur(0) brightness(1.15)}
  100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0) brightness(1)}
}
.intro-logo-wrap img{
  width:clamp(180px,40vw,300px);
  filter:drop-shadow(0 0 20px rgba(198,167,94,.8)) drop-shadow(0 0 50px rgba(198,167,94,.4));
}
.intro-logo-wrap::before{
  content:'';position:absolute;inset:-30px;border-radius:50%;
  background:radial-gradient(circle,rgba(198,167,94,.22) 0%,transparent 70%);
  animation:logo-halo 2.5s ease-in-out 1.5s infinite alternate;
}
@keyframes logo-halo{0%{opacity:.4;transform:scale(.9)}100%{opacity:1;transform:scale(1.12)}}

.intro-tagline{
  font-family:'Montserrat',sans-serif;font-size:clamp(.55rem,.9vw,.72rem);
  font-weight:700;letter-spacing:clamp(4px,1.5vw,8px);text-transform:uppercase;
  color:rgba(198,167,94,.72);opacity:0;animation:fade-rise .7s ease 1.3s forwards;
}
.intro-title{
  font-family:'Montserrat',sans-serif;
  font-size:clamp(1.1rem,3.5vw,2.4rem);font-weight:800;color:#fff;line-height:1.2;
  text-shadow:0 0 50px rgba(198,167,94,.25);
  opacity:0;animation:fade-rise .8s ease 1.6s forwards;
}
.intro-title span{color:#C6A75E;text-shadow:0 0 28px rgba(198,167,94,.8)}

.intro-progress-wrap{
  width:clamp(160px,40vw,220px);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  opacity:0;animation:fade-rise .6s ease 2s forwards;
}
.intro-progress{width:100%;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.intro-progress-bar{
  height:100%;width:0%;
  background:linear-gradient(90deg,#C6A75E,#fff,#C6A75E);background-size:200% 100%;
  box-shadow:0 0 10px rgba(198,167,94,.8);border-radius:2px;
  animation:prog-fill 2.6s ease 2.1s forwards;
}
@keyframes prog-fill{to{width:100%}}
.intro-progress-label{
  font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:600;
  letter-spacing:3px;color:rgba(255,255,255,.32);text-transform:uppercase;
}
#intro-skip{
  position:absolute;bottom:clamp(16px,4vh,40px);right:clamp(16px,3vw,40px);
  font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:600;
  letter-spacing:2px;color:rgba(255,255,255,.35);text-transform:uppercase;
  background:none;border:1px solid rgba(255,255,255,.12);
  padding:7px 16px;border-radius:4px;
  transition:color .3s,border-color .3s;
  opacity:0;animation:fade-rise .5s ease 2.2s forwards;
}
#intro-skip:hover{color:#C6A75E;border-color:rgba(198,167,94,.4)}
@keyframes fade-rise{0%{opacity:0;transform:translateY(14px)}100%{opacity:1;transform:translateY(0)}}

.intro-shooting-star{
  position:absolute;height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,167,94,.9),#fff);
  border-radius:2px;pointer-events:none;
  animation:shoot-star var(--dur,1s) ease-out forwards;
}
@keyframes shoot-star{0%{opacity:1;width:60px;transform:translate(0,0) rotate(var(--angle,-30deg))}
  100%{opacity:0;width:180px;transform:translate(450px,260px) rotate(var(--angle,-30deg))}}

/* ── HERO CANVAS ── */
.hero{position:relative;overflow:hidden}
#hero-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero-overlay{
  background:linear-gradient(160deg,rgba(8,18,34,.93) 0%,rgba(13,27,42,.8) 55%,rgba(13,27,42,.6) 100%)!important;
  z-index:2!important;
}
.hero .container{position:relative;z-index:5}
.hero-badge{
  background:rgba(198,167,94,.08)!important;
  border:1px solid rgba(198,167,94,.35)!important;
  box-shadow:0 0 20px rgba(198,167,94,.1),inset 0 0 20px rgba(198,167,94,.04)!important;
  backdrop-filter:blur(12px);
}
.hero h1{animation:h1-glow 4s ease-in-out infinite alternate}
@keyframes h1-glow{0%{text-shadow:0 0 0 transparent}100%{text-shadow:0 0 36px rgba(198,167,94,.14)}}

/* ── PAGE-HERO (subpages) ── */
.page-hero{position:relative;overflow:hidden}
#page-hero-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.page-hero-content{position:relative;z-index:5}
.page-hero-nebula{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(ellipse 65% 80% at 75% 20%,rgba(198,167,94,.07) 0%,transparent 60%),
    radial-gradient(ellipse 45% 65% at 10% 75%,rgba(30,80,160,.06) 0%,transparent 60%);
}

/* ── HERO: ROAD + TRUCKS ── */
/* Center line */
/* Dashes */
@keyframes road-scroll{to{transform:translateX(25%)}}

  100%{transform:translateX(calc(100vw + 360px))}
}

/* ── HERO STATS PANEL ── */
.hero-stats-panel{
  position:absolute;right:clamp(16px,3vw,40px);top:50%;transform:translateY(-50%);
  z-index:6;pointer-events:none;
  display:flex;flex-direction:column;gap:14px;
  animation:panel-float 6s ease-in-out infinite alternate;
}
@keyframes panel-float{0%{transform:translateY(-50%)}100%{transform:translateY(calc(-50% - 10px))}}
.hero-stat-card{
  background:rgba(6,14,26,.82);
  border:1px solid rgba(198,167,94,.22);
  border-left:3px solid #C6A75E;
  border-radius:10px;padding:13px 18px;
  backdrop-filter:blur(18px);
  display:flex;align-items:center;gap:12px;
  box-shadow:0 6px 28px rgba(0,0,0,.45),0 0 0 1px rgba(198,167,94,.06);
  animation:card-pulse 3.5s ease-in-out infinite alternate;
}
.hero-stat-card:nth-child(2){animation-delay:.9s}
.hero-stat-card:nth-child(3){animation-delay:1.8s}
@keyframes card-pulse{
  0%{box-shadow:0 6px 28px rgba(0,0,0,.45),0 0 0 1px rgba(198,167,94,.06)}
  100%{box-shadow:0 8px 32px rgba(0,0,0,.55),0 0 18px rgba(198,167,94,.1),0 0 0 1px rgba(198,167,94,.18)}
}
.hero-stat-icon{
  width:38px;height:38px;border-radius:8px;flex-shrink:0;
  background:linear-gradient(135deg,rgba(198,167,94,.22),rgba(198,167,94,.06));
  display:flex;align-items:center;justify-content:center;
  color:#C6A75E;font-size:1rem;
  box-shadow:0 0 10px rgba(198,167,94,.14);
}
.hero-stat-info .hsi-num{
  font-family:'Montserrat',sans-serif;font-size:1.25rem;font-weight:800;
  color:#fff;display:block;line-height:1;
}
.hero-stat-info .hsi-lbl{
  font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;color:rgba(198,167,94,.7);
}

/* ── GLOBAL CANVAS (hidden – keeps slot) ── */
#global-space-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;display:none}
/* ── CINEMATIC VIGNETTE ── */
#cinematic-vignette{
  position:fixed;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 58%,rgba(0,4,8,.28) 100%);
}

/* ── SHOOTING STARS ── */
#shooting-star-container{position:fixed;inset:0;pointer-events:none;z-index:9990;overflow:hidden}
.scroll-shooting-star{
  position:absolute;height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,167,94,.9),#fff,transparent);
  border-radius:2px;pointer-events:none;
  animation:shoot-scroll .9s ease-out forwards;
}
@keyframes shoot-scroll{
  0%{opacity:1;width:70px;transform:translate(0,0) rotate(var(--angle))}
  100%{opacity:0;width:200px;transform:translate(var(--tx),var(--ty)) rotate(var(--angle))}
}

/* ── SPARKS ── */
.spark-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:9998;animation:spark-fly var(--dur,.8s) ease-out forwards}
@keyframes spark-fly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0)}}

/* ── SECTION TWINKLE STARS ── */
@keyframes twinkle{0%,100%{opacity:var(--min-o,.05)}50%{opacity:var(--max-o,.55)}}
.section-twinkle-star{position:absolute;border-radius:50%;background:#fff;pointer-events:none;z-index:0;animation:twinkle var(--t,3s) ease-in-out var(--d,0s) infinite}

/* ── NAVBAR ── */
#navbar{border-bottom:1px solid rgba(198,167,94,.12)!important;background:rgba(8,16,28,.96)!important;backdrop-filter:blur(22px) saturate(200%)!important}
.nav-logo img{filter:drop-shadow(0 0 6px rgba(198,167,94,.28));transition:filter .3s}
.nav-logo:hover img{filter:drop-shadow(0 0 18px rgba(198,167,94,.7))}

/* ── STAT NUMBER GOLD ── */
.stat-number{background:linear-gradient(135deg,#C6A75E,#D4B76A,#A8893C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(198,167,94,.3))}

/* ── CARD HOVER GLOW ── */
.service-card,.job-card,.feature-card,.training-module,.benefit-card{transition:all .4s cubic-bezier(.16,1,.3,1)!important;position:relative}
.service-card:hover,.job-card:hover,.feature-card:hover,.training-module:hover{
  box-shadow:0 0 0 1px rgba(198,167,94,.2),0 0 32px rgba(198,167,94,.1),0 18px 48px rgba(0,0,0,.2)!important;
  transform:translateY(-7px)!important;
}

/* ── BUTTONS ── */
.btn-primary{box-shadow:0 0 16px rgba(198,167,94,.2)!important;transition:all .35s cubic-bezier(.16,1,.3,1)!important}
.btn-primary:hover{box-shadow:0 0 36px rgba(198,167,94,.5),0 8px 24px rgba(198,167,94,.22)!important}

/* ── COVERAGE SECTION ── */
#service-area{
  background:linear-gradient(180deg,#060d18 0%,#0D1B2A 45%,#060d18 100%);
  padding:clamp(60px,8vw,100px) 0;position:relative;overflow:hidden;
}
#service-area::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 55% 80% at 50% 50%,rgba(198,167,94,.04) 0%,transparent 65%),
    radial-gradient(ellipse 70% 40% at 15% 25%,rgba(30,80,160,.05) 0%,transparent 60%);
  pointer-events:none;
}
.coverage-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}
.coverage-text-col{position:relative;z-index:2}
.coverage-text-col .section-title{color:#fff}
.coverage-text-col .section-subtitle{color:rgba(255,255,255,.6)}
.coverage-regions{display:flex;flex-direction:column;gap:10px;margin:24px 0 28px}
.coverage-region{
  display:flex;align-items:center;gap:14px;padding:13px 16px;
  background:rgba(255,255,255,.03);border:1px solid rgba(198,167,94,.1);
  border-left:3px solid rgba(198,167,94,.5);border-radius:0 10px 10px 0;
  transition:all .3s ease;
}
.coverage-region:hover{background:rgba(198,167,94,.06);border-color:rgba(198,167,94,.35);transform:translateX(5px)}
.coverage-region-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(198,167,94,.2),rgba(198,167,94,.06));border:1px solid rgba(198,167,94,.2);display:flex;align-items:center;justify-content:center;color:#C6A75E;font-size:.85rem;flex-shrink:0}
.coverage-region h4{font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:700;color:#fff;margin:0 0 2px}
.coverage-region p{font-size:.76rem;color:rgba(255,255,255,.5);margin:0;line-height:1.4}
.coverage-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.coverage-kpi-item{text-align:center;padding:16px 8px;background:rgba(255,255,255,.03);border:1px solid rgba(198,167,94,.1);border-radius:10px;transition:all .3s}
.coverage-kpi-item:hover{background:rgba(198,167,94,.07);border-color:rgba(198,167,94,.3)}
.coverage-kpi-item .kpi-num{font-family:'Montserrat',sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:800;color:#C6A75E;display:block;line-height:1}
.coverage-kpi-item .kpi-lbl{font-size:.62rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.42);margin-top:5px;display:block}
.coverage-map-col{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(300px,45vw,480px)}
.coverage-map-col::before{content:'';position:absolute;width:clamp(280px,45vw,420px);height:clamp(340px,55vw,500px);border-radius:50%/60%;background:radial-gradient(ellipse,rgba(198,167,94,.07) 0%,transparent 65%);animation:map-halo 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes map-halo{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.06);opacity:1}}
#uk-map-container{position:relative;width:clamp(240px,38vw,360px);max-width:90vw;animation:map-float 7s ease-in-out infinite}
@keyframes map-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
#uk-map-svg{width:100%;height:auto;filter:drop-shadow(0 0 18px rgba(198,167,94,.3)) drop-shadow(0 0 50px rgba(198,167,94,.1));overflow:visible}
.uk-land{fill:rgba(198,167,94,.11);stroke:#C6A75E;stroke-width:1.5;stroke-linejoin:round;transition:fill .3s}
.route-line{stroke:rgba(198,167,94,.28);stroke-width:1;fill:none;stroke-dasharray:4 6;animation:dash-flow 3s linear infinite}
@keyframes dash-flow{to{stroke-dashoffset:-40}}
.city-dot-outer{fill:none;stroke:#C6A75E;stroke-width:1;animation:city-pulse 2.2s ease-out infinite;transform-origin:center center}
@keyframes city-pulse{0%{r:5;opacity:.9}70%{r:11;opacity:0}100%{r:11;opacity:0}}
.city-dot{fill:#C6A75E;filter:drop-shadow(0 0 4px #C6A75E)}
.city-label{font-family:'Montserrat',sans-serif;font-size:6px;font-weight:600;fill:rgba(255,255,255,.7)}
.radar-sweep{position:absolute;width:clamp(270px,42vw,380px);height:clamp(320px,52vw,440px);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%/60%;border:1px solid rgba(198,167,94,.08);overflow:hidden;pointer-events:none}
.radar-sweep::after{content:'';position:absolute;top:50%;left:50%;width:50%;height:1px;background:linear-gradient(90deg,rgba(198,167,94,.45),transparent);transform-origin:left center;animation:radar-rot 6s linear infinite}
@keyframes radar-rot{to{transform:rotate(360deg)}}

/* ── FOOTER ── */
footer{position:relative;overflow:hidden}
footer::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:800px;height:120px;background:radial-gradient(ellipse,rgba(198,167,94,.05) 0%,transparent 70%);pointer-events:none;z-index:0}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:1200px){
  .hero-stats-panel{right:20px;gap:10px}
  .hero-stat-card{padding:10px 14px;gap:10px}
  .hero-stat-info .hsi-num{font-size:1.1rem}
}
@media(max-width:1024px){
  .hero-stats-panel{display:none}
  .coverage-section-grid{grid-template-columns:1fr;gap:clamp(30px,5vw,50px)}
  .coverage-map-col{order:-1;min-height:280px}
}
@media(max-width:768px){}
  .intro-orbit-3{display:none}
  .coverage-kpi{grid-template-columns:repeat(3,1fr);gap:8px}
  .coverage-kpi-item{padding:12px 6px}
}
@media(max-width:480px){
  .intro-title{font-size:1rem}
  .intro-tagline{font-size:.5rem;letter-spacing:3px}
  .coverage-section-grid{gap:24px}
}
