@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#021114;--deep:#03191d;--panel:#09292e;--aqua:#83ead6;--mint:#adfff1;--line:rgba(151,246,226,.22);--white:#f4faf9;--mute:#b8cbcc;--amber:#efa968;--top:86px;--page:1240px;scroll-behavior:smooth;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}body::selection{background:var(--aqua);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(3.55rem,7.1vw,8.6rem);line-height:.94;font-weight:800}h2{font-size:clamp(2.8rem,5.8vw,5.9rem);line-height:1.04;font-weight:800}h3{font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1.13}p{line-height:1.67}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
.shell{width:min(var(--page),calc(100% - 9vw));margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;font-weight:800;color:var(--aqua)}.muted{color:var(--mute)}.accent{color:var(--aqua)}.nowrap{white-space:nowrap}.rule{height:1px;background:var(--line)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chip{border:1px solid var(--line);border-radius:40px;padding:.48rem .95rem;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#e2f8f3;backdrop-filter:blur(12px)}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--top);z-index:90;display:flex;align-items:center;border-bottom:1px solid rgba(173,255,241,.12);background:linear-gradient(180deg,rgba(1,13,16,.94),rgba(1,13,16,.62));backdrop-filter:blur(22px);transition:height .3s,background .3s}.site-header.is-scrolled{height:75px;background:rgba(1,13,16,.93)}.nav-inner{width:min(1360px,calc(100% - 7vw));margin:auto;display:flex;align-items:center;gap:3rem}.brand{display:flex;align-items:center;gap:.83rem;min-width:190px}.brand img{height:55px;width:53px;object-fit:contain;background:white;padding:2px;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.brand-name{font-family:Manrope,sans-serif;font-size:1.35rem;letter-spacing:.26em;font-weight:800;line-height:1.1}.brand small{display:block;color:var(--aqua);font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;margin-top:4px}.nav-links{margin-left:auto;display:flex;align-items:center;gap:2rem}.nav-links a:not(.nav-cta){font-size:.81rem;color:#dcecea;transition:color .2s}.nav-links a:not(.nav-cta):hover,.nav-links a[aria-current=page]{color:var(--aqua)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;border-radius:4px;padding:.88rem 1.35rem;font-size:.79rem;font-weight:800;letter-spacing:.04em;border:1px solid transparent;transition:transform .22s,background .22s,box-shadow .22s}.nav-cta,.button-primary{background:var(--aqua);color:#042023}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 38px rgba(109,241,213,.23)}.button-outline{border-color:rgba(211,255,245,.43);color:#fff;background:rgba(5,26,29,.4)}.button-outline:hover{background:rgba(131,234,214,.12)}.mobile-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:4px;padding:.6rem}
.hero{min-height:920px;height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#041519}.hero-bg,.scene-bg{position:absolute;inset:0;background-position:center;background-size:cover;will-change:transform,opacity}.hero-bg{background-image:url('./buenaventura-port.webp');transform:scale(1.04);animation:heroZoom 17s ease-out both}.hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,11,13,.93) 0%,rgba(1,13,17,.71) 38%,rgba(2,19,24,.25) 73%),linear-gradient(0deg,#021114 0%,transparent 48%,rgba(1,12,16,.15) 100%)}.hero-grid{position:absolute;inset:0;z-index:2;opacity:.14;background-image:linear-gradient(90deg,transparent 99%,rgba(175,255,241,.3) 100%),linear-gradient(0deg,transparent 99%,rgba(175,255,241,.3) 100%);background-size:9vw 9vw;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-inner{position:relative;z-index:4;padding-top:clamp(165px,24vh,265px)}.hero-content{max-width:780px}.hero h1{margin:1.2rem 0 1.65rem;text-transform:uppercase;text-shadow:0 2px 28px rgba(0,0,0,.22)}.hero h1 .line-two{display:block;color:transparent;-webkit-text-stroke:1px rgba(199,252,240,.88);font-weight:700}.hero-desc{max-width:510px;font-size:clamp(.99rem,1.25vw,1.16rem);color:#c4d4d6;line-height:1.7}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2.15rem}.hero-hud{position:absolute;right:5.5vw;top:21vh;z-index:4;width:260px;border:1px solid rgba(168,255,238,.35);padding:1.25rem;background:rgba(3,25,30,.28);backdrop-filter:blur(12px);box-shadow:0 16px 50px rgba(0,0,0,.12)}.hud-top{display:flex;align-items:center;gap:.6rem;font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#bfece3}.pulse{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(131,234,214,.14),0 0 18px var(--aqua);animation:pulse 2.2s ease-in-out infinite}.hero-hud strong{display:block;font-family:Manrope;font-size:2rem;margin:.7rem 0 .15rem;letter-spacing:-.04em}.hero-hud small{color:#b6cbca}.hero-bottom{position:absolute;bottom:22px;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:end;gap:2rem}.hero-caption{font-size:.62rem;letter-spacing:.2em;color:#a8cbc7;text-transform:uppercase}.scroll-cue{display:flex;align-items:center;gap:.75rem;color:#d0e7e2;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.scroll-cue i{height:46px;width:23px;border:1px solid rgba(255,255,255,.45);border-radius:14px;display:inline-flex;justify-content:center;padding-top:7px}.scroll-cue i::before{content:'';height:10px;width:3px;border-radius:2px;background:var(--aqua);animation:scroll 1.6s infinite}
.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#061f23}.signal-strip>div{padding:1.7rem 1.5rem;border-right:1px solid var(--line);display:flex;align-items:center;gap:1rem}.signal-strip>div:last-child{border:0}.signal-index{color:var(--aqua);font-size:.66rem;font-weight:800}.signal-strip span:last-child{font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}
.intro{padding:130px 0 95px;display:grid;grid-template-columns:1.02fr .98fr;gap:9vw;align-items:end}.intro h2{max-width:650px;margin:1rem 0}.intro-copy{max-width:420px;margin-left:auto;padding-bottom:1rem}.intro-copy p{color:#b9d1ce;font-size:1.05rem}.intro-copy .line{height:1px;background:var(--line);margin:1.8rem 0}.intro-copy strong{font-size:.8rem;color:var(--aqua);letter-spacing:.13em;text-transform:uppercase}
.journey{position:relative;height:350vh;background:#010e10}.journey-stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;isolation:isolate}.scene{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}.scene.active{opacity:1}.scene-bg{transform:scale(1.08)}.scene:nth-child(1) .scene-bg{background-image:url('./buenaventura-port.webp')}.scene:nth-child(2) .scene-bg{background-image:url('./pacific-corridor.webp')}.scene:nth-child(3) .scene-bg{background-image:url('./bogota-hub.webp')}.journey-stage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,9,12,.91),rgba(0,9,12,.41) 60%,rgba(0,9,12,.04)),linear-gradient(0deg,rgba(0,10,13,.96),transparent 31%,rgba(0,11,14,.28))}.journey-heading{position:absolute;top:clamp(130px,19vh,215px);left:6vw;z-index:9;max-width:650px;pointer-events:none}.journey-heading h2{font-size:clamp(3rem,6.1vw,7rem);text-transform:uppercase;margin:.95rem 0}.journey-heading p{color:#d4e4e5;max-width:390px;font-size:1rem}.scene-label{font-size:.7rem;color:var(--aqua);letter-spacing:.23em;text-transform:uppercase}.story-line{position:absolute;bottom:16%;left:5vw;right:5vw;z-index:8;height:1px;background:rgba(255,255,255,.38)}.story-line .progress{height:2px;display:block;width:0%;background:var(--aqua);box-shadow:0 0 18px var(--aqua)}.story-points{position:absolute;z-index:9;bottom:7.5%;left:5vw;right:5vw;display:grid;grid-template-columns:repeat(3,1fr)}.story-point{position:relative;color:#bdcacc;font-size:.72rem;letter-spacing:.06em}.story-point:before{content:'';position:absolute;top:-.78rem;width:8px;height:8px;border:1px solid var(--aqua);border-radius:50%;background:#051f22;box-shadow:0 0 0 5px rgba(131,234,214,.11)}.story-point.active:before{background:var(--aqua);box-shadow:0 0 15px var(--aqua)}.story-point:last-child{text-align:right}.story-point:last-child:before{right:0}.story-point:nth-child(2){text-align:center}.story-point:nth-child(2):before{left:50%}.story-truck{position:absolute;z-index:6;bottom:12%;width:min(63vw,850px);left:0;transform:translate3d(-35%,0,0);filter:drop-shadow(0 24px 28px rgba(0,0,0,.65));will-change:transform}.story-truck img{width:100%;height:auto}.truck-shadow{position:absolute;z-index:5;bottom:12%;width:40vw;height:42px;background:rgba(0,0,0,.56);filter:blur(24px);border-radius:50%;left:20%}.telemetry{position:absolute;right:5vw;top:22%;z-index:8;width:230px;border:1px solid rgba(137,242,223,.27);padding:1rem 1.05rem;background:rgba(0,24,28,.37);backdrop-filter:blur(10px)}.telemetry .eyebrow{font-size:.58rem}.telemetry strong{font-family:Manrope;font-size:1.42rem;display:block;margin:.45rem 0}.telemetry small{color:#c6d9d6}.telemetry .bar{height:2px;background:rgba(255,255,255,.22);margin-top:1rem}.telemetry .bar span{display:block;height:100%;width:0;background:var(--aqua)}.journey-tag{position:absolute;z-index:7;right:5vw;bottom:24%;font-size:.7rem;letter-spacing:.2em;color:#bde9df;text-transform:uppercase}
.services{padding:140px 0;background:radial-gradient(ellipse at 80% 0%,#123439 0%,#031719 45%,#021114 100%)}.section-header{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:3.5rem}.section-header h2{max-width:720px;margin:1rem 0 0}.section-header p{max-width:330px;color:#aec6c6;margin:0 0 .5rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.service-card{min-height:490px;padding:1.6rem;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:#092b2d;transition:transform .38s,border-color .38s}.service-card:hover{transform:translateY(-8px);border-color:rgba(131,234,214,.75)}.service-card::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;opacity:.58;transition:transform .8s,opacity .3s}.service-card:hover::before{transform:scale(1.08);opacity:.72}.service-card:nth-child(1)::before{background-image:url('./pacific-corridor.webp')}.service-card:nth-child(2)::before{background-image:url('./buenaventura-port.webp')}.service-card:nth-child(3)::before{background-image:url('./bogota-hub.webp')}.service-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03171c 0%,rgba(3,23,28,.52) 40%,rgba(3,23,28,.3) 100%)}.service-card>*{position:relative;z-index:2}.service-number{font-size:.68rem;letter-spacing:.25em;color:#e1f7f3}.service-card .info h3{max-width:300px;margin:.5rem 0 .7rem}.service-card .info p{color:#c3d8d7;max-width:290px;font-size:.9rem}.service-arrow{display:inline-flex;border:1px solid rgba(255,255,255,.35);padding:.6rem .85rem;align-items:center;gap:.5rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;width:max-content}
.ops{position:relative;overflow:hidden;padding:110px 0 145px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ops::before{content:'';position:absolute;width:650px;height:650px;right:-180px;top:-160px;background:radial-gradient(circle,rgba(76,228,205,.09),transparent 65%);pointer-events:none}.ops-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.ops h2{margin:1.1rem 0 1.3rem}.ops p{color:#aac5c5;max-width:490px}.step-list{counter-reset:step;padding:0;margin:0;list-style:none}.step-list li{display:grid;grid-template-columns:65px 1fr;gap:1.2rem;padding:1.75rem 0;border-top:1px solid var(--line);counter-increment:step}.step-list li::before{content:'0' counter(step);font-family:Manrope;font-weight:800;font-size:1.25rem;color:var(--aqua)}.step-list h3{font-size:1.14rem;letter-spacing:-.02em;margin:0 .0rem .35rem}.step-list p{font-size:.87rem;margin:0;color:#a9c3c4}.radar{width:min(440px,100%);aspect-ratio:1/1;margin:auto;position:relative;border-radius:50%;border:1px solid rgba(132,234,214,.18);background:radial-gradient(circle,rgba(86,228,205,.1),transparent 70%);box-shadow:0 0 95px rgba(79,222,195,.07)}.radar::before,.radar::after{content:'';position:absolute;inset:13%;border:1px dashed rgba(132,234,214,.22);border-radius:50%}.radar::after{inset:28%;border-style:solid}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(97,244,215,.26),transparent 31%,transparent 100%);animation:radar 10s linear infinite}.radar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.radar-center strong{font-size:2.2rem;font-weight:800;letter-spacing:.2em}.radar-center small{display:block;color:var(--aqua);letter-spacing:.15em;font-size:.6rem}.radar-node{position:absolute;border-radius:50%;width:12px;height:12px;background:var(--aqua);box-shadow:0 0 22px var(--aqua);z-index:3}.radar-node:nth-of-type(3){top:25%;left:25%}.radar-node:nth-of-type(4){top:58%;left:78%}.radar-node:nth-of-type(5){top:75%;left:38%}.radar-note{position:absolute;top:20%;right:-2rem;border:1px solid var(--line);background:#09282bd9;padding:.7rem;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.quote-band{position:relative;background:#0b3439;padding:100px 0;overflow:hidden}.quote-band::before{content:'';position:absolute;inset:0;background:url('./buenaventura-port.webp') center/cover;opacity:.14}.quote-band .shell{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:3rem}.quote-band h2{max-width:760px;margin:1rem 0 0}.site-footer{padding:65px 0 30px;background:#020d0f}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:5vw}.footer-brand{max-width:390px}.footer-brand p{color:#95adae;margin-top:1.6rem}.footer-col h3{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.3rem}.footer-col a{display:block;color:#b6cacb;margin:.7rem 0;font-size:.9rem}.footer-col a:hover{color:var(--aqua)}.footer-bottom{margin-top:70px;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;color:#7fa3a5;font-size:.7rem}.footer-bottom a{color:#b7ded2}
.subhero{padding:195px 0 110px;min-height:600px;position:relative;overflow:hidden;isolation:isolate}.subhero::before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-image:url('./buenaventura-port.webp')}.subhero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,13,15,.96),rgba(1,15,20,.61)),linear-gradient(0deg,#021114,transparent 50%)}.subhero h1{font-size:clamp(3.4rem,6vw,6.6rem);max-width:940px;text-transform:uppercase;margin:1rem 0 1.5rem}.subhero p{max-width:620px;color:#c4d8d7;font-size:1.07rem}.subhero.road::before{background-image:url('./pacific-corridor.webp')}.subhero.hub::before{background-image:url('./bogota-hub.webp')}.inner-section{padding:100px 0}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.detail-card{border:1px solid var(--line);padding:2.3rem;background:#092226}.detail-card .eyebrow{margin-bottom:2rem}.detail-card h3{font-size:1.9rem}.detail-card p{color:#b2cccc}.detail-card ul{margin:1.4rem 0 0;padding:0;list-style:none}.detail-card li{margin:.65rem 0;color:#d2e3e1}.detail-card li::before{content:'→';color:var(--aqua);margin-right:.65rem}.prose{max-width:780px}.prose h2{font-size:clamp(2.4rem,4vw,4.4rem)}.prose p{color:#bdd4d1;font-size:1.05rem}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.service-list article{background:#072126;border:1px solid var(--line);padding:2.1rem}.service-list h3{font-size:1.55rem}.service-list p{color:#b7cfcd}.service-list span{color:var(--aqua);font-size:.71rem;letter-spacing:.2em}
.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}.form-intro h2{font-size:clamp(2.8rem,4vw,5rem)}.form-intro p{color:#b6cece}.contact-card{border:1px solid var(--line);padding:2.2rem;background:linear-gradient(140deg,#092b2e,#041b1e);box-shadow:0 28px 60px rgba(0,0,0,.18)}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.field{display:flex;flex-direction:column;gap:.5rem}.field.full{grid-column:1/-1}.field label{font-size:.74rem;font-weight:700;color:#cae6df;letter-spacing:.045em}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(175,246,228,.21);border-radius:3px;outline:0;background:#061b1f;color:white;padding:1rem;min-height:51px;transition:border-color .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--aqua);box-shadow:0 0 0 2px rgba(131,234,214,.11)}.field textarea{min-height:110px;resize:vertical}.quote-form .button{width:100%}.fine-print{font-size:.76rem;color:#8fadae}.form-status{font-size:.8rem;min-height:1.3rem;color:var(--aqua);grid-column:1/-1}.float-whatsapp{position:fixed;right:24px;bottom:24px;z-index:70;display:flex;gap:.5rem;align-items:center;background:#82efda;color:#052522;border-radius:30px;padding:.82rem 1.05rem;box-shadow:0 8px 35px rgba(0,0,0,.25);font-size:.78rem;font-weight:800}.float-whatsapp::before{content:'◉';font-size:1.15rem}
[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}
@keyframes pulse{50%{opacity:.5;box-shadow:0 0 0 9px rgba(131,234,214,.03),0 0 30px var(--aqua)}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes scroll{to{transform:translateY(16px);opacity:0}}@keyframes heroZoom{to{transform:scale(1.12)}}
@media(max-width:1050px){.hero-hud{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){grid-column:1/-1;min-height:360px}.intro{gap:4vw}.story-truck{width:74vw}.telemetry{top:15%}.footer-grid{gap:2vw}}
@media(max-width:740px){:root{--top:72px}.shell{width:calc(100% - 42px)}.nav-inner{width:calc(100% - 34px)}.site-header,.site-header.is-scrolled{height:72px}.brand{min-width:unset}.brand img{height:48px;width:45px}.brand-name{font-size:1.1rem;letter-spacing:.18em}.brand small{font-size:.45rem}.mobile-toggle{display:inline-flex;margin-left:auto}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(1,15,19,.98);padding:24px;flex-direction:column;align-items:stretch;gap:1.5rem;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero{height:auto;min-height:770px}.hero-inner{padding-top:190px}.hero h1{font-size:clamp(3.2rem,13vw,5.2rem);max-width:100%}.hero::before{background:linear-gradient(90deg,rgba(1,11,13,.92),rgba(1,14,17,.5)),linear-gradient(0deg,#021114,transparent 60%)}.hero-bg{background-position:60% center}.hero-desc{max-width:470px;font-size:1rem}.hero-actions{gap:.65rem}.button{min-height:48px;padding:.8rem .95rem;font-size:.76rem}.hero-bottom{bottom:30px}.hero-caption{display:none}.signal-strip{grid-template-columns:repeat(2,1fr)}.signal-strip>div{padding:1rem}.signal-strip span:last-child{font-size:.62rem}.intro{padding:85px 0 70px;grid-template-columns:1fr;gap:1.8rem}.intro-copy{margin:0;max-width:none}.journey{height:300vh}.journey-stage{min-height:610px}.journey-heading{top:15%;left:6vw;right:6vw}.journey-heading h2{font-size:clamp(2.9rem,13vw,4.6rem)}.journey-heading p{font-size:.9rem;max-width:320px}.scene:nth-child(1) .scene-bg{background-position:62% center}.scene:nth-child(2) .scene-bg{background-position:68% center}.scene:nth-child(3) .scene-bg{background-position:55% center}.journey-stage::after{background:linear-gradient(90deg,rgba(0,9,12,.82),rgba(0,9,12,.2)),linear-gradient(0deg,#031216,transparent 40%)}.story-truck{width:128vw;bottom:17%;left:-13vw}.story-line{bottom:16%;left:6vw;right:6vw}.story-points{bottom:8%;left:6vw;right:6vw}.story-point{font-size:.54rem}.telemetry{top:auto;right:6vw;bottom:42%;width:190px;opacity:.9}.telemetry strong{font-size:1rem}.journey-tag{display:none}.services{padding:85px 0}.section-header{display:block;margin-bottom:2rem}.section-header p{max-width:550px;margin-top:1rem}.service-grid,.details-grid,.service-list{grid-template-columns:1fr}.service-card,.service-card:nth-child(3){grid-column:auto;min-height:400px}.ops{padding:90px 0}.ops-layout{grid-template-columns:1fr;gap:4rem}.radar{width:270px}.radar-note{right:-10px}.quote-band{padding:85px 0}.quote-band .shell{display:block}.quote-band .button{margin-top:1.9rem}.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;margin-top:45px}.subhero{padding:160px 0 70px;min-height:520px}.subhero h1{font-size:clamp(3rem,12vw,5rem)}.inner-section{padding:75px 0}.form-wrap{grid-template-columns:1fr;gap:2rem}.contact-card{padding:1.4rem}.quote-form{grid-template-columns:1fr}.float-whatsapp{right:15px;bottom:15px}}
@media(max-width:420px){.signal-strip>div{padding:.9rem .6rem}.signal-index{font-size:.58rem}.signal-strip span:last-child{font-size:.55rem}.journey-heading{top:18%}.story-truck{width:147vw}.telemetry{display:none}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.story-truck{transform:translateX(0)!important}.radar-sweep{display:none}}
.hero-truck{position:absolute;z-index:3;bottom:5%;right:-3%;width:min(53vw,790px);filter:drop-shadow(0 28px 34px rgba(0,0,0,.68));pointer-events:none;animation:heroTruckEnter 2s .2s cubic-bezier(.14,.68,.21,1) both}
@keyframes heroTruckEnter{from{transform:translate3d(34vw,8vh,0) scale(.92);opacity:0}to{transform:translate3d(0,0,0) scale(1);opacity:.92}}
@media(max-width:1050px){.hero-truck{width:60vw;right:-8%;bottom:6%}}
@media(max-width:740px){.hero-truck{width:104vw;right:-28%;bottom:8%;opacity:.65!important}.hero-inner{padding-bottom:240px}.hero{min-height:860px}.hero::before{background:linear-gradient(0deg,rgba(1,11,13,.88) 0%,rgba(1,14,17,.25) 35%,rgba(1,11,13,.79) 72%)}.hero-bottom{bottom:20px}}
/* Immersive continuity: the SAME truck cutout remains anchored while worlds move behind it. */
.journey-stage{perspective:1400px;perspective-origin:50% 56%}
.scene{transition:none;transform-style:preserve-3d;will-change:opacity}
.scene-bg{background-position:center center;backface-visibility:hidden;will-change:transform}
.story-truck{left:50%;bottom:13%;width:min(69vw,910px);transform:translate3d(-50%,0,0);transform-origin:51% 80%;z-index:7;filter:drop-shadow(0 30px 31px rgba(0,0,0,.74)) drop-shadow(0 0 21px rgba(95,236,215,.12))}
.story-truck img{backface-visibility:hidden}
.truck-shadow{left:50%;transform:translateX(-50%);bottom:13%;z-index:6;filter:blur(30px)}
.motion-depth{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;mask-image:linear-gradient(0deg,#000 10%,transparent 72%)}
.motion-depth span{position:absolute;bottom:7%;width:2px;height:16vh;background:linear-gradient(0deg,rgba(166,255,237,.0),rgba(166,255,237,.7));box-shadow:0 0 9px rgba(139,255,232,.52);transform:skewX(-39deg);opacity:.48;animation:freightRush 1.9s linear infinite}
.motion-depth span:nth-child(1){left:8%;animation-delay:-.7s}.motion-depth span:nth-child(2){left:23%;height:11vh;animation-delay:-1.2s}.motion-depth span:nth-child(3){left:39%;height:20vh;animation-delay:-.3s}.motion-depth span:nth-child(4){left:58%;height:8vh;animation-delay:-1.7s}.motion-depth span:nth-child(5){left:79%;height:18vh;animation-delay:-1s}.motion-depth span:nth-child(6){left:94%;height:13vh;animation-delay:-.1s}
.horizon-glow{position:absolute;z-index:5;left:20%;right:20%;bottom:26%;height:6%;background:radial-gradient(ellipse at center,rgba(126,249,223,.19),transparent 70%);filter:blur(24px);pointer-events:none;opacity:.7}
.journey-stage:before{content:'';position:absolute;inset:0;z-index:7;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 78px,rgba(131,234,214,.035) 79px 80px);mask-image:linear-gradient(0deg,rgba(0,0,0,.45),transparent 70%)}
@keyframes freightRush{0%{transform:translate3d(30px,32vh,0) skewX(-39deg);opacity:0}30%{opacity:.6}100%{transform:translate3d(-60px,-32vh,0) skewX(-39deg);opacity:0}}
@media(max-width:1050px){.story-truck{width:80vw}}
@media(max-width:740px){.story-truck{left:50%;bottom:17%;width:137vw;max-width:none}.truck-shadow{bottom:17%;width:72vw}.motion-depth span{opacity:.23}.journey-heading{z-index:10}.journey-heading h2{max-width:370px}.journey-stage{perspective:850px}}
@media(max-width:420px){.story-truck{width:150vw}}
@media(prefers-reduced-motion:reduce){.motion-depth span{animation:none!important;opacity:.15}.story-truck{transform:translate3d(-50%,0,0)!important}}
.voyage{height:420vh;min-height:2700px}
.voyage .journey-stage{min-height:680px}
.voyage .journey-heading{top:clamp(180px,23vh,245px);left:6vw;right:auto;width:min(710px,52vw);max-width:none;z-index:10}
.voyage .journey-heading h1{font-size:clamp(3.4rem,6.6vw,8rem);line-height:.97;letter-spacing:-.065em;margin:.9rem 0 1.3rem;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.32)}
.voyage .journey-heading p{font-size:clamp(.92rem,1.12vw,1.12rem);max-width:440px;color:#e2f1ee;text-shadow:0 2px 15px rgba(0,0,0,.46)}
.voyage .journey-actions{display:flex;flex-wrap:wrap;gap:.75rem;pointer-events:auto;transition:opacity .4s ease;margin-top:1.65rem}
.voyage .story-truck{left:68%;bottom:13%;width:min(65vw,930px);max-width:none;filter:brightness(1.1) contrast(1.04) drop-shadow(0 30px 32px rgba(0,0,0,.75)) drop-shadow(0 0 18px rgba(117,237,223,.18))}
.voyage .story-truck{transform-style:preserve-3d;backface-visibility:hidden}
.voyage .truck-shadow{left:68%;bottom:13%}
.voyage .journey-stage::after{background:linear-gradient(90deg,rgba(0,9,12,.89),rgba(0,9,12,.42) 47%,rgba(0,9,12,.08) 100%),linear-gradient(0deg,rgba(0,10,13,.95),transparent 34%,rgba(0,11,14,.25))}
.voyage .story-points{z-index:12}.voyage .story-line{z-index:12}.voyage .telemetry{z-index:11;right:5vw;top:17%}
.voyage .scene:first-child .scene-bg{background-position:61% center}
@media(max-width:1050px){.voyage .journey-heading{width:min(540px,57vw)}.voyage .story-truck{left:65%;width:81vw}.voyage .telemetry{display:none}}
@media(max-width:740px){.voyage{height:335vh;min-height:2100px}.voyage .journey-stage{min-height:620px}.voyage .journey-heading{top:14%;left:6vw;right:6vw;width:auto}.voyage .journey-heading h1{font-size:clamp(3rem,12.5vw,5rem);max-width:370px}.voyage .journey-heading p{max-width:320px;font-size:.9rem}.voyage .journey-actions{margin-top:1rem}.voyage .journey-actions .button{min-height:43px;padding:.65rem .9rem}.voyage .story-truck{left:50%;bottom:17%;width:112vw}.voyage .truck-shadow{left:50%;bottom:17%}.voyage .journey-stage::after{background:linear-gradient(0deg,rgba(0,9,12,.93) 0%,rgba(0,9,12,.13) 44%,rgba(0,9,12,.85) 100%)}.voyage .story-points{bottom:7%}}
@media(max-width:420px){.voyage .story-truck{width:116vw}.voyage .journey-heading h1{font-size:12.2vw}}
/* Original COLCAR logo is a separate, unchanged decal anchored to the same truck.
   It inherits every truck translation/rotation, so it never drifts or switches vehicles. */
.story-truck .truck-body{width:100%;height:auto}
.story-truck .truck-decal{position:absolute;left:23.6%;top:37.4%;width:11.6%;height:auto;max-width:none;background:#fff;border:1px solid rgba(225,246,241,.82);box-shadow:0 1px 2px rgba(0,0,0,.18),0 5px 11px rgba(0,0,0,.16);border-radius:1.5%;transform:skewY(-12deg) rotate(-2deg) perspective(420px) rotateY(-5deg);transform-origin:50% 50%;filter:contrast(1.03) saturate(.91);pointer-events:none}

/* Corporate website sections: original route visualization and accessible FAQs. */
.corridor-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1.3rem;align-items:stretch}
.corridor-art{position:relative;isolation:isolate;min-height:600px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 58% 55%,#12515a,#08272b 44%,#01171c 80%)}
.corridor-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(100% - 1px),rgba(134,244,218,.12) 100%),linear-gradient(0deg,transparent calc(100% - 1px),rgba(134,244,218,.12) 100%);background-size:8% 8%;transform:perspective(800px) rotateX(16deg) scale(1.15);opacity:.42}
.corridor-halo{position:absolute;inset:-20%;background:radial-gradient(circle,rgba(131,234,214,.18),transparent 58%);animation:routeBreathe 8s ease-in-out infinite}
.corridor-svg{position:absolute;width:100%;height:100%;inset:0;filter:drop-shadow(0 0 11px rgba(131,234,214,.25))}
.corridor-svg path:first-child{animation:routeMove 6s linear infinite}
.map-tag{position:absolute;padding:.65rem .85rem;background:rgba(3,27,31,.76);border:1px solid var(--line);backdrop-filter:blur(12px);color:#dcfffa;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;white-space:nowrap}
.tag-port{left:6%;top:68%}.tag-road{left:44%;top:15%}.tag-industry{right:4%;top:31%}
.corridor-overlay{position:absolute;left:6%;top:6%;display:grid;gap:.7rem}.corridor-overlay strong{font:800 clamp(2rem,3.3vw,4.2rem)/1 Manrope,sans-serif;letter-spacing:-.06em}
.corridor-notes{display:grid;grid-template-rows:repeat(3,1fr);gap:1.2rem}.corridor-notes article{border:1px solid var(--line);background:#08262a;padding:1.7rem;display:flex;flex-direction:column;justify-content:center}.corridor-notes article span,.corridor-photo span{color:var(--aqua);font-size:.68rem;letter-spacing:.16em;font-weight:800}.corridor-notes article h3{font-size:1.5rem;margin:.6rem 0}.corridor-notes article p{color:#b9d1d0;font-size:.88rem;margin:0}
.corridor-gallery{background:radial-gradient(circle at 50% 0,#103339,transparent 55%)}
.corridor-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.corridor-photo{position:relative;overflow:hidden;min-height:410px;border:1px solid var(--line);background:#0b3033}.corridor-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,15,18,.94),transparent 70%)}.corridor-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .8s ease}.corridor-photo:hover img{transform:scale(1.07)}.corridor-photo>div{position:absolute;z-index:2;left:1.4rem;bottom:1.5rem;right:1.4rem}.corridor-photo h3{font-size:1.7rem;margin:.55rem 0 0}
.faq-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:7vw}.faq-layout>div:first-child h2{font-size:clamp(2.8rem,4.6vw,5.5rem);margin:1rem 0 1.5rem}.faq-layout .muted{max-width:420px}.faq-aside-photo{margin-top:3rem;height:350px;max-width:530px;background:linear-gradient(0deg,rgba(1,20,23,.5),transparent),url('./bogota-hub.webp') center/cover;border:1px solid var(--line)}
.faq-stack{border-top:1px solid var(--line)}.faq-stack details{border-bottom:1px solid var(--line);padding:1.6rem 0}.faq-stack summary{position:relative;cursor:pointer;list-style:none;font:700 clamp(1rem,1.6vw,1.32rem)/1.4 Manrope,sans-serif;padding-right:2rem}.faq-stack summary::-webkit-details-marker{display:none}.faq-stack summary::after{content:'+';position:absolute;right:0;top:0;color:var(--aqua);font-size:1.35rem}.faq-stack details[open] summary::after{content:'−'}.faq-stack details>div{color:#b8cfce;max-width:590px;padding-top:1rem}.faq-stack details>div p{margin:0}.faq-stack details a{color:var(--aqua);text-decoration:underline;text-underline-offset:.2rem}
@keyframes routeMove{to{stroke-dashoffset:-240}}@keyframes routeBreathe{50%{opacity:.6;transform:scale(1.12)}}
@media(max-width:1160px){.nav-links{gap:1.1rem}.nav-links a:not(.nav-cta){font-size:.75rem}.brand{min-width:170px}}
@media(max-width:1050px){.mobile-toggle{display:inline-flex;margin-left:auto}.nav-links{display:none;position:absolute;top:var(--top);left:0;right:0;background:rgba(1,15,19,.99);padding:25px 7vw;flex-direction:column;align-items:stretch;gap:1.4rem;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-links a:not(.nav-cta){font-size:.88rem}.corridor-layout{grid-template-columns:1fr}.corridor-notes{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.corridor-art{min-height:490px}}
@media(max-width:740px){.corridor-art{min-height:370px}.corridor-overlay strong{font-size:2rem}.map-tag{font-size:.52rem;padding:.5rem}.corridor-notes,.corridor-photo-grid,.faq-layout{grid-template-columns:1fr}.corridor-photo{min-height:310px}.faq-aside-photo{margin-top:2rem;height:240px}.faq-layout{gap:2.5rem}}
@media(prefers-reduced-motion:reduce){.corridor-halo,.corridor-svg path:first-child{animation:none!important}}
.nav-links a.nav-cta[aria-current="page"]{color:#042023}

/* V4 — cinematography: smaller persistent truck, moving world, tangible depth. */
.voyage .story-truck{left:73%;bottom:17%;width:min(49vw,690px);max-width:none;filter:brightness(1.04) contrast(1.04) drop-shadow(0 24px 26px rgba(0,0,0,.73))}
.voyage .truck-shadow{left:73%;bottom:17%;width:32vw;opacity:.7}
.voyage .journey-heading{width:min(675px,47vw)}
.voyage .scene-bg{inset:-2%;background-size:cover;background-repeat:no-repeat;will-change:transform;transform-origin:50% 50%;filter:saturate(1.06) contrast(1.03)}
.voyage .scene:nth-child(2) .scene-bg{background-position:53% center}
.voyage .scene:nth-child(3) .scene-bg{background-position:59% center}
.voyage .motion-depth{z-index:5;opacity:.7;mask-image:linear-gradient(0deg,rgba(0,0,0,.83),transparent 55%)}
.voyage .motion-depth span{width:1px;height:11vh;opacity:.3;animation-duration:1.05s}
.voyage .horizon-glow{bottom:21%;left:48%;right:1%;opacity:.5}
.voyage .journey-stage::before{opacity:.36}
@media(max-width:1050px){.voyage .story-truck{left:69%;width:61vw;bottom:19%}.voyage .truck-shadow{left:69%;bottom:19%}.voyage .journey-heading{width:51vw}}
@media(max-width:740px){.voyage .story-truck{left:61%;bottom:19%;width:104vw}.voyage .truck-shadow{left:61%;bottom:19%;width:64vw}.voyage .journey-heading{width:auto;max-width:92vw}.voyage .scene-bg{filter:saturate(1.04)}}
@media(max-width:420px){.voyage .story-truck{left:61%;width:108vw}}

/* V4 — interior motion. Camera glide and dimensional cards remain optional. */
.subhero{isolation:isolate;overflow:hidden}
.subhero::before{will-change:transform,background-position;transform:translate3d(0,calc(26px * var(--depth-scroll,0)),0) scale(1.13);animation:subheroPan 22s ease-in-out infinite alternate}
.subhero .shell{position:relative;z-index:2}
@keyframes subheroPan{from{background-position:42% center}to{background-position:62% center}}
.depth-interactive{position:relative;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,border-color .35s ease,box-shadow .35s ease;will-change:transform}
.depth-interactive:hover{border-color:rgba(131,234,214,.48);box-shadow:0 24px 58px rgba(0,0,0,.24),inset 0 0 34px rgba(115,239,220,.035)}
.corridor-grid{animation:gridFloat 12s ease-in-out infinite alternate}
@keyframes gridFloat{to{transform:perspective(800px) rotateX(22deg) translate3d(-2%,2%,0) scale(1.22)}}
.corridor-photo img{animation:freightPhotoPan 22s ease-in-out infinite alternate;will-change:transform}
.corridor-photo:nth-child(2) img{animation-delay:-7s}
.corridor-photo:nth-child(3) img{animation-delay:-13s}
@keyframes freightPhotoPan{to{transform:scale(1.15) translate3d(-2%,1.5%,0)}}
.corridor-photo:hover img{animation-play-state:paused;transform:scale(1.09)}
.faq-stack details[open]{background:linear-gradient(90deg,rgba(90,221,203,.08),transparent 65%);padding-left:1rem}
@media(prefers-reduced-motion:reduce){.subhero::before,.corridor-grid,.corridor-photo img{animation:none!important;transform:none!important}.depth-interactive{transform:none!important}}

/* V4.1 — keep the editorial disclaimer available in body copy while leaving
   the hero composition clear; the truck must not carry text across its body. */
.voyage .journey-tag{display:none}

/* Holographic perspective route instrument on inner-page heroes. Conceptual UI,
   not a live map, fleet GPS, or an operational data claim. */
.subhero .shell::after{content:'';position:absolute;z-index:0;pointer-events:none;right:0;top:-82px;width:clamp(230px,31vw,425px);aspect-ratio:1;border-radius:50%;opacity:.29;background:radial-gradient(circle at center,rgba(127,244,221,.1) 0 7%,transparent 7.3% 29%,rgba(137,245,224,.65) 29.2% 29.6%,transparent 30% 52%,rgba(137,245,224,.43) 52.3% 52.6%,transparent 53%),repeating-conic-gradient(from 0deg,transparent 0 17deg,rgba(137,245,224,.22) 17.2deg 18deg);border:1px solid rgba(137,245,224,.38);box-shadow:0 0 38px rgba(70,232,213,.12),inset 0 0 64px rgba(70,232,213,.06);transform-origin:center;animation:routeOrbit 29s linear infinite}
@keyframes routeOrbit{from{transform:perspective(850px) rotateX(68deg) rotateZ(0deg)}to{transform:perspective(850px) rotateX(68deg) rotateZ(360deg)}}
@media(max-width:740px){.subhero .shell::after{width:220px;right:-100px;top:-116px;opacity:.14}}
@media(prefers-reduced-motion:reduce){.subhero .shell::after{animation:none!important}}