:root{--navy:#061326;--navy2:#0f2747;--gold:#d4af37;--gold2:#f3d77b;--cream:#f8f4ea;--text:#243044;--muted:#6b7280;--border:#e8e2d5;--shadow:0 24px 70px rgba(7,24,45,.20)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{max-width:1240px;margin:0 auto;padding:0 22px}.preloader{position:fixed;inset:0;z-index:9999;background:var(--navy);display:grid;place-items:center;color:var(--gold);transition:.5s}.preloader.hide{opacity:0;visibility:hidden}.loader-plane{font-size:54px;animation:planeLoad 1.4s infinite}.loader-line{width:200px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-top:-90px}@keyframes planeLoad{50%{transform:translateX(70px) rotate(12deg)}}.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.navbar.scrolled{box-shadow:0 12px 35px rgba(7,24,45,.12)}.nav-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;padding:7px 12px;border-radius:20px;background:white;border:1px solid rgba(212,175,55,.35);box-shadow:0 12px 30px rgba(7,24,45,.09)}.brand-mark{width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--navy2));display:grid;place-items:center}.brand img{width:62px;height:62px;object-fit:contain}.brand-text strong{font-size:18px;letter-spacing:5px;color:var(--navy)}.brand-text span{display:block;font-size:12px;letter-spacing:7px;color:var(--gold);font-weight:900}.nav-menu{display:flex;gap:18px;align-items:center;font-weight:800;font-size:14px}.nav-menu a:hover{color:var(--gold)}.nav-menu a.active-page{color:var(--navy);background:linear-gradient(135deg,var(--gold),var(--gold2));padding:9px 18px;border-radius:999px;font-weight:900;box-shadow:0 4px 14px rgba(212,175,55,0.35)}.lang-switch{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang-switch button{border:0;background:white;padding:8px 10px;font-weight:900;cursor:pointer}.lang-switch button.active{background:var(--gold);color:var(--navy)}.hamburger{display:none;background:none;border:0;font-size:28px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(212,175,55,.25),transparent 26%),linear-gradient(135deg,var(--cream),#fff);padding:90px 0}.hero-grid{display:grid;grid-template-columns:1fr;gap:44px;align-items:center; max-width:800px; margin:0 auto;}.badge{display:inline-block;padding:8px 14px;border:1px solid var(--gold);border-radius:999px;background:white;color:var(--navy);font-weight:900;margin-bottom:18px}.hero h1{font-size:56px;line-height:1.06;color:var(--navy);letter-spacing:-2px}.hero-text{font-size:18px;color:var(--muted);margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:900;transition:.25s;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,24,45,.16)}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy)}.secondary{border:1px solid var(--navy);background:white;color:var(--navy)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stats div{background:white;border:1px solid var(--border);padding:17px;border-radius:16px;box-shadow:0 12px 30px rgba(7,24,45,.06)}.stats strong{font-size:28px;color:var(--navy);display:inline-block}.stats em{font-style:normal;color:var(--gold);font-size:24px;font-weight:900}.stats span{display:block;font-size:13px;color:var(--muted)}.hero-panel{background:linear-gradient(160deg,var(--navy2),var(--navy));border-radius:32px;padding:24px;color:white;box-shadow:var(--shadow);position:relative}.globe-panel{min-height:680px}.globe-head{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-weight:900;margin-bottom:14px}.globe-head button{background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.4);border-radius:999px;color:white;padding:8px 14px;cursor:pointer}#earthCanvas{width:100%;height:auto;display:block;border-radius:28px;background:radial-gradient(circle,#103963,#061326 70%);cursor:grab}.globe-controls{display:flex;gap:12px;margin-top:14px}.service-option{flex:1;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:white;border-radius:14px;padding:13px;font-weight:900;cursor:pointer}.service-option.active,.service-option:hover{background:var(--gold);color:var(--navy)}.drag-note{text-align:center;color:#dce4ef;font-size:13px;margin-top:10px}#globeTooltip{position:absolute;pointer-events:none;background:rgba(6,19,38,.93);border:1px solid rgba(212,175,55,.45);padding:7px 10px;border-radius:999px;color:white;font-size:12px;display:none;z-index:10}.quick-tools{padding:34px 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-card{padding:24px;border-radius:22px;border:1px solid var(--border);background:white;box-shadow:0 12px 35px rgba(7,24,45,.06);display:flex;gap:16px}.quick-card span{font-size:34px}.quick-card h3{color:var(--navy)}.quick-card p{color:var(--muted);font-size:14px}.section{padding:82px 0}.page-hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;text-align:center;padding:100px 0}.page-hero h1{font-size:52px}.page-hero p:not(.badge){color:#dce4ef;font-size:18px;max-width:760px;margin:14px auto}.quote{background:linear-gradient(135deg,#fff,var(--cream))}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.quote-copy h2{font-size:38px;color:var(--navy)}.result-board{display:grid;gap:12px;margin-top:24px}.result-board div,.inline-result div{display:flex;justify-content:space-between;background:white;border:1px solid var(--border);padding:16px;border-radius:16px;box-shadow:0 10px 24px rgba(7,24,45,.05)}.result-board .highlight{background:var(--navy);color:white}.result-board .highlight strong{color:var(--gold)}.quote-form{background:white;border:1px solid var(--border);border-radius:28px;padding:30px;box-shadow:var(--shadow);display:grid;gap:16px}.quote-form label{font-weight:900;color:var(--navy);display:grid;gap:8px}.quote-form input,.quote-form select{width:100%;padding:14px;border:1px solid var(--border);border-radius:12px;font-size:15px}.quote-form select{height:172px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-row.triple{grid-template-columns:repeat(3,1fr)}.inline-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.radio-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.radio-row label{border:1px solid var(--border);border-radius:14px;padding:12px;display:flex;gap:10px}.all-country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.country-pill{border:1px solid var(--border);background:white;border-radius:14px;padding:12px;font-weight:800;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between}.country-search-box input{width:100%;padding:18px;border:1px solid var(--border);border-radius:16px;margin-bottom:18px}.directory-tabs{display:flex;gap:12px;margin-bottom:18px}.directory-tab{border:1px solid var(--border);background:white;padding:10px 15px;border-radius:999px;font-weight:900;cursor:pointer}.directory-tab.active{background:var(--navy);color:var(--gold)}.footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#061326,var(--navy));color:white;padding:64px 0 0}#footerCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.50}.premium-footer{position:relative;z-index:2}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:34px}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:82px;height:82px;object-fit:contain;border:1px solid rgba(212,175,55,.45);border-radius:18px;padding:6px}.footer-brand h3{color:var(--gold);font-size:24px}.footer a,.footer p{display:block;color:#cfd6e4;margin:8px 0;font-size:14px}.footer-socials{display:flex!important;gap:12px;margin-top:18px}.footer-socials a{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;border:1px solid rgba(212,175,55,.45);font-size:22px}.footer-marquee{margin-top:42px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;white-space:nowrap}.footer-marquee span{display:inline-block;padding:13px 0;color:var(--gold);font-weight:900;letter-spacing:2px;animation:marquee 18s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}.copyright{text-align:center;padding:18px;color:#cfd6e4;font-size:13px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:900;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-size:26px}.scroll-top{position:fixed;right:26px;bottom:92px;z-index:900;width:44px;height:44px;border-radius:50%;border:none;background:var(--navy);color:var(--gold);font-size:20px;cursor:pointer;opacity:0;visibility:hidden}.scroll-top.show{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(28px);transition:.75s}.reveal.active{opacity:1;transform:translateY(0)}@media(max-width:980px){.hamburger{display:block}.nav-menu{position:absolute;top:88px;left:0;right:0;background:white;flex-direction:column;padding:22px;display:none}.nav-menu.active{display:flex}.hero-grid,.quote-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.quick-grid,.all-country-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand-text{display:none}.hero h1,.page-hero h1{font-size:34px}.stats,.quick-grid,.all-country-grid,.form-row,.form-row.triple,.radio-row,.inline-result{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.globe-panel{min-height:auto}}


/* ================================
   V10 PREMIUM UPGRADE
   Dark / Light Mode + Premium Footer
   ================================ */

:root{
  --mode-bg:#ffffff;
  --mode-card:#ffffff;
  --mode-text:#243044;
  --mode-muted:#6b7280;
  --mode-border:#e8e2d5;
  --mode-hero:linear-gradient(135deg,var(--cream),#fff);
}

body.dark-mode{
  --mode-bg:#050b16;
  --mode-card:#0b1628;
  --mode-text:#f5f7fb;
  --mode-muted:#b4bfd2;
  --mode-border:rgba(212,175,55,.22);
  --mode-hero:radial-gradient(circle at 78% 18%,rgba(212,175,55,.20),transparent 28%),linear-gradient(135deg,#050b16,#091a31);
  background:var(--mode-bg);
  color:var(--mode-text);
}

body.dark-mode .navbar{
  background:rgba(5,11,22,.86);
  border-bottom:1px solid rgba(212,175,55,.18);
}

body.dark-mode .brand,
body.dark-mode .stats div,
body.dark-mode .quick-card,
body.dark-mode .quote-form,
body.dark-mode .result-board div,
body.dark-mode .inline-result div,
body.dark-mode .country-pill,
body.dark-mode .service-card{
  background:var(--mode-card);
  color:var(--mode-text);
  border-color:var(--mode-border);
}

body.dark-mode .hero{
  background:var(--mode-hero);
}

body.dark-mode .hero h1,
body.dark-mode .quick-card h3,
body.dark-mode .quote-copy h2,
body.dark-mode .service-card h3,
body.dark-mode .brand-text strong{
  color:#f5f7fb;
}

body.dark-mode .hero-text,
body.dark-mode .quick-card p,
body.dark-mode .service-card p,
body.dark-mode .stats span{
  color:var(--mode-muted);
}

body.dark-mode .secondary{
  background:#0b1628;
  color:#f5f7fb;
  border-color:rgba(212,175,55,.35);
}

body.dark-mode .page-hero{
  background:radial-gradient(circle at top right,rgba(212,175,55,.20),transparent 28%),linear-gradient(135deg,#050b16,#0f2747);
}

.theme-toggle{
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.45);
  background:linear-gradient(135deg,#fff,var(--cream));
  color:var(--navy);
  display:grid;
  place-items:center;
  font-size:20px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(7,24,45,.12);
  transition:.25s ease;
}

.theme-toggle:hover{
  transform:translateY(-3px) rotate(12deg);
  box-shadow:0 16px 34px rgba(7,24,45,.18);
}

body.dark-mode .theme-toggle{
  background:linear-gradient(135deg,#0f2747,#061326);
  color:var(--gold);
}

/* Ultra premium animated footer */
.footer{
  min-height:520px;
  background:
    radial-gradient(circle at 10% 10%,rgba(212,175,55,.22),transparent 24%),
    radial-gradient(circle at 90% 20%,rgba(79,148,255,.16),transparent 26%),
    linear-gradient(135deg,#020713,#061326 45%,#0f2747);
  position:relative;
  isolation:isolate;
}

.footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 20%,black,transparent 80%);
  animation:footerGridMove 18s linear infinite;
  z-index:0;
}

.footer:after{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.12);
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 0 70px rgba(212,175,55,.03),
    0 0 0 140px rgba(212,175,55,.025),
    0 0 90px rgba(212,175,55,.12);
  z-index:0;
  animation:footerRadarPulse 5s ease-in-out infinite;
}

@keyframes footerGridMove{
  to{background-position:56px 56px;}
}

@keyframes footerRadarPulse{
  50%{transform:translate(-50%,-50%) scale(1.035); opacity:.7;}
}

#footerCanvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.70;
  z-index:1;
}

.premium-footer{
  padding-top:32px;
  padding-bottom:18px;
}

.footer-grid{
  position:relative;
  z-index:4;
}

.footer-brand{
  padding:18px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(12px);
  box-shadow:0 24px 60px rgba(0,0,0,.18);
  transition:.35s ease;
}

.footer-brand:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.45);
  box-shadow:0 34px 90px rgba(212,175,55,.12);
}

.footer-desc{
  margin-top:22px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}

.footer h4{
  letter-spacing:.8px;
  position:relative;
  display:inline-block;
}

.footer h4:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
}

.footer a{
  transition:.25s ease;
}

.footer a:hover{
  transform:translateX(6px);
  color:var(--gold);
}

.footer-socials.icon-only a{
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(10px);
  box-shadow:0 0 0 rgba(212,175,55,0);
}

.footer-socials.icon-only a:hover{
  box-shadow:0 0 28px rgba(212,175,55,.42);
  transform:translateY(-6px) scale(1.08);
}

.footer-cta{
  margin-top:18px!important;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy)!important;
  border:none!important;
  font-weight:900;
  justify-content:center;
  max-width:220px;
}

.footer-orbit{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 25px rgba(212,175,55,.75);
  z-index:3;
  opacity:.85;
}

.footer-orbit.o1{left:12%;top:28%;animation:orbitFloatA 7s ease-in-out infinite;}
.footer-orbit.o2{right:15%;top:22%;animation:orbitFloatB 8s ease-in-out infinite;}
.footer-orbit.o3{left:52%;bottom:24%;animation:orbitFloatC 9s ease-in-out infinite;}

@keyframes orbitFloatA{
  50%{transform:translate(70px,35px) scale(1.25);}
}
@keyframes orbitFloatB{
  50%{transform:translate(-90px,50px) scale(.85);}
}
@keyframes orbitFloatC{
  50%{transform:translate(60px,-45px) scale(1.15);}
}

.footer-airplane{
  position:absolute;
  z-index:5;
  color:#fff3b0;
  font-size:30px;
  text-shadow:0 0 18px rgba(212,175,55,.8);
  opacity:.85;
}

.footer-airplane.a1{
  left:-80px;
  top:22%;
  animation:footerPlaneA 13s linear infinite;
}
.footer-airplane.a2{
  right:-80px;
  bottom:25%;
  animation:footerPlaneB 16s linear infinite;
}

@keyframes footerPlaneA{
  to{transform:translateX(120vw) translateY(80px) rotate(18deg);}
}
@keyframes footerPlaneB{
  to{transform:translateX(-120vw) translateY(-70px) rotate(198deg);}
}

.footer-marquee{
  position:relative;
  z-index:4;
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(8px);
}

.copyright{
  position:relative;
  z-index:4;
}

/* Premium globe additions */
.globe-panel:before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:28px;
  pointer-events:none;
  border:1px solid rgba(212,175,55,.13);
  box-shadow:inset 0 0 80px rgba(212,175,55,.06);
  z-index:0;
}

#earthCanvas{
  position:relative;
  z-index:2;
  box-shadow:
    inset 0 0 80px rgba(255,255,255,.06),
    0 30px 90px rgba(0,0,0,.22),
    0 0 60px rgba(212,175,55,.09);
}

.globe-head,
.globe-controls,
.drag-note,
#globeTooltip{
  position:relative;
  z-index:3;
}

/* Tracking page professional form */
.tracking-card{
  max-width:760px;
  margin:30px auto 0;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(212,175,55,.25);
  backdrop-filter:blur(12px);
  box-shadow:0 30px 90px rgba(0,0,0,.18);
}

.tracking-card input{
  width:100%;
  padding:16px 18px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:white;
  margin-bottom:14px;
  font-size:16px;
  outline:none;
}

.tracking-card input::placeholder{color:rgba(255,255,255,.65);}

@media(max-width:980px){
  .theme-toggle{width:42px;height:42px;}
}



/* ================================
   V11 HEADER ANIMATION + DARK MODE FIX
   ================================ */

/* Dark mode: make Total Countries & Services text brighter */
body.dark-mode .stats div{
  background:linear-gradient(145deg,rgba(15,39,71,.95),rgba(6,19,38,.96));
  border-color:rgba(212,175,55,.35);
  box-shadow:
    0 18px 45px rgba(0,0,0,.35),
    inset 0 0 35px rgba(212,175,55,.045);
}

body.dark-mode .stats strong,
body.dark-mode .stats em{
  color:var(--gold)!important;
  text-shadow:0 0 18px rgba(212,175,55,.35);
}

body.dark-mode .stats span{
  color:#ffffff!important;
  font-weight:800;
  letter-spacing:.35px;
}

/* Bigger, sharper website feel */
.container{
  max-width:1320px;
}

.hero h1{
  font-size:62px;
}

.hero-text{
  font-size:19px;
}

.globe-panel{
  min-height:auto; padding-bottom:20px;
}

#earthCanvas{
  min-height:300px; max-height:450px; max-width:450px; margin:0 auto;
}

/* Animated premium header */
.navbar{
  overflow:hidden;
}

.navbar:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0%,rgba(212,175,55,.12) 18%,transparent 36%),
    radial-gradient(circle at 12% 50%,rgba(212,175,55,.10),transparent 22%),
    radial-gradient(circle at 88% 50%,rgba(15,39,71,.08),transparent 24%);
  transform:translateX(-100%);
  animation:navLightSweep 7s ease-in-out infinite;
  pointer-events:none;
}

.navbar:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  animation:navGoldLine 4s linear infinite;
  opacity:.75;
}

@keyframes navLightSweep{
  0%,35%{transform:translateX(-100%);}
  55%,70%{transform:translateX(100%);}
  100%{transform:translateX(100%);}
}

@keyframes navGoldLine{
  0%{background-position:-420px 0;}
  100%{background-position:420px 0;}
}

.nav-inner{
  position:relative;
  z-index:3;
  min-height:96px;
}

.brand{
  position:relative;
  overflow:visible;
  transition:.35s ease;
}

.brand:before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:22px;
  background:linear-gradient(120deg,rgba(212,175,55,.0),rgba(212,175,55,.35),rgba(212,175,55,.0));
  opacity:0;
  transition:.35s ease;
  z-index:-1;
}

.brand:hover{
  transform:translateY(-3px);
}

.brand:hover:before{
  opacity:1;
}

.brand-mark{
  width:76px;
  height:76px;
  animation:logoFloat 4.5s ease-in-out infinite;
  box-shadow:
    0 0 0 1px rgba(212,175,55,.25),
    0 14px 35px rgba(7,24,45,.15),
    0 0 28px rgba(212,175,55,.12);
}

.brand img{
  width:70px;
  height:70px;
  animation:logoGlow 3.8s ease-in-out infinite;
}

@keyframes logoFloat{
  50%{transform:translateY(-3px) rotate(-1deg);}
}

@keyframes logoGlow{
  50%{
    filter:
      drop-shadow(0 8px 12px rgba(212,175,55,.28))
      drop-shadow(0 0 14px rgba(212,175,55,.40));
  }
}

.brand-text strong{
  font-size:20px;
}

.brand-text span{
  font-size:13px;
}

/* animated nav hover */
.nav-menu a{
  padding:8px 0;
  transition:.25s ease;
}

.nav-menu a:hover{
  transform:translateY(-2px);
}

.nav-menu a:before{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold);
  left:50%;
  bottom:-12px;
  transform:translateX(-50%) scale(0);
  transition:.25s ease;
  box-shadow:0 0 16px rgba(212,175,55,.75);
}

.nav-menu a:hover:before,
.nav-menu a.active:before{
  transform:translateX(-50%) scale(1);
}

/* animated mini plane in header */
.header-plane{
  position:absolute;
  left:-60px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(212,175,55,.55);
  font-size:22px;
  text-shadow:0 0 12px rgba(212,175,55,.45);
  pointer-events:none;
  z-index:2;
  animation:headerPlaneFly 12s linear infinite;
}

@keyframes headerPlaneFly{
  0%{transform:translate(-80px,-50%) rotate(10deg); opacity:0;}
  12%{opacity:.85;}
  85%{opacity:.85;}
  100%{transform:translate(calc(100vw + 80px),-120%) rotate(10deg); opacity:0;}
}

.header-pulse-dot{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 18px rgba(212,175,55,.75);
  pointer-events:none;
  z-index:2;
  animation:headerDotPulse 2.8s ease-in-out infinite;
}

.header-pulse-dot.d1{left:22%;top:28%;}
.header-pulse-dot.d2{left:64%;top:72%;animation-delay:.7s;}
.header-pulse-dot.d3{right:12%;top:34%;animation-delay:1.3s;}

@keyframes headerDotPulse{
  0%,100%{transform:scale(.65);opacity:.25;}
  50%{transform:scale(1.4);opacity:1;}
}

/* dark header polish */
body.dark-mode .brand{
  background:rgba(11,22,40,.88);
  border-color:rgba(212,175,55,.35);
}

body.dark-mode .nav-menu a{
  color:#f5f7fb;
}

body.dark-mode .nav-menu a:hover{
  color:var(--gold);
}

body.dark-mode .lang-switch button{
  background:#0b1628;
  color:#f5f7fb;
}

body.dark-mode .lang-switch button.active{
  background:var(--gold);
  color:var(--navy);
}

/* bigger premium cards */
.quick-card,
.service-card,
.quote-form,
.result-board div,
.inline-result div{
  box-shadow:0 18px 45px rgba(7,24,45,.08);
}

.quick-card:hover,
.service-card:hover{
  transform:translateY(-8px);
}

/* responsive adjustments */
@media(max-width:980px){
  .hero h1{
    font-size:46px;
  }

  .nav-inner{
    min-height:90px;
  }

  .brand-mark{
    width:66px;
    height:66px;
  }

  .brand img{
    width:62px;
    height:62px;
  }
}

@media(max-width:560px){
  .hero h1{
    font-size:36px;
  }

  .globe-panel{
    min-height:auto;
  }

  #earthCanvas{
    min-height:360px;
  }
}



/* ================================
   V12 AI ASSISTANT + ROUTE VISUALIZER
   ================================ */

.route-visualizer-section{
  background:
    radial-gradient(circle at 82% 18%,rgba(212,175,55,.16),transparent 28%),
    linear-gradient(135deg,#ffffff,var(--cream));
}

body.dark-mode .route-visualizer-section{
  background:
    radial-gradient(circle at 82% 18%,rgba(212,175,55,.14),transparent 28%),
    linear-gradient(135deg,#050b16,#081528);
}

.route-visualizer-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
}

.route-copy h2,
.ai-copy h2{
  color:var(--navy);
  font-size:40px;
  line-height:1.12;
  margin:8px 0 16px;
}

body.dark-mode .route-copy h2,
body.dark-mode .ai-copy h2{
  color:#ffffff;
}

.route-copy p,
.ai-copy p{
  color:var(--muted);
}

body.dark-mode .route-copy p,
body.dark-mode .ai-copy p{
  color:#cfd6e4;
}

.route-controls{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:24px 0;
}

.route-controls label{
  display:grid;
  gap:8px;
  font-weight:900;
  color:var(--navy);
}

body.dark-mode .route-controls label{
  color:#ffffff;
}

.route-controls select{
  padding:15px 14px;
  border-radius:14px;
  border:1px solid var(--border);
  background:white;
  outline:none;
  font-size:15px;
  font-weight:800;
}

body.dark-mode .route-controls select{
  background:#0b1628;
  color:white;
  border-color:rgba(212,175,55,.25);
}

.route-info-card{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-bottom:22px;
}

.route-info-card div{
  background:white;
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  box-shadow:0 12px 32px rgba(7,24,45,.06);
}

body.dark-mode .route-info-card div{
  background:#0b1628;
  border-color:rgba(212,175,55,.24);
}

.route-info-card span{
  display:block;
  font-size:12px;
  color:var(--muted);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
}

.route-info-card strong{
  color:var(--navy);
  font-size:18px;
}

body.dark-mode .route-info-card strong{
  color:var(--gold);
}

.route-map-card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:
    radial-gradient(circle at 50% 50%,rgba(41,128,185,.35),transparent 30%),
    linear-gradient(135deg,#061326,#0f2747);
  border:1px solid rgba(212,175,55,.22);
  box-shadow:var(--shadow);
}

#routeCanvas{
  width:100%;
  display:block;
  min-height:520px;
}

.route-map-badge{
  position:absolute;
  left:22px;
  top:22px;
  padding:14px 16px;
  border-radius:18px;
  background:rgba(6,19,38,.72);
  border:1px solid rgba(212,175,55,.32);
  backdrop-filter:blur(12px);
  color:white;
}

.route-map-badge span{
  display:block;
  font-size:12px;
  color:var(--gold);
  font-weight:900;
  text-transform:uppercase;
}

.route-map-badge strong{
  font-size:17px;
}

.ai-assistant-section{
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  color:white;
  position:relative;
  overflow:hidden;
}

.ai-assistant-section:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  border-radius:50%;
  border:1px solid rgba(212,175,55,.12);
  right:-190px;
  top:-210px;
  box-shadow:0 0 0 80px rgba(212,175,55,.035);
}

.ai-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:center;
  position:relative;
  z-index:2;
}

.ai-phone{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(212,175,55,.25);
  border-radius:34px;
  padding:22px;
  box-shadow:0 30px 90px rgba(0,0,0,.25);
  backdrop-filter:blur(14px);
}

.ai-phone-top{
  display:flex;
  gap:12px;
  align-items:center;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.ai-dot{
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  box-shadow:0 0 24px rgba(212,175,55,.35);
}

.ai-phone-top h3{
  color:white;
  font-size:19px;
}

.ai-phone-top p{
  color:#cfd6e4;
  font-size:13px;
}

.ai-chat-window{
  height:360px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px 0;
  scroll-behavior:smooth;
}

.ai-message{
  max-width:82%;
  padding:13px 15px;
  border-radius:18px;
  font-size:14px;
  line-height:1.45;
  animation:chatIn .25s ease;
}

@keyframes chatIn{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}

.ai-message.bot{
  align-self:flex-start;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
  color:white;
}

.ai-message.user{
  align-self:flex-end;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy);
  font-weight:800;
}

.ai-suggestions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.ai-suggestions button{
  border:1px solid rgba(212,175,55,.35);
  background:rgba(255,255,255,.06);
  color:white;
  border-radius:999px;
  padding:8px 11px;
  cursor:pointer;
  font-weight:800;
  transition:.2s ease;
}

.ai-suggestions button:hover{
  background:var(--gold);
  color:var(--navy);
  transform:translateY(-2px);
}

.ai-input-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}

.ai-input-row input{
  border:none;
  border-radius:14px;
  padding:14px;
  outline:none;
}

.ai-input-row button{
  border:none;
  border-radius:14px;
  padding:0 18px;
  background:var(--gold);
  color:var(--navy);
  font-weight:900;
  cursor:pointer;
}

.ai-copy .section-label{
  color:var(--gold);
}

.ai-copy h2{
  color:white;
}

.ai-copy p{
  color:#dce4ef;
}

.ai-feature-list{
  display:grid;
  gap:12px;
  margin:24px 0;
}

.ai-feature-list div{
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
}

@media(max-width:980px){
  .route-visualizer-grid,
  .ai-grid{
    grid-template-columns:1fr;
  }

  #routeCanvas{
    min-height:430px;
  }
}

@media(max-width:560px){
  .route-controls,
  .route-info-card{
    grid-template-columns:1fr;
  }

  .ai-chat-window{
    height:300px;
  }
}



/* ================================
   V13 TRACKING LIVE ROUTE + EXPRESS FIX
   ================================ */

.tracking-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.enhanced-tracking-card{
  max-width:860px;
}

.tracking-live-section{
  background:linear-gradient(135deg,#ffffff,var(--cream));
}

body.dark-mode .tracking-live-section{
  background:linear-gradient(135deg,#050b16,#081528);
}

.tracking-status-panel{
  display:grid;
  gap:12px;
  margin-top:24px;
}

.tracking-step{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px 16px;
  border-radius:16px;
  background:white;
  border:1px solid var(--border);
  box-shadow:0 12px 30px rgba(7,24,45,.06);
  transition:.25s ease;
}

body.dark-mode .tracking-step{
  background:#0b1628;
  border-color:rgba(212,175,55,.24);
}

.tracking-step span{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e9edf3;
  color:var(--navy);
  font-weight:900;
}

.tracking-step b{
  color:var(--navy);
}

body.dark-mode .tracking-step b{
  color:white;
}

.tracking-step.active{
  border-color:rgba(212,175,55,.65);
  transform:translateX(6px);
}

.tracking-step.active span{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy);
  box-shadow:0 0 22px rgba(212,175,55,.35);
}

#trackingRouteCanvas{
  width:100%;
  display:block;
  min-height:520px;
}

@media(max-width:560px){
  .tracking-actions{
    grid-template-columns:1fr;
  }
}



/* ================================
   V14 PRICELIST + REGULATIONS
   ================================ */
.calculator-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.cost-breakdown{
  margin-top:18px;
  padding:18px;
  border-radius:18px;
  border:1px solid var(--border);
  background:white;
  color:var(--navy);
  box-shadow:0 12px 30px rgba(7,24,45,.06);
  font-weight:800;
}

body.dark-mode .cost-breakdown{
  background:#0b1628;
  color:#ffffff;
  border-color:rgba(212,175,55,.25);
}

.premium-result-board .highlight strong{
  font-size:22px;
}

.regulations-section{
  background:linear-gradient(135deg,#ffffff,var(--cream));
}

body.dark-mode .regulations-section{
  background:linear-gradient(135deg,#050b16,#081528);
}

.regulation-toolbar{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  margin-bottom:24px;
}

.regulation-toolbar input{
  padding:17px 18px;
  border-radius:16px;
  border:1px solid var(--border);
  font-size:16px;
  outline:none;
}

body.dark-mode .regulation-toolbar input{
  background:#0b1628;
  color:#ffffff;
  border-color:rgba(212,175,55,.25);
}

.terms-card,
.express-zone-card,
.regulation-card{
  background:white;
  border:1px solid var(--border);
  border-radius:28px;
  padding:26px;
  margin-bottom:22px;
  box-shadow:0 16px 45px rgba(7,24,45,.08);
}

body.dark-mode .terms-card,
body.dark-mode .express-zone-card,
body.dark-mode .regulation-card{
  background:#0b1628;
  color:#ffffff;
  border-color:rgba(212,175,55,.25);
}

.terms-card h2,
.express-zone-card h2,
.regulation-card h3{
  color:var(--navy);
  margin-bottom:14px;
}

body.dark-mode .terms-card h2,
body.dark-mode .express-zone-card h2,
body.dark-mode .regulation-card h3{
  color:#ffffff;
}

.terms-card ul,
.regulation-card ul{
  padding-left:20px;
}

.terms-card li,
.regulation-card li{
  margin:8px 0;
  color:var(--muted);
}

body.dark-mode .terms-card li,
body.dark-mode .regulation-card li{
  color:#dce4ef;
}

.regulation-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  border-bottom:1px solid var(--border);
  padding-bottom:14px;
  margin-bottom:16px;
}

body.dark-mode .regulation-head{
  border-color:rgba(212,175,55,.20);
}

.regulation-head span{
  padding:7px 12px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy);
  font-weight:900;
  font-size:12px;
}

.regulation-transit{
  color:var(--muted);
  margin-bottom:18px;
}

.regulation-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.regulation-card h4{
  color:var(--gold);
  margin:14px 0 8px;
}

.regulation-card table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:14px;
}

.regulation-card td{
  padding:10px 12px;
  border-bottom:1px solid var(--border);
  color:var(--navy);
  font-weight:800;
}

body.dark-mode .regulation-card td{
  color:white;
  border-color:rgba(212,175,55,.18);
}

.regulation-link{
  display:inline-flex;
  margin-top:16px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(212,175,55,.45);
  color:var(--gold);
  font-weight:900;
}

.zone-rate-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:16px;
}

.zone-rate-grid div{
  padding:16px;
  border-radius:16px;
  background:var(--cream);
  border:1px solid var(--border);
}

body.dark-mode .zone-rate-grid div{
  background:#061326;
  border-color:rgba(212,175,55,.22);
}

.zone-rate-grid strong{
  display:block;
  color:var(--navy);
  font-size:18px;
}

body.dark-mode .zone-rate-grid strong{
  color:var(--gold);
}

.zone-rate-grid span{
  color:var(--muted);
  font-weight:800;
  font-size:13px;
}

@media(max-width:760px){
  .calculator-actions,
  .regulation-toolbar,
  .regulation-grid,
  .zone-rate-grid{
    grid-template-columns:1fr;
  }
}



/* ================================
   V15 CALCULATOR FIX + FAST COUNTRY PICKER
   ================================ */
.fast-country-picker{
  display:grid;
  gap:10px;
  position:relative;
}

.country-picker-btn{
  width:100%;
  padding:15px 16px;
  border-radius:14px;
  border:1px solid var(--border);
  background:linear-gradient(135deg,#fff,var(--cream));
  color:var(--navy);
  font-weight:900;
  font-size:15px;
  text-align:left;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.country-picker-btn:after{
  content:"▾";
  color:var(--gold);
  font-size:18px;
}

body.dark-mode .country-picker-btn{
  background:#0b1628;
  color:#ffffff;
  border-color:rgba(212,175,55,.25);
}

.fast-country-picker #destinationSelect{
  display:none;
}

.country-picker-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  max-height:250px;
  overflow:auto;
  padding:12px;
  border:1px solid var(--border);
  border-radius:18px;
  background:white;
  box-shadow:0 18px 50px rgba(7,24,45,.12);
}

body.dark-mode .country-picker-list{
  background:#0b1628;
  border-color:rgba(212,175,55,.25);
}

.country-picker-item{
  border:1px solid var(--border);
  background:#fff;
  color:var(--navy);
  border-radius:14px;
  padding:11px 12px;
  text-align:left;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}

.country-picker-item small{
  display:block;
  color:var(--muted);
  font-weight:800;
  margin-top:2px;
}

.country-picker-item:hover,
.country-picker-item.active{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy);
  transform:translateY(-2px);
}

body.dark-mode .country-picker-item{
  background:#061326;
  color:#ffffff;
  border-color:rgba(212,175,55,.20);
}

body.dark-mode .country-picker-item small{
  color:#cfd6e4;
}

body.dark-mode .country-picker-item:hover,
body.dark-mode .country-picker-item.active{
  color:var(--navy);
}

.calculator-error{
  margin-top:10px;
  padding:12px 14px;
  border-radius:14px;
  background:#fff3cd;
  color:#6d5100;
  border:1px solid #ffe08a;
  font-weight:800;
}

body.dark-mode .calculator-error{
  background:rgba(212,175,55,.12);
  color:#fff3b0;
  border-color:rgba(212,175,55,.35);
}

@media(max-width:560px){
  .country-picker-list{
    grid-template-columns:1fr;
  }
}



/* ================================
   V16 PRICE PER KG + SAFETY DETECTION + CONTENT RESTORE
   ================================ */
.safety-result-card{
  grid-column:1 / -1;
}

.item-warning-box{
  margin-top:18px;
  padding:18px;
  border-radius:18px;
  border:1px solid rgba(212,175,55,.35);
  background:#fff9e8;
  color:#594100;
  font-weight:800;
  line-height:1.55;
}

.item-warning-box.safe{
  background:#eafaf0;
  color:#0f5b2d;
  border-color:#9bd8b2;
}

.item-warning-box.warning{
  background:#fff4df;
  color:#7a4b00;
  border-color:#f1bd64;
}

.item-warning-box.danger{
  background:#ffecec;
  color:#8b1e1e;
  border-color:#f0a0a0;
}

body.dark-mode .item-warning-box{
  background:rgba(212,175,55,.12);
  color:#fff3b0;
  border-color:rgba(212,175,55,.35);
}

body.dark-mode .item-warning-box.safe{
  background:rgba(34,197,94,.14);
  color:#c9f7d7;
  border-color:rgba(34,197,94,.35);
}

body.dark-mode .item-warning-box.warning{
  background:rgba(245,158,11,.15);
  color:#ffe3ad;
  border-color:rgba(245,158,11,.35);
}

body.dark-mode .item-warning-box.danger{
  background:rgba(239,68,68,.15);
  color:#ffc6c6;
  border-color:rgba(239,68,68,.35);
}

.about-premium-section,
.service-detail-section,
.contact-section{
  background:linear-gradient(135deg,#ffffff,var(--cream));
}

body.dark-mode .about-premium-section,
body.dark-mode .service-detail-section,
body.dark-mode .contact-section{
  background:linear-gradient(135deg,#050b16,#081528);
}

.about-grid,
.service-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.about-card,
.service-detail-card{
  padding:30px;
  border-radius:28px;
  background:white;
  border:1px solid var(--border);
  box-shadow:0 18px 50px rgba(7,24,45,.08);
}

.about-card.dark,
.service-detail-card.premium{
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  color:white;
  border-color:rgba(212,175,55,.25);
}

body.dark-mode .about-card,
body.dark-mode .service-detail-card{
  background:#0b1628;
  color:white;
  border-color:rgba(212,175,55,.25);
}

.about-card span{
  display:inline-grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy);
  font-weight:900;
  margin-bottom:16px;
}

.service-detail-card span{
  font-size:40px;
}

.about-card h2,
.service-detail-card h2{
  color:var(--navy);
  margin:10px 0 12px;
}

.about-card.dark h2,
.service-detail-card.premium h2,
body.dark-mode .about-card h2,
body.dark-mode .service-detail-card h2{
  color:white;
}

.about-card p,
.service-detail-card p,
.service-detail-card li{
  color:var(--muted);
}

.about-card.dark p,
.service-detail-card.premium p,
.service-detail-card.premium li,
body.dark-mode .about-card p,
body.dark-mode .service-detail-card p,
body.dark-mode .service-detail-card li{
  color:#dce4ef;
}

.service-detail-card ul{
  padding-left:20px;
  margin-top:14px;
}

.timeline-section{
  background:white;
}

body.dark-mode .timeline-section{
  background:#050b16;
}

.timeline{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.timeline-item{
  position:relative;
  padding:24px;
  border-radius:24px;
  background:var(--cream);
  border:1px solid var(--border);
}

body.dark-mode .timeline-item{
  background:#0b1628;
  border-color:rgba(212,175,55,.25);
}

.timeline-item b{
  color:var(--navy);
  display:block;
  margin-bottom:8px;
}

body.dark-mode .timeline-item b{
  color:var(--gold);
}

.timeline-item p{
  color:var(--muted);
}

body.dark-mode .timeline-item p{
  color:#dce4ef;
}

@media(max-width:900px){
  .about-grid,
  .service-detail-grid,
  .timeline{
    grid-template-columns:1fr;
  }
}



/* ================================
   V17 INTERNAL SKYLAND TRACKING
   ================================ */
.skyland-tracking-card{
  max-width:760px;
}

.skyland-tracking-card small{
  display:block;
  margin-top:12px;
  color:#dce4ef;
  font-size:13px;
}

.skyland-tracking-section{
  background:linear-gradient(135deg,#ffffff,var(--cream));
}

body.dark-mode .skyland-tracking-section{
  background:linear-gradient(135deg,#050b16,#081528);
}

.tracking-dashboard-grid{
  display:grid;
  grid-template-columns:1fr 1.05fr;
  gap:28px;
  align-items:start;
}

.tracking-result-card,
.admin-tracking-card{
  background:white;
  border:1px solid var(--border);
  border-radius:30px;
  padding:26px;
  box-shadow:0 20px 60px rgba(7,24,45,.10);
}

body.dark-mode .tracking-result-card,
body.dark-mode .admin-tracking-card{
  background:#0b1628;
  border-color:rgba(212,175,55,.25);
  color:white;
}

.tracking-result-head,
.admin-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:20px;
}

.tracking-result-head h2,
.admin-head h2{
  color:var(--navy);
  margin-top:4px;
}

body.dark-mode .tracking-result-head h2,
body.dark-mode .admin-head h2{
  color:white;
}

.admin-head p{
  color:var(--muted);
  max-width:760px;
}

body.dark-mode .admin-head p{
  color:#dce4ef;
}

#trackingCurrentBadge{
  padding:9px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  color:var(--navy);
  font-weight:900;
  white-space:nowrap;
}

.tracking-summary-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-bottom:22px;
}

.tracking-summary-grid div{
  background:var(--cream);
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
}

body.dark-mode .tracking-summary-grid div{
  background:#061326;
  border-color:rgba(212,175,55,.22);
}

.tracking-summary-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}

.tracking-summary-grid strong{
  display:block;
  color:var(--navy);
  margin-top:4px;
}

body.dark-mode .tracking-summary-grid strong{
  color:var(--gold);
}

.tracking-progress-line{
  display:grid;
  gap:11px;
  margin:20px 0;
}

.progress-step{
  display:flex;
  align-items:center;
  gap:12px;
  opacity:.55;
  transition:.25s ease;
}

.progress-step span{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#e9edf3;
  color:var(--navy);
  font-weight:900;
}

.progress-step b{
  color:var(--navy);
}

body.dark-mode .progress-step b{
  color:white;
}

.progress-step.active{
  opacity:1;
  transform:translateX(6px);
}

.progress-step.active span{
  background:linear-gradient(135deg,var(--gold),var(--gold2));
  box-shadow:0 0 22px rgba(212,175,55,.35);
}

.tracking-events{
  display:grid;
  gap:12px;
}

.tracking-event{
  padding:14px 16px;
  border-radius:16px;
  background:white;
  border:1px solid var(--border);
  box-shadow:0 10px 24px rgba(7,24,45,.05);
}

body.dark-mode .tracking-event{
  background:#061326;
  border-color:rgba(212,175,55,.22);
}

.tracking-event b{
  display:block;
  color:var(--navy);
}

body.dark-mode .tracking-event b{
  color:var(--gold);
}

.tracking-event span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
}

body.dark-mode .tracking-event span{
  color:#dce4ef;
}

.tracking-empty{
  padding:18px;
  border-radius:16px;
  background:#fff9e8;
  color:#6d5100;
  border:1px solid #ffe08a;
  font-weight:800;
}

body.dark-mode .tracking-empty{
  background:rgba(212,175,55,.12);
  color:#fff3b0;
  border-color:rgba(212,175,55,.35);
}

.admin-tracking-section{
  background:white;
}

body.dark-mode .admin-tracking-section{
  background:#050b16;
}

.admin-tracking-form{
  display:grid;
  gap:16px;
  margin-top:22px;
}

.admin-tracking-form.hidden{
  display:none;
}

.admin-tracking-form label{
  display:grid;
  gap:8px;
  font-weight:900;
  color:var(--navy);
}

body.dark-mode .admin-tracking-form label{
  color:white;
}

.admin-tracking-form input,
.admin-tracking-form select{
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  outline:none;
  font-size:15px;
}

body.dark-mode .admin-tracking-form input,
body.dark-mode .admin-tracking-form select{
  background:#061326;
  color:white;
  border-color:rgba(212,175,55,.25);
}

@media(max-width:980px){
  .tracking-dashboard-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .tracking-result-head,
  .admin-head{
    display:grid;
  }

  .tracking-summary-grid{
    grid-template-columns:1fr;
  }
}

/* ================================
   PROMO MARQUEE (HOME PAGE)
   ================================ */
.promo-marquee {
    background: var(--navy);
    overflow: hidden;
    white-space: nowrap;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.promo-marquee-text {
    display: inline-block;
}
.promo-marquee-text span {
    display: inline-block;
    padding: 18px 0;
    color: white;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    animation: marqueePromo 30s linear infinite;
}
@keyframes marqueePromo {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}