@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#061322;--bg2:#0b1f34;--navy:#092846;--text:#f8fafc;--muted:#9fb0bf;--orange:#ff7a00;--orange2:#ff9a3c;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}h1,h2{font-family:"Space Grotesk",sans-serif}
.topbar{position:fixed;z-index:99;top:0;left:0;right:0;height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(rgba(6,19,34,.94),rgba(6,19,34,.15));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.logo img{width:175px;display:block}.topbar nav{display:flex;align-items:center;gap:28px;font-size:.85rem}.pill{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:11px 18px}
.hero{min-height:100vh;padding:120px 7vw 60px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}
.grid,.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px}.grid{mask-image:linear-gradient(to bottom,black,transparent 90%)}
.orange-glow{position:absolute;border-radius:50%;filter:blur(20px);background:radial-gradient(circle,rgba(255,122,0,.2),transparent 68%)}.glow-a{width:600px;height:600px;right:-180px;top:-150px}.glow-b{width:320px;height:320px;left:35%;bottom:-180px}
.hero-copy{position:relative;z-index:3}.kicker{font-size:.7rem;font-weight:700;letter-spacing:.18em;color:var(--orange)}
.hero h1{font-size:clamp(4rem,8.3vw,9.3rem);line-height:.77;letter-spacing:-.075em;margin-bottom:34px}.hero h1 span,h2 span{color:var(--orange)}
.lead{max-width:630px;color:#c6d0da;line-height:1.7;font-size:1.13rem}.cta{display:inline-block;margin-top:20px;padding:15px 23px;border-radius:999px;background:var(--orange);color:#fff;font-weight:700}
.hero-scene{height:630px;position:relative;display:grid;place-items:center;z-index:2}.hero-truck{width:min(610px,49vw);z-index:3}.ring{position:absolute;border:1px solid rgba(255,122,0,.28);border-radius:50%}.r1{width:230px;height:230px}.r2{width:390px;height:390px;opacity:.55}.r3{width:560px;height:560px;opacity:.22}
.mini-card,.data,.event-row>div{background:rgba(7,25,43,.82);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(15px);box-shadow:0 25px 70px rgba(0,0,0,.28);border-radius:16px}.mini-card{position:absolute;right:1%;bottom:15%;z-index:5;padding:18px;width:230px}.mini-card span,.data span,.event-row span{display:block;color:var(--orange);font-size:.61rem;font-weight:700;letter-spacing:.13em}.mini-card strong,.data strong,.event-row strong{display:block;margin:7px 0;font-size:1.25rem}.mini-card small,.data small{color:var(--muted)}
.scroll-story{height:420vh;position:relative}.story-pin{height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 48%,rgba(19,72,115,.5),transparent 35%),var(--bg)}
.map-grid{opacity:.27;transform:perspective(650px) rotateX(58deg) scale(1.55);transform-origin:center bottom}.route-map{position:absolute;inset:8% 3%;width:94%;height:84%}.route-map path{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(255,122,0,.5))}.route-end{fill:var(--orange)}
.story-truck{position:absolute;width:380px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);z-index:5}.pulse{position:absolute;left:50%;top:46%;width:100px;height:100px;border:2px solid var(--orange);border-radius:50%;transform:translate(-50%,-50%)}
.data{position:absolute;width:205px;padding:16px;opacity:0;z-index:6}.d1{left:8%;top:24%}.d2{right:8%;top:23%}.d3{left:10%;bottom:17%}.d4{right:9%;bottom:17%}.story-copy{position:absolute;left:7vw;bottom:7vh;max-width:770px;opacity:0;z-index:9}.story-copy h2{font-size:clamp(2.8rem,5.4vw,6rem);line-height:.9;letter-spacing:-.06em}.c1{opacity:1}
.statement,.final{min-height:100vh;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.statement p,.final p{font-size:.68rem;letter-spacing:.2em;color:var(--muted)}.statement h2,.final h2{font-size:clamp(4.5rem,10.4vw,11.3rem);line-height:.76;letter-spacing:-.078em;margin:0}
.real-feature{min-height:100vh;padding:10vh 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;border-top:1px solid var(--line)}.feature-copy h2,.passenger-copy h2,.fuel-copy h2,.erp-copy h2,.contact h2{font-size:clamp(3rem,5.3vw,6rem);line-height:.9;letter-spacing:-.06em;margin-bottom:28px}.feature-copy>p:last-of-type,.passenger-copy>p:last-child,.fuel-copy>p,.erp-copy>p{color:var(--muted);font-size:1.08rem;line-height:1.8}
.product-visual{min-height:620px;position:relative;display:grid;place-items:center}.product-orbit{position:absolute;width:470px;height:470px;border:1px solid rgba(255,122,0,.23);border-radius:50%;box-shadow:inset 0 0 80px rgba(255,122,0,.04)}.real-product{position:relative;z-index:3;filter:drop-shadow(0 35px 35px rgba(0,0,0,.35))}.gps-product{width:min(390px,75%);transform:rotate(-9deg)}.camera-product{width:min(520px,88%);transform:rotate(6deg)}.chip{position:absolute;z-index:4;background:#0d2943;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 17px;font-size:.73rem}.ch1{left:5%;top:24%}.ch2{right:4%;top:38%}.ch3{left:12%;bottom:20%}.event-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.event-row>div{padding:17px}
.passenger-section{min-height:100vh;padding:10vh 7vw;background:#f3f6f8;color:#071a2b;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.passenger-section .kicker{color:var(--orange)}.passenger-section .passenger-copy>p:last-child{color:#556979}.passenger-visual{position:relative;min-height:580px;display:grid;place-items:center}.passenger-visual img{width:min(520px,90%);mix-blend-mode:multiply}.counter-box{position:absolute;right:2%;bottom:8%;background:#08243c;color:#fff;border-radius:18px;padding:20px 24px;min-width:220px;box-shadow:0 25px 70px rgba(8,36,60,.25)}.counter-box span{display:block;color:var(--orange);font-size:.62rem;letter-spacing:.13em}.counter-box strong{display:block;font:700 4.8rem "Space Grotesk";letter-spacing:-.08em}.counter-box small{color:#aebcc7}
.fuel{min-height:100vh;padding:10vh 7vw;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8vw;border-top:1px solid var(--line)}.fuel-ring{width:min(430px,78vw);aspect-ratio:1;position:relative;margin:auto}.fuel-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.fuel-ring circle{fill:none;stroke-width:18}.fuel-bg{stroke:#133452}.fuel-progress{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:785;stroke-dashoffset:785}.fuel-number{position:absolute;inset:0;display:grid;place-items:center;align-content:center}.fuel-number strong{font:700 7.3rem "Space Grotesk";letter-spacing:-.08em}.fuel-number span{font-size:1.8rem;color:var(--orange)}.fuel-stats{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.fuel-stats div{padding:20px 16px;border-right:1px solid var(--line)}.fuel-stats span{display:block;color:var(--muted);font-size:.61rem;letter-spacing:.12em}.fuel-stats strong{display:block;margin-top:8px;font-size:1.35rem}
.erp-section{min-height:110vh;padding:11vh 7vw;background:#0a1d30;display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.erp-screen{position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 100px rgba(0,0,0,.3)}.erp-screen img{display:block;width:100%;min-height:620px;object-fit:cover;object-position:center}.screen-glow{position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(255,122,0,.09);pointer-events:none}
.modules{height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(255,122,0,.09),transparent 32%),var(--bg);border-top:1px solid var(--line)}.module-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;color:white}.module-core span{font-size:.7rem;letter-spacing:.18em}.module-core strong{font:700 2rem "Space Grotesk"}.module{position:absolute;padding:13px 19px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#0b2943;font-size:.72rem;font-weight:700;letter-spacing:.08em}.m1{left:18%;top:20%}.m2{right:18%;top:18%}.m3{right:8%;top:45%}.m4{right:18%;bottom:18%}.m5{left:18%;bottom:17%}.m6{left:7%;top:48%}.m7{left:35%;top:9%}.m8{right:34%;bottom:9%}
.final{text-align:center;align-items:center}.contact{min-height:68vh;padding:8vh 7vw;background:var(--orange);color:white;display:flex;align-items:center;justify-content:space-between;gap:50px}.contact .kicker{color:white}.contact h2{max-width:900px;margin:0}.contact a{border:1px solid white;border-radius:999px;padding:17px 22px;font-weight:700;white-space:nowrap}
@media(max-width:900px){.topbar nav a:not(.pill){display:none}.logo img{width:145px}.hero{grid-template-columns:1fr}.hero-scene{height:470px}.hero-truck{width:88vw}.real-feature,.passenger-section,.fuel,.erp-section{grid-template-columns:1fr}.camera-section .product-visual{order:-1}.product-visual{min-height:480px}.product-orbit{width:350px;height:350px}.erp-screen img{min-height:auto}.event-row,.fuel-stats{grid-template-columns:1fr}.data{width:160px;padding:11px}.d1{left:2%}.d2{right:2%}.d3{left:2%}.d4{right:2%}.story-truck{width:300px}.contact{flex-direction:column;align-items:flex-start}}


/* ===== V4 cinematic hero ===== */
.hero{
  min-height:100vh;
  padding:125px 7vw 78px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 44%,rgba(255,122,0,.10),transparent 28%),
    radial-gradient(circle at 42% 80%,rgba(24,92,145,.22),transparent 30%),
    var(--bg);
}

/* ===== V118 cinematic tracking parallax ===== */
.hero-corridor{
  position:absolute;
  z-index:0;
  inset:-7% -5% -9% 32%;
  background:
    linear-gradient(90deg,#061322 0%,rgba(6,19,34,.72) 20%,rgba(6,19,34,.08) 68%),
    linear-gradient(0deg,rgba(6,19,34,.82),transparent 54%),
    linear-gradient(135deg,rgba(14,49,78,.28),rgba(6,19,34,0)) center/cover no-repeat;
  opacity:.42;
  filter:saturate(.82) contrast(1.08);
  transform:scale(1.08);
  transform-origin:center;
  will-change:transform;
}
.hero-route-glow{
  position:absolute;z-index:2;right:5vw;bottom:10%;width:min(52vw,760px);height:32%;
  opacity:.62;transform:perspective(700px) rotateX(58deg) rotateZ(-8deg);
  transform-origin:center bottom;pointer-events:none;
}
.route-glow-line{
  position:absolute;left:4%;right:2%;top:51%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,#ff7a00 12% 86%,transparent);
  box-shadow:0 0 14px rgba(255,122,0,.72);
  transform:scaleX(.12);transform-origin:left center;
}
.route-glow-dot{position:absolute;top:calc(51% - 5px);width:11px;height:11px;border-radius:50%;background:#ff8a21;box-shadow:0 0 0 7px rgba(255,122,0,.12),0 0 22px #ff7a00}
.dot-one{left:18%}.dot-two{left:53%}.dot-three{left:84%}
.route-glow-dot:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(255,151,62,.55);border-radius:50%;animation:geoPing 2.1s ease-out infinite}
.dot-two:after{animation-delay:.55s}.dot-three:after{animation-delay:1.1s}
.live-coordinate{
  position:absolute;z-index:8;left:8%;bottom:11%;display:flex;align-items:center;gap:9px;
  color:#8ea7bb;font:700 .55rem/1 Inter,sans-serif;letter-spacing:.14em;
}
.live-coordinate i{width:4px;height:4px;border-radius:50%;background:#ff7a00;box-shadow:0 0 10px #ff7a00}
@keyframes geoPing{0%{transform:scale(.35);opacity:0}25%{opacity:.85}100%{transform:scale(1.65);opacity:0}}

@media(max-width:900px){
  .hero-corridor{inset:32% -34% -5% -24%;opacity:.28}
  .hero-route-glow{right:-20%;bottom:14%;width:112vw;height:28%;opacity:.46}
  .live-coordinate{left:4%;bottom:7%}
}
@media(prefers-reduced-motion:reduce){
  .hero-corridor{transform:none!important}
  .route-glow-line{transform:scaleX(1)}
  .route-glow-dot:after{animation:none}
}
.hero-vignette{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,19,34,.94) 0%,rgba(6,19,34,.42) 52%,rgba(6,19,34,.1) 100%);
  pointer-events:none;
}
.road-perspective{
  position:absolute;
  width:1100px;height:570px;
  right:-260px;bottom:-315px;
  background:linear-gradient(180deg,#15324a,#081726);
  clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);
  opacity:.68;
  transform:perspective(800px) rotateX(58deg);
  transform-origin:center top;
}
.road-perspective:before{
  content:"";position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,transparent 0 33%,rgba(255,255,255,.04) 33.2% 33.5%,transparent 33.8% 66%);
}
.lane{
  position:absolute;top:10%;bottom:0;width:5px;
  background:repeating-linear-gradient(to bottom,#fff 0 34px,transparent 34px 70px);
  opacity:.55;
}
.l1{left:33%}.l2{left:50%}.l3{left:67%}
.hero-copy{z-index:4;max-width:900px}
.hero h1{
  font-size:clamp(4rem,7.8vw,8.8rem);
  line-height:.78;letter-spacing:-.075em;margin-bottom:32px;
}
.hero h1 span{color:var(--orange)}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ghost-cta{display:inline-block;padding:14px 22px;border:1px solid rgba(255,255,255,.28);border-radius:999px}
.hero-stage{position:relative;z-index:4;height:650px;display:grid;place-items:center}
.vehicle-wrap{position:relative;z-index:5;transform:translateY(25px)}
.hero-truck{width:min(670px,52vw);filter:drop-shadow(0 44px 36px rgba(0,0,0,.42))}
.vehicle-shadow{
  position:absolute;left:17%;right:10%;bottom:14%;height:35px;
  background:rgba(0,0,0,.45);filter:blur(20px);border-radius:50%;
}
.radar{position:absolute;width:560px;height:560px;display:grid;place-items:center}
.radar-circle{position:absolute;border:1px solid rgba(255,122,0,.22);border-radius:50%}
.rc1{width:190px;height:190px}.rc2{width:360px;height:360px}.rc3{width:540px;height:540px}
.radar-sweep{
  position:absolute;
  width:420px;
  height:420px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  transform-origin:50% 50%;
  background:conic-gradient(
    from 0deg,
    rgba(255,122,0,.30) 0deg,
    rgba(255,122,0,.18) 42deg,
    rgba(255,122,0,.08) 84deg,
    transparent 120deg,
    transparent 360deg
  );
  border-radius:50%;
  -webkit-mask:radial-gradient(circle, transparent 0 10%, #000 11% 100%);
  mask:radial-gradient(circle, transparent 0 10%, #000 11% 100%);
}
.floating-data{
  position:absolute;z-index:7;
  background:rgba(8,31,51,.76);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.28);
  border-radius:16px;padding:15px 17px;
}
.floating-data span{display:block;color:var(--orange);font-size:.57rem;letter-spacing:.14em;font-weight:700}
.floating-data strong{font-family:"Space Grotesk";display:inline-block;font-size:1.45rem;margin-top:6px}
.floating-data small{color:var(--muted);margin-left:6px}
.speed-card{left:-1%;top:24%}.status-card{right:-2%;top:33%}.signal-card{right:12%;bottom:12%}
.hero-footer{
  position:absolute;z-index:5;left:7vw;right:7vw;bottom:26px;
  display:flex;align-items:center;gap:14px;
  color:#8ea2b2;font-size:.55rem;font-weight:700;letter-spacing:.13em;
}
.hero-footer i{height:1px;flex:1;max-width:50px;background:rgba(255,255,255,.17)}

/* ===== V4 cinematic sticky story ===== */
.scroll-story{height:460vh}
.story-pin{
  height:100vh;
  position:relative;overflow:hidden;
  background:#061322;
}
.story-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 58% 42%,rgba(25,101,156,.33),transparent 31%),
    linear-gradient(180deg,#07182a 0%,#061322 100%);
}
.map-grid{
  opacity:.34;
  background-size:52px 52px;
  transform:perspective(720px) rotateX(63deg) scale(1.7);
}
.route-map{inset:4% 1%;width:98%;height:91%}
.route-map path{stroke-width:3}
.map-label{
  position:absolute;color:#698398;font-size:.55rem;font-weight:700;letter-spacing:.14em;
  border-left:1px solid rgba(255,122,0,.45);padding-left:8px;
}
.map-a{left:17%;top:61%}.map-b{left:56%;top:27%}.map-c{right:9%;top:52%}
.vehicle-story-wrap{
  position:absolute;left:53%;top:48%;z-index:6;
  transform:translate(-50%,-50%);
}
.story-truck{
  position:relative;left:auto;top:auto;transform:rotate(-8deg);
  width:420px;
  filter:drop-shadow(0 35px 35px rgba(0,0,0,.4));
}
.vehicle-beacon{
  position:absolute;z-index:7;left:49%;top:30%;
  width:15px;height:15px;border-radius:50%;
  background:var(--orange);box-shadow:0 0 0 8px rgba(255,122,0,.13),0 0 32px var(--orange);
}
.pulse{left:53%;top:45%}
.data{background:rgba(7,27,46,.8)}
.story-copy{
  left:7vw;bottom:9vh;max-width:720px;
}
.story-copy h2{margin-bottom:20px}
.story-copy>p:last-child{color:#9fb0bf;font-size:1rem;line-height:1.6;max-width:600px}
.story-index{
  position:absolute;z-index:10;right:5vw;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:14px;
}
.idx{font-size:.62rem;color:#50677a;font-weight:700}
.idx.active{color:var(--orange)}
.story-progress{
  position:absolute;z-index:10;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.06)
}
.story-progress span{display:block;width:0;height:100%;background:var(--orange)}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:120px}
  .hero-stage{height:480px}
  .hero-truck{width:92vw}
  .road-perspective{right:-450px}
  .speed-card{left:0}.status-card{right:0}.signal-card{right:4%}
  .hero-footer{display:none}
  .story-truck{width:310px}
  .vehicle-story-wrap{left:50%}
  .pulse{left:50%}
  .story-index{right:2vw}
}


/* ===== V5 real Geologistic bus ===== */
.real-bus{
  object-fit:contain;
  mix-blend-mode:screen;
  filter:
    saturate(.92)
    contrast(1.05)
    drop-shadow(0 34px 34px rgba(0,0,0,.34));
  border-radius:22px;
  -webkit-mask-image:radial-gradient(ellipse 78% 70% at 51% 52%,#000 58%,rgba(0,0,0,.75) 72%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 70% at 51% 52%,#000 58%,rgba(0,0,0,.75) 72%,transparent 100%);
}
.hero .real-bus{
  width:min(720px,55vw);
  transform:translate(2%,3%) scale(1.03);
}
.story-pin .real-bus{
  width:520px;
  transform:rotate(-4deg);
}
.vehicle-shadow{
  background:rgba(0,0,0,.34);
  filter:blur(26px);
}
.hero-stage:after{
  content:"";
  position:absolute;
  z-index:1;
  width:72%;
  height:42%;
  left:18%;
  bottom:13%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,122,0,.08),transparent 67%);
  filter:blur(10px);
}
.vehicle-story-wrap:after{
  content:"";
  position:absolute;
  left:11%;right:8%;bottom:7%;
  height:48px;
  border-radius:50%;
  background:rgba(0,0,0,.4);
  filter:blur(21px);
  z-index:-1;
}
@media(max-width:900px){
  .hero .real-bus{width:98vw}
  .story-pin .real-bus{width:390px}
}


/* ===== V6 route-following vehicle ===== */
.vehicle-story-wrap{
  left:0;
  top:0;
  transform:none;
  will-change:left,top,transform;
  z-index:7;
}
.story-pin .story-truck{
  width:440px;
  transform:rotate(0deg);
  transform-origin:center center;
}
.vehicle-beacon{
  left:50%;
  top:31%;
  transform:translate(-50%,-50%);
}
.vehicle-story-wrap:after{
  left:12%;
  right:9%;
  bottom:5%;
}
@media(max-width:900px){
  .story-pin .story-truck{width:320px}
}


/* ===== V7 semi truck refinements ===== */
.semi-3d{
  mix-blend-mode:normal !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background:transparent;
}
.hero .semi-3d{
  width:min(760px,58vw);
  transform:translateY(6%) scale(1.02);
}
.story-pin .semi-3d{
  width:540px;
  transform:none;
}
.hero-stage .vehicle-shadow{
  bottom:11%;
  height:45px;
}

/* ===== AI VIDEO ===== */
.ai-video-section{
  min-height:110vh;
  padding:11vh 7vw;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:7vw;
  align-items:center;
  background:
    radial-gradient(circle at 75% 50%,rgba(255,122,0,.10),transparent 28%),
    #061322;
  border-top:1px solid var(--line);
}
.ai-copy h2{
  font-size:clamp(3.1rem,5.6vw,6.4rem);
  line-height:.89;
  letter-spacing:-.065em;
}
.ai-copy>p:last-child{
  color:var(--muted);
  line-height:1.8;
  font-size:1.06rem;
}
.ai-stage{
  min-height:650px;
  display:grid;
  place-items:center;
}
.driver-frame{
  position:relative;
  width:min(720px,94%);
  aspect-ratio:1.18;
  border-radius:28px;
  overflow:hidden;
  background:#071a2b;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 40px 100px rgba(0,0,0,.32);
}
.driver-frame img{
  position:absolute;
  width:58%;
  right:4%;
  bottom:7%;
  filter:drop-shadow(0 25px 30px rgba(0,0,0,.4));
}
.vision-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,122,0,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,122,0,.07) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.55;
}
.face-box{
  position:absolute;
  width:180px;height:220px;
  right:20%;top:23%;
  border:2px solid var(--orange);
  box-shadow:0 0 28px rgba(255,122,0,.3);
}
.face-box:before,.face-box:after{
  content:"";position:absolute;
  width:28px;height:2px;background:var(--orange);
  top:50%;left:-2px;
}
.face-box:after{left:auto;right:-2px}
.ai-label{
  position:absolute;
  padding:10px 13px;
  border-radius:10px;
  background:rgba(7,25,43,.88);
  border:1px solid rgba(255,255,255,.14);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.1em;
  opacity:0;
}
.label-driver{left:7%;top:12%;color:#61ff9c}
.label-phone{left:6%;top:33%;color:#ff9b52}
.label-fatigue{left:8%;top:47%;color:#ff9b52}
.label-brake{left:11%;bottom:13%;color:#fff}

/* ===== ASSETS / TRAILERS ===== */
.asset-section{
  min-height:110vh;
  padding:10vh 7vw;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:6vw;
  background:#f4f6f8;
  color:#071a2b;
}
.asset-copy .kicker{color:var(--orange)}
.asset-copy h2{
  font-size:clamp(3rem,5.4vw,6.1rem);
  line-height:.9;
  letter-spacing:-.06em;
}
.asset-copy>p:last-of-type{
  color:#596b7a;
  line-height:1.8;
}
.asset-stage{
  min-height:640px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.asset-road{
  position:absolute;
  width:120%;height:230px;
  left:-10%;bottom:8%;
  background:linear-gradient(#d6dce1,#bfc8cf);
  transform:perspective(700px) rotateX(62deg);
  clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);
}
.asset-truck{
  width:min(780px,98%);
  position:relative;
  z-index:3;
  filter:drop-shadow(0 35px 28px rgba(18,31,42,.22));
}
.asset-device{
  position:absolute;
  z-index:6;
  left:25%;
  top:22%;
  background:#08243c;
  color:#fff;
  padding:11px 14px;
  border-radius:12px;
  font-size:.62rem;
  letter-spacing:.1em;
}
.asset-device span{
  display:inline-block;
  width:8px;height:8px;
  margin-right:8px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 15px var(--orange);
}
.asset-signal{
  position:absolute;
  z-index:2;
  left:33%;top:39%;
  border:2px solid rgba(255,122,0,.32);
  border-radius:50%;
}
.a1{width:120px;height:120px}.a2{width:220px;height:220px}.a3{width:340px;height:340px}
.asset-points{
  margin-top:35px;
  border-top:1px solid rgba(7,26,43,.14);
}
.asset-points div{
  display:flex;
  gap:18px;
  padding:17px 0;
  border-bottom:1px solid rgba(7,26,43,.11);
}
.asset-points span{
  color:var(--orange);
  font-size:.7rem;
  font-weight:700;
}
.asset-points strong{font-size:1rem}

/* ===== ERP SPLIT ===== */
.erp-split-section{
  min-height:115vh;
  padding:11vh 7vw;
  background:
    radial-gradient(circle at 20% 30%,rgba(26,87,137,.22),transparent 28%),
    radial-gradient(circle at 80% 60%,rgba(255,122,0,.08),transparent 26%),
    #061322;
}
.erp-split-head{
  text-align:center;
  max-width:930px;
  margin:0 auto 75px;
}
.erp-split-head h2{
  font-size:clamp(3.2rem,5.8vw,6.5rem);
  line-height:.9;
  letter-spacing:-.065em;
}
.erp-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  max-width:1200px;
  margin:0 auto;
}
.erp-card{
  min-height:560px;
  padding:44px;
  position:relative;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(16,45,72,.86),rgba(8,27,46,.72));
  overflow:hidden;
}
.erp-card:before{
  content:"";position:absolute;inset:auto -20% -40% 30%;
  height:350px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,0,.13),transparent 67%);
}
.erp-card-number{
  font:700 6.2rem "Space Grotesk";
  letter-spacing:-.08em;
  color:rgba(255,255,255,.06);
  position:absolute;
  right:30px;top:20px;
}
.erp-card h3{
  font-family:"Space Grotesk";
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:1;
  letter-spacing:-.05em;
  max-width:470px;
}
.erp-card ul{
  list-style:none;
  padding:0;
  margin:38px 0 0;
}
.erp-card li{
  padding:14px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  color:#b9c6d0;
}
.erp-card-line{
  position:absolute;
  left:44px;right:44px;bottom:0;height:3px;
  background:var(--orange);
  transform:scaleX(.16);
  transform-origin:left;
}

/* Mobile */
@media(max-width:900px){
  .hero .semi-3d{width:105vw}
  .story-pin .semi-3d{width:370px}
  .ai-video-section,.asset-section,.erp-split{grid-template-columns:1fr}
  .ai-stage,.asset-stage{min-height:500px}
  .erp-card{min-height:auto}
}


/* ===== Hero button alignment fix ===== */
.hero-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.hero-actions .cta,
.hero-actions .ghost-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:52px;
  padding:0 22px;
  margin:0;
  line-height:1;
  box-sizing:border-box;
  border-radius:999px;
  font-weight:700;
  white-space:nowrap;
}

.hero-actions .cta{
  border:1px solid var(--orange);
}

.hero-actions .ghost-cta{
  border:1px solid rgba(255,255,255,.28);
}


/* ===== V8 navigation + links ===== */
.main-nav{display:flex;align-items:center;gap:24px}
.nav-more{position:relative}
.nav-more-btn{
  appearance:none;border:0;background:transparent;color:inherit;font:inherit;
  padding:10px 0;cursor:pointer;display:flex;align-items:center;gap:6px
}
.nav-more-btn span{color:var(--orange);transition:transform .2s ease}
.nav-more:hover .nav-more-btn span,
.nav-more:focus-within .nav-more-btn span{transform:rotate(180deg)}
.nav-more-menu{
  position:absolute;top:100%;right:0;width:190px;padding:10px;border-radius:16px;
  background:rgba(7,25,43,.97);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 60px rgba(0,0,0,.34);backdrop-filter:blur(15px);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease
}
.nav-more:hover .nav-more-menu,
.nav-more:focus-within .nav-more-menu,
.nav-more.open .nav-more-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-more-menu a{display:block;padding:11px 12px;border-radius:9px;color:#c7d1da}
.nav-more-menu a:hover{background:rgba(255,255,255,.06);color:#fff}

.section-link{
  display:inline-block;margin:-8px 0 20px;font-size:.76rem;color:#c6d0da;
  border-bottom:1px solid rgba(255,122,0,.55);padding-bottom:4px
}
.section-link:hover{color:var(--orange)}

.resource-links{min-height:85vh;padding:10vh 7vw;background:#081828;border-top:1px solid var(--line)}
.resource-links-head{max-width:820px;margin-bottom:55px}
.resource-links-head h2{
  font-size:clamp(2.8rem,5vw,5.6rem);line-height:.92;letter-spacing:-.06em
}
.resource-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.11);border-left:1px solid rgba(255,255,255,.11)
}
.resource-grid a{
  min-height:180px;padding:26px;position:relative;
  border-right:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
  transition:background .22s ease,transform .22s ease
}
.resource-grid a:hover{background:rgba(255,122,0,.07)}
.resource-grid span{display:block;color:var(--orange);font-size:.63rem;letter-spacing:.13em}
.resource-grid strong{display:block;margin-top:56px;font:600 1.35rem "Space Grotesk"}
.resource-grid i{position:absolute;right:22px;top:22px;font-style:normal;color:#6f8495}

@media(max-width:1100px){
  .main-nav{gap:17px}
}
@media(max-width:900px){
  .main-nav > a:not(.pill){display:none}
  .nav-more{display:none}
  .resource-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .resource-grid{grid-template-columns:1fr}
}


/* ===== V9 navigation refinement ===== */
.main-nav{
  display:flex;
  align-items:center;
  gap:20px;
}

.main-nav > a:not(.pill),
.nav-more-btn{
  font-size:.82rem;
}

@media(max-width:1180px){
  .main-nav{
    gap:14px;
  }

  .main-nav > a:not(.pill),
  .nav-more-btn{
    font-size:.76rem;
  }
}

/* ===== V9 redesigned secondary navigation ===== */
.explore-strip{
  padding:11vh 7vw;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,122,0,.07),transparent 26%),
    #081828;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:8vw;
  align-items:start;
}

.explore-intro{
  position:sticky;
  top:130px;
  max-width:560px;
}

.explore-intro h2{
  font-size:clamp(3rem,5vw,5.5rem);
  line-height:.9;
  letter-spacing:-.06em;
  margin-bottom:26px;
}

.explore-intro > p:last-child{
  color:var(--muted);
  line-height:1.75;
  max-width:520px;
}

.explore-links{
  border-top:1px solid rgba(255,255,255,.12);
}

.explore-link{
  min-height:155px;
  display:grid;
  grid-template-columns:60px 1fr auto;
  align-items:center;
  gap:26px;
  padding:24px 8px;
  border-bottom:1px solid rgba(255,255,255,.12);
  transition:
    padding-left .28s ease,
    background .28s ease;
}

.explore-link:hover{
  padding-left:22px;
  background:linear-gradient(
    90deg,
    rgba(255,122,0,.08),
    transparent 70%
  );
}

.explore-no{
  color:var(--orange);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.14em;
}

.explore-link strong{
  display:block;
  font:600 clamp(1.45rem,2vw,2rem) "Space Grotesk";
  letter-spacing:-.03em;
  margin-bottom:8px;
}

.explore-link small{
  display:block;
  color:#8195a6;
  font-size:.82rem;
}

.explore-link i{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  color:var(--orange);
  font-style:normal;
  transition:
    background .22s ease,
    color .22s ease,
    transform .22s ease;
}

.explore-link:hover i{
  background:var(--orange);
  color:#fff;
  transform:translate(3px,-3px);
}

/* Hide the previous grid-based section if any remnants remain */
.resource-links{
  display:none !important;
}

@media(max-width:1050px){
  .main-nav > a[href*="sectors"],
  .main-nav > a[href*="videos"]{
    display:none;
  }
}

@media(max-width:900px){
  .explore-strip{
    grid-template-columns:1fr;
    gap:50px;
  }

  .explore-intro{
    position:relative;
    top:auto;
  }
}

@media(max-width:600px){
  .explore-link{
    grid-template-columns:42px 1fr auto;
    gap:14px;
    min-height:125px;
  }

  .explore-link small{
    font-size:.74rem;
  }
}


/* ===== V10 cleaner navigation/details ===== */

/* MÁS: use a real CSS chevron instead of a text glyph */
.nav-more-btn{
  gap:8px;
}

.nav-more-btn .more-chevron{
  width:6px;
  height:6px;
  display:inline-block;
  border-right:1.5px solid var(--orange);
  border-bottom:1.5px solid var(--orange);
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;
  transition:transform .22s ease;
  flex:0 0 auto;
}

/* Neutralize previous span rules that were designed for the old glyph */
.nav-more-btn span{
  color:inherit;
}

.nav-more:hover .more-chevron,
.nav-more:focus-within .more-chevron,
.nav-more.open .more-chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}

/* Submenu: no icons/arrows, just clean typography */
.nav-more-menu a{
  position:relative;
  padding:12px 12px 12px 14px;
  border-radius:8px;
  color:#c7d1da;
  transition:color .2s ease, background .2s ease, padding-left .2s ease;
}

.nav-more-menu a::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:0;
  height:1px;
  background:var(--orange);
  transform:translateY(-50%);
  transition:width .2s ease;
}

.nav-more-menu a:hover{
  color:#fff;
  background:transparent;
  padding-left:24px;
}

.nav-more-menu a:hover::before{
  width:14px;
}

/* Explore section: replace circular arrow controls with a text CTA */
.explore-link{
  grid-template-columns:60px 1fr auto;
}

.explore-action{
  position:relative;
  display:inline-block;
  min-width:68px;
  padding-bottom:7px;
  color:#8ea2b2;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .22s ease;
}

.explore-action::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:rgba(255,255,255,.18);
}

.explore-action::before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:1px;
  background:var(--orange);
  z-index:1;
  transition:width .28s ease;
}

.explore-link:hover .explore-action{
  color:#fff;
}

.explore-link:hover .explore-action::before{
  width:100%;
}

/* Remove the old circular icon behavior completely */
.explore-link > i{
  display:none !important;
}

@media(max-width:600px){
  .explore-action{
    font-size:.66rem;
    min-width:58px;
  }
}


/* ===== V15 page transition ===== */
.page-transition{
  position:fixed;
  inset:0;
  z-index:99999;
  background:#081A33;
  pointer-events:none;
  transform:translateY(100%);
  will-change:transform;
}

.page-transition-line{
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:#ff7a00;
  transform:scaleX(0);
  transform-origin:left center;
}

html.is-leaving,
html.is-entering{
  overflow:hidden;
}

/* Entry state set immediately by JS */
html.is-entering .page-transition{
  transform:translateY(0);
}

@media(prefers-reduced-motion: reduce){
  .page-transition{
    display:none;
  }
}


/* ===== V16 transition visibility refinement ===== */
.page-transition{
  background:#061322;
}

.page-transition::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 35%,rgba(255,122,0,.10),transparent 32%),
    linear-gradient(90deg,rgba(255,255,255,.015),transparent 35%);
}

.page-transition-line{
  height:5px;
  box-shadow:0 0 20px rgba(255,122,0,.35);
}


/* ===== V17 blue Demo button ===== */
.topbar .pill{
  background:#2350ff !important;
  color:#ffffff !important;
  border:1px solid #2350ff !important;
  box-shadow:0 8px 18px rgba(35,80,255,.24);
}
.topbar .pill:hover{
  background:#1744ef !important;
  border-color:#1744ef !important;
  color:#ffffff !important;
}





/* ===== V18 solid header on every page ===== */
.topbar{
  background:#061322 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  backdrop-filter:none !important;
  box-shadow:0 8px 24px rgba(0,0,0,.10);
}


/* ===== V18 horizontal two-layer page transition ===== */
.page-transition{
  position:fixed;
  inset:0;
  z-index:2147483647;
  pointer-events:none;
  overflow:hidden;
  visibility:hidden;
}

.page-transition-main,
.page-transition-accent{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  transform:translate3d(-101%,0,0);
  will-change:transform;
}

.page-transition-main{
  z-index:1;
  background:
    radial-gradient(circle at 78% 32%,rgba(255,122,0,.11),transparent 28%),
    #061322;
}

.page-transition-main::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.45;
}

.page-transition-accent{
  z-index:2;
  width:9%;
  background:#ff7a00;
  box-shadow:0 0 32px rgba(255,122,0,.22);
}

/* Leaving current page: wipe from left to right */
html.page-is-leaving{
  overflow:hidden;
}

html.page-is-leaving .page-transition{
  visibility:visible;
}

html.page-is-leaving .page-transition-main{
  transform:translate3d(0,0,0);
  transition:transform .50s cubic-bezier(.76,0,.24,1);
}

html.page-is-leaving .page-transition-accent{
  transform:translate3d(1111%,0,0);
  transition:transform .50s cubic-bezier(.76,0,.24,1);
}

/* New page begins covered */
html.page-is-entering .page-transition{
  visibility:visible;
}

html.page-is-entering .page-transition-main{
  transform:translate3d(0,0,0);
  transition:none;
}

html.page-is-entering .page-transition-accent{
  transform:translate3d(1111%,0,0);
  transition:none;
}

/* Reveal new page by continuing the wipe to the right */
html.page-is-entering.page-is-ready .page-transition-main{
  transform:translate3d(101%,0,0);
  transition:transform .56s cubic-bezier(.76,0,.24,1);
}

html.page-is-entering.page-is-ready .page-transition-accent{
  transform:translate3d(1225%,0,0);
  transition:transform .56s cubic-bezier(.76,0,.24,1);
}

@media(prefers-reduced-motion:reduce){
  .page-transition{
    display:none !important;
  }
}


/* ===== V19 highly visible page transition ===== */
.page-transition{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
  visibility:hidden;
  overflow:hidden;
}

.page-transition-main{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background:#061322 !important;
  transform:translate3d(-100%,0,0);
  will-change:transform;
}

.page-transition-accent{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:18px !important;
  height:100% !important;
  background:#ff7a00 !important;
  box-shadow:8px 0 35px rgba(255,122,0,.42);
  transform:translate3d(-24px,0,0);
  will-change:transform;
}

/* Entering current page */
html.page-is-entering .page-transition{
  visibility:visible !important;
}
html.page-is-entering .page-transition-main{
  transform:translate3d(0,0,0) !important;
  transition:none !important;
}
html.page-is-entering .page-transition-accent{
  transform:translate3d(calc(100vw - 18px),0,0) !important;
  transition:none !important;
}

html.page-is-entering.page-is-ready .page-transition-main{
  transform:translate3d(100%,0,0) !important;
  transition:transform .72s cubic-bezier(.76,0,.24,1) !important;
}
html.page-is-entering.page-is-ready .page-transition-accent{
  transform:translate3d(100vw,0,0) !important;
  transition:transform .72s cubic-bezier(.76,0,.24,1) !important;
}

/* Leaving current page */
html.page-is-leaving{
  overflow:hidden !important;
}
html.page-is-leaving .page-transition{
  visibility:visible !important;
}
html.page-is-leaving .page-transition-main{
  transform:translate3d(0,0,0) !important;
  transition:transform .62s cubic-bezier(.76,0,.24,1) !important;
}
html.page-is-leaving .page-transition-accent{
  transform:translate3d(calc(100vw - 18px),0,0) !important;
  transition:transform .62s cubic-bezier(.76,0,.24,1) !important;
}

@media(prefers-reduced-motion:reduce){
  .page-transition{display:none !important}
}


/* ===== V20 layout stability ===== */
html{
  scrollbar-gutter:stable;
}

/*
  Do not hide overflow during navigation.
  Hiding the scrollbar changes the viewport width and makes
  cards, text and navigation jump sideways.
*/
html.page-is-leaving,
html.page-is-entering{
  overflow-y:scroll !important;
}

/* ===== V20 footer ===== */
.site-footer{
  background:#0d2039;
  color:#ffffff;
  padding:58px 5.5vw 26px;
  border-top:1px solid rgba(255,255,255,.06);
}

.footer-main{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.45fr .8fr .8fr 1.15fr;
  gap:58px;
  align-items:start;
}

.footer-logo{
  display:inline-block;
  margin-bottom:14px;
}

.footer-logo img{
  display:block;
  width:130px;
  height:auto;
}

.footer-brand p,
.footer-contact p{
  margin:0;
  color:#ffffff;
  font-size:.88rem;
  line-height:1.75;
}

.footer-socials{
  display:flex;
  gap:8px;
  margin-top:24px;
  flex-wrap:wrap;
}

.footer-socials a{
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#c8d5e0;
  font-size:.82rem;
  font-weight:700;
  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

.footer-socials a:hover{
  background:#2350ff;
  border-color:#2350ff;
  color:#ffffff;
  transform:translateY(-2px);
}

.footer-column{
  display:flex;
  flex-direction:column;
  gap:17px;
}

.footer-column h3{
  margin:0 0 4px;
  color:#ffffff;
  font:700 .98rem "Inter",sans-serif;
}

.footer-column a{
  color:#aebed0;
  font-size:.86rem;
  transition:color .2s ease, transform .2s ease;
}

.footer-column a:hover{
  color:#ffffff;
  transform:translateX(3px);
}

.footer-contact{
  gap:22px;
}

.footer-contact-block{
  line-height:1.75 !important;
}

.footer-contact strong{
  color:#ffffff;
}

.footer-bottom{
  max-width:1280px;
  margin:56px auto 0;
  text-align:center;
  color:#ffffff;
  font-size:.8rem;
}

@media(max-width:1050px){
  .footer-main{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .site-footer{
    padding:48px 7vw 24px;
  }

  .footer-main{
    grid-template-columns:1fr;
    gap:38px;
  }

  .footer-bottom{
    margin-top:40px;
    line-height:1.6;
  }
}


/* ===== V20 direct page transition ===== */
.page-transition{
  position:fixed;
  inset:0;
  z-index:2147483647;
  pointer-events:none;
  visibility:hidden;
  overflow:hidden;
}

.page-transition-panel{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 32%,rgba(255,122,0,.10),transparent 30%),
    #061322;
  transform:translateX(-100%);
}

.page-transition-bar{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:22px;
  background:#ff7a00;
  box-shadow:8px 0 30px rgba(255,122,0,.35);
  transform:translateX(-30px);
}

@media(prefers-reduced-motion:reduce){
  .page-transition{
    display:none !important;
  }
}


/* ===== V21 index contact form ===== */
.index-contact-form{
  padding:88px 7vw 96px;
  background:#f5f7fa;
  color:#0b2742;
  border-top:1px solid rgba(11,39,66,.08);
}

.contact-form-head{
  max-width:820px;
  margin:0 auto 44px;
  text-align:center;
}

.contact-form-head .kicker{
  color:#2350ff;
}

.contact-form-head h2{
  font:700 clamp(2.8rem,5vw,5.2rem)/.92 "Space Grotesk",sans-serif;
  letter-spacing:-.06em;
  margin:10px 0 18px;
}

.contact-form-head p:last-child{
  color:#617487;
  line-height:1.7;
}

.contact-form-grid{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px 22px;
}

.form-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.form-field label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.form-field input,
.form-field textarea{
  width:100%;
  border:1px solid #cfd8e2;
  border-radius:7px;
  background:#fff;
  color:#0b2742;
  font:400 .95rem "Inter",sans-serif;
  padding:14px 16px;
  outline:none;
  box-shadow:0 3px 10px rgba(11,39,66,.05);
  transition:border-color .2s ease,box-shadow .2s ease;
}

.form-field input:focus,
.form-field textarea:focus{
  border-color:#2350ff;
  box-shadow:0 0 0 3px rgba(35,80,255,.10);
}

.form-message{
  grid-column:1/-1;
}

.form-field textarea{
  resize:vertical;
  min-height:145px;
}

.form-submit-row{
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  padding-top:10px;
}

.contact-submit{
  min-width:140px;
  height:48px;
  border:0;
  border-radius:999px;
  background:#2350ff;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(35,80,255,.22);
  transition:transform .2s ease,background .2s ease;
}

.contact-submit:hover{
  background:#1744ef;
  transform:translateY(-2px);
}

/* ===== V21 contact / support section on every page ===== */
.contact-support-section{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  background:#f3f5f8;
  border-top:1px solid rgba(11,39,66,.08);
  min-height:560px;
}

.contact-map-wrap{
  min-height:560px;
}

.contact-map{
  width:100%;
  height:100%;
  min-height:560px;
  border:0;
  display:block;
}

.contact-support-info{
  padding:48px 5vw 46px 4vw;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:26px;
  color:#0b2742;
}

.contact-info-block{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:18px;
  align-items:start;
}

.contact-info-block.no-icon{
  grid-template-columns:48px 1fr;
}

.contact-icon{
  width:46px;
  height:46px;
  border-radius:5px;
  background:#2350ff;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:1.2rem;
  font-weight:700;
}

.contact-support-info h3{
  margin:0 0 8px;
  color:#07192b;
  font:700 1.18rem "Space Grotesk",sans-serif;
  letter-spacing:-.025em;
}

.contact-support-info p{
  margin:0 0 13px;
  color:#263f56;
  line-height:1.55;
  font-size:.92rem;
}

.contact-support-info a{
  color:#0b2742;
}

.contact-support-info a:hover{
  color:#2350ff;
}

.support-portal-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:45px;
  max-width:310px;
  padding:10px 18px;
  margin:4px 0 14px;
  background:#fff;
  border:1px solid #cbd5df;
  border-radius:6px;
  box-shadow:0 3px 9px rgba(11,39,66,.08);
  color:#263f56 !important;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.support-portal-btn:hover{
  border-color:#2350ff;
  color:#2350ff !important;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(35,80,255,.10);
}

.contact-line{
  margin-top:0 !important;
}

@media(max-width:900px){
  .contact-form-grid{
    grid-template-columns:1fr;
  }

  .form-message,
  .form-submit-row{
    grid-column:1;
  }

  .contact-support-section{
    grid-template-columns:1fr;
  }

  .contact-map-wrap,
  .contact-map{
    min-height:420px;
  }

  .contact-support-info{
    padding:42px 7vw;
  }
}

@media(max-width:520px){
  .index-contact-form{
    padding:66px 6vw 72px;
  }

  .contact-info-block,
  .contact-info-block.no-icon{
    grid-template-columns:40px 1fr;
    gap:14px;
  }

  .contact-icon{
    width:40px;
    height:40px;
  }
}


/* ===== V22 CAPTCHA ===== */
.captcha-row{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:230px minmax(220px,360px);
  gap:28px;
  align-items:end;
  justify-content:center;
  padding:18px 0 4px;
}

.captcha-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

#captchaCanvas{
  display:block;
  width:190px;
  height:64px;
  background:#ffffff;
  border:1px solid #cfd8e2;
  border-radius:7px;
  box-shadow:0 3px 10px rgba(11,39,66,.06);
}

.captcha-refresh{
  border:0;
  border-radius:6px;
  background:#6f7881;
  color:#ffffff;
  min-height:42px;
  padding:0 20px;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}

.captcha-refresh:hover{
  background:#59626b;
  transform:translateY(-1px);
}

.captcha-input-wrap{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.captcha-input-wrap label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}

.captcha-input-wrap input{
  min-height:46px;
  border:1px solid #cfd8e2;
  border-radius:7px;
  background:#ffffff;
  padding:0 15px;
  color:#0b2742;
  font:400 .95rem "Inter",sans-serif;
  outline:none;
  box-shadow:0 3px 10px rgba(11,39,66,.05);
}

.captcha-input-wrap input:focus{
  border-color:#2350ff;
  box-shadow:0 0 0 3px rgba(35,80,255,.10);
}

.captcha-message{
  min-height:18px;
  font-size:.78rem;
  color:#b33a3a;
}

.captcha-message.is-valid{
  color:#15803d;
}

/* ===== V22 contained contact/support section ===== */
.contact-support-shell{
  background:#f3f5f8;
  padding:56px 5vw;
  border-top:1px solid rgba(11,39,66,.08);
}

.contact-support-container{
  width:min(1180px,100%);
  margin:0 auto;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(11,39,66,.08);
  background:#f3f5f8;
}

.contact-support-section{
  min-height:520px;
}

.contact-map-wrap{
  min-height:520px;
}

.contact-map{
  min-height:520px;
}

@media(max-width:900px){
  .captcha-row{
    grid-template-columns:1fr;
    justify-items:center;
  }

  .captcha-input-wrap{
    width:min(100%,360px);
  }

  .contact-support-shell{
    padding:38px 5vw;
  }

  .contact-support-container{
    border-radius:16px;
  }
}


/* ===== V23 CAPTCHA vertical layout ===== */
.captcha-row{
  grid-column:1/-1;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px 0 4px;
}

.captcha-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.captcha-input-wrap{
  width:190px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.captcha-input-wrap input{
  width:100%;
  box-sizing:border-box;
}

.captcha-refresh{
  order:3;
}

.captcha-box{
  order:1;
}

.captcha-input-wrap{
  order:2;
}

/* ===== V23 contact section contained, footer full width ===== */
.contact-support-shell{
  width:100%;
  box-sizing:border-box;
}

.contact-support-container{
  width:min(1180px,calc(100% - 10vw));
  margin:0 auto;
}

.site-footer{
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
}

.site-footer .footer-main,
.site-footer .footer-bottom{
  width:min(1280px,89%);
  margin-left:auto;
  margin-right:auto;
}

@media(max-width:900px){
  .contact-support-container{
    width:min(100%,calc(100% - 8vw));
  }

  .captcha-input-wrap{
    width:min(100%,260px);
  }
}


/* ===== V24 footer and support separation ===== */
.contact-support-shell{
  display:block;
  width:100%;
  margin:0;
  padding:56px 5vw;
  background:#f3f5f8;
  border-top:1px solid rgba(11,39,66,.08);
  box-sizing:border-box;
}

.contact-support-container{
  width:min(1180px,100%);
  margin:0 auto;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(11,39,66,.08);
  background:#f3f5f8;
}

.site-footer{
  display:block;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:58px 5.5vw 26px !important;
  background:#0d2039 !important;
  box-sizing:border-box;
  clear:both;
}

.site-footer .footer-main{
  width:100%;
  max-width:1280px;
  margin:0 auto;
}

.site-footer .footer-bottom{
  width:100%;
  max-width:1280px;
  margin:56px auto 0;
}

/* ===== V24 CAPTCHA order: image -> button -> input ===== */
.captcha-row{
  grid-column:1/-1;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px 0 4px;
}

.captcha-box{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  order:1;
}

.captcha-refresh{
  order:initial !important;
}

.captcha-input-wrap{
  order:2;
  width:190px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

@media(max-width:900px){
  .contact-support-shell{
    padding:38px 5vw;
  }

  .contact-support-container{
    width:100%;
  }

  .captcha-input-wrap{
    width:min(100%,260px);
  }
}


/* ===== V25 CAPTCHA spacing/order ===== */
.captcha-row{
  grid-column:1/-1;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0 !important;
  padding:34px 0 26px !important;
}

.captcha-box{
  order:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:26px;
}

.captcha-input-wrap{
  order:2;
  width:190px;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:24px;
}

.captcha-input-wrap input{
  height:46px;
}

.captcha-refresh{
  order:3;
  min-width:150px;
  min-height:42px;
  margin-bottom:28px;
}

.form-submit-row{
  padding-top:4px !important;
  padding-bottom:10px;
}

.contact-submit{
  min-width:140px;
  height:48px;
}

@media(max-width:520px){
  .captcha-row{
    padding:30px 0 22px !important;
  }

  .captcha-box{
    margin-bottom:22px;
  }

  .captcha-input-wrap{
    margin-bottom:22px;
  }

  .captcha-refresh{
    margin-bottom:24px;
  }
}


/* ===== V26 definitive CAPTCHA order ===== */
.captcha-row{
  grid-column:1/-1;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:34px 0 26px !important;
}

.captcha-image-block{
  order:1 !important;
  margin:0 0 24px 0 !important;
}

.captcha-input-wrap{
  order:2 !important;
  width:190px !important;
  margin:0 0 24px 0 !important;
}

.captcha-button-wrap{
  order:3 !important;
  display:flex;
  justify-content:center;
  width:100%;
  margin:0 0 30px 0;
}

.captcha-refresh{
  order:initial !important;
  margin:0 !important;
  min-width:150px;
  min-height:42px;
}

.form-submit-row{
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  padding-top:0 !important;
  padding-bottom:8px;
}

/* ===== V26 smaller map/support section ===== */
.contact-support-shell{
  padding:38px 5vw !important;
}

.contact-support-container{
  width:min(1040px,100%) !important;
  border-radius:18px !important;
}

.contact-support-section{
  min-height:420px !important;
  grid-template-columns:1.08fr .92fr !important;
}

.contact-map-wrap{
  min-height:420px !important;
}

.contact-map{
  min-height:420px !important;
}

.contact-support-info{
  padding:34px 38px !important;
  gap:18px !important;
}

.contact-info-block{
  gap:14px !important;
}

.contact-icon{
  width:42px !important;
  height:42px !important;
}

.contact-support-info h3{
  font-size:1.05rem !important;
  margin-bottom:6px !important;
}

.contact-support-info p{
  font-size:.86rem !important;
  line-height:1.45 !important;
  margin-bottom:10px !important;
}

.support-portal-btn{
  min-height:42px !important;
  margin:3px 0 10px !important;
}

@media(max-width:900px){
  .contact-support-container{
    width:100% !important;
  }

  .contact-support-section{
    grid-template-columns:1fr !important;
  }

  .contact-map-wrap,
  .contact-map{
    min-height:340px !important;
  }

  .contact-support-info{
    padding:30px 7vw !important;
  }
}


/* ===== V27 compact CAPTCHA spacing ===== */
.captcha-row{
  grid-column:1/-1;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:18px 0 12px !important;
}

.captcha-image-block,
.captcha-box{
  order:1 !important;
  margin:0 !important;
}

.captcha-input-wrap{
  order:2 !important;
  width:190px !important;
  margin:0 !important;
  gap:4px !important;
}

.captcha-button-wrap{
  order:3 !important;
  width:auto !important;
  margin:0 !important;
}

.captcha-refresh{
  margin:0 !important;
  min-width:150px;
  min-height:42px;
}

.form-submit-row{
  padding:8px 0 4px !important;
  margin:0 !important;
}

.contact-submit{
  margin:0 !important;
}


/* ===== V28 smoother navigation transition ===== */
#geo-nav-wipe{
  opacity:1;
}

#geo-nav-wipe .geo-nav-wipe-panel{
  box-shadow:18px 0 48px rgba(0,0,0,.16);
}

#geo-nav-wipe .geo-nav-wipe-bar{
  width:14px !important;
  box-shadow:
    10px 0 34px rgba(255,122,0,.28),
    -4px 0 16px rgba(255,122,0,.12) !important;
}


/* ===== V29 continuous page transition ===== */
#geo-nav-wipe{
  position:fixed;
  inset:0;
  z-index:2147483647;
  pointer-events:none;
  overflow:hidden;
  visibility:hidden;
}

#geo-nav-wipe .geo-nav-wipe-panel{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 75% 32%,rgba(255,122,0,.10),transparent 30%),
    #061322;
  transform:translate3d(-100%,0,0);
  will-change:transform;
}

#geo-nav-wipe .geo-nav-wipe-bar{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:14px;
  background:#ff7a00;
  box-shadow:
    10px 0 34px rgba(255,122,0,.28),
    -4px 0 16px rgba(255,122,0,.12);
  transform:translate3d(-20px,0,0);
  will-change:transform;
}

/*
  This class is added inside <head>, before the page is painted.
  That prevents the destination page from flashing before JS starts.
*/
html.geo-transition-entry #geo-nav-wipe{
  visibility:visible;
}

html.geo-transition-entry #geo-nav-wipe .geo-nav-wipe-panel{
  transform:translate3d(0,0,0);
}

html.geo-transition-entry #geo-nav-wipe .geo-nav-wipe-bar{
  transform:translate3d(calc(100vw - 14px),0,0);
}


/* ===== V34 Blender frame sequence hero ===== */
.blender-sequence-wrap{
  position:relative;
  z-index:5;
  width:min(760px,58vw);
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
}

.truck-sequence-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:3;
  opacity:0;
  transition:opacity .25s ease;
  filter:drop-shadow(0 34px 34px rgba(0,0,0,.30));
}

.truck-sequence-canvas.is-ready{
  opacity:1;
}

.sequence-fallback{
  position:relative;
  z-index:2;
  width:100% !important;
  height:100%;
  object-fit:contain;
  opacity:1;
  transition:opacity .25s ease;
}

.sequence-fallback.is-hidden{
  opacity:0;
  pointer-events:none;
}

.sequence-loading{
  position:absolute;
  left:50%;
  bottom:6%;
  transform:translateX(-50%);
  z-index:8;
  width:54px;
  height:4px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.10);
  opacity:0;
  transition:opacity .2s ease;
}

.sequence-loading.is-visible{
  opacity:1;
}

.sequence-loading span{
  display:block;
  width:40%;
  height:100%;
  border-radius:inherit;
  background:var(--orange);
  animation:sequenceLoad 1s ease-in-out infinite alternate;
}

@keyframes sequenceLoad{
  from{transform:translateX(-30%)}
  to{transform:translateX(180%)}
}

@media(max-width:900px){
  .blender-sequence-wrap{
    width:98vw;
    max-width:720px;
  }
}


/* ===== V35 premium 2.5D hero motion ===== */
.motion2d-wrap{
  position:relative;
  z-index:5;
  width:min(760px,58vw);
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  isolation:isolate;
  perspective:1000px;
  transform-style:preserve-3d;
}

.motion2d-depth,
.motion2d-road,
.truck-layer,
.telemetry-overlay{
  position:absolute;
  inset:0;
}

.motion2d-back{
  z-index:0;
  overflow:hidden;
  border-radius:45%;
  transform:translateZ(-70px) scale(1.08);
}

.motion2d-horizon{
  position:absolute;
  left:2%;
  right:2%;
  bottom:31%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,155,214,.34),rgba(255,122,0,.30),transparent);
  filter:blur(.2px);
}

.motion2d-light{
  position:absolute;
  width:330px;
  height:330px;
  border-radius:50%;
  filter:blur(64px);
  opacity:.16;
  mix-blend-mode:screen;
}

.light-blue{
  left:4%;
  top:9%;
  background:#2f7cff;
}

.light-orange{
  right:0;
  bottom:7%;
  background:#ff7a00;
  opacity:.13;
}

.motion2d-road{
  z-index:1;
  overflow:hidden;
  transform:perspective(680px) rotateX(68deg) translateY(38%) scaleX(1.16);
  transform-origin:center bottom;
  opacity:.78;
}

.road-glow{
  position:absolute;
  left:8%;
  right:6%;
  bottom:17%;
  height:38%;
  background:radial-gradient(ellipse at center,rgba(74,132,183,.16),rgba(6,19,34,0) 70%);
}

.road-streak{
  position:absolute;
  bottom:18%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),rgba(255,122,0,.45),transparent);
  filter:blur(.3px);
}

.rs1{left:0;width:42%}
.rs2{right:-8%;width:58%;bottom:24%}
.rs3{left:28%;width:48%;bottom:31%;opacity:.5}

.truck-layer{
  z-index:4;
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
  will-change:transform;
}

.motion2d-truck{
  width:min(700px,54vw);
  max-width:94%;
  position:relative;
  z-index:3;
  filter:
    drop-shadow(0 42px 34px rgba(0,0,0,.40))
    drop-shadow(0 0 18px rgba(77,139,209,.09));
  will-change:transform,filter;
}

.motion2d-shadow{
  z-index:2;
  left:18%;
  right:7%;
  bottom:13%;
  height:36px;
  opacity:.9;
  will-change:transform,opacity;
}

.truck-light-pass{
  position:absolute;
  z-index:5;
  top:13%;
  bottom:16%;
  width:28%;
  left:-34%;
  transform:skewX(-14deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(84,151,255,.02),
    rgba(255,255,255,.22),
    rgba(255,122,0,.06),
    transparent
  );
  filter:blur(12px);
  mix-blend-mode:screen;
  pointer-events:none;
}

.truck-headlight{
  position:absolute;
  z-index:6;
  width:74px;
  height:18px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(209,230,255,.80),rgba(77,139,209,.18) 38%,transparent 72%);
  filter:blur(5px);
  opacity:.0;
  mix-blend-mode:screen;
}

.truck-headlight.h1{left:15%;bottom:31%}
.truck-headlight.h2{left:22%;bottom:28%}

.telemetry-overlay{
  z-index:7;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  opacity:.68;
  filter:drop-shadow(0 0 8px rgba(255,122,0,.12));
}

.telemetry-line{
  fill:none;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-dasharray:8 11;
}

.telemetry-line-a{stroke:rgba(255,122,0,.55)}
.telemetry-line-b{stroke:rgba(75,146,255,.42)}

.telemetry-node{
  fill:#ff7a00;
  opacity:.8;
  filter:drop-shadow(0 0 7px rgba(255,122,0,.75));
}

.node-c{fill:#5595ff}

.motion2d-label{
  position:absolute;
  z-index:8;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(5,22,37,.60);
  backdrop-filter:blur(9px);
  color:#c8d5df;
  font-size:.51rem;
  font-weight:700;
  letter-spacing:.12em;
  box-shadow:0 12px 32px rgba(0,0,0,.16);
}

.motion2d-label i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 4px rgba(255,122,0,.11),0 0 14px rgba(255,122,0,.48);
}

.label-gps{left:23%;top:16%}
.label-route{right:10%;bottom:21%}
.label-route i{background:#5595ff;box-shadow:0 0 0 4px rgba(85,149,255,.10),0 0 14px rgba(85,149,255,.42)}

@media(max-width:900px){
  .motion2d-wrap{
    width:98vw;
    max-width:720px;
  }

  .motion2d-truck{
    width:92vw;
  }

  .motion2d-label{
    transform:scale(.88);
  }

  .label-gps{left:12%}
  .label-route{right:4%}
}


/* ===== V36 story route becomes a road ===== */
.route-map{
  position:absolute;
  inset:8% 3%;
  width:94%;
  height:84%;
  overflow:visible;
}

.route-map path{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.road-shadow{
  stroke:rgba(0,0,0,.32);
  stroke-width:82;
  filter:blur(18px);
  opacity:.48;
}

.road-glow-route{
  stroke:rgba(45,122,210,.18);
  stroke-width:72;
  filter:blur(10px);
  opacity:.5;
}

.road-surface{
  stroke:#132b41;
  stroke-width:60;
  opacity:.96;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.18));
}

.road-edge-outer{
  stroke:rgba(255,255,255,.12);
  stroke-width:61.5;
  opacity:.75;
}

.road-edge-inner{
  stroke:rgba(255,255,255,.08);
  stroke-width:46;
  opacity:.6;
}

.road-centerline{
  stroke:rgba(255,122,0,.92);
  stroke-width:3.2;
  stroke-dasharray:10 16;
  opacity:.95;
  filter:drop-shadow(0 0 9px rgba(255,122,0,.35));
}

.route-destination-ring{
  fill:none;
  stroke:rgba(255,122,0,.22);
  stroke-width:7;
}

.route-end{
  fill:var(--orange);
  filter:drop-shadow(0 0 10px rgba(255,122,0,.5));
}

/* make sure the truck visually sits on the road */
.vehicle-story-wrap{
  z-index:6;
}


/* ===== V37 top-down road style for scroll story ===== */
.topdown-road-map{
  position:absolute;
  inset:8% 3%;
  width:94%;
  height:84%;
  overflow:visible;
  opacity:1 !important;
}

.topdown-road-map path,
.topdown-road-map circle{
  vector-effect:non-scaling-stroke;
}

.topdown-road-map .road-bed{
  fill:none;
  stroke:#010203;
  stroke-width:88;
  opacity:1;
  filter:url(#softRoadShadow);
}

.topdown-road-map .road-outline{
  fill:none;
  stroke:#12161b;
  stroke-width:82;
  opacity:1;
}

.topdown-road-map .road-surface{
  fill:none;
  stroke:#050608;
  stroke-width:74;
  opacity:1;
}

.topdown-road-map .road-lane{
  fill:none;
  stroke:#1b2026;
  stroke-width:4.5;
  stroke-linecap:butt;
  stroke-dasharray:16 26;
  opacity:.95;
}

.topdown-road-map .road-lane-1{
  transform:translateY(-15px);
}

.topdown-road-map .road-lane-2{
  transform:translateY(15px);
}

.topdown-road-map .road-center-guide{
  fill:none;
  stroke:transparent;
  stroke-width:4;
}

.topdown-road-map .route-destination-ring{
  fill:#f7f7f7;
  stroke:#d9d9d9;
  stroke-width:2;
  opacity:.95;
}

.topdown-road-map .route-end{
  fill:#0b0b0c;
  stroke:none;
}

/* Reduce the old “map” look so the road becomes the hero */
.map-grid{
  opacity:.10 !important;
  transform:none !important;
}

.map-label{
  opacity:.14 !important;
  letter-spacing:.18em;
}

/* Make the truck sit more naturally over the road */
.vehicle-story-wrap{
  z-index:6;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.28));
}

.vehicle-beacon{
  opacity:.55;
}

@media (max-width: 900px){
  .topdown-road-map .road-bed{stroke-width:74}
  .topdown-road-map .road-outline{stroke-width:69}
  .topdown-road-map .road-surface{stroke-width:62}
  .topdown-road-map .road-lane{stroke-width:3.5;stroke-dasharray:12 20}
  .topdown-road-map .road-lane-1{transform:translateY(-12px)}
  .topdown-road-map .road-lane-2{transform:translateY(12px)}
}





/* ===== V39 fix top-view truck crop ===== */
.topview-story-truck{
  width:300px !important;
  height:auto !important;
  image-rendering:auto;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.36)) !important;
}

@media(max-width:900px){
  .topview-story-truck{
    width:220px !important;
  }
}


/* ===== V40 smoother story ending + access color ===== */

/* Keep the truck transform stable as the pinned story releases. */
.vehicle-story-wrap{
  will-change:left,top,transform;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}

.topview-story-truck{
  transform-origin:50% 50% !important;
  backface-visibility:hidden;
  will-change:transform,filter;
}

/* Make Plataformas GPS use the same blue as the other Accesos links. */
.access-platforms-btn{
  color:#1641e8 !important;
  font-weight:650 !important;
}

.access-platforms-btn:hover{
  color:#0b2dbb !important;
}

.access-platforms-btn .access-side-chevron{
  border-color:#1641e8 !important;
}




/* ===== V41 truck jump fix ===== */
.vehicle-story-wrap,
.topview-story-truck{
  will-change: transform, left, top;
}

.vehicle-story-wrap{
  transition:none !important;
}


/* ===== V42 unified dropdowns, no separators, soft section gradients ===== */

/* Header / nav cleanup */
.topbar{
  border-bottom:0 !important;
  box-shadow:none !important;
}

.topbar::after,
.topbar::before,
header.topbar::after,
header.topbar::before,
.main-nav::after,
.main-nav::before{
  display:none !important;
  content:none !important;
}

.main-nav > a,
.nav-more-btn,
.nav-access-btn{
  position:relative;
}

/* Remove hard divider lines that were showing between sections */
section,
.section,
.panel,
.story,
.hero,
.hero-subsection,
.feature-block,
.product-showcase,
.content-band,
.page-shell > section{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none;
}

section::before,
section::after,
.section::before,
.section::after,
.story::before,
.story::after,
.hero::before,
.hero::after{
  border:0 !important;
}

/* Shared dropdown surface for Novedades and Accesos */
.nav-more,
.nav-access{
  position:relative;
}

.nav-more-menu,
.access-menu,
.access-platforms-menu{
  background:linear-gradient(180deg,#06203a 0%, #082847 100%) !important;
  color:#eaf2ff !important;
  border:1px solid rgba(121,160,210,.22) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  border-radius:18px !important;
  overflow:hidden;
}

/* Main first-level submenu links */
.nav-more-menu a,
.access-menu > a,
.access-platforms-btn,
.access-platforms-menu a{
  color:#eaf2ff !important;
  font-weight:600 !important;
  background:transparent !important;
}

.nav-more-menu a:hover,
.access-menu > a:hover,
.access-platforms-btn:hover,
.access-platforms-menu a:hover{
  background:rgba(255,255,255,.06) !important;
  color:#ffffff !important;
}

/* Match spacing and structure */
.nav-more-menu{
  padding:12px !important;
  min-width:190px !important;
}

.access-menu{
  width:270px !important;
  padding:12px !important;
}

.access-platforms-menu{
  width:185px !important;
  padding:10px !important;
}

/* Reposition nested menu nicely */
.access-platforms{
  position:relative;
}

.access-platforms-menu{
  position:absolute;
  left:calc(100% + 12px) !important;
  top:-12px !important;
  right:auto !important;
  opacity:0;
  visibility:hidden;
  transform:translateX(-6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:121;
}

.access-platforms:hover > .access-platforms-menu,
.access-platforms:focus-within > .access-platforms-menu,
.access-platforms.open > .access-platforms-menu{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}

/* Buttons visually same as text links */
.nav-access-btn,
.nav-more-btn,
.access-platforms-btn{
  appearance:none;
  border:0;
  background:transparent;
  font:inherit;
  cursor:pointer;
}

.nav-access-btn{
  color:inherit !important;
  padding:10px 0;
  display:flex;
  align-items:center;
  gap:8px;
}

.access-platforms-btn{
  width:100%;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:40px;
  padding:10px 12px !important;
  border-radius:10px !important;
}

/* Arrow fixes */
.more-chevron,
.access-chevron,
.access-side-chevron{
  width:8px !important;
  height:8px !important;
  display:inline-block;
  box-sizing:border-box;
  border-right:1.8px solid currentColor !important;
  border-bottom:1.8px solid currentColor !important;
  transition:transform .22s ease;
}

.more-chevron{
  transform:rotate(45deg) translateY(-2px) !important;
  color:var(--orange);
}

.nav-more:hover .more-chevron,
.nav-more:focus-within .more-chevron,
.nav-more.open .more-chevron{
  transform:rotate(225deg) translate(1px,1px) !important;
}

.access-chevron{
  transform:rotate(45deg) translateY(-2px) !important;
  color:var(--orange);
}

.nav-access:hover .access-chevron,
.nav-access:focus-within .access-chevron,
.nav-access.open .access-chevron{
  transform:rotate(225deg) translate(1px,1px) !important;
}

.access-side-chevron{
  transform:rotate(-45deg) !important;
  color:#9ec3ff;
  margin-left:10px;
}

.access-platforms:hover .access-side-chevron,
.access-platforms:focus-within .access-side-chevron,
.access-platforms.open .access-side-chevron{
  transform:rotate(45deg) !important;
}

/* Keep dropdown text blue accent only where desired? No: match Novedades fully */
.access-menu > a,
.access-platforms-btn,
.access-platforms-menu a{
  min-height:40px;
  padding:10px 12px !important;
  border-radius:10px !important;
  line-height:1.25;
  text-decoration:none;
}

/* Ensure "Plataformas GPS" same color as Novedades */
.access-platforms-btn{
  color:#eaf2ff !important;
}

/* Touch/menu open states */
.nav-access.open > .access-menu,
.nav-access:hover > .access-menu,
.nav-access:focus-within > .access-menu{
  opacity:1 !important;
  visibility:visible !important;
}

.nav-more.open > .nav-more-menu,
.nav-more:hover > .nav-more-menu,
.nav-more:focus-within > .nav-more-menu{
  opacity:1 !important;
  visibility:visible !important;
}

/* Soft color transitions between strongly different sections */
main > section,
.page-shell > section{
  position:relative;
  z-index:0;
}

/* default disabled; activated by JS class */
main > section.section-transition::before,
.page-shell > section.section-transition::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-58px;
  height:118px;
  pointer-events:none;
  z-index:1;
  background:var(--transition-gradient, linear-gradient(to bottom, transparent, transparent));
}

/* stronger smoothing for very light -> dark changes */
main > section.section-transition.section-transition-strong::before,
.page-shell > section.section-transition.section-transition-strong::before{
  top:-70px;
  height:140px;
}

/* slightly tuck content above gradient overlay */
main > section > *,
.page-shell > section > *{
  position:relative;
  z-index:2;
}

/* Mobile handling for nested menu */
@media(max-width:980px){
  .access-menu{
    right:0 !important;
    left:auto !important;
    transform:translateY(8px) !important;
  }

  .nav-access:hover > .access-menu,
  .nav-access:focus-within > .access-menu,
  .nav-access.open > .access-menu{
    transform:translateX(-50%) translateY(0) !important;
  }

  .access-platforms-menu{
    left:auto !important;
    right:calc(100% + 10px) !important;
    top:-10px !important;
  }
}

@media(max-width:600px){
  .nav-access{
    display:none;
  }
}


/* ===== V43 fix Accesos vertical layout ===== */
.access-menu{
  display:block !important;
  width:280px !important;
  min-width:280px !important;
  padding:12px !important;
}

.access-menu > a,
.access-menu > .access-platforms{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  float:none !important;
  clear:both !important;
  margin:0 !important;
}

.access-menu > a{
  min-height:42px !important;
  padding:11px 13px !important;
  white-space:nowrap !important;
}

.access-platforms{
  width:100% !important;
}

.access-platforms-btn{
  display:flex !important;
  width:100% !important;
  min-height:42px !important;
  padding:11px 13px !important;
  white-space:nowrap !important;
}

.access-platforms-menu{
  display:block !important;
}

.access-platforms-menu a{
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
}

/* ===== V43 visible section color transitions ===== */

/*
  Homepage sections are direct children of BODY, so the gradient overlay
  must also support body > section.
*/
body > section.section-transition{
  position:relative;
}

body > section.section-transition::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:150px;
  pointer-events:none;
  z-index:1;
  background:var(--transition-gradient, transparent);
}

body > section.section-transition > *{
  position:relative;
  z-index:2;
}

/* Strongest homepage transitions get explicit gradients so they always show. */

/* Dark camera/video section -> light passenger section */
.passenger-section{
  background:
    linear-gradient(
      to bottom,
      #061322 0px,
      #263849 34px,
      #8795a0 72px,
      #d9dfe4 108px,
      #f3f6f8 155px,
      #f3f6f8 100%
    ) !important;
  padding-top:calc(10vh + 55px) !important;
}

/* Light passenger section -> dark fuel section */
.fuel{
  background:
    linear-gradient(
      to bottom,
      #f3f6f8 0px,
      #d8dfe4 32px,
      #788896 78px,
      #23394b 116px,
      #061322 165px,
      #061322 100%
    ) !important;
  padding-top:calc(10vh + 55px) !important;
}

/* Dark sections -> ERP navy */
.erp-section{
  background:
    linear-gradient(
      to bottom,
      #061322 0px,
      #08182a 60px,
      #0a1d30 125px,
      #0a1d30 100%
    ) !important;
}

/* Light support block after dark contact area */
.contact-support-shell{
  background:
    linear-gradient(
      to bottom,
      #061322 0px,
      #34495a 45px,
      #b8c1c9 95px,
      #f3f5f8 145px,
      #f3f5f8 100%
    ) !important;
  padding-top:calc(38px + 90px) !important;
}

/* Avoid fake horizontal seam lines at section changes */
.passenger-section,
.fuel,
.erp-section,
.contact-support-shell{
  border-top:0 !important;
  box-shadow:none !important;
}


/* ===== V44 Accesos hover behavior + clean map section ===== */

/* Accesos must be hidden unless the actual nav item is hovered. */
.access-menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate(-50%,8px) !important;
}

/* Desktop: only hover opens it. */
@media (hover:hover) and (pointer:fine){
  .nav-access:hover > .access-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,0) !important;
  }

  /* Explicitly neutralize sticky focus/open states on desktop. */
  .nav-access.open:not(:hover) > .access-menu,
  .nav-access:focus-within:not(:hover) > .access-menu{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-50%,8px) !important;
  }
}

/* Touch devices can still use the click-open class. */
@media (hover:none), (pointer:coarse){
  .nav-access.open > .access-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,0) !important;
  }
}

/* Nested GPS platform menu stays hidden until its row is hovered/opened. */
.access-platforms-menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.access-platforms:hover > .access-platforms-menu,
.access-platforms.open > .access-platforms-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* MAP / SUPPORT: no transition gradient here. */
.contact-support-shell{
  background:#f3f5f8 !important;
  padding-top:38px !important;
}

.contact-support-shell::before,
.contact-support-shell::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

.contact-support-shell.section-transition::before,
.contact-support-shell.section-transition-strong::before{
  display:none !important;
  content:none !important;
}

.contact-support-shell{
  --transition-gradient:transparent !important;
}


/* ===== V45 header alignment + Accesos position fix ===== */

/* Keep logo left and the entire navigation group together on the right */
.topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.topbar .logo{
  flex:0 0 auto !important;
}

.main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:20px !important;
  margin-left:auto !important;
  flex:0 0 auto !important;
  width:auto !important;
}

/* Make sure Accesos lives in the normal nav flow */
.nav-access{
  position:relative !important;
  display:block !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  height:auto !important;
  overflow:visible !important;
  z-index:110 !important;
}

.nav-access-btn{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:auto !important;
  line-height:1 !important;
  padding:10px 0 !important;
  margin:0 !important;
  color:inherit !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  top:auto !important;
  left:auto !important;
}

/* Accesos dropdown should start directly under the visible label */
.access-menu{
  top:calc(100% + 8px) !important;
  left:50% !important;
  right:auto !important;
  transform:translate(-50%,8px) !important;
  margin:0 !important;
  z-index:130 !important;
}

@media (hover:hover) and (pointer:fine){
  .nav-access:hover > .access-menu{
    transform:translate(-50%,0) !important;
  }
}

/* Keep the CTA attached to the nav group */
.main-nav > .pill{
  margin-left:8px !important;
  flex:0 0 auto !important;
}

/* Prevent old rules from centering nav contents across the header */
.topbar nav{
  width:auto !important;
  max-width:none !important;
  margin-right:0 !important;
}

/* Ensure all first-level nav items stay vertically aligned */
.main-nav > a,
.main-nav > .nav-more,
.main-nav > .nav-access{
  align-self:center !important;
}

/* Slightly tighten spacing on narrower desktop sizes */
@media(max-width:1180px){
  .main-nav{
    gap:14px !important;
  }

  .main-nav > .pill{
    margin-left:4px !important;
  }
}

@media(max-width:980px){
  .main-nav{
    margin-left:auto !important;
    justify-content:flex-end !important;
  }

  .access-menu{
    left:auto !important;
    right:0 !important;
    transform:translateY(8px) !important;
  }

  @media (hover:hover) and (pointer:fine){
    .nav-access:hover > .access-menu{
      transform:translateY(0) !important;
    }
  }
}


/* ===== V46 header fit + visible Accesos label ===== */
.topbar{
  padding:0 2.5vw !important;
}

.topbar .logo{
  flex:0 0 auto !important;
  margin-right:18px !important;
}

.topbar .logo img{
  width:165px !important;
}

.main-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  justify-content:flex-end !important;
  gap:16px !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
}

.main-nav > a,
.nav-more-btn,
.nav-access-btn,
.main-nav > .pill{
  white-space:nowrap !important;
  flex:0 0 auto !important;
}

.main-nav > a,
.nav-more-btn,
.nav-access-btn{
  font-size:.88rem !important;
}

.main-nav > .pill{
  margin-left:12px !important;
  padding:10px 16px !important;
  font-size:.88rem !important;
}

.nav-access-btn{
  justify-content:flex-start !important;
}

/* Keep dropdown directly under its trigger */
.nav-access{
  position:relative !important;
}
.nav-access > .access-menu{
  top:calc(100% + 8px) !important;
}

/* Tighter desktop fit where the overflow was happening */
@media (max-width: 1180px){
  .topbar{
    padding:0 2vw !important;
  }

  .topbar .logo img{
    width:150px !important;
  }

  .main-nav{
    gap:12px !important;
  }

  .main-nav > a,
  .nav-more-btn,
  .nav-access-btn{
    font-size:.8rem !important;
  }

  .main-nav > .pill{
    margin-left:8px !important;
    padding:9px 14px !important;
    font-size:.8rem !important;
  }
}

@media (max-width: 1080px){
  .topbar{
    padding:0 1.5vw !important;
  }

  .topbar .logo img{
    width:142px !important;
  }

  .main-nav{
    gap:10px !important;
  }

  .main-nav > a,
  .nav-more-btn,
  .nav-access-btn{
    font-size:.76rem !important;
  }

  .main-nav > .pill{
    margin-left:6px !important;
    padding:8px 13px !important;
    font-size:.76rem !important;
  }
}


/* ===== V47 isolated header rebuild ===== */
/* These geo-* classes intentionally avoid every legacy Accesos rule. */
.topbar{
  padding:0 24px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:22px !important;
  overflow:visible !important;
}

.topbar .logo{
  grid-column:1 !important;
  margin:0 !important;
  position:relative !important;
  z-index:2 !important;
}

.topbar .logo img{
  width:150px !important;
}

.topbar .main-nav{
  grid-column:2 !important;
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  overflow:visible !important;
}

.topbar .main-nav > *{
  flex:0 0 auto !important;
}

.geo-access-nav{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  height:80px !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  z-index:200 !important;
}

.geo-access-trigger{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  position:relative !important;
  top:auto !important;
  left:auto !important;
  color:#fff !important;
  font-size:.82rem !important;
  font-weight:500 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  cursor:default !important;
  visibility:visible !important;
  opacity:1 !important;
}

.geo-access-chevron,
.geo-platforms-chevron{
  display:inline-block !important;
  width:7px !important;
  height:7px !important;
  border-right:1.5px solid #ff7a00 !important;
  border-bottom:1.5px solid #ff7a00 !important;
  box-sizing:border-box !important;
  transition:transform .2s ease !important;
}
.geo-access-chevron{transform:rotate(45deg) translateY(-1px) !important;}
.geo-access-nav:hover .geo-access-chevron{transform:rotate(225deg) translate(1px,1px) !important;}

.geo-access-menu{
  position:absolute !important;
  top:68px !important;
  right:0 !important;
  left:auto !important;
  width:280px !important;
  padding:12px !important;
  margin:0 !important;
  display:block !important;
  background:linear-gradient(180deg,#06203a 0%,#082847 100%) !important;
  border:1px solid rgba(121,160,210,.22) !important;
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) !important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease !important;
  z-index:500 !important;
  overflow:visible !important;
}

.geo-access-nav:hover > .geo-access-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

.geo-access-menu > a,
.geo-platforms-trigger,
.geo-platforms-menu a{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:42px !important;
  padding:10px 12px !important;
  margin:0 !important;
  color:#eaf2ff !important;
  background:transparent !important;
  border-radius:10px !important;
  font-size:.88rem !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}
.geo-access-menu > a:hover,
.geo-platforms-trigger:hover,
.geo-platforms-menu a:hover{background:rgba(255,255,255,.06) !important;color:#fff !important;}

.geo-platforms-nav{position:relative !important;display:block !important;width:100% !important;}
.geo-platforms-trigger{justify-content:space-between !important;cursor:default !important;}
.geo-platforms-chevron{border-color:#4a82ff !important;transform:rotate(-45deg) !important;}
.geo-platforms-nav:hover .geo-platforms-chevron{transform:rotate(45deg) !important;}

.geo-platforms-menu{
  position:absolute !important;
  top:-12px !important;
  left:calc(100% + 12px) !important;
  width:185px !important;
  padding:10px !important;
  background:linear-gradient(180deg,#06203a 0%,#082847 100%) !important;
  border:1px solid rgba(121,160,210,.22) !important;
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.25) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateX(-6px) !important;
  transition:.16s ease !important;
  z-index:510 !important;
}
.geo-platforms-nav:hover > .geo-platforms-menu{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(0) !important;}

/* Compact desktop: preserve logo, Accesos and CTA instead of overflowing. */
@media (max-width:1180px){
  .topbar{padding:0 14px !important;column-gap:14px !important;}
  .topbar .logo img{width:128px !important;}
  .topbar .main-nav{gap:11px !important;}
  .topbar .main-nav > a:not(.pill),
  .nav-more-btn,
  .geo-access-trigger{font-size:.75rem !important;}
  .topbar .pill{font-size:.76rem !important;padding:9px 13px !important;margin-left:2px !important;}
}

@media (max-width:1040px){
  /* Logo already provides a home link; hide Inicio first. */
  .topbar .main-nav > a[href="index.html"]{display:none !important;}
  .topbar .main-nav{gap:10px !important;}
}

@media (max-width:960px){
  /* Preserve the important access menus and CTA; trim secondary links. */
  .topbar .main-nav > a[href*="videos"]{display:none !important;}
  .topbar .main-nav > a[href*="pricing"]{display:none !important;}
}

@media (max-width:900px){
  .geo-access-nav{display:none !important;}
}


/* ===== V48 nav alignment + social icons ===== */

/* Make Accesos visually identical to the other header links */
.geo-access-nav{
  height:auto !important;
  align-self:center !important;
  display:flex !important;
  align-items:center !important;
}

.geo-access-trigger{
  height:auto !important;
  min-height:0 !important;
  padding:10px 0 !important;
  margin:0 !important;
  font-size:.88rem !important;
  font-weight:500 !important;
  line-height:1.2 !important;
  letter-spacing:normal !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  position:relative !important;
  top:auto !important;
  transform:none !important;
}

.main-nav > a,
.nav-more-btn,
.geo-access-trigger{
  font-size:.88rem !important;
  font-weight:500 !important;
  line-height:1.2 !important;
}

/* Novedades arrow: orange in both states */
.more-chevron{
  color:#ff7a00 !important;
  border-right-color:#ff7a00 !important;
  border-bottom-color:#ff7a00 !important;
}

.nav-more-btn .more-chevron{
  color:#ff7a00 !important;
}

/* Footer social icons */
.footer-socials{
  display:flex;
  gap:9px;
  margin-top:24px;
  flex-wrap:wrap;
}

.footer-socials a{
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#d2dfeb;
  background:transparent;
  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

.footer-socials a svg{
  width:17px;
  height:17px;
  display:block;
  fill:currentColor;
  overflow:visible;
}

.footer-socials a:hover{
  background:#2350ff;
  border-color:#2350ff;
  color:#fff;
  transform:translateY(-2px);
}

/* Instagram uses strokes too, so currentColor must propagate */
.footer-socials a svg *{
  vector-effect:non-scaling-stroke;
}

@media(max-width:1180px){
  .main-nav > a,
  .nav-more-btn,
  .geo-access-trigger{
    font-size:.80rem !important;
  }
}

@media(max-width:1080px){
  .main-nav > a,
  .nav-more-btn,
  .geo-access-trigger{
    font-size:.76rem !important;
  }
}


/* ===== V49 map/support card cleanup + correct icons ===== */

/* Main map/support container: flat, no shadow */
.contact-support-container{
  box-shadow:none !important;
}

/* Keep the clean contained look without a floating-card shadow */
.contact-support-section{
  box-shadow:none !important;
}

/* Contact icons: match the supplied reference */
.contact-icon{
  width:46px !important;
  height:46px !important;
  border-radius:5px !important;
  background:#2350ff !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:1 !important;
}

.contact-icon svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.contact-icon svg circle{
  fill:none;
}

/* The small phone home-button dot should remain visible */
.contact-icon svg circle[r=".8"]{
  fill:currentColor;
  stroke:none;
}

@media(max-width:520px){
  .contact-icon{
    width:40px !important;
    height:40px !important;
  }

  .contact-icon svg{
    width:20px;
    height:20px;
  }
}


/* ===== V50 hero road removal ===== */
.hero .road-perspective,
.hero .motion2d-road{
  display:none !important;
}


/* ===== V51 story cleanup ===== */
.scroll-story .d3,
.scroll-story .route-destination-ring,
.scroll-story .route-end{
  display:none !important;
}


/* ===== V52 reposition ignition card ===== */
.scroll-story .d3{
  display:block !important;
  left:34% !important;
  top:18% !important;
  right:auto !important;
  bottom:auto !important;
  width:190px !important;
  z-index:8 !important;
}

/* Keep it clear of the large headline and road labels */
.scroll-story .d3 strong{
  white-space:nowrap;
}

@media(max-width:1100px){
  .scroll-story .d3{
    left:31% !important;
    top:20% !important;
  }
}

@media(max-width:900px){
  .scroll-story .d3{
    left:50% !important;
    top:18% !important;
    transform:translateX(-50%);
    width:175px !important;
  }
}


/* ===== V53 hero cleanup + globe transition ===== */
.hero .motion2d-back{
  display:none !important;
}

#geo-nav-wipe{
  position:fixed;
  inset:0;
  z-index:2147483647;
  pointer-events:none;
  overflow:hidden;
  visibility:hidden;
  opacity:0;
  will-change:opacity;
}

#geo-nav-wipe .geo-nav-wipe-panel{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 45%, rgba(63,128,214,.24), transparent 24%),
    radial-gradient(circle at 50% 50%, rgba(255,122,0,.10), transparent 36%),
    linear-gradient(180deg, rgba(7,24,42,.98) 0%, rgba(6,19,34,.995) 100%);
  transform:none !important;
  opacity:0;
  will-change:opacity;
}

#geo-nav-wipe .geo-nav-wipe-bar{
  display:none !important;
}

html.geo-transition-entry #geo-nav-wipe,
#geo-nav-wipe.is-active{
  visibility:visible;
}

html.geo-transition-entry #geo-nav-wipe .geo-nav-wipe-panel,
#geo-nav-wipe.is-active .geo-nav-wipe-panel{
  opacity:1;
}

.geo-nav-globe-wrap{
  position:relative;
  z-index:2;
  width:min(320px, 72vw);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  opacity:0;
  transform:translateY(14px) scale(.88);
  will-change:transform, opacity;
}

.geo-nav-globe{
  position:relative;
  width:min(190px, 44vw);
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(148,192,255,.28);
  background:
    radial-gradient(circle at 32% 28%, rgba(121,182,255,.22), transparent 24%),
    radial-gradient(circle at 76% 70%, rgba(255,122,0,.12), transparent 22%),
    linear-gradient(180deg, rgba(14,48,82,.94) 0%, rgba(7,25,43,.98) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 24px 54px rgba(0,0,0,.32),
    0 0 64px rgba(67,123,212,.18);
}

.geo-nav-globe::before,
.geo-nav-globe::after{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  border:1px solid rgba(145,184,233,.12);
}

.geo-nav-globe::after{
  inset:0;
  border:none;
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.08) 50%, transparent 100%);
  transform:translateX(-130%) skewX(-18deg);
  animation:geoGlobeSweep 2.8s linear infinite;
  opacity:.5;
}

.geo-globe-ring,
.geo-globe-lat,
.geo-globe-lon,
.geo-track-arc,
.geo-track-dot,
.geo-track-pulse{
  position:absolute;
}

.geo-globe-ring{
  border-radius:50%;
  border:1px solid rgba(122,170,228,.18);
}
.ring-outer{ inset:7%; }
.ring-mid{ inset:18%; opacity:.9; }
.ring-inner{ inset:31%; opacity:.8; }

.geo-globe-lat{
  left:11%; right:11%;
  border-top:1px solid rgba(122,170,228,.18);
  border-radius:50%;
}
.lat-1{ top:28%; height:18%; }
.lat-2{ top:45%; height:10%; }
.lat-3{ top:60%; height:18%; }

.geo-globe-lon{
  top:10%; bottom:10%;
  border-left:1px solid rgba(122,170,228,.16);
  border-radius:50%;
}
.lon-1{ left:30%; width:18%; }
.lon-2{ left:49.5%; width:1px; border-left-color:rgba(173,203,246,.20); }
.lon-3{ right:30%; width:18%; }

.geo-track-arc{
  border-radius:50%;
  border:2px dashed transparent;
  opacity:.75;
  animation:geoOrbitRotate 5.5s linear infinite;
}
.arc-1{
  inset:16%;
  border-top-color:rgba(255,122,0,.58);
  border-right-color:rgba(255,122,0,.18);
}
.arc-2{
  inset:24%;
  border-left-color:rgba(99,155,255,.42);
  border-bottom-color:rgba(99,155,255,.18);
  animation-direction:reverse;
  animation-duration:4.6s;
}

.geo-track-dot,
.geo-track-pulse{
  width:9px;
  height:9px;
  border-radius:50%;
}
.geo-track-dot{
  background:#ff7a00;
  box-shadow:0 0 0 5px rgba(255,122,0,.08), 0 0 14px rgba(255,122,0,.55);
  animation:geoDotBlink 1.8s ease-in-out infinite;
}
.dot-1{ left:27%; top:34%; }
.dot-2{ left:62%; top:28%; animation-delay:.35s; }
.dot-3{ left:58%; top:63%; background:#69a2ff; box-shadow:0 0 0 5px rgba(99,155,255,.08), 0 0 14px rgba(99,155,255,.48); animation-delay:.7s; }

.geo-track-pulse{
  border:1px solid rgba(255,122,0,.35);
  opacity:.0;
  transform:scale(.7);
  animation:geoPulse 1.8s ease-out infinite;
}
.pulse-1{ left:27%; top:34%; }
.pulse-2{ left:62%; top:28%; animation-delay:.35s; }
.pulse-3{ left:58%; top:63%; border-color:rgba(99,155,255,.35); animation-delay:.7s; }

.geo-nav-globe-label{
  font-family:"Space Grotesk", sans-serif;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#cbd8e2;
  opacity:.9;
}

@keyframes geoOrbitRotate{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes geoDotBlink{
  0%,100%{ transform:scale(1); opacity:1; }
  50%{ transform:scale(1.28); opacity:.72; }
}

@keyframes geoPulse{
  0%{ transform:scale(.7); opacity:.0; }
  18%{ opacity:.42; }
  100%{ transform:scale(2.7); opacity:0; }
}

@keyframes geoGlobeSweep{
  0%{ transform:translateX(-130%) skewX(-18deg); }
  100%{ transform:translateX(130%) skewX(-18deg); }
}

@media (max-width: 640px){
  .geo-nav-globe-wrap{ gap:14px; }
  .geo-nav-globe-label{ font-size:.7rem; letter-spacing:.18em; }
}


/* ===== V54 premium realistic globe transition ===== */
#geo-nav-wipe .geo-nav-wipe-panel{
  background:
    radial-gradient(circle at 50% 42%, rgba(62,119,201,.28) 0%, rgba(62,119,201,.12) 18%, transparent 38%),
    radial-gradient(circle at 50% 66%, rgba(255,122,0,.10) 0%, transparent 32%),
    radial-gradient(circle at 15% 18%, rgba(113,164,255,.10) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 28%, rgba(255,255,255,.10) 0 1px, transparent 1.7px),
    radial-gradient(circle at 26% 74%, rgba(255,255,255,.08) 0 1px, transparent 1.5px),
    radial-gradient(circle at 86% 72%, rgba(110,162,255,.10) 0 1px, transparent 1.8px),
    linear-gradient(180deg, rgba(5,19,35,.985) 0%, rgba(4,15,29,.995) 100%);
}

.geo-nav-globe-wrap{
  width:min(380px, 82vw);
  gap:20px;
}

.geo-nav-globe-wrap::before,
.geo-nav-globe-wrap::after{
  content:"";
  position:absolute;
  inset:auto 50% 18% auto;
  transform:translateX(50%);
  border-radius:50%;
  pointer-events:none;
}

.geo-nav-globe-wrap::before{
  width:min(300px, 64vw);
  height:min(300px, 64vw);
  background:radial-gradient(circle, rgba(73,133,228,.26) 0%, rgba(73,133,228,.08) 40%, transparent 68%);
  filter:blur(10px);
  opacity:.9;
}

.geo-nav-globe-wrap::after{
  width:min(420px, 92vw);
  height:60px;
  background:radial-gradient(ellipse at center, rgba(7,34,64,.54) 0%, rgba(7,34,64,.18) 48%, transparent 72%);
  bottom:-8px;
  transform:translateX(50%);
  filter:blur(12px);
}

.geo-nav-globe{
  width:min(228px, 52vw);
  border:1px solid rgba(161,199,255,.30);
  background:
    radial-gradient(circle at 32% 26%, rgba(155,209,255,.25) 0%, rgba(155,209,255,.10) 14%, transparent 28%),
    radial-gradient(circle at 72% 74%, rgba(255,122,0,.14) 0%, transparent 26%),
    radial-gradient(circle at 50% 50%, rgba(23,76,131,.98) 0%, rgba(11,44,79,.99) 58%, rgba(7,25,44,1) 100%);
  box-shadow:
    inset -24px -26px 60px rgba(0,0,0,.40),
    inset 18px 20px 42px rgba(143,205,255,.08),
    0 0 0 1px rgba(255,255,255,.05),
    0 20px 54px rgba(0,0,0,.34),
    0 0 82px rgba(71,132,228,.20);
  animation:geoFloat 3.6s ease-in-out infinite;
}

.geo-nav-globe::before,
.geo-nav-globe::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
}

.geo-nav-globe::before{
  inset:9%;
  background:
    radial-gradient(55% 38% at 20% 34%, rgba(72,170,153,.54) 0%, rgba(72,170,153,.54) 28%, transparent 29%),
    radial-gradient(32% 24% at 31% 56%, rgba(74,175,155,.50) 0%, rgba(74,175,155,.50) 30%, transparent 31%),
    radial-gradient(34% 22% at 58% 32%, rgba(81,184,160,.52) 0%, rgba(81,184,160,.52) 28%, transparent 29%),
    radial-gradient(23% 17% at 66% 56%, rgba(77,180,159,.48) 0%, rgba(77,180,159,.48) 34%, transparent 35%),
    radial-gradient(28% 20% at 78% 72%, rgba(70,162,148,.42) 0%, rgba(70,162,148,.42) 28%, transparent 29%);
  opacity:.75;
  filter:blur(.2px);
  transform:translateX(-10%);
  animation:geoContinentsDrift 7.2s linear infinite;
  mix-blend-mode:screen;
}

.geo-nav-globe::after{
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.30) 0%, rgba(255,255,255,.10) 12%, transparent 22%),
    radial-gradient(circle at 50% 50%, transparent 58%, rgba(255,255,255,.08) 76%, rgba(255,255,255,.02) 84%, transparent 100%),
    linear-gradient(120deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 28%, rgba(255,255,255,.05) 44%, rgba(255,255,255,0) 62%);
  transform:translateX(-18%) skewX(-10deg);
  animation:geoGlobeSweepPremium 3.8s ease-in-out infinite;
}

.geo-globe-ring{ border-color:rgba(168,203,248,.18); }
.ring-outer{ inset:5.5%; }
.ring-mid{ inset:17%; opacity:.82; }
.ring-inner{ inset:30.5%; opacity:.74; }

.geo-globe-lat,
.geo-globe-lon{
  opacity:.8;
}
.geo-globe-lat{ border-top-color:rgba(162,198,246,.18); }
.geo-globe-lon{ border-left-color:rgba(162,198,246,.15); }

.geo-track-arc{
  border-width:1.8px;
  opacity:.82;
}
.arc-1{
  inset:13%;
  border-top-color:rgba(255,122,0,.56);
  border-right-color:rgba(255,122,0,.12);
  animation-duration:6.2s;
}
.arc-2{
  inset:23%;
  border-left-color:rgba(97,154,255,.48);
  border-bottom-color:rgba(97,154,255,.14);
  animation-duration:5.4s;
}

.geo-track-dot,
.geo-track-pulse{
  width:10px;
  height:10px;
}
.geo-track-dot{
  box-shadow:0 0 0 7px rgba(255,122,0,.08), 0 0 18px rgba(255,122,0,.46);
}
.dot-3{
  box-shadow:0 0 0 7px rgba(99,155,255,.08), 0 0 18px rgba(99,155,255,.38);
}

.geo-nav-globe-label{
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.32em;
  color:rgba(214,226,239,.92);
  text-shadow:0 1px 6px rgba(0,0,0,.22);
}

@keyframes geoFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}

@keyframes geoContinentsDrift{
  0%{ transform:translateX(-16%); }
  50%{ transform:translateX(-2%); }
  100%{ transform:translateX(12%); }
}

@keyframes geoGlobeSweepPremium{
  0%,100%{ transform:translateX(-22%) skewX(-10deg); opacity:.65; }
  50%{ transform:translateX(10%) skewX(-10deg); opacity:.92; }
}

@media (max-width: 640px){
  .geo-nav-globe-wrap{ width:min(320px,84vw); gap:16px; }
  .geo-nav-globe{ width:min(198px,58vw); }
}


/* ===== V55 futuristic globe transition ===== */
#geo-nav-wipe .geo-nav-wipe-panel{
  background:
    radial-gradient(circle at 50% 50%, rgba(66,134,255,.18) 0%, rgba(66,134,255,.08) 22%, transparent 44%),
    radial-gradient(circle at 18% 16%, rgba(0,255,234,.12) 0%, transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(94,77,255,.18) 0%, transparent 26%),
    radial-gradient(circle at 72% 82%, rgba(255,122,0,.08) 0%, transparent 18%),
    linear-gradient(rgba(71,126,221,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(71,126,221,.07) 1px, transparent 1px),
    linear-gradient(180deg, #030d18 0%, #031221 42%, #040b18 100%);
  background-size:auto, auto, auto, auto, 26px 26px, 26px 26px, auto;
  animation:geoPanelPulse 2.6s ease-in-out infinite;
}

.geo-nav-globe-wrap{
  width:min(400px, 84vw);
  gap:22px;
}

.geo-nav-globe-wrap::before{
  width:min(340px, 72vw);
  height:min(340px, 72vw);
  background:
    radial-gradient(circle, rgba(64,128,255,.34) 0%, rgba(64,128,255,.14) 35%, rgba(0,255,234,.08) 56%, transparent 72%);
  filter:blur(16px);
}

.geo-nav-globe-wrap::after{
  width:min(460px, 96vw);
  height:74px;
  background:radial-gradient(ellipse at center, rgba(0,133,255,.18) 0%, rgba(0,133,255,.08) 32%, rgba(7,34,64,.10) 56%, transparent 76%);
  filter:blur(16px);
}

.geo-nav-globe{
  width:min(236px, 54vw);
  border:1px solid rgba(137,185,255,.34);
  background:
    radial-gradient(circle at 30% 24%, rgba(203,238,255,.32) 0%, rgba(203,238,255,.06) 14%, transparent 24%),
    radial-gradient(circle at 70% 70%, rgba(0,255,234,.10) 0%, transparent 22%),
    radial-gradient(circle at 50% 50%, rgba(36,98,214,1) 0%, rgba(10,42,99,1) 54%, rgba(3,14,29,1) 100%);
  box-shadow:
    inset -26px -28px 62px rgba(0,0,0,.42),
    inset 18px 18px 44px rgba(123,194,255,.12),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 28px rgba(91,143,255,.28),
    0 0 92px rgba(0,160,255,.18),
    0 22px 56px rgba(0,0,0,.36);
  animation:geoFloatFuture 3.2s ease-in-out infinite;
}

.geo-nav-globe::before{
  inset:8.5%;
  background:
    radial-gradient(54% 38% at 21% 35%, rgba(40,255,233,.62) 0%, rgba(40,255,233,.62) 24%, transparent 25%),
    radial-gradient(34% 22% at 32% 57%, rgba(0,230,255,.52) 0%, rgba(0,230,255,.52) 28%, transparent 29%),
    radial-gradient(36% 21% at 58% 31%, rgba(73,135,255,.58) 0%, rgba(73,135,255,.58) 26%, transparent 27%),
    radial-gradient(24% 18% at 66% 56%, rgba(120,93,255,.48) 0%, rgba(120,93,255,.48) 30%, transparent 31%),
    radial-gradient(29% 20% at 78% 72%, rgba(40,255,233,.34) 0%, rgba(40,255,233,.34) 24%, transparent 25%);
  opacity:.82;
  filter:blur(.3px) saturate(1.18);
  transform:translateX(-8%);
  animation:geoContinentsDriftFuture 6.8s linear infinite;
  mix-blend-mode:screen;
}

.geo-nav-globe::after{
  background:
    radial-gradient(circle at 34% 23%, rgba(255,255,255,.34) 0%, rgba(255,255,255,.14) 10%, transparent 20%),
    radial-gradient(circle at 50% 50%, transparent 58%, rgba(111,169,255,.14) 73%, rgba(255,255,255,.05) 80%, transparent 100%),
    linear-gradient(115deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 24%, rgba(0,255,234,.08) 44%, rgba(255,255,255,0) 62%);
  transform:translateX(-18%) skewX(-10deg);
  animation:geoGlobeSweepFuture 3.1s ease-in-out infinite;
}

.geo-globe-ring{
  border-color:rgba(125,178,255,.24);
  box-shadow:0 0 14px rgba(91,143,255,.08);
}
.ring-outer{ inset:5%; }
.ring-mid{ inset:16.5%; opacity:.88; }
.ring-inner{ inset:30%; opacity:.82; }

.geo-globe-lat{ border-top-color:rgba(143,192,255,.24); }
.geo-globe-lon{ border-left-color:rgba(143,192,255,.18); }

.geo-track-arc{
  border-width:2px;
  opacity:.84;
  filter:drop-shadow(0 0 8px rgba(0,170,255,.18));
}
.arc-1{
  inset:12%;
  border-top-color:rgba(0,255,234,.72);
  border-right-color:rgba(0,255,234,.14);
  animation:geoOrbitRotate 5.6s linear infinite;
}
.arc-2{
  inset:23%;
  border-left-color:rgba(102,149,255,.68);
  border-bottom-color:rgba(102,149,255,.16);
  animation:geoOrbitRotateReverse 4.9s linear infinite;
}

.geo-track-dot,
.geo-track-pulse{
  width:10px;
  height:10px;
}
.geo-track-dot{
  background:#00f0ff;
  box-shadow:0 0 0 8px rgba(0,240,255,.08), 0 0 22px rgba(0,240,255,.65), 0 0 42px rgba(0,132,255,.26);
}
.dot-2{ background:#7d8cff; box-shadow:0 0 0 8px rgba(125,140,255,.08), 0 0 22px rgba(125,140,255,.60), 0 0 42px rgba(125,140,255,.18); }
.dot-3{ background:#ff7a00; box-shadow:0 0 0 8px rgba(255,122,0,.08), 0 0 22px rgba(255,122,0,.52), 0 0 42px rgba(255,122,0,.18); }

.geo-track-pulse{
  border:1px solid rgba(0,240,255,.44);
  animation-duration:2s;
}
.pulse-2{ border-color:rgba(125,140,255,.42); }
.pulse-3{ border-color:rgba(255,122,0,.40); }

.geo-nav-globe-label{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.34em;
  color:#d7ecff;
  text-shadow:0 0 10px rgba(67,153,255,.28);
}

@keyframes geoPanelPulse{
  0%,100%{ filter:brightness(1); }
  50%{ filter:brightness(1.08); }
}
@keyframes geoFloatFuture{
  0%,100%{ transform:translateY(0) scale(1); }
  50%{ transform:translateY(-7px) scale(1.012); }
}
@keyframes geoContinentsDriftFuture{
  0%{ transform:translateX(-10%); }
  50%{ transform:translateX(0%); }
  100%{ transform:translateX(10%); }
}
@keyframes geoGlobeSweepFuture{
  0%,100%{ transform:translateX(-28%) skewX(-10deg); opacity:.64; }
  50%{ transform:translateX(14%) skewX(-10deg); opacity:1; }
}
@keyframes geoOrbitRotateReverse{
  from{ transform:rotate(360deg); }
  to{ transform:rotate(0deg); }
}

@media (max-width: 640px){
  .geo-nav-globe-wrap{ width:min(320px,84vw); gap:16px; }
  .geo-nav-globe{ width:min(198px,58vw); }
}


/* ===== V59 more 3D horizontal rotating world globe transition ===== */

/* Hide previous globe helpers if still present */
.geo-nav-globe-wrap,
.geo-nav-globe{
  display:none !important;
}

#geo-nav-wipe .geo-nav-wipe-panel{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 56%, rgba(10,24,50,.24), transparent 38%),
    linear-gradient(180deg,#02060c 0%,#040a14 52%,#02050a 100%) !important;
}

.geo-space-stars{
  display:none;
}

.geo-world-stage{
  position:absolute;
  left:50%;
  top:51%;
  width:min(420px, 37vw);
  aspect-ratio:1;
  opacity:0;
  transform:translate3d(-50%,-50%,0) scale(.9);
  transform-origin:center center;
  will-change:transform,opacity;
  perspective:2200px;
  filter:drop-shadow(0 28px 56px rgba(0,0,0,.42));
}

.geo-world-stage::before{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  bottom:3.5%;
  height:13%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(0,0,0,.64) 0%, rgba(0,0,0,.28) 46%, transparent 74%);
  filter:blur(18px);
  opacity:.82;
  transform:translateZ(-40px) scaleX(1.08);
}

.geo-world-stage::after{
  content:"";
  position:absolute;
  inset:6%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(62,128,255,.18) 0%, rgba(255,122,0,.10) 34%, transparent 66%);
  filter:blur(42px);
  opacity:.9;
  animation:geoHaloShift 4.8s ease-in-out infinite;
}

html.geo-transition-entry .geo-world-stage,
#geo-nav-wipe.is-active .geo-world-stage{
  opacity:1;
}

.geo-world-globe{
  position:absolute;
  inset:0;
  border-radius:50%;
  overflow:hidden;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 14%, transparent 22%),
    radial-gradient(circle at 30% 34%, #11233e 0%, #0a1628 24%, #060d18 42%, #03070d 68%, #010204 100%);
  border:1px solid rgba(144,180,235,.16);
  box-shadow:
    inset -160px -88px 170px rgba(0,0,0,.96),
    inset 88px 52px 110px rgba(106,156,255,.18),
    inset 30px 22px 38px rgba(255,255,255,.06),
    inset -24px -24px 40px rgba(0,0,0,.48),
    -28px 24px 86px rgba(39,101,255,.34),
    -26px 42px 140px rgba(28,95,255,.24),
    30px -28px 86px rgba(255,122,0,.22);
  transform-style:preserve-3d;
  animation:geoWorldSpinY 8.6s linear infinite, geoGlobeFloat 4.4s ease-in-out infinite;
}

.geo-world-globe::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.26), transparent 16%),
    radial-gradient(circle at 73% 18%, rgba(255,140,70,.34), transparent 18%),
    radial-gradient(circle at 23% 80%, rgba(45,122,255,.30), transparent 24%),
    radial-gradient(circle at 50% 50%, transparent 0%, transparent 56%, rgba(0,0,0,.54) 100%);
  pointer-events:none;
  z-index:1;
}

.geo-world-globe::after{
  content:"";
  position:absolute;
  inset:-1.2%;
  border-radius:50%;
  pointer-events:none;
  background:
    conic-gradient(
      from 198deg,
      rgba(28,95,255,.98) 0deg,
      rgba(40,111,255,.72) 44deg,
      transparent 94deg,
      transparent 214deg,
      rgba(255,122,0,.66) 270deg,
      rgba(255,153,82,.98) 308deg,
      rgba(255,255,255,.34) 326deg,
      transparent 360deg
    );
  -webkit-mask:radial-gradient(circle,transparent 0 96.4%,#000 97% 100%);
  mask:radial-gradient(circle,transparent 0 96.4%,#000 97% 100%);
  filter:blur(2.6px) drop-shadow(0 0 14px rgba(70,112,255,.42));
  animation:geoAtmospherePulse 2.8s ease-in-out infinite;
}

.geo-world-grid,
.geo-continent,
.geo-country-line,
.geo-world-track,
.geo-signal-path{
  backface-visibility:hidden;
  transform-style:preserve-3d;
}

.geo-world-grid{
  position:absolute;
  pointer-events:none;
  border-color:rgba(132,159,196,.09);
  z-index:2;
  transform:translateZ(12px);
}

.geo-world-grid.latitude{
  left:7%;
  right:7%;
  height:21%;
  border-top:1px solid rgba(123,150,188,.10);
  border-radius:50%;
}
.lat-a{top:24%}
.lat-b{top:43%;height:14%}
.lat-c{top:62%}

.geo-world-grid.longitude{
  top:5%;
  bottom:5%;
  width:30%;
  border-left:1px solid rgba(123,150,188,.08);
  border-radius:50%;
}
.geo-world-grid.lon-a{left:27%}
.geo-world-grid.lon-b{right:27%}

.geo-continent{
  position:absolute;
  z-index:3;
  background-image:radial-gradient(circle,rgba(255,255,255,.94) 0 1px,transparent 1.45px);
  background-size:9px 9px;
  opacity:.84;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.06));
  transform:translateZ(18px);
}

.geo-greenland{
  left:31%; top:11%; width:12%; height:10%;
  clip-path:polygon(12% 34%,28% 12%,57% 10%,85% 27%,71% 76%,38% 89%,15% 62%);
}
.geo-north-america{
  left:17%; top:17%; width:29%; height:22%;
  clip-path:polygon(4% 31%,18% 10%,39% 2%,62% 11%,80% 8%,97% 21%,89% 36%,79% 44%,66% 57%,52% 52%,44% 68%,29% 76%,14% 64%,7% 48%);
}
.geo-central-america{
  left:41%; top:38%; width:10%; height:10%;
  clip-path:polygon(4% 8%,32% 16%,58% 30%,97% 54%,80% 68%,54% 61%,27% 78%,14% 57%);
  transform:translateZ(24px) rotate(14deg);
}
.geo-south-america{
  left:42.5%; top:47%; width:13%; height:24%;
  clip-path:polygon(20% 2%,44% 7%,71% 23%,88% 42%,75% 54%,69% 70%,52% 89%,38% 100%,28% 81%,18% 64%,10% 39%);
  transform:translateZ(24px) rotate(-6deg);
}
.geo-europe{
  left:51%; top:22%; width:13%; height:12%;
  clip-path:polygon(4% 31%,22% 15%,44% 14%,57% 7%,83% 17%,98% 35%,85% 52%,58% 44%,38% 56%,16% 49%);
}
.geo-africa{
  left:54%; top:34%; width:14%; height:27%;
  clip-path:polygon(24% 3%,53% 7%,78% 23%,87% 39%,78% 55%,70% 75%,49% 100%,31% 83%,23% 63%,11% 42%);
}
.geo-asia{
  left:60%; top:16%; width:25%; height:25%;
  clip-path:polygon(3% 35%,16% 18%,30% 12%,47% 5%,69% 8%,87% 17%,98% 30%,93% 44%,78% 47%,68% 58%,58% 54%,43% 61%,29% 52%,16% 56%,7% 47%);
}
.geo-australia{
  left:74%; top:54%; width:11%; height:10%;
  clip-path:polygon(9% 36%,27% 15%,58% 14%,88% 29%,81% 61%,59% 78%,30% 74%,10% 53%);
}

.geo-country-line{
  position:absolute;
  z-index:4;
  border-top:1px solid rgba(255,255,255,.24);
  opacity:.56;
  border-radius:50%;
  transform:translateZ(22px);
}
.border-na-1{ left:21%; top:23%; width:17%; height:8%; transform:translateZ(28px) rotate(5deg); }
.border-na-2{ left:26%; top:30%; width:12%; height:6%; transform:translateZ(28px) rotate(-12deg); }
.border-eu-1{ left:54%; top:25%; width:10%; height:4%; transform:translateZ(28px) rotate(8deg); }
.border-af-1{ left:56%; top:41%; width:8%; height:13%; transform:translateZ(28px) rotate(82deg); }
.border-as-1{ left:66%; top:22%; width:13%; height:7%; transform:translateZ(28px) rotate(4deg); }
.border-sa-1{ left:45%; top:55%; width:8%; height:13%; transform:translateZ(28px) rotate(78deg); }

.geo-world-track{
  position:absolute;
  z-index:9;
  width:13px;
  height:13px;
  transform:translateZ(28px);
}
.track-usa{ left:33.5%; top:25.5%; }
.track-mexico{ left:39%; top:40.5%; }

.track-label{
  position:absolute;
  bottom:21px;
  left:50%;
  transform:translateX(-50%);
  padding:5px 9px;
  background:rgba(6,10,17,.92);
  border:1px solid rgba(255,255,255,.12);
  border-radius:2px;
  color:#f0f3f6;
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.03em;
  white-space:nowrap;
  box-shadow:0 8px 20px rgba(0,0,0,.26);
}
.track-core{
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:#ff6d00;
  box-shadow:
    0 0 0 3px rgba(255,109,0,.07),
    0 0 13px rgba(255,109,0,.80);
}
.track-ring{
  position:absolute;
  left:50%;
  top:50%;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  transform:translate(-50%,-50%);
  animation:geoTrackRing 2s ease-out infinite;
}
.track-mexico .track-ring{ animation-delay:.45s; }

.geo-signal-path{
  position:absolute;
  z-index:8;
  border-top:1px solid rgba(255,122,0,.42);
  border-radius:50%;
  transform-origin:left center;
  opacity:.55;
  transform:translateZ(16px);
}
.path-one{ left:34%; top:26.5%; width:34%; height:19%; transform:translateZ(20px) rotate(8deg); border-color:rgba(255,122,0,.38); }
.path-two{ left:40%; top:42.5%; width:26%; height:14%; transform:translateZ(20px) rotate(-10deg); border-color:rgba(67,130,255,.34); }

.geo-transition-copy{
  position:absolute;
  right:7vw;
  bottom:10.5vh;
  z-index:8;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .25s ease,transform .25s ease;
}
html.geo-transition-entry .geo-transition-copy,
#geo-nav-wipe.is-active .geo-transition-copy{
  opacity:1;
  transform:translateY(0);
}
.geo-transition-copy span{
  color:#ff7a00;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.22em;
}
.geo-transition-copy strong{
  color:#f5f7f9;
  font-size:clamp(1.05rem,1.9vw,1.55rem);
  font-weight:700;
}

@keyframes geoWorldSpinY{
  0%{ transform:rotateX(6deg) rotateZ(0deg) rotateY(0deg); }
  100%{ transform:rotateX(6deg) rotateZ(0deg) rotateY(360deg); }
}
@keyframes geoGlobeFloat{
  0%,100%{ margin-top:0; }
  50%{ margin-top:-7px; }
}
@keyframes geoAtmospherePulse{ 0%,100%{opacity:.8} 50%{opacity:1} }
@keyframes geoTrackRing{
  0%{transform:translate(-50%,-50%) scale(.45);opacity:.70}
  70%{opacity:.18}
  100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}
}
@keyframes geoStarsDrift{ from{transform:translate3d(0,0,0)} to{transform:translate3d(9px,-6px,0)} }
@keyframes geoHaloShift{ 0%,100%{ transform:scale(1); opacity:.86; } 50%{ transform:scale(1.05); opacity:1; } }

@media(max-width:980px){
  .geo-world-stage{ width:min(370px,48vw); }
}
@media(max-width:820px){
  .geo-world-stage{ width:min(330px,58vw); }
  .geo-transition-copy{ right:6vw; bottom:10vh; }
}
@media(max-width:560px){
  .geo-world-stage{ width:min(270px,68vw); top:47%; }
  .geo-transition-copy{
    left:50%; right:auto; bottom:9vh;
    transform:translateX(-50%) translateY(-8px);
    align-items:center; text-align:center; width:85vw;
  }
  html.geo-transition-entry .geo-transition-copy,
  #geo-nav-wipe.is-active .geo-transition-copy{
    transform:translateX(-50%) translateY(0);
  }
  .geo-transition-copy strong{ font-size:1rem; }
}



/* ===== V61 COBE-inspired globe transition ===== */
.geo-world-stage{
  position:absolute;
  left:50%;
  top:50%;
  width:min(320px, 34vw);
  aspect-ratio:1;
  opacity:0;
  transform:translate3d(-50%,-50%,0) scale(.9);
  transform-origin:center center;
  perspective:none;
  filter:none;
  will-change:transform,opacity;
}

.geo-world-stage::before,
.geo-world-stage::after{
  content:none !important;
  display:none !important;
}

.geo-world-globe.geo-cobe-shell{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  border-radius:50%;
  overflow:visible;
  background:transparent;
  border:0;
  box-shadow:none;
  animation:none;
  transform:none !important;
}

.geo-world-globe.geo-cobe-shell::before,
.geo-world-globe.geo-cobe-shell::after{
  content:none !important;
  display:none !important;
}

.geo-cobe-canvas{
  width:100%;
  height:100%;
  display:block;
  border-radius:50%;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(69,113,255,.18));
}

html.geo-transition-entry .geo-world-stage,
#geo-nav-wipe.is-active .geo-world-stage{
  opacity:1;
}

@media (max-width: 1200px){
  .geo-world-stage{ width:min(300px, 42vw); }
}
@media (max-width: 991px){
  .geo-world-stage{ width:min(270px, 54vw); }
}
@media (max-width: 767px){
  .geo-world-stage{ width:min(230px, 66vw); }
}


/* ===== V62 real COBE globe + local-file-safe fallback ===== */
.geo-world-stage{
  width:min(350px,36vw) !important;
  top:50% !important;
}

.geo-world-globe.geo-cobe-shell{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  border-radius:50% !important;
  overflow:visible !important;
  isolation:isolate;
}

.geo-cobe-canvas{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  display:block;
  z-index:3;
  opacity:0;
  transition:opacity .22s ease;
  filter:
    drop-shadow(0 18px 28px rgba(0,0,0,.30))
    drop-shadow(-8px 8px 24px rgba(63,112,255,.18))
    drop-shadow(8px -6px 22px rgba(255,122,0,.11));
}

.geo-cobe-shell.cobe-ready .geo-cobe-canvas{
  opacity:1;
}

/* Displayed only if COBE hasn't initialized yet / CDN or WebGL fails. */
.geo-cobe-fallback{
  position:absolute;
  inset:3%;
  z-index:2;
  border-radius:50%;
  overflow:hidden;
  opacity:1;
  transition:opacity .2s ease;
  background:
    radial-gradient(circle at 31% 26%,rgba(220,235,255,.10),transparent 17%),
    radial-gradient(circle at 48% 52%,#101825 0%,#080d16 58%,#03060b 100%);
  border:1px solid rgba(190,210,240,.16);
  box-shadow:
    inset -65px -35px 90px rgba(0,0,0,.82),
    inset 35px 18px 55px rgba(89,135,211,.10),
    -5px 7px 25px rgba(73,115,255,.22),
    6px -5px 20px rgba(255,122,0,.12);
  animation:fallbackGlobeSpin 6.5s linear infinite;
}

.geo-cobe-shell.cobe-ready .geo-cobe-fallback{
  opacity:0;
}

.geo-cobe-fallback::after{
  content:"";
  position:absolute;
  inset:-1%;
  border-radius:50%;
  background:conic-gradient(
    from 205deg,
    rgba(67,112,255,.75),
    transparent 26%,
    transparent 67%,
    rgba(255,122,0,.48) 80%,
    rgba(255,164,92,.70) 88%,
    transparent 100%
  );
  -webkit-mask:radial-gradient(circle,transparent 0 96%,#000 97% 100%);
  mask:radial-gradient(circle,transparent 0 96%,#000 97% 100%);
}

.fallback-meridian,
.fallback-latitude,
.fallback-land,
.fallback-marker{
  position:absolute;
}

.fallback-meridian{
  top:7%;
  bottom:7%;
  width:30%;
  border-left:1px solid rgba(175,195,224,.10);
  border-radius:50%;
}
.fm1{left:29%}
.fm2{right:29%}

.fallback-latitude{
  left:8%;
  right:8%;
  height:25%;
  border-top:1px solid rgba(175,195,224,.10);
  border-radius:50%;
}
.fl1{top:29%}
.fl2{top:56%}

.fallback-land{
  background-image:radial-gradient(circle,rgba(238,243,250,.86) 0 1px,transparent 1.35px);
  background-size:7px 7px;
  opacity:.78;
}
.land-a{
  left:12%;top:20%;width:39%;height:27%;
  clip-path:polygon(5% 31%,18% 10%,38% 4%,60% 10%,80% 9%,96% 23%,87% 38%,74% 46%,65% 62%,49% 59%,40% 78%,24% 68%,10% 52%);
}
.land-b{
  left:48%;top:25%;width:39%;height:30%;
  clip-path:polygon(4% 31%,16% 17%,35% 10%,57% 3%,79% 10%,96% 27%,88% 46%,71% 48%,63% 62%,47% 58%,30% 68%,15% 54%);
}
.land-c{
  left:48%;top:52%;width:19%;height:31%;
  clip-path:polygon(19% 3%,48% 8%,76% 24%,88% 41%,76% 57%,64% 78%,48% 100%,29% 79%,15% 55%,9% 34%);
}

.fallback-marker{
  width:7px;height:7px;border-radius:50%;
  background:#ff7a00;
  box-shadow:0 0 0 5px rgba(255,122,0,.08),0 0 13px rgba(255,122,0,.60);
}
.mk1{left:31%;top:36%}
.mk2{left:42%;top:50%}

@keyframes fallbackGlobeSpin{
  from{transform:rotateY(0deg)}
  to{transform:rotateY(360deg)}
}

@media(max-width:991px){
  .geo-world-stage{width:min(305px,52vw) !important}
}
@media(max-width:767px){
  .geo-world-stage{width:min(245px,65vw) !important}
}


/* ===== V63 real COBE visibility fix ===== */
.geo-cobe-fallback,
.fallback-meridian,
.fallback-latitude,
.fallback-land,
.fallback-marker{
  display:none !important;
}

.geo-cobe-canvas{
  opacity:0 !important;
  visibility:hidden;
  border-radius:50%;
  background:transparent;
}

.geo-cobe-shell.cobe-ready .geo-cobe-canvas,
.geo-cobe-shell.cobe-emergency .geo-cobe-canvas{
  opacity:1 !important;
  visibility:visible;
}

.geo-cobe-shell{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* ===== V65 reliable country-dot globe ===== */
.geo-cobe-canvas{
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  background:transparent !important;
}
.geo-cobe-shell.cobe-ready .geo-cobe-canvas,
.geo-cobe-shell.cobe-emergency .geo-cobe-canvas{
  opacity:1 !important;
  visibility:visible !important;
}
.geo-world-stage{
  width:min(350px,36vw) !important;
}
@media(max-width:991px){.geo-world-stage{width:min(305px,52vw) !important;}}
@media(max-width:767px){.geo-world-stage{width:min(245px,65vw) !important;}}


/* =========================================================
   V80 responsive header / mobile navigation drawer
   ========================================================= */
.mobile-nav-toggle-v80{
  display:none;
}

@media(max-width:900px){
  .topbar{
    height:64px !important;
    min-height:64px !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    grid-template-columns:none !important;
    column-gap:12px !important;
    background:#0a1b30 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .topbar .logo{
    position:relative !important;
    z-index:1002 !important;
    flex:0 0 auto !important;
  }

  .topbar .logo img{
    width:132px !important;
  }

  .mobile-nav-toggle-v80{
    position:relative;
    z-index:1202;
    width:42px;
    height:42px;
    margin-left:auto;
    padding:9px;
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    border:0;
    border-radius:4px;
    background:transparent;
    cursor:pointer;
  }

  .mobile-nav-toggle-v80 span{
    display:block;
    width:21px;
    height:1.5px;
    margin:0 auto;
    background:#aeb9c8;
    transition:transform .22s ease,opacity .18s ease,background .2s ease;
    transform-origin:center;
  }

  body.mobile-nav-open .mobile-nav-toggle-v80{
    position:fixed;
    top:14px;
    right:17px;
  }

  body.mobile-nav-open .mobile-nav-toggle-v80 span{
    background:#fff;
  }

  body.mobile-nav-open .mobile-nav-toggle-v80 span:nth-child(1){
    transform:translateY(6.5px) rotate(45deg);
  }

  body.mobile-nav-open .mobile-nav-toggle-v80 span:nth-child(2){
    opacity:0;
  }

  body.mobile-nav-open .mobile-nav-toggle-v80 span:nth-child(3){
    transform:translateY(-6.5px) rotate(-45deg);
  }

  body.mobile-nav-open{
    overflow:hidden;
  }

  body.mobile-nav-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:1098;
    background:rgba(0,0,0,.34);
    backdrop-filter:blur(1px);
  }

  .topbar .main-nav{
    position:fixed !important;
    z-index:1100 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:min(310px,84vw) !important;
    height:100dvh !important;
    margin:0 !important;
    padding:76px 31px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#0a1b30 !important;
    border-left:1px solid rgba(255,255,255,.07) !important;
    box-shadow:-18px 0 46px rgba(0,0,0,.25) !important;
    transform:translateX(105%) !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:transform .25s cubic-bezier(.22,1,.36,1),visibility .25s !important;
  }

  body.mobile-nav-open .topbar .main-nav{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  /* Undo all prior desktop hiding rules. */
  .topbar .main-nav > a,
  .topbar .main-nav > a:not(.pill),
  .topbar .main-nav > a[href="index.html"],
  .topbar .main-nav > a[href*="videos"],
  .topbar .main-nav > a[href*="pricing"],
  .topbar .main-nav > .nav-more,
  .topbar .main-nav > .geo-access-nav,
  .geo-access-nav{
    display:flex !important;
  }

  .topbar .main-nav > a,
  .nav-more-btn,
  .geo-access-trigger{
    width:100% !important;
    min-height:45px !important;
    padding:11px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    color:#aab6c8 !important;
    font-size:.91rem !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:left !important;
    white-space:normal !important;
  }

  .topbar .main-nav > a:hover,
  .nav-more-btn:hover,
  .geo-access-trigger:hover{
    color:#fff !important;
  }

  .topbar .main-nav > .pill{
    width:136px !important;
    min-height:38px !important;
    margin:21px 0 0 !important;
    padding:10px 16px !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:4px !important;
    background:#2350ff !important;
    color:#fff !important;
    font-size:.84rem !important;
    font-weight:800 !important;
  }

  /* Novedades mobile accordion */
  .nav-more{
    width:100% !important;
    height:auto !important;
    position:relative !important;
    display:block !important;
  }

  .nav-more-btn{
    border:0 !important;
    background:transparent !important;
    cursor:pointer !important;
  }

  .nav-more-btn .more-chevron{
    margin-left:auto !important;
  }

  .nav-more-menu,
  .nav-news-menu{
    position:static !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 0 3px 15px !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .nav-more.open > .nav-more-menu{
    display:block !important;
  }

  .nav-more-menu a{
    min-height:38px !important;
    padding:9px 0 !important;
    color:#8494aa !important;
    font-size:.82rem !important;
  }

  /* Accesos mobile accordion */
  .geo-access-nav{
    width:100% !important;
    height:auto !important;
    position:relative !important;
    flex-direction:column !important;
    align-items:stretch !important;
    z-index:auto !important;
  }

  .geo-access-trigger{
    cursor:pointer !important;
  }

  .geo-access-chevron{
    margin-left:auto !important;
  }

  .geo-access-nav.open .geo-access-chevron{
    transform:rotate(225deg) translate(1px,1px) !important;
  }

  .geo-access-menu{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 3px 15px !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .geo-access-nav.open > .geo-access-menu{
    display:block !important;
  }

  .geo-access-menu > a,
  .geo-platforms-trigger,
  .geo-platforms-menu a{
    min-height:38px !important;
    padding:9px 0 !important;
    color:#8494aa !important;
    font-size:.82rem !important;
    white-space:normal !important;
    background:transparent !important;
  }

  .geo-platforms-nav{
    width:100% !important;
  }

  .geo-platforms-trigger{
    cursor:pointer !important;
  }

  .geo-platforms-menu{
    position:static !important;
    width:100% !important;
    margin:0 !important;
    padding:0 0 2px 14px !important;
    display:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .geo-platforms-nav.open > .geo-platforms-menu{
    display:block !important;
  }

  .geo-platforms-nav:hover > .geo-platforms-menu,
  .geo-access-nav:hover > .geo-access-menu{
    /* Hover must not force mobile accordions open. */
    display:none !important;
  }

  .geo-platforms-nav.open:hover > .geo-platforms-menu,
  .geo-access-nav.open:hover > .geo-access-menu{
    display:block !important;
  }
}

@media(min-width:901px){
  body.mobile-nav-open::before{
    display:none !important;
  }
}


/* =========================================================
   V87 mobile header hard reset
   ========================================================= */
@media(max-width:900px){
  html,body{overflow-x:hidden}

  .topbar{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:68px !important;
    min-height:68px !important;
    margin:0 !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    background:#0a1b30 !important;
  }

  .topbar>.logo{
    position:relative !important;
    inset:auto !important;
    width:158px !important;
    min-width:158px !important;
    max-width:158px !important;
    height:44px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex:0 0 158px !important;
    transform:none !important;
    overflow:visible !important;
    z-index:1201 !important;
  }

  .topbar>.logo img{
    display:block !important;
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
    height:auto !important;
    max-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:left center !important;
    transform:none !important;
  }

  .mobile-nav-toggle-v80{
    position:absolute !important;
    top:13px !important;
    right:12px !important;
    left:auto !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
    padding:9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:1302 !important;
  }

  .mobile-nav-toggle-v80 span{
    display:block !important;
    width:22px !important;
    height:2px !important;
    flex:0 0 2px !important;
    background:#c5ceda !important;
  }

  body.mobile-nav-open .mobile-nav-toggle-v80{
    position:fixed !important;
    top:13px !important;
    right:12px !important;
  }

  .topbar .main-nav{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:min(320px,88vw) !important;
    max-width:320px !important;
    height:100dvh !important;
    min-height:100dvh !important;
    margin:0 !important;
    padding:78px 28px 32px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:#0a1b30 !important;
    z-index:1200 !important;
  }

  body.mobile-nav-open::before{z-index:1190 !important}

  .topbar .main-nav>a,
  .topbar .nav-more-btn,
  .topbar .geo-access-trigger{
    min-height:50px !important;
    padding:13px 0 !important;
    font-size:.94rem !important;
  }

  .topbar .main-nav>.pill{
    margin-top:18px !important;
    min-height:42px !important;
  }
}

@media(max-width:420px){
  .topbar>.logo{
    width:146px !important;
    min-width:146px !important;
    max-width:146px !important;
    flex-basis:146px !important;
  }
  .topbar>.logo img{
    width:138px !important;
    min-width:138px !important;
    max-width:138px !important;
  }
}


/* =========================================================
   V89 mobile navigation — crisp drawer + reliable interaction
   ========================================================= */
@media(max-width:900px){
  body.mobile-nav-open::before{
    background:rgba(0,0,0,.42) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    opacity:1 !important;
  }

  .topbar .main-nav{
    background:#071727 !important;
    opacity:1 !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:-12px 0 28px rgba(0,0,0,.28) !important;
    isolation:isolate !important;
  }

  body.mobile-nav-open .topbar .main-nav{
    pointer-events:auto !important;
  }

  .topbar .main-nav > a,
  .topbar .nav-more-btn,
  .topbar .geo-access-trigger{
    position:relative !important;
    z-index:2 !important;
    opacity:1 !important;
    filter:none !important;
    color:#c5cfdd !important;
    text-shadow:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  .topbar .main-nav > a:hover,
  .topbar .main-nav > a:focus,
  .topbar .nav-more-btn:hover,
  .topbar .nav-more-btn:focus,
  .topbar .geo-access-trigger:hover,
  .topbar .geo-access-trigger:focus{
    color:#fff !important;
  }

  .nav-more-menu,
  .geo-access-menu,
  .geo-platforms-menu{
    opacity:1 !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .nav-more-menu a,
  .geo-access-menu a,
  .geo-platforms-menu a,
  .geo-platforms-trigger{
    opacity:1 !important;
    color:#aebacd !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  .topbar .main-nav > .pill{
    opacity:1 !important;
    color:#fff !important;
    pointer-events:auto !important;
    cursor:pointer !important;
  }

  .mobile-nav-toggle-v80{
    opacity:1 !important;
    filter:none !important;
    backdrop-filter:none !important;
  }
}


/* ===== V90 mobile drawer interaction + crisp rendering ===== */
@media(max-width:900px){
  body.mobile-nav-open::before{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(0,0,0,.42) !important;
  }
  .topbar .main-nav{
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
  }
  .topbar .main-nav a,
  .topbar .main-nav button{
    filter:none !important;
    opacity:1 !important;
    text-shadow:none !important;
  }
}


/* =========================================================
   V93 mobile menu stacking / hit-testing fix
   ========================================================= */
@media(max-width:900px){
  /* The previous backdrop sat above .topbar's stacking context and stole taps. */
  body.mobile-nav-open::before{
    display:none !important;
    content:none !important;
    pointer-events:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .topbar{
    z-index:2147483600 !important;
    isolation:isolate !important;
  }

  .topbar .main-nav,
  body.mobile-nav-open .topbar .main-nav{
    z-index:2147483601 !important;
    pointer-events:auto !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    opacity:1 !important;
  }

  .mobile-nav-toggle-v80,
  body.mobile-nav-open .mobile-nav-toggle-v80{
    z-index:2147483602 !important;
    pointer-events:auto !important;
  }

  .topbar .main-nav > a,
  .topbar .main-nav a,
  .topbar .main-nav button,
  .topbar .geo-access-trigger,
  .topbar .geo-platforms-trigger{
    position:relative !important;
    z-index:2147483603 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  /* Keep the drawer crisp. */
  .topbar .main-nav,
  .topbar .main-nav *{
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    text-shadow:none !important;
  }
}


/* ===== V94 Novedades mobile accordion fix ===== */
@media(max-width:900px){
  .topbar .nav-more.open > .nav-more-menu,
  .topbar .nav-more.open > .nav-news-menu{
    display:block !important;
    position:static !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  .topbar .nav-more:not(.open) > .nav-more-menu,
  .topbar .nav-more:not(.open) > .nav-news-menu{
    display:none !important;
  }

  .topbar .nav-more.open .more-chevron{
    transform:rotate(225deg) translate(1px,1px) !important;
  }

  .topbar .nav-more-menu a,
  .topbar .nav-news-menu a{
    display:flex !important;
    align-items:center !important;
    min-height:38px !important;
    padding:9px 0 !important;
    color:#aebacd !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* ===== V95 Novedades mobile visible-link hard reset ===== */
@media(max-width:900px){
  .topbar .main-nav .nav-more{
    overflow:visible !important;
    max-height:none !important;
  }

  .topbar .main-nav .nav-more.open > .nav-more-menu,
  .topbar .main-nav .nav-more.open > .nav-news-menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 0 4px 14px !important;
    overflow:visible !important;
    position:static !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    z-index:auto !important;
  }

  .topbar .main-nav .nav-more.open > .nav-more-menu > a,
  .topbar .main-nav .nav-more.open > .nav-news-menu > a{
    all:unset !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:40px !important;
    padding:10px 0 !important;
    display:flex !important;
    align-items:center !important;
    position:relative !important;
    color:#aebacd !important;
    -webkit-text-fill-color:#aebacd !important;
    font-family:inherit !important;
    font-size:.82rem !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    letter-spacing:0 !important;
    text-indent:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    transform:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  .topbar .main-nav .nav-more.open > .nav-more-menu > a:hover,
  .topbar .main-nav .nav-more.open > .nav-more-menu > a:focus,
  .topbar .main-nav .nav-more.open > .nav-news-menu > a:hover,
  .topbar .main-nav .nav-more.open > .nav-news-menu > a:focus{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:transparent !important;
  }

  .topbar .main-nav .nav-more.open > .nav-more-menu > a::before,
  .topbar .main-nav .nav-more.open > .nav-news-menu > a::before{
    display:none !important;
    content:none !important;
  }
}

/* ===== V96 Novedades mobile vertical layout fix ===== */
@media(max-width:900px){
  .topbar .main-nav .nav-more,
  .topbar .main-nav .nav-news{
    display:block !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .topbar .main-nav .nav-more > .nav-more-btn,
  .topbar .main-nav .nav-news > .nav-more-btn{
    width:100% !important;
    min-height:50px !important;
    margin:0 !important;
    padding:13px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    position:relative !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#d7dfeb !important;
    -webkit-text-fill-color:#d7dfeb !important;
  }

  .topbar .main-nav .nav-more > .nav-more-btn .more-chevron,
  .topbar .main-nav .nav-news > .nav-more-btn .more-chevron{
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  .topbar .main-nav .nav-more.open > .nav-more-menu,
  .topbar .main-nav .nav-more.open > .nav-news-menu,
  .topbar .main-nav .nav-news.open > .nav-more-menu,
  .topbar .main-nav .nav-news.open > .nav-news-menu{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 0 5px 14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .topbar .main-nav .nav-more.open > .nav-more-menu > a,
  .topbar .main-nav .nav-more.open > .nav-news-menu > a,
  .topbar .main-nav .nav-news.open > .nav-more-menu > a,
  .topbar .main-nav .nav-news.open > .nav-news-menu > a{
    width:100% !important;
    min-height:40px !important;
    margin:0 !important;
    padding:10px 0 !important;
    display:flex !important;
    align-items:center !important;
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    background:transparent !important;
    color:#aebacd !important;
    -webkit-text-fill-color:#aebacd !important;
    white-space:normal !important;
  }
}

/* ===== V97 unify mobile menu typography ===== */
@media(max-width:900px){
  /* All first-level navigation items use one typography scale. */
  .topbar .main-nav > a,
  .topbar .main-nav > .nav-more > .nav-more-btn,
  .topbar .main-nav > .nav-news > .nav-more-btn,
  .topbar .main-nav > .geo-access-nav > .geo-access-trigger{
    font-family:inherit !important;
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
  }

  /* Novedades, Accesos and nested Plataformas items keep hierarchy only by indentation. */
  .topbar .main-nav .nav-more-menu > a,
  .topbar .main-nav .nav-news-menu > a,
  .topbar .main-nav .geo-access-menu > a,
  .topbar .main-nav .geo-platforms-trigger,
  .topbar .main-nav .geo-platforms-menu > a{
    font-family:inherit !important;
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
  }

  /* Override the old V95 smaller Novedades font. */
  .topbar .main-nav .nav-more.open > .nav-more-menu > a,
  .topbar .main-nav .nav-more.open > .nav-news-menu > a,
  .topbar .main-nav .nav-news.open > .nav-more-menu > a,
  .topbar .main-nav .nav-news.open > .nav-news-menu > a{
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
  }
}

/* ===== V98 hard-reset top-level mobile nav typography ===== */
@media(max-width:900px){
  /* Remove all old link styling from normal first-level nav items. */
  .topbar .main-nav > a:not(.pill){
    all:unset !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:50px !important;
    margin:0 !important;
    padding:13px 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    position:relative !important;
    color:#c5cfdd !important;
    -webkit-text-fill-color:#c5cfdd !important;
    font-family:inherit !important;
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  .topbar .main-nav > a:not(.pill):hover,
  .topbar .main-nav > a:not(.pill):focus{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  /* Single typography scale for every menu level. */
  .topbar .main-nav > a:not(.pill),
  .topbar .main-nav .nav-more-btn,
  .topbar .main-nav .geo-access-trigger,
  .topbar .main-nav .nav-more-menu > a,
  .topbar .main-nav .nav-news-menu > a,
  .topbar .main-nav .geo-access-menu > a,
  .topbar .main-nav .geo-platforms-trigger,
  .topbar .main-nav .geo-platforms-menu > a{
    font-family:inherit !important;
    font-size:.94rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
  }
}


/* =========================================================
   V99 — Home ecosystem adaptation
   ========================================================= */
.home99-wrap{width:min(1180px,calc(100% - 44px));margin:0 auto}
.home99-kicker{margin:0 0 12px;color:#ff6b00;font-size:.72rem;font-weight:800;letter-spacing:.13em}
.home99-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:52px;align-items:end;margin-bottom:42px}
.home99-head h2,.home99-center-head h2,.home99-apps h2,.home99-final-cta h2,.home99-faq h2{margin:0;color:#0b315f;font:600 clamp(2.3rem,4.6vw,4.6rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em}
.home99-head>p,.home99-center-head>p,.home99-apps-lead,.home99-faq-layout>div>p{margin:0;color:#6c7d92;line-height:1.78}
.home99-center-head{max-width:790px;margin:0 auto 44px;text-align:center}
.home99-center-head>p{max-width:700px;margin:16px auto 0}
.home99-overview,.home99-ecosystem,.home99-apps,.home99-modules,.home99-hardware,.home99-events,.home99-videos,.home99-faq{padding:92px 0;background:#f5f7fa}
.home99-ecosystem,.home99-modules,.home99-events,.home99-faq{background:#fff}

.home99-pillars{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9e2ec;border-bottom:1px solid #d9e2ec}
.home99-pillars article{min-height:210px;padding:30px 26px;border-right:1px solid #d9e2ec}
.home99-pillars article:last-child{border-right:0}.home99-pillars span{color:#ff6b00;font-size:.72rem;font-weight:800}.home99-pillars h3{margin:36px 0 10px;color:#0c315f;font-size:1.15rem}.home99-pillars p{margin:0;color:#738299;font-size:.9rem;line-height:1.65}

.home99-erp-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home99-erp-card{position:relative;min-height:440px;padding:42px;border-radius:28px;border:1px solid #dae3ec;overflow:hidden;transition:.28s ease}.home99-erp-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(10,42,79,.10)}.home99-partners{background:linear-gradient(145deg,#fff8f3,#fff)}.home99-transport{background:linear-gradient(145deg,#f4f8ff,#fff)}.home99-erp-card:before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:#ff6b00}.home99-transport:before{background:#0a3971}.home99-erp-num{position:absolute;right:28px;top:22px;font-size:4.5rem;font-weight:700;color:rgba(10,49,95,.055)}.home99-erp-card h3{max-width:520px;margin:10px 0 15px;color:#0b315f;font:600 clamp(1.8rem,3vw,2.8rem)/1.03 "Space Grotesk",sans-serif;letter-spacing:-.04em}.home99-erp-card>p:not(.home99-kicker){max-width:540px;color:#6c7d92;line-height:1.7}.home99-chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 34px}.home99-chips span,.home99-hw-tags span{padding:8px 11px;border:1px solid #dce4ed;border-radius:999px;background:#fff;color:#496079;font-size:.69rem;font-weight:700}.home99-erp-card>a{display:inline-flex;padding:13px 18px;border-radius:999px;background:#0a315f;color:#fff;font-size:.78rem;font-weight:800}.home99-partners>a{background:#ff6b00}

.home99-apps-layout{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.home99-apps-copy>h2{max-width:650px}.home99-apps-lead{max-width:630px;margin:18px 0 34px}.home99-app-item{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:20px 4px;border-top:1px solid #d9e2ec}.home99-app-item:last-child{border-bottom:1px solid #d9e2ec}.home99-app-item>span{color:#ff6b00;font-size:.72rem;font-weight:800}.home99-app-item h3{margin:0 0 6px;color:#0b315f;font-size:1.08rem}.home99-app-item p{margin:0;color:#718197;font-size:.88rem;line-height:1.6}.home99-phone-stage{position:relative;min-height:570px;display:grid;place-items:center}.home99-phone-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(35,80,255,.18),transparent 68%);filter:blur(12px)}.home99-phone{position:relative;width:285px;height:570px;padding:10px;border-radius:42px;background:#07192d;box-shadow:0 38px 80px rgba(5,27,54,.28)}.home99-phone-top{height:27px;display:grid;place-items:center}.home99-phone-top span{width:78px;height:6px;border-radius:99px;background:#182d47}.home99-phone-screen{height:calc(100% - 27px);padding:24px 19px;border-radius:30px;background:linear-gradient(180deg,#f9fbff,#eef3f9)}.home99-app-brand{font-size:.68rem;font-weight:900;color:#0c3568;letter-spacing:.09em}.home99-mobile-status{margin:26px 0 15px;display:flex;justify-content:space-between}.home99-mobile-status b{font-size:.73rem;color:#16375f}.home99-mobile-status i{font-style:normal;font-size:.62rem;color:#14a578}.home99-mobile-card{padding:20px;border-radius:18px;background:#0b376e;color:#fff}.home99-mobile-card span,.home99-mobile-row span{display:block;font-size:.58rem;letter-spacing:.08em;opacity:.7}.home99-mobile-card strong{display:block;margin:7px 0;font-size:2.3rem}.home99-mobile-card small{font-size:.68rem;opacity:.75}.home99-mobile-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.home99-mobile-row>div{padding:14px;border:1px solid #dce5ee;border-radius:14px;background:#fff}.home99-mobile-row strong{font-size:.72rem;color:#15385f}.home99-mobile-list{display:flex;align-items:center;gap:9px;padding:11px 4px;border-bottom:1px solid #dfe6ee;color:#53677e;font-size:.69rem}.home99-mobile-list i{width:8px;height:8px;border-radius:50%;background:#ff6b00}

.home99-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home99-module-grid article{position:relative;min-height:240px;padding:26px;border:1px solid #dce4ed;border-top:4px solid #ff6b00;border-radius:20px;background:#fff}.home99-module-grid article:nth-child(even){border-top-color:#0b376e}.home99-module-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ff6b00;color:#fff;font-size:.65rem;font-weight:900}.home99-module-grid article:nth-child(even) .home99-module-icon{background:#0b376e}.home99-module-grid small{display:block;margin:20px 0 6px;color:#8895a7;font-size:.62rem;font-weight:800;letter-spacing:.08em}.home99-module-grid h3{margin:0 0 9px;color:#13355e;font-size:1.1rem}.home99-module-grid p{margin:0;color:#748398;font-size:.86rem;line-height:1.62}.home99-center-action{text-align:center;margin-top:30px}.home99-center-action a,.home99-text-link{color:#0b376e;font-size:.8rem;font-weight:800}

.home99-hardware{background:#07192b;color:#fff}.home99-hardware .home99-head h2{color:#fff}.home99-hardware .home99-head>p{color:#96a6b9}.home99-hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home99-hw-card{overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#0c223a}.home99-hw-media{position:relative;height:300px;padding:34px;display:grid;place-items:center;background:linear-gradient(180deg,#102b48,#091c31);overflow:hidden}.home99-hw-media img{position:relative;z-index:2;max-width:84%;max-height:84%;object-fit:contain;transition:transform .35s ease}.home99-hw-card:hover img{transform:scale(1.045)}.home99-orbit{position:absolute;width:210px;height:210px;border:1px solid rgba(61,135,255,.25);border-radius:50%;box-shadow:0 0 70px rgba(35,80,255,.12)}.home99-orbit:before,.home99-orbit:after{content:"";position:absolute;inset:18%;border:1px solid rgba(61,135,255,.14);border-radius:50%}.home99-orbit:after{inset:36%}.home99-hw-copy{padding:27px}.home99-hw-copy h3{margin:0 0 10px;color:#fff;font-size:1.35rem}.home99-hw-copy>p:not(.home99-kicker){min-height:66px;margin:0;color:#9bacc0;font-size:.87rem;line-height:1.65}.home99-hw-tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.home99-hw-tags span{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#c8d3df}.home99-hw-copy a{color:#ff7a00;font-size:.78rem;font-weight:800}

.home99-event-grid,.home99-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.home99-event-grid article,.home99-video-grid>a{padding:0 0 26px;border-bottom:1px solid #d9e2ec}.home99-event-art{height:250px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;background:#0b315f;color:#fff;overflow:hidden;position:relative}.home99-event-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-70px;bottom:-90px}.home99-event-art.e1{background:linear-gradient(145deg,#092e5c,#0f64a8)}.home99-event-art.e2{background:linear-gradient(145deg,#081a31,#ff6b00)}.home99-event-art.e3{background:linear-gradient(145deg,#132c55,#1d7f8c)}.home99-event-art span{font-size:.7rem;font-weight:800;letter-spacing:.1em}.home99-event-art b{font-size:2.8rem;line-height:.9;letter-spacing:-.05em}.home99-event-grid small{display:block;margin:18px 0 8px;color:#ff6b00;font-size:.63rem;font-weight:800;letter-spacing:.1em}.home99-event-grid h3,.home99-video-grid h3{margin:0 0 9px;color:#12355e;font-size:1.18rem}.home99-event-grid p,.home99-video-grid p{margin:0;color:#748399;font-size:.86rem;line-height:1.6}

.home99-videos{background:#f4f6f9}.home99-video-grid>a{color:inherit}.home99-video-thumb{height:230px;padding:22px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:20px;background:linear-gradient(145deg,#07192d,#0e3c6f);overflow:hidden}.home99-video-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,107,0,.28),transparent 30%)}.home99-video-thumb span{position:relative;z-index:2;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0a315f}.home99-video-thumb b{position:absolute;left:20px;bottom:18px;color:#fff;font-size:.72rem;letter-spacing:.1em}.home99-video-grid h3{margin-top:18px}

.home99-final-cta{position:relative;padding:100px 24px;overflow:hidden;background:#06182b;color:#fff}.home99-final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,123,180,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(75,123,180,.08) 1px,transparent 1px);background-size:34px 34px}.home99-final-inner{position:relative;z-index:2;width:min(850px,100%);margin:0 auto;text-align:center}.home99-final-cta h2{color:#fff}.home99-final-inner>p:not(.home99-kicker){max-width:690px;margin:20px auto 30px;color:#a7b6c8;line-height:1.7}.home99-final-inner>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.home99-primary,.home99-secondary{padding:14px 19px;border-radius:999px;font-size:.78rem;font-weight:800}.home99-primary{background:#ff6b00;color:#fff}.home99-secondary{border:1px solid rgba(255,255,255,.2);color:#fff}.home99-flow{position:relative;z-index:2;margin:58px auto 0;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;color:#6883a3;font-size:.65rem;font-weight:800;letter-spacing:.08em}.home99-flow span{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px}.home99-flow i{font-style:normal;color:#ff6b00}

.home99-faq-layout{display:grid;grid-template-columns:.75fr 1fr;gap:80px}.home99-faq-layout>div:first-child>p{margin:17px 0 24px}.home99-faq-layout>div:first-child>a{color:#0b376e;font-size:.78rem;font-weight:800}.home99-faq-list details{border-top:1px solid #d8e1eb}.home99-faq-list details:last-child{border-bottom:1px solid #d8e1eb}.home99-faq-list summary{padding:23px 0;display:flex;justify-content:space-between;gap:20px;color:#12355e;font-weight:700;cursor:pointer;list-style:none}.home99-faq-list summary::-webkit-details-marker{display:none}.home99-faq-list summary span{color:#ff6b00;font-size:1.2rem}.home99-faq-list details[open] summary span{transform:rotate(45deg)}.home99-faq-list details p{margin:0;padding:0 42px 24px 0;color:#728196;font-size:.88rem;line-height:1.68}

@media(max-width:980px){
  .home99-head,.home99-apps-layout,.home99-faq-layout{grid-template-columns:1fr;gap:30px}.home99-pillars{grid-template-columns:repeat(2,1fr)}.home99-pillars article:nth-child(2){border-right:0}.home99-pillars article:nth-child(-n+2){border-bottom:1px solid #d9e2ec}.home99-erp-pair{grid-template-columns:1fr}.home99-apps-layout{gap:20px}.home99-phone-stage{min-height:520px}.home99-module-grid,.home99-hardware-grid,.home99-event-grid,.home99-video-grid{grid-template-columns:repeat(2,1fr)}.home99-hardware-grid .home99-hw-card:last-child,.home99-event-grid article:last-child,.home99-video-grid>a:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  .home99-wrap{width:calc(100% - 28px)}.home99-overview,.home99-ecosystem,.home99-apps,.home99-modules,.home99-hardware,.home99-events,.home99-videos,.home99-faq{padding:64px 0}.home99-pillars,.home99-module-grid,.home99-hardware-grid,.home99-event-grid,.home99-video-grid{grid-template-columns:1fr}.home99-pillars article{border-right:0;border-bottom:1px solid #d9e2ec}.home99-pillars article:last-child{border-bottom:0}.home99-erp-card{padding:30px 24px;min-height:0}.home99-phone-stage{min-height:500px}.home99-phone{width:250px;height:500px}.home99-hardware-grid .home99-hw-card:last-child,.home99-event-grid article:last-child,.home99-video-grid>a:last-child{grid-column:auto}.home99-hw-media{height:250px}.home99-event-art,.home99-video-thumb{height:210px}.home99-final-cta{padding:72px 18px}.home99-flow{gap:8px}.home99-faq-layout{gap:38px}
}

/* ===== V108 desktop Accesos dropdown alignment ===== */
@media(min-width:901px){
  .topbar .main-nav > .geo-access-nav{
    position:relative !important;
  }
  .topbar .main-nav > .geo-access-nav > .geo-access-menu{
    left:0 !important;
    right:auto !important;
    top:62px !important;
    margin:0 !important;
    transform:translateY(6px) !important;
    transform-origin:top left !important;
  }
  .topbar .main-nav > .geo-access-nav:hover > .geo-access-menu{
    transform:translateY(0) !important;
  }
}

/* ===== V109 desktop dropdown continuity + clean submenu hover ===== */
@media (min-width: 901px){
  /* Accesos: keep the dropdown physically/hover-connected to the trigger. */
  .topbar .main-nav > .geo-access-nav{
    position:relative !important;
  }

  .topbar .main-nav > .geo-access-nav > .geo-access-menu{
    top:46px !important;
    left:50% !important;
    right:auto !important;
    margin:0 !important;
    transform:translateX(-50%) translateY(0) !important;
    transform-origin:top center !important;
  }

  /* Invisible bridge covers any remaining pointer gap. */
  .topbar .main-nav > .geo-access-nav > .geo-access-menu::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:-20px !important;
    width:100% !important;
    height:24px !important;
    background:transparent !important;
    pointer-events:auto !important;
  }

  .topbar .main-nav > .geo-access-nav:hover > .geo-access-menu,
  .topbar .main-nav > .geo-access-nav:focus-within > .geo-access-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) !important;
  }

  /* No orange line / sliding indentation on any dropdown item. */
  .topbar .main-nav .nav-more-menu > a,
  .topbar .main-nav .geo-access-menu > a,
  .topbar .main-nav .geo-platforms-menu > a{
    padding-left:12px !important;
    transition:color .18s ease,background .18s ease !important;
  }

  .topbar .main-nav .nav-more-menu > a::before,
  .topbar .main-nav .nav-more-menu > a::after,
  .topbar .main-nav .geo-access-menu > a::before,
  .topbar .main-nav .geo-access-menu > a::after,
  .topbar .main-nav .geo-platforms-menu > a::before,
  .topbar .main-nav .geo-platforms-menu > a::after{
    content:none !important;
    display:none !important;
  }

  .topbar .main-nav .nav-more-menu > a:hover,
  .topbar .main-nav .nav-more-menu > a:focus,
  .topbar .main-nav .geo-access-menu > a:hover,
  .topbar .main-nav .geo-access-menu > a:focus,
  .topbar .main-nav .geo-platforms-menu > a:hover,
  .topbar .main-nav .geo-platforms-menu > a:focus{
    padding-left:12px !important;
    background:rgba(255,255,255,.06) !important;
    color:#fff !important;
  }
}


/* ===== V111 desktop submenu visibility tuning ===== */
@media (min-width: 901px){
  .topbar .main-nav > .geo-access-nav > .geo-access-menu{
    min-width:290px !important;
  }

  .topbar .main-nav .geo-platforms-menu{
    top:-8px !important;
    left:calc(100% - 54px) !important;
  }
}
\n\n/* =========================================================\n   V115 — Home aligned to current Geologistic content/design\n   ========================================================= */\n.home-live-section{\n  --home-wash:0%;\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n}\n.home-live-section::before{\n  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;\n  background:linear-gradient(180deg,rgba(234,243,255,.62),rgba(255,255,255,0) 42%);\n  opacity:calc(var(--home-wash) / 100%);\n}\n.home99-overview,.home99-ecosystem,.home99-apps,.home99-modules,.home99-events,.home99-hardware,.home99-videos,.home99-faq{\n  padding:86px 0 !important;\n  background:#fff !important;\n}\n.home99-overview,.home99-apps,.home99-events,.home99-videos{background:#f6f8fb !important;}\n.home99-kicker{color:#ff6500 !important;text-transform:uppercase;letter-spacing:.14em !important;}\n.home99-head h2,.home99-center-head h2,.home99-apps h2,.home99-final-cta h2,.home99-faq h2{\n  color:#0a3971 !important;\n  font-weight:650 !important;\n  letter-spacing:-.045em !important;\n}\n.home99-head h2,.home99-center-head h2,.home99-apps h2,.home99-faq h2{font-size:clamp(2.15rem,4vw,3.8rem) !important;line-height:1.02 !important;}\n.home99-center-head{margin-bottom:38px !important;}\n.home99-head>p,.home99-center-head>p,.home99-apps-lead,.home99-faq-layout>div>p{font-size:.98rem;line-height:1.72;color:#697d97 !important;}\n\n/* Intro benefits — cleaner live-site style */\n.home99-pillars{gap:12px;border:0 !important;}\n.home99-pillars article{\n  min-height:190px !important;padding:28px !important;border:1px solid #e0e7f0 !important;border-radius:20px;background:#fff;\n  box-shadow:0 9px 28px rgba(10,49,95,.045);transition:transform .25s ease,box-shadow .25s ease;\n}\n.home99-pillars article:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(10,49,95,.09)}\n.home99-pillars span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0e6;color:#ff6500 !important;}\n.home99-pillars h3{margin:25px 0 8px !important;font-size:1.05rem !important;}\n\n/* Two ERP solutions — paired, clean and close to current site */\n.home99-erp-pair{gap:22px !important;}\n.home99-erp-card{min-height:420px !important;border-radius:24px !important;box-shadow:0 14px 45px rgba(9,49,94,.06);}\n.home99-partners{background:#fff !important;border-color:#ffd9bd !important;}\n.home99-transport{background:#fff !important;border-color:#d7e4f7 !important;}\n.home99-erp-card:before{height:6px !important;border-radius:24px 24px 0 0;}\n.home99-erp-card>a{border-radius:12px !important;padding:13px 17px !important;}\n\n/* Apps section */\n.home99-apps-layout{align-items:center !important;}\n.home99-app-item{padding:21px 4px !important;transition:padding-left .25s ease,background .25s ease;}\n.home99-app-item:hover,.home99-app-item.is-active{padding-left:12px !important;background:linear-gradient(90deg,rgba(35,80,255,.055),transparent 65%);}\n.home99-phone{box-shadow:0 30px 70px rgba(5,27,54,.22) !important;}\n\n/* Modules — two visual families in one six-card grid */\n.home99-module-grid{gap:18px !important;}\n.home99-module-grid article{min-height:220px !important;border-radius:18px !important;border-top-width:3px !important;box-shadow:0 10px 30px rgba(10,49,95,.045);transition:transform .25s ease,box-shadow .25s ease;}\n.home99-module-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(10,49,95,.09)}\n.home99-module-icon{border-radius:12px !important;}\n\n/* Events before Hardware, like the current site */\n.home99-events .section-inner{width:min(1180px,calc(100% - 44px)) !important;margin:0 auto !important;}\n.home99-events .home99-section-head h2{font:650 clamp(2.15rem,4vw,3.8rem)/1.02 "Space Grotesk",sans-serif !important;color:#0a3971 !important;letter-spacing:-.045em !important;}\n.home99-event-grid{gap:18px !important;}\n.home99-event-card{background:#fff !important;border:1px solid #e0e7f0 !important;border-radius:20px !important;box-shadow:0 10px 34px rgba(9,49,94,.06) !important;overflow:hidden;}\n.home99-event-card img{height:230px !important;object-fit:cover !important;}\n.home99-event-body{padding:22px 22px 24px !important;}\n.home99-event-body h3{color:#0d315f !important;}\n\n/* Hardware changed from dark block to the cleaner live-site light treatment */\n.home99-hardware{color:#0d315f !important;background:#fff !important;}\n.home99-hardware .home99-head h2{color:#0a3971 !important;}\n.home99-hardware .home99-head>p{color:#697d97 !important;}\n.home99-hardware-grid{gap:18px !important;}\n.home99-hw-card{background:#f8fafc !important;border:1px solid #dfe7f0 !important;border-radius:22px !important;box-shadow:0 10px 32px rgba(9,49,94,.05);}\n.home99-hw-media{height:270px !important;background:#fff !important;border-bottom:1px solid #e3eaf2;}\n.home99-orbit{border-color:rgba(35,80,255,.13) !important;box-shadow:none !important;}\n.home99-hw-copy h3{color:#0d315f !important;}\n.home99-hw-copy>p:not(.home99-kicker){color:#71849a !important;}\n.home99-hw-tags span{border-color:#d9e3ee !important;background:#fff !important;color:#546b84 !important;}\n\n/* Resources */\n.home99-video-grid>a{padding-bottom:22px !important;border-bottom:0 !important;}\n.home99-video-thumb{height:220px !important;border-radius:18px !important;}\n.home99-video-grid>a{padding:0 0 22px;background:#fff;border:1px solid #e0e7f0 !important;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(9,49,94,.045);}\n.home99-video-grid h3,.home99-video-grid p{margin-left:20px !important;margin-right:20px !important;}\n.home99-video-grid p{margin-bottom:4px !important;}\n\n/* CTA closer to current page: contained navy panel */\n.home99-final-cta{width:min(1180px,calc(100% - 44px));margin:72px auto;padding:72px 28px !important;border-radius:30px;background:linear-gradient(125deg,#082744,#0c396d) !important;}\n.home99-final-cta h2{font-size:clamp(2.2rem,4.3vw,4rem) !important;}\n.home99-final-grid{border-radius:30px;}\n.home99-flow{margin-top:42px !important;}\n\n/* FAQ */\n.home99-faq{padding-top:76px !important;}\n.home99-faq-list details{background:#fff;}\n\n/* Reveal states remain hidden only when JS/GSAP is available. */\n.js .home-reveal-head,.js .home-reveal-grid>* ,.js .home-reveal-visual{will-change:transform,opacity;}\n\n@media(max-width:680px){\n  .home99-overview,.home99-ecosystem,.home99-apps,.home99-modules,.home99-events,.home99-hardware,.home99-videos,.home99-faq{padding:62px 0 !important;}\n  .home99-events .section-inner{width:calc(100% - 28px) !important;}\n  .home99-event-card img{height:220px !important;}\n  .home99-final-cta{width:calc(100% - 28px);margin:50px auto;padding:58px 18px !important;border-radius:24px;}\n}\n
/* ===== V116 Home: screenshot-style sections ===== */
.home116-section{position:relative;overflow:hidden;background:#f3f6f9;color:#0a2f60;isolation:isolate}
.home116-section-wipe{position:absolute;z-index:20;inset:0;background:linear-gradient(180deg,#071c33 0%,#0a315f 35%,#f3f6f9 100%);pointer-events:none}
.home116-shell{width:min(1220px,calc(100% - 40px));margin:0 auto;position:relative;z-index:2}
.home116-eyebrow{display:flex;align-items:center;gap:10px;color:#ff6500;font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px}
.home116-eyebrow span{width:34px;height:3px;background:#ff6500;border-radius:99px;display:inline-block}
.home116-center-head{text-align:center;max-width:930px;margin:0 auto 40px}.home116-center-head .home116-eyebrow{justify-content:center}.home116-center-head>p:last-child{color:#697d96;line-height:1.65;font-size:1.02rem}
.home116-center-head h2,.home116-overview-copy h2,.home116-solution-copy h3,.home116-app-grid h3,.home116-hw-group>h3,.home116-video-grid h3,.home116-faq-inline h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;text-transform:uppercase;color:#072f65}
.home116-center-head h2{font-size:clamp(2.8rem,5.1vw,5.6rem);line-height:.86;letter-spacing:-.035em;margin:0 0 22px}.home116-center-head h2 em,.home116-overview-copy h2 em,.home116-solution-copy h3 em{font-style:normal;color:#ff5b00}

.home116-overview{padding:88px 0;background:#eef3f8}.home116-overview-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;background:#fff;border:1px solid #dce5ef;border-radius:28px;padding:56px 48px;box-shadow:0 18px 55px rgba(10,47,96,.05)}
.home116-overview-copy h2{font-size:clamp(3.7rem,6vw,6.6rem);line-height:.82;letter-spacing:-.04em;margin:0 0 30px}.home116-overview-copy>p:last-child{max-width:550px;color:#47617f;font-size:1.02rem;line-height:1.9;text-align:justify}
.home116-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.home116-benefit-grid article{min-height:138px;padding:22px 20px;background:#fff;border:1px solid #dce5ef;border-radius:22px;box-shadow:0 12px 28px rgba(10,47,96,.035)}.home116-benefit-grid h3{color:#062d5d;font-size:1.05rem;margin:0 0 12px}.home116-benefit-grid p{margin:0;color:#70839a;font-size:.86rem;line-height:1.75}

.home116-ecosystem{padding:96px 0;background:#f2f5f9}.home116-solution-card{display:grid;grid-template-columns:1fr 1fr;min-height:470px;margin-top:36px;background:#fff;border:1px solid #dce5ef;border-radius:30px;overflow:hidden;box-shadow:0 22px 55px rgba(8,37,76,.06)}.home116-solution-card.transport{margin-top:28px}.home116-solution-copy{padding:54px;display:flex;flex-direction:column;justify-content:center}.home116-solution-copy h3{font-size:clamp(3.1rem,4.6vw,5rem);line-height:.84;letter-spacing:-.035em;margin:0 0 20px}.home116-solution-copy>p:not(.home116-eyebrow){color:#657a94;font-size:1rem;line-height:1.65}.home116-chips{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 20px}.home116-chips span{padding:9px 13px;border-radius:999px;background:#f4f7fb;border:1px solid #dce4ee;color:#153b68;font-size:.78rem;font-weight:700}.home116-chips.orange-outline span{background:#fff7f1;border-color:#ffd0b5;color:#b74900}.home116-actions{display:flex;gap:12px;flex-wrap:wrap}.home116-actions a,.home116-more,.home116-final a{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:#062f65;color:#fff;font-weight:800;font-size:.86rem}.home116-actions a.orange,.home116-more,.home116-final a{background:#ff5b00}
.home116-solution-visual{position:relative;min-height:470px;background:linear-gradient(135deg,#0b3f78,#303a5b);display:grid;place-items:center;overflow:hidden}.home116-solution-visual:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;right:-100px;top:-120px;background:rgba(255,255,255,.07)}.home116-solution-visual.light{background:linear-gradient(145deg,#fff,#f6f4f1)}.home116-dashboard{width:76%;height:58%;border:12px solid #07192f;border-radius:22px;background:#edf3fa;position:relative;z-index:2;box-shadow:0 28px 55px rgba(0,0,0,.22);overflow:hidden}.home116-dashboard .tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;background:#07192f}.home116-dashboard .tabs b{font-size:.62rem;padding:9px;border-radius:10px;background:#283950;color:#fff}.home116-dashboard.light .tabs{background:#111b29}.home116-dashboard.light .tabs b{background:#f0f4f8;color:#062e61}.home116-dashboard .dash-body{padding:14px;display:flex;gap:0;height:70%}.home116-dashboard .dash-body span{flex:1;background:linear-gradient(45deg,#d2dcea 0 20%,#f6f8fb 20% 60%,#f8d9c7 60% 72%,#fff 72%)}.home116-mobile-mini{position:absolute;z-index:3;right:7%;bottom:8%;width:118px;height:220px;border:10px solid #07192f;border-radius:30px;background:#fff;padding:22px 10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 22px 45px rgba(0,0,0,.2)}.home116-mobile-mini i{height:38px;border-radius:10px;background:#eef2f7;border:1px solid #dce3ec}

.home116-apps{padding:98px 0 94px;background:#fff}.home116-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.home116-app-grid article{background:#fff;border:1px solid #dbe4ed;border-radius:26px;overflow:hidden;padding-bottom:28px;box-shadow:0 16px 38px rgba(8,41,83,.04)}.home116-app-media{height:355px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff 70%,#fff2e8 70%)}.home116-app-media img{height:100%;width:auto;object-fit:contain;display:block}.home116-app-grid h3{font-size:1.75rem;line-height:1;margin:16px 26px 10px}.home116-app-grid>article>p{margin:0 26px 14px;color:#6c7e93;line-height:1.55;font-size:.9rem}.home116-app-grid ul{list-style:none;padding:0;margin:0 26px;display:grid;gap:12px;color:#516984;font-size:.82rem}.home116-app-grid li:before{content:'✓';color:#ff5b00;font-weight:900;margin-right:10px}

.home116-modules{padding:90px 0;background:#edf2f7}.home116-modules-box{background:#fff;border:1px solid #dce5ef;border-radius:30px;padding:42px 38px;box-shadow:0 16px 44px rgba(9,48,95,.045)}.home116-module-row{display:grid;grid-template-columns:240px 1fr;align-items:center;padding:22px 0;border-bottom:1px solid #dce5ef}.home116-module-row>strong{font-family:'Barlow Condensed',sans-serif;font-size:1.35rem;color:#092f63}.home116-module-row:first-child>strong{color:#ff5b00}.home116-module-row>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home116-module-row span{min-height:82px;display:flex;align-items:center;gap:14px;padding:16px 18px;background:#f7f9fc;border:1px solid #dce5ee;border-radius:18px;color:#083164;font-size:.9rem}.home116-more{width:max-content;margin:28px auto 0}

.home116-events{padding:90px 0;background:#fff}.home116-event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home116-event-grid>a{display:block;border:1px solid #dbe4ed;border-radius:22px;overflow:hidden;background:#fff;color:#0a315f;box-shadow:0 13px 36px rgba(9,46,91,.05)}.home116-event-grid img{width:100%;height:220px;object-fit:cover;display:block}.home116-event-grid>a>div{padding:18px 18px 20px}.home116-event-grid h3{font-family:'Barlow Condensed',sans-serif;font-size:1.55rem;margin:0 0 5px}.home116-event-grid p{margin:0;color:#6e8199;font-size:.86rem;line-height:1.5}

.home116-hardware{padding:88px 0 98px;background:#eef2f7}.home116-hw-group{margin-top:34px}.home116-hw-group>h3{font-size:2rem;letter-spacing:-.02em;margin:0 0 16px}.home116-hw-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home116-hw-row>a{min-height:126px;display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #dce4ed;border-radius:22px;color:#0a315f;box-shadow:0 14px 34px rgba(8,42,84,.04)}.home116-hw-row img{width:82px;height:82px;object-fit:contain;background:#f5f8fc;border-radius:18px;padding:8px}.home116-hw-row span{display:grid;gap:6px}.home116-hw-row b{font-size:.93rem}.home116-hw-row small{color:#6f8197;font-size:.78rem}

.home116-videos{padding:90px 0;background:#fff}.home116-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home116-video-grid>a{border:1px solid #dce4ed;border-radius:22px;overflow:hidden;background:#fff;color:#0a315f;box-shadow:0 14px 38px rgba(9,48,95,.04)}.home116-video-thumb{height:190px;position:relative;display:grid;place-items:center;background:#0a315f}.home116-video-thumb.first{background:linear-gradient(145deg,#f8f8f8,#fff2cf)}.home116-video-thumb.second{background:linear-gradient(145deg,#234e8f,#0b2d60)}.home116-video-thumb.third{background:#062a59}.home116-video-thumb span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ff5b00;color:#fff;font-size:1.2rem;padding-left:4px}.home116-video-grid h3{font-size:1.55rem;margin:18px 18px 8px}.home116-video-grid p{margin:0 18px 22px;color:#6b8099;font-size:.86rem;line-height:1.5}

.home116-final{padding:0;background:#fff}.home116-final-inner{padding:68px 24px;text-align:center;background:#0b3970;color:#fff}.home116-final h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.7rem,5vw,5rem);margin:0 0 10px}.home116-final p{max-width:720px;margin:0 auto 26px;line-height:1.6}.home116-faq{padding:56px 0 72px;background:#f2f5f8}.home116-faq-inline{display:flex;align-items:center;justify-content:space-between;gap:30px}.home116-faq-inline h2{font-size:3rem;margin:0}.home116-faq-inline a{font-weight:800;color:#0b3970;border:1px solid #bfd0e2;border-radius:999px;padding:13px 18px;background:#fff}

@media(max-width:900px){
 .home116-overview-grid,.home116-solution-card{grid-template-columns:1fr}.home116-overview-grid{gap:34px;padding:36px 24px}.home116-benefit-grid{grid-template-columns:1fr 1fr}.home116-solution-card.transport .home116-solution-copy{order:2}.home116-solution-card.transport .home116-solution-visual{order:1}.home116-app-grid,.home116-event-grid,.home116-video-grid,.home116-hw-row{grid-template-columns:1fr}.home116-module-row{grid-template-columns:1fr;gap:16px}.home116-module-row>div{grid-template-columns:1fr}.home116-solution-copy{padding:36px 26px}.home116-solution-visual{min-height:370px}.home116-app-media{height:320px}.home116-faq-inline{flex-direction:column;align-items:flex-start}.home116-event-grid img{height:auto;aspect-ratio:16/9}.home116-hw-row>a{min-height:110px}
}
@media(max-width:560px){.home116-shell{width:calc(100% - 24px)}.home116-overview{padding:54px 0}.home116-benefit-grid{grid-template-columns:1fr}.home116-overview-copy h2{font-size:3.3rem}.home116-center-head h2{font-size:3rem}.home116-solution-copy h3{font-size:3rem}.home116-dashboard{width:86%}.home116-mobile-mini{width:92px;height:185px}.home116-app-media{height:280px}.home116-app-grid h3{font-size:1.55rem}.home116-module-row span{min-height:68px}.home116-hw-group>h3{font-size:1.7rem}.home116-final-inner{padding:54px 18px}}


/* ===== V117 GPS / transport section transitions ===== */
.home116-section-wipe{display:none !important;}
.geo-section-connector{
  position:relative;
  width:min(980px,calc(100% - 40px));
  height:112px;
  margin:-8px auto 8px;
  overflow:visible;
  pointer-events:none;
  z-index:5;
}
.geo-connector-track{
  position:absolute;
  left:50%;
  top:50%;
  width:min(840px,86vw);
  height:64px;
  transform:translate(-50%,-50%);
}
.geo-route-dash{
  position:absolute;
  left:0;right:0;top:31px;
  height:2px;
  background:repeating-linear-gradient(90deg,#2350ff 0 12px,transparent 12px 22px);
  opacity:.58;
  filter:drop-shadow(0 0 5px rgba(35,80,255,.15));
}
.geo-route-dash::before{
  content:"";position:absolute;left:0;right:0;top:-8px;height:18px;
  background:linear-gradient(90deg,transparent,rgba(35,80,255,.06),transparent);
}
.geo-connector-truck{
  position:absolute;
  left:50%;top:31px;
  width:68px;height:auto;
  transform:translate(-50%,-50%);
  transform-origin:center;
  filter:drop-shadow(0 8px 8px rgba(4,21,45,.16));
}
.geo-gps-node{
  position:absolute;top:23px;width:16px;height:16px;border-radius:50%;
  background:#fff;border:3px solid #ff6a00;box-shadow:0 0 0 5px rgba(255,106,0,.08);
}
.geo-gps-node-a{left:8%;}
.geo-gps-node-b{right:8%;border-color:#2350ff;box-shadow:0 0 0 5px rgba(35,80,255,.08);}
.geo-gps-node i{
  position:absolute;inset:2px;border-radius:50%;border:1px solid currentColor;opacity:.6;
}
.geo-gps-node-a i{color:#ff6a00;}
.geo-gps-node-b i{color:#2350ff;}
.geo-signal{position:absolute;top:4px;width:42px;height:28px;border-top:2px solid rgba(35,80,255,.3);border-radius:50%;}
.geo-signal::before,.geo-signal::after{content:"";position:absolute;border-top:2px solid rgba(35,80,255,.28);border-radius:50%;left:6px;right:6px;top:7px;height:18px;}
.geo-signal::after{left:13px;right:13px;top:14px;height:10px;}
.geo-signal-a{left:calc(8% - 13px);transform:rotate(-7deg);}
.geo-signal-b{right:calc(8% - 13px);transform:rotate(7deg);}

@media(max-width:900px){
  .geo-section-connector{height:88px;margin:-2px auto 4px;}
  .geo-connector-track{width:82vw;height:54px;}
  .geo-route-dash{top:27px;}
  .geo-connector-truck{top:27px;width:54px;}
  .geo-gps-node{top:20px;width:14px;height:14px;border-width:2px;}
  .geo-signal{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .geo-section-connector{display:none;}
}

/* =========================================================
   V119 — full-page kinetic logistics journey
   ========================================================= */
#home{--journey-progress:0;position:relative;background:#061322;isolation:isolate}
.section-mile{position:absolute;z-index:2;right:7vw;top:38px;font:700 .58rem/1 Inter,sans-serif;letter-spacing:.18em;color:#ff7a00}

/* Hero is now a moving multilayer scene, not a static background swap. */
.hero{height:100svh;min-height:720px;perspective:1200px}
.hero:before,.hero:after{content:"";position:absolute;z-index:1;pointer-events:none;will-change:transform}
.hero:before{left:38%;right:-10%;bottom:-19%;height:48%;background:linear-gradient(96deg,transparent 0 20%,rgba(255,255,255,.12) 20.2% 20.5%,transparent 20.8% 48%,rgba(255,122,0,.5) 48.2% 48.5%,transparent 48.8% 76%,rgba(255,255,255,.09) 76.2% 76.5%,transparent 76.8%),linear-gradient(#10283c,#050e18);clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);transform:perspective(520px) rotateX(64deg);opacity:.68}
.hero:after{inset:0;background:repeating-linear-gradient(90deg,transparent 0 8vw,rgba(55,128,184,.05) 8vw calc(8vw + 1px));mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent)}
.hero-corridor{animation:corridorBreath 12s ease-in-out infinite alternate}
.hero .grid{animation:gridDrift 18s linear infinite}
.hero-copy h1,.hero-copy .lead,.hero-actions{opacity:1!important;visibility:visible!important}
@keyframes corridorBreath{to{filter:saturate(1.05) contrast(1.12);opacity:.5}}
@keyframes gridDrift{to{background-position:64px 64px}}

/* Every content chapter becomes part of the same route. */
.home116-section{position:relative;overflow:hidden;isolation:isolate;border:0!important}
.home116-section:before{content:"";position:absolute;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(circle at var(--px,75%) var(--py,30%),rgba(255,122,0,.10),transparent 24%);transform:translate3d(0,var(--chapter-shift,0),0)}
.home116-overview{min-height:100vh!important;display:grid;align-items:center;background:#f4f7fa!important;color:#092846!important}
.home116-overview:after{content:"GEO";position:absolute;right:-.04em;bottom:-.18em;font:800 clamp(12rem,34vw,36rem)/.75 "Barlow Condensed";letter-spacing:-.08em;color:rgba(9,40,70,.035);pointer-events:none}
.home116-overview-grid{align-items:center!important}.home116-overview-copy{position:sticky;top:18vh}.home116-benefit-grid article{transform-style:preserve-3d;will-change:transform}.home116-benefit-grid article:nth-child(2),.home116-benefit-grid article:nth-child(4){transform:translateY(48px)}

.home116-ecosystem{padding:14vh 0!important;background:linear-gradient(180deg,#071526,#0b2740)!important;color:#fff!important;overflow:clip!important}
.home116-ecosystem .home116-center-head h2,.home116-ecosystem .home116-center-head>p{color:#fff!important}
.home116-solution-card{position:sticky!important;top:12vh!important;min-height:76vh!important;margin-bottom:22vh!important;border-radius:34px!important;transform-origin:center top;box-shadow:0 35px 90px rgba(0,0,0,.32)!important}
.home116-solution-card.transport{top:15vh!important;margin-bottom:0!important}
.home116-dashboard{transform:perspective(900px) rotateY(-8deg) rotateX(4deg);transition:transform .45s ease}.home116-solution-card.transport .home116-dashboard{transform:perspective(900px) rotateY(8deg) rotateX(4deg)}
.home116-solution-card:hover .home116-dashboard{transform:perspective(900px) rotateY(0) rotateX(0) translateY(-8px)}

.home116-apps{min-height:120vh!important;padding:15vh 0!important;background:#edf3f8!important}
.home116-app-grid{display:flex!important;gap:22px!important;width:max-content!important;max-width:none!important;will-change:transform}
.home116-app-grid article{width:min(72vw,430px)!important;flex:0 0 auto!important;border-radius:26px!important;background:#fff!important;box-shadow:0 20px 60px rgba(8,37,67,.10)!important;overflow:hidden}.home116-app-media{height:390px!important;overflow:hidden}.home116-app-media img{height:112%!important;will-change:transform}

.home116-modules{min-height:100vh!important;display:grid;align-items:center;background:#ff6a00!important;color:#fff!important}
.home116-modules:before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 70px,rgba(255,255,255,.12) 71px 72px)!important;animation:moduleRadar 8s linear infinite}
@keyframes moduleRadar{to{transform:rotate(360deg) scale(1.08)}}
.home116-modules .home116-center-head h2,.home116-modules .home116-eyebrow{color:#fff!important}.home116-modules-box{background:rgba(6,19,34,.93)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 35px 90px rgba(73,27,0,.3)!important}.home116-module-row span{transition:transform .3s ease,background .3s ease}.home116-module-row span:hover{transform:translateY(-8px) rotate(-1deg);background:#fff;color:#092846}

.home116-events{padding:14vh 0!important;background:#071526!important;color:#fff!important}.home116-events .home116-center-head h2,.home116-events .home116-center-head>p{color:#fff!important}.home116-event-grid{perspective:1200px}.home116-event-grid>a{position:relative;overflow:hidden;border-radius:24px!important;background:#102b45!important;transform-style:preserve-3d;box-shadow:0 28px 60px rgba(0,0,0,.25)!important}.home116-event-grid img{height:340px!important;filter:saturate(.8);transition:filter .35s ease,transform .6s ease}.home116-event-grid>a:hover img{filter:saturate(1.1);transform:scale(1.06)}

.home116-hardware{padding:14vh 0!important;background:#eef3f7!important}.home116-hw-group{position:relative!important;min-height:70vh!important;margin-bottom:12vh!important;display:grid;align-content:center;border-radius:34px!important;background:#fff!important;box-shadow:0 24px 70px rgba(8,37,67,.08)!important}.home116-hw-row>a{position:relative;transform-style:preserve-3d;transition:transform .35s ease}.home116-hw-row>a:hover{transform:translateY(-12px) rotateX(3deg)}.home116-hw-row img{will-change:transform}

.home116-videos{padding:14vh 0!important;background:linear-gradient(180deg,#081829,#0d3152)!important;color:#fff!important}.home116-videos .home116-center-head h2{color:#fff!important}.home116-video-grid{perspective:1000px}.video-card{transform-style:preserve-3d}.video-card:nth-child(2){transform:translateY(54px)}
.home116-final{min-height:92vh!important;display:grid!important;place-items:center!important;background:#ff6a00!important;overflow:hidden}.home116-final:after{content:"";position:absolute;width:70vmax;height:70vmax;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 9vmax rgba(255,255,255,.035),0 0 0 18vmax rgba(255,255,255,.025);animation:finalOrbit 20s linear infinite}@keyframes finalOrbit{to{transform:rotate(360deg)}}.home116-final-inner{position:relative;z-index:2}
.home116-faq{background:#061322!important;color:#fff!important}.home116-faq h2{color:#fff!important}

.geo-section-connector{height:150px!important;margin:-76px auto!important;z-index:8!important;pointer-events:none}.geo-connector-track{width:min(76vw,1100px)!important}.geo-route-dash{height:3px!important;background:repeating-linear-gradient(90deg,#ff7a00 0 20px,transparent 20px 36px)!important;box-shadow:0 0 16px rgba(255,122,0,.35)}.geo-connector-truck{filter:drop-shadow(0 10px 8px rgba(0,0,0,.35))}

@media(max-width:900px){
  .section-mile{right:18px;top:22px}.hero{min-height:760px}.hero:before{left:-10%;right:-45%;bottom:-12%;opacity:.42}
  .home116-overview-copy{position:relative;top:auto}.home116-benefit-grid article:nth-child(n){transform:none}
  .home116-solution-card{position:relative!important;top:auto!important;min-height:0!important;margin-bottom:42px!important}
  .home116-app-grid{display:grid!important;width:auto!important}.home116-app-grid article{width:auto!important}.home116-app-media{height:280px!important}
  .home116-hw-group{min-height:0!important;margin-bottom:30px!important}.video-card:nth-child(2){transform:none}.geo-section-connector{height:80px!important;margin:-32px auto!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-corridor,.hero .grid,.home116-modules:before,.home116-final:after{animation:none!important}.home116-app-grid{transform:none!important}
}

/* ===== V120 continuous truck handoff + cinematic route connectors ===== */
.truck-layer{transform-style:preserve-3d;will-change:transform,opacity;transform-origin:52% 62%}
.vehicle-story-wrap{will-change:left,top,transform,opacity}
.hero-handoff-caption{position:absolute;z-index:12;left:50%;bottom:4.5vh;display:flex;align-items:center;gap:11px;transform:translateX(-50%);font:700 .54rem/1 Inter,sans-serif;letter-spacing:.16em;color:#a9bac8;opacity:0;pointer-events:none}
.hero-handoff-caption i{width:34px;height:1px;background:#ff7a00;box-shadow:0 0 9px #ff7a00}

.geo-section-connector{height:230px!important;margin:-105px auto!important;overflow:visible!important;isolation:isolate}
.geo-connector-track{height:210px!important;width:min(88vw,1180px)!important;overflow:visible!important}
.geo-connector-track>.geo-route-dash,.geo-connector-track>.geo-gps-node,.geo-connector-track>.geo-signal{display:none!important}
.geo-connector-road{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 20px 18px rgba(3,15,28,.18))}
.geo-road-edge{fill:none;stroke:#051321;stroke-width:34;stroke-linecap:round}
.geo-road-surface{fill:none;stroke:#183652;stroke-width:29;stroke-linecap:round}
.geo-road-center{fill:none;stroke:#ff8a26;stroke-width:2;stroke-linecap:round;stroke-dasharray:15 17;filter:drop-shadow(0 0 7px rgba(255,122,0,.72))}
.geo-road-light{fill:none;stroke:rgba(88,174,255,.35);stroke-width:1;stroke-linecap:round;stroke-dasharray:2 14}
.geo-connector-truck{z-index:7!important;left:0;top:0;width:92px!important;opacity:1!important;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 10px rgba(0,0,0,.42)) drop-shadow(0 0 9px rgba(255,122,0,.24));will-change:transform,left,top}
.geo-truck-beacon{position:absolute;z-index:6;width:11px;height:11px;border-radius:50%;background:#ff7a00;transform:translate(-50%,-50%);box-shadow:0 0 0 7px rgba(255,122,0,.13),0 0 22px #ff7a00;will-change:left,top}
.geo-truck-beacon:after{content:"";position:absolute;inset:-15px;border:1px solid rgba(255,122,0,.42);border-radius:50%;animation:geoConnectorPing 1.7s ease-out infinite}
.geo-route-label{position:absolute;z-index:5;padding:7px 10px;border:1px solid rgba(255,122,0,.23);border-radius:999px;background:rgba(6,23,39,.9);color:#fff;font:700 .5rem/1 Inter,sans-serif;letter-spacing:.12em;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.geo-route-label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:#ff7a00;box-shadow:0 0 8px #ff7a00}
.geo-label-a{left:14%;top:22%}.geo-label-b{right:13%;bottom:20%}
.geo-route-scan{position:absolute;z-index:4;width:150px;height:150px;border:1px solid rgba(255,122,0,.16);border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.08),transparent 62%);transform:translate(-50%,-50%);will-change:left,top}
@keyframes geoConnectorPing{from{transform:scale(.25);opacity:1}to{transform:scale(1.25);opacity:0}}

@media(max-width:900px){
  .hero-handoff-caption{display:none}.geo-section-connector{height:120px!important;margin:-48px auto!important}.geo-connector-track{height:110px!important;width:92vw!important}.geo-road-edge{stroke-width:22}.geo-road-surface{stroke-width:18}.geo-connector-truck{width:62px!important}.geo-route-label{display:none}.geo-route-scan{width:90px;height:90px}
}

/* Hardware groups return to the original open layout. */
.home116-hardware .home116-hw-group{min-height:0!important;margin:34px 0 0!important;padding:0!important;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.hero-handoff-caption,.geo-truck-beacon,.geo-route-scan{display:none!important}.geo-connector-truck{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}}

/* ===== V121 restore original palette + vertical section handoffs ===== */
.home116-overview{background:#eef3f8!important;color:#0a2f60!important}
.home116-ecosystem{background:#f2f5f9!important;color:#0a2f60!important}
.home116-apps{background:#fff!important;color:#0a2f60!important}
.home116-modules{background:#edf2f7!important;color:#0a2f60!important}
.home116-events{background:#fff!important;color:#0a2f60!important}
.home116-hardware{background:#eef2f7!important;color:#0a2f60!important}
.home116-videos{background:#fff!important;color:#0a2f60!important}
.home116-final{background:#fff!important;color:#0a2f60!important}
.home116-faq{background:#f2f5f8!important;color:#0a2f60!important}
.home116-ecosystem .home116-center-head h2,.home116-events .home116-center-head h2,.home116-videos .home116-center-head h2,.home116-faq h2{color:#072f65!important}
.home116-ecosystem .home116-center-head>p,.home116-events .home116-center-head>p{color:#697d96!important}
.home116-modules .home116-center-head h2{color:#072f65!important}.home116-modules .home116-eyebrow{color:#ff6500!important}
.home116-modules:before{background:radial-gradient(circle at 50% 50%,rgba(255,122,0,.07),transparent 34%)!important;animation:none!important}
.home116-modules-box{background:#fff!important;border:1px solid #dce5ef!important;box-shadow:0 16px 44px rgba(9,48,95,.045)!important}
.home116-events .home116-event-grid>a{background:#fff!important;box-shadow:0 13px 36px rgba(9,46,91,.05)!important}
.home116-videos{background:#fff!important}.home116-final:after{display:none!important}.home116-final-inner{background:#0b3970!important;width:100%}

.hero-handoff-beam{position:absolute;z-index:10;left:50%;bottom:-2px;width:2px;height:34vh;transform:translateX(-50%) scaleY(0);transform-origin:bottom;background:linear-gradient(transparent,#ff7a00);box-shadow:0 0 18px rgba(255,122,0,.65);opacity:0;pointer-events:none}
.hero-handoff-topview{position:absolute;z-index:14;left:50%;bottom:7vh;width:120px;transform:translateX(-50%) rotate(90deg);filter:drop-shadow(0 16px 12px rgba(0,0,0,.45));opacity:0;pointer-events:none}

.geo-section-connector{width:190px!important;height:290px!important;margin:-118px auto!important;z-index:10!important}
.geo-connector-track{left:50%!important;top:50%!important;width:180px!important;height:270px!important;transform:translate(-50%,-50%)!important}
.geo-connector-road{filter:drop-shadow(0 18px 16px rgba(3,15,28,.16))}
.geo-road-edge{stroke-width:38}.geo-road-surface{stroke-width:32}.geo-road-center{stroke-width:2.5;stroke-dasharray:12 14}.geo-road-light{stroke-width:1.5}
.geo-connector-truck{width:80px!important}
.geo-label-a{left:-92px!important;top:20%!important;white-space:nowrap}.geo-label-b{right:-112px!important;bottom:18%!important;white-space:nowrap}
.geo-route-scan{width:120px;height:120px}

@media(max-width:900px){
  .hero-handoff-beam{height:27vh}.hero-handoff-topview{width:82px}
  .geo-section-connector{width:130px!important;height:190px!important;margin:-72px auto!important}.geo-connector-track{width:120px!important;height:178px!important}.geo-road-edge{stroke-width:26}.geo-road-surface{stroke-width:21}.geo-connector-truck{width:58px!important}
}
@media(prefers-reduced-motion:reduce){.hero-handoff-beam,.hero-handoff-topview{display:none!important}}

/* ===== V122 dedicated hero corridor + one continuous vertical roadway ===== */
.hero-truck-handoff{position:relative;height:190vh;background:#061322;color:#fff;z-index:4}
.handoff-pin{height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,#061322 0%,#081b2e 58%,#061322 100%)}
.handoff-pin:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 82%,transparent)}
.handoff-copy{position:absolute;z-index:5;left:7vw;top:18vh;max-width:520px}.handoff-copy span{display:block;margin-bottom:14px;color:#ff7a00;font:800 .65rem/1 Inter,sans-serif;letter-spacing:.18em}.handoff-copy strong{font:800 clamp(3.4rem,6.4vw,7rem)/.84 "Barlow Condensed",sans-serif;letter-spacing:-.045em;text-transform:uppercase}
.handoff-road{position:absolute;z-index:2;left:50%;top:29vh;width:180px;height:100vh;transform:translateX(-50%) scaleY(.08);transform-origin:top;opacity:0;background:linear-gradient(90deg,#020910 0 7px,#203a50 7px 22px,#132b40 22px calc(100% - 22px),#203a50 calc(100% - 22px) calc(100% - 7px),#020910 calc(100% - 7px));box-shadow:0 0 0 1px rgba(255,255,255,.07),0 30px 70px rgba(0,0,0,.55)}
.handoff-road-edge{position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.3)}.handoff-road-edge.left{left:22px}.handoff-road-edge.right{right:22px}.handoff-lane{position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translateX(-50%);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.72) 0 27px,transparent 27px 55px)}
.handoff-route{position:absolute;left:calc(50% + 28px);top:0;bottom:0;width:2px;background:linear-gradient(#ff7a00,rgba(255,122,0,.08));box-shadow:0 0 12px #ff7a00}
.handoff-vehicle{position:absolute;z-index:6;left:50%;top:30vh;width:1px;height:1px}.handoff-side-truck{position:absolute;width:min(690px,52vw);right:-28vw;top:-21vh;filter:drop-shadow(0 30px 25px rgba(0,0,0,.48));transform-origin:center}.handoff-map-truck{position:absolute;width:108px;left:-54px;top:-54px;opacity:0;filter:drop-shadow(0 12px 8px rgba(0,0,0,.55))}.handoff-beacon{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#ff7a00;box-shadow:0 0 0 9px rgba(255,122,0,.13),0 0 28px #ff7a00;opacity:0}
.handoff-status{position:absolute;z-index:7;left:calc(50% + 120px);top:58%;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(6,25,43,.88);backdrop-filter:blur(12px);font:800 .56rem/1 Inter,sans-serif;letter-spacing:.13em}.handoff-status i{width:7px;height:7px;border-radius:50%;background:#43e08d;box-shadow:0 0 10px #43e08d}

/* ERP cards retain their original static presentation. */
.home116-solution-card,.home116-solution-card.transport{position:relative!important;top:auto!important;min-height:470px!important;margin-bottom:0!important;margin-top:36px!important;transform:none!important;filter:none!important}
.home116-solution-card.transport{margin-top:28px!important}.home116-solution-card .home116-dashboard{transform:none!important}

/* A consistent realistic road with sufficient breathing room between chapters. */
.geo-section-connector{width:300px!important;height:500px!important;margin:12px auto 24px!important;overflow:visible!important}
.geo-connector-track{width:260px!important;height:470px!important}
.geo-road-edge{stroke:#030a11!important;stroke-width:104!important;stroke-linecap:butt!important}
.geo-road-surface{stroke:#1a3145!important;stroke-width:92!important;stroke-linecap:butt!important}
.geo-road-light{stroke:rgba(255,255,255,.22)!important;stroke-width:70!important;stroke-dasharray:1 9!important}
.geo-road-center{stroke:#f4b24d!important;stroke-width:3!important;stroke-dasharray:22 20!important;filter:drop-shadow(0 0 4px rgba(255,178,72,.45))!important}
.geo-connector-truck{width:78px!important;transform-origin:center!important;filter:drop-shadow(0 14px 9px rgba(0,0,0,.52))!important}
.geo-truck-beacon{width:9px;height:9px;box-shadow:0 0 0 6px rgba(255,122,0,.12),0 0 18px #ff7a00}
.geo-route-scan{width:105px;height:105px;background:radial-gradient(circle,rgba(255,122,0,.06),transparent 66%)}
.geo-label-a{left:-70px!important;top:17%!important}.geo-label-b{right:-92px!important;bottom:17%!important}

@media(max-width:900px){
  .hero-truck-handoff{height:160vh}.handoff-copy{left:7vw;top:13vh}.handoff-copy strong{font-size:clamp(3rem,13vw,5.2rem)}.handoff-road{top:37vh;width:126px}.handoff-side-truck{width:86vw;right:-43vw;top:-13vh}.handoff-map-truck{width:76px;left:-38px;top:-38px}.handoff-status{left:calc(50% + 72px);top:64%;font-size:.46rem}
  .geo-section-connector{width:190px!important;height:340px!important;margin:8px auto 18px!important}.geo-connector-track{width:170px!important;height:315px!important}.geo-road-edge{stroke-width:74!important}.geo-road-surface{stroke-width:64!important}.geo-road-light{stroke-width:48!important}.geo-connector-truck{width:58px!important}
}
@media(prefers-reduced-motion:reduce){.hero-truck-handoff{display:none}.handoff-pin{height:auto}.home116-solution-card{transform:none!important}}

/* ===== V123 softened handoffs, straight roads and junctions ===== */
.hero-vignette:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:24vh;background:linear-gradient(to bottom,transparent,#061322);pointer-events:none}
.hero-truck-handoff:before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:26vh;background:linear-gradient(to bottom,#061322,transparent);pointer-events:none}
.handoff-pin{background:linear-gradient(180deg,#061322 0%,#071728 34%,#081b2e 67%,#061322 100%)}
.handoff-road{opacity:.2;transform:translateX(-50%) scaleY(.24)}
.handoff-side-truck{opacity:0}

.geo-section-connector{background:transparent!important;isolation:isolate}
.geo-section-connector:before{content:"";position:absolute;z-index:-2;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:linear-gradient(to bottom,var(--road-from,#fff) 0%,color-mix(in srgb,var(--road-from,#fff) 50%,var(--road-to,#fff)) 48%,var(--road-to,#fff) 100%)}
.geo-connector-road{overflow:visible!important}
.geo-truck-light{position:absolute;z-index:5;width:62px;height:105px;transform:translate(-50%,0);transform-origin:50% 0;clip-path:polygon(37% 0,63% 0,100% 100%,0 100%);background:linear-gradient(to bottom,rgba(190,225,255,.19),transparent 82%);filter:blur(2px);pointer-events:none;will-change:left,top,transform}
.geo-connector-truck{z-index:8!important}
.geo-truck-beacon{z-index:9!important}
.geo-road-center{animation:roadCenterFlow 1.15s linear infinite}
@keyframes roadCenterFlow{to{stroke-dashoffset:-42}}

@media(max-width:900px){.geo-truck-light{width:45px;height:74px}}
@media(prefers-reduced-motion:reduce){.geo-road-center{animation:none}.geo-truck-light{display:none}}

/* ===== V124 straight realistic roads + larger top-view handoff ===== */
.geo-road-edge{stroke:#05090d!important;stroke-width:126!important}
.geo-road-surface{stroke:#26323b!important;stroke-width:112!important;filter:drop-shadow(0 16px 14px rgba(0,0,0,.3))}
.geo-road-light{stroke:rgba(255,255,255,.035)!important;stroke-width:102!important;stroke-dasharray:3 5!important}
.geo-road-center{stroke:#f4d58a!important;stroke-width:3!important;stroke-dasharray:24 22!important}
.geo-road-shoulder{fill:none;stroke:rgba(244,247,249,.66);stroke-width:2.5;stroke-linecap:butt}
.geo-road-shoulder.shoulder-left{transform:translateX(-49px)}
.geo-road-shoulder.shoulder-right{transform:translateX(49px)}
.geo-connector-truck{width:82px!important}

.handoff-road{width:240px;background:
  linear-gradient(90deg,#03070b 0 9px,#44515b 9px 13px,#26343e 13px 26px,transparent 26px calc(100% - 26px),#26343e calc(100% - 26px) calc(100% - 13px),#44515b calc(100% - 13px) calc(100% - 9px),#03070b calc(100% - 9px)),
  repeating-linear-gradient(100deg,#303b43 0 2px,#29343c 2px 5px,#323d45 5px 8px);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 34px 80px rgba(0,0,0,.58)}
.handoff-road-edge.left{left:27px}.handoff-road-edge.right{right:27px}
.handoff-road-edge{background:rgba(248,250,252,.72)}
.handoff-lane{width:3px;background:repeating-linear-gradient(to bottom,#f3d596 0 31px,transparent 31px 62px)}
.handoff-route{left:calc(50% + 43px);opacity:.75}
.handoff-map-truck{width:156px;left:-78px;top:-78px;filter:drop-shadow(0 18px 13px rgba(0,0,0,.58))}
.hero-truck-handoff{margin-bottom:-1px;background:linear-gradient(180deg,#061322 0%,#071728 64%,#061322 100%)}
.hero-truck-handoff:after{content:"";position:absolute;z-index:8;left:0;right:0;bottom:-1px;height:42vh;background:linear-gradient(to bottom,transparent 0%,rgba(6,19,34,.72) 58%,#061322 100%);pointer-events:none}
.scroll-story{margin-top:-1px}.scroll-story .story-pin{background:linear-gradient(180deg,#061322 0%,#07182a 32%,#061322 100%)}

@media(max-width:900px){
  .geo-road-edge{stroke-width:88!important}.geo-road-surface{stroke-width:78!important}.geo-road-light{stroke-width:70!important}.geo-road-shoulder.shoulder-left{transform:translateX(-34px)}.geo-road-shoulder.shoulder-right{transform:translateX(34px)}
  .handoff-road{width:158px}.handoff-road-edge.left{left:19px}.handoff-road-edge.right{right:19px}.handoff-route{left:calc(50% + 29px)}.handoff-map-truck{width:104px;left:-52px;top:-52px}
}

/* ===== V125 original Hardware section + fully visible sections ===== */
.home116-section{clip-path:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
.home116-section .home116-reveal,.home116-section .home116-stagger>* ,.home116-section .home116-reveal-card{opacity:1!important;visibility:visible!important;transform:none!important}
.home116-hardware{padding:88px 0 98px!important;background:#eef2f7!important;color:#0a2f60!important}
.home116-hardware .home116-hw-group{position:relative!important;min-height:0!important;margin:34px 0 0!important;padding:0!important;display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.home116-hardware .home116-hw-group>h3{font-size:2rem!important;letter-spacing:-.02em!important;margin:0 0 16px!important;color:#072f65!important}
.home116-hardware .home116-hw-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
.home116-hardware .home116-hw-row>a{min-height:126px!important;display:flex!important;align-items:center!important;gap:16px!important;padding:20px!important;background:#fff!important;border:1px solid #dce4ed!important;border-radius:22px!important;color:#0a315f!important;box-shadow:0 14px 34px rgba(8,42,84,.04)!important;transform:none!important}
.home116-hardware .home116-hw-row>a:hover{transform:none!important}
.home116-hardware .home116-hw-row img{width:82px!important;height:82px!important;object-fit:contain!important;background:#f5f8fc!important;border-radius:18px!important;padding:8px!important;transform:none!important}
.home116-hardware .home116-hw-row span{display:grid!important;gap:6px!important}.home116-hardware .home116-hw-row b{font-size:.93rem!important}.home116-hardware .home116-hw-row small{color:#6f8197!important;font-size:.78rem!important}
@media(max-width:900px){.home116-hardware .home116-hw-row{grid-template-columns:1fr!important}.home116-hardware .home116-hw-row>a{min-height:110px!important}}

/* ===== V126 hero fit + seamless section connectors ===== */
.hero{min-height:max(760px,100svh)!important;padding-top:112px!important;padding-bottom:76px!important}
.hero-copy{align-self:center;max-width:680px!important;padding-bottom:34px}
.hero h1{font-size:clamp(3.5rem,6.45vw,7.15rem)!important;line-height:.82!important;margin:0 0 24px!important;letter-spacing:-.066em!important}
.hero .lead{max-width:560px!important;margin:0 0 4px!important;line-height:1.55!important;font-size:1rem!important}
.hero-actions{margin-top:18px!important;position:relative;z-index:12}.hero-actions .cta{margin-top:0!important}
.hero-footer{bottom:18px!important}

.geo-section-connector{height:390px!important;margin:0 auto!important;background:transparent!important}
.geo-section-connector:before{z-index:0!important;top:-2px!important;height:calc(100% + 4px)!important;background:linear-gradient(to bottom,var(--road-from,#fff) 0%,var(--road-from,#fff) 7%,color-mix(in srgb,var(--road-from,#fff) 50%,var(--road-to,#fff)) 50%,var(--road-to,#fff) 93%,var(--road-to,#fff) 100%)!important}
.geo-connector-track{z-index:2!important;height:360px!important}
.geo-route-label{z-index:3!important}

@media(max-height:820px) and (min-width:901px){
  .hero{padding-top:94px!important;padding-bottom:54px!important;min-height:720px!important}
  .hero h1{font-size:clamp(3.3rem,5.85vw,6.2rem)!important;line-height:.84!important;margin-bottom:18px!important}
  .hero .lead{font-size:.94rem!important;line-height:1.45!important}.hero-actions{margin-top:13px!important}.hero-stage{height:560px!important}.hero-footer{display:none!important}
}
@media(max-width:900px){
  .hero{height:auto!important;min-height:920px!important;padding:105px 18px 56px!important}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(3.5rem,15vw,6rem)!important;line-height:.82!important}.hero-stage{height:440px!important}.hero-actions{gap:10px!important}
  .geo-section-connector{height:280px!important;margin:0 auto!important}.geo-connector-track{height:255px!important}
}

/* ===== V127 GPS tracking transitions between sections ===== */
.geo-section-connector{width:min(520px,92vw)!important;height:340px!important}
.geo-connector-track{width:min(430px,86vw)!important;height:315px!important;border-radius:28px;background-image:linear-gradient(rgba(18,72,116,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(18,72,116,.07) 1px,transparent 1px);background-size:28px 28px}
.geo-connector-track:before,.geo-connector-track:after{content:"";position:absolute;z-index:6;left:50%;width:16px;height:16px;border-radius:50%;transform:translateX(-50%);background:#fff;border:4px solid #ff7a00;box-shadow:0 0 0 8px rgba(255,122,0,.1),0 8px 18px rgba(10,49,95,.16)}
.geo-connector-track:before{top:8px}.geo-connector-track:after{bottom:8px;border-color:#2350ff;box-shadow:0 0 0 8px rgba(35,80,255,.1),0 8px 18px rgba(10,49,95,.16)}
.geo-road-edge,.geo-road-surface,.geo-road-light,.geo-road-shoulder{display:none!important}
.geo-road-center{display:block!important;stroke:#ff7a00!important;stroke-width:3.5!important;stroke-dasharray:7 11!important;filter:drop-shadow(0 0 7px rgba(255,122,0,.55))!important}
.geo-connector-truck,.geo-truck-light{display:none!important}
.geo-truck-beacon{z-index:9!important;width:18px!important;height:18px!important;background:#ff7a00!important;border:4px solid #fff!important;box-shadow:0 0 0 7px rgba(255,122,0,.13),0 0 24px rgba(255,122,0,.8)!important}
.geo-truck-beacon:before{content:"GPS";position:absolute;left:25px;top:50%;transform:translateY(-50%);padding:6px 8px;border-radius:7px;background:#082743;color:#fff;font:800 .48rem/1 Inter,sans-serif;letter-spacing:.1em;box-shadow:0 8px 18px rgba(8,39,67,.18)}
.geo-route-scan{z-index:5!important;width:112px!important;height:112px!important;border:1px solid rgba(255,122,0,.28)!important;background:radial-gradient(circle,rgba(255,122,0,.12),transparent 64%)!important}
.geo-route-scan:before,.geo-route-scan:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,122,0,.2);border-radius:50%}.geo-route-scan:after{inset:37px;background:rgba(255,122,0,.08)}
.geo-route-label{background:rgba(255,255,255,.92)!important;color:#0a315f!important;border-color:rgba(10,49,95,.12)!important;box-shadow:0 10px 24px rgba(10,49,95,.10)!important}
.geo-label-a{left:3%!important;top:24%!important}.geo-label-b{right:1%!important;bottom:23%!important}

@media(max-width:900px){
  .geo-section-connector{height:260px!important}.geo-connector-track{width:min(310px,86vw)!important;height:238px!important;background-size:22px 22px}.geo-route-label{display:block!important;font-size:.42rem!important;padding:6px 8px!important}.geo-label-a{left:-2%!important}.geo-label-b{right:-5%!important}.geo-route-scan{width:84px!important;height:84px!important}
}

/* ===== V128 original hero capability-strip placement ===== */
.hero-footer{position:absolute!important;z-index:5!important;left:7vw!important;right:7vw!important;bottom:26px!important;display:flex!important;align-items:center!important;gap:14px!important;color:#8ea2b2!important;font-size:.55rem!important;font-weight:700!important;letter-spacing:.13em!important}
.hero-footer i{height:1px!important;flex:1!important;max-width:50px!important;background:rgba(255,255,255,.17)!important}
.hero-actions{margin-bottom:0!important}
@media(max-width:900px){.hero-footer{display:none!important}}