@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#101d27;--navy:#071521;--navy2:#102838;--gold:#c9aa70;--cream:#f4f1e9;--muted:#78838a;--line:#dcd8cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topline{height:30px;background:#040e16;color:#9ba8ae;padding:0 7%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.4px}.topline a{color:var(--gold)}.header{height:84px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 7%;position:sticky;top:0;z-index:10;border-bottom:1px solid #253643}.brand{display:flex;align-items:center;gap:12px}.monogram{width:43px;height:43px;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font:17px Georgia;letter-spacing:-2px}.brandtext{font:700 11px Manrope,sans-serif;letter-spacing:1.5px}.brandtext b{color:var(--gold);font-weight:500}.brandtext small{display:block;color:#8f9da5;font:8px 'DM Sans';letter-spacing:1.3px;margin-top:5px}.header nav{display:flex;align-items:center;gap:34px;font-size:11px;color:#d2d9dc}.header nav>a:not(.navbutton):hover{color:var(--gold)}.navbutton{padding:13px 18px;border:1px solid #756344;color:var(--gold)}.navbutton span{padding-left:18px}.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:650px;background:var(--navy);color:white;position:relative;overflow:hidden;padding:105px 10% 75px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 78% 48%,#314c5a 0,#142c3d 25%,#091b2a 55%,#071521 78%)}.hero-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(90deg,transparent 49.8%,#83929a 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#83929a 50%,transparent 50.2%);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow,.section-tag,.overline{font-size:9px;letter-spacing:2.6px;font-weight:700;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;width:25px;height:1px;background:var(--gold)}h1,h2{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-1.2px}h1{font-size:clamp(50px,6vw,78px);line-height:1.04;margin:26px 0}h1 em,h2 em{color:var(--gold);font-weight:500}.hero-copy>p{max-width:475px;color:#b7c3ca;font-size:13px;line-height:1.9}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{padding:15px 19px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:24px}.primary{background:var(--gold);color:#15222b}.primary:hover,.contact-button:hover{background:#ddc18a}.secondary{border:1px solid #566975;color:#e0e5e7}.phone{font-size:17px;color:var(--gold)}.hero-foot{display:flex;align-items:center;gap:13px;margin-top:63px;color:#87969f;font-size:8px;letter-spacing:1.4px}.hero-line{height:1px;width:38px;background:var(--gold)}.hero-visual{position:absolute;right:0;top:8%;width:47%;height:82%;z-index:1}.halo{position:absolute;width:490px;height:490px;border:1px solid #6b7e83;border-radius:50%;right:8%;top:2%;opacity:.22;box-shadow:0 0 0 45px #8da0a012,0 0 0 95px #8da0a00a}.vehicle-shape{position:absolute;right:3%;top:38%;width:90%;height:190px;background:linear-gradient(150deg,#e3e5df 0%,#a9b5b5 24%,#516c79 55%,#1b3444 100%);border-radius:95px 115px 28px 28px;transform:skewX(-7deg);box-shadow:0 42px 55px #02080d99;clip-path:polygon(9% 33%,25% 5%,68% 0,88% 29%,100% 70%,96% 100%,2% 100%,0 67%)}.window{position:absolute;left:28%;top:8%;width:43%;height:38%;background:linear-gradient(130deg,#253f50,#7e969b);clip-path:polygon(17% 0,85% 0,100% 100%,0 100%);border:1px solid #b8c1bd}.wheel{position:absolute;bottom:0;width:58px;height:58px;background:#07131c;border:8px solid #74858b;border-radius:50%;z-index:2}.wheel.one{left:19%}.wheel.two{right:16%}.light{position:absolute;right:4%;top:53%;width:25px;height:10px;background:#f1d9a4;box-shadow:0 0 22px #f2d8a0}.visual-label{position:absolute;right:12%;top:17%;display:flex;align-items:center;gap:13px;color:var(--gold)}.visual-label span{font:italic 50px Georgia}.visual-label small{font-size:8px;line-height:1.6;letter-spacing:1.5px;color:#c4cdd0}.floating-card{position:absolute;right:5%;bottom:8%;display:flex;align-items:center;gap:12px;padding:15px 18px;background:#f7f4ed;color:var(--ink);box-shadow:0 15px 45px #0005}.dot{width:8px;height:8px;border-radius:50%;background:#7d9b7b;box-shadow:0 0 0 5px #7d9b7b22}.floating-card b,.floating-card small{display:block}.floating-card b{font:700 10px Manrope}.floating-card small{font-size:8px;color:var(--muted);margin-top:4px}.hero-index{position:absolute;right:7%;bottom:5%;font:13px Manrope;color:var(--gold)}.hero-index span{color:#70808a}.metrics{background:var(--cream);padding:28px 10%;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:center;gap:18px}.metric-intro{font:16px/1.4 'Playfair Display';color:#53616a}.metric{border-left:1px solid #d8d2c6;padding-left:22px}.metric b{font:36px 'Playfair Display';color:var(--navy)}.metric b span{font-size:22px;color:#a88952}.metric small{display:block;font-size:8px;letter-spacing:1.3px;color:#7b8588;margin-top:4px}
.section{padding:105px 10%}.section-tag{color:#9c8050}.intro{background:#fbfaf7}.intro-main{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;padding:24px 0 65px}.overline{color:#a48655;font-size:8px}.intro h2,.section h2,.contact h2{font-size:clamp(40px,4.5vw,58px);line-height:1.13;margin:17px 0}.intro-text{padding-top:22px}.intro-text p,.section-desc,.approach-desc,.contact-intro{font-size:12px;line-height:1.95;color:var(--muted)}.arrow-link{display:inline-flex;gap:24px;margin-top:16px;color:#947444;font-size:10px;font-weight:700}.intro-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#9a9d98;font-size:8px;letter-spacing:1.5px}
.solutions{background:#f0eee8}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:18px 0 42px}.section-desc{max-width:320px;margin-bottom:7px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d4ca;border:1px solid #d8d4ca}.solution{background:#f8f7f3;padding:28px 27px;min-height:240px;position:relative;transition:.25s}.solution:hover{background:#fff;transform:translateY(-4px);box-shadow:0 15px 30px #162b3512;z-index:1}.solution.featured{background:var(--navy);color:white}.number{font-size:8px;letter-spacing:1.4px;color:#a18a61}.featured .number{color:var(--gold)}.sol-icon{font:30px Georgia;color:var(--gold);margin:21px 0 12px}.solution h3{font:500 23px/1.15 'Playfair Display';margin:0 0 12px;color:var(--navy)}.featured h3{color:white}.solution p{font-size:10px;line-height:1.8;color:#7a8589;max-width:250px}.featured p{color:#aebbc0}.solution>a{position:absolute;bottom:23px;font-size:9px;color:#9a7c4d}.solution>a b{padding-left:14px}
.fleet{background:var(--navy);color:white}.fleet .section-tag{color:var(--gold)}.fleet .section-desc{color:#9dabb2}.fleet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.fleet-card{min-width:0}.vehicle-image{height:190px;background:radial-gradient(ellipse at 50% 80%,#405968,#1c3444 60%,#102433);border:1px solid #354a57;position:relative;overflow:hidden}.vehicle-image:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff1,transparent 45%,#0003)}.vehicle-label{position:absolute;top:14px;left:14px;font-size:7px;letter-spacing:1.5px;color:#e0c58e;z-index:2}.carbody{position:absolute;bottom:34px;left:8%;width:84%;height:68px;border-radius:65px 78px 14px 14px;background:linear-gradient(160deg,#e1e2dc,#a7b2b2 35%,#536b77 75%,#233d4b);box-shadow:0 22px 25px #02080c;z-index:1}.carbody:before{content:'';position:absolute;left:24%;top:-42px;width:52%;height:50px;background:linear-gradient(130deg,#b6c4c3,#476171);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.carbody:after{content:'';position:absolute;left:14%;bottom:-13px;width:35px;height:35px;border-radius:50%;background:#08141e;border:6px solid #77878b;box-shadow:205px 0 0 -6px #08141e,205px 0 0 0 #77878b}.muv .carbody{height:77px;border-radius:35px 40px 13px 13px}.van .carbody{height:100px;border-radius:13px 18px 10px 10px;left:16%;width:68%}.bus .carbody{height:108px;border-radius:6px;left:9%;width:82%}.fleet-meta{display:flex;justify-content:space-between;align-items:start;padding:16px 2px;border-bottom:1px solid #344752}.fleet-meta h3{font:500 16px 'Playfair Display';margin:0 0 6px}.fleet-meta p{font-size:9px;color:#9aa9b0;margin:0}.fleet-meta>span{font-size:9px;color:var(--gold)}
.approach{background:#f8f7f3;display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.approach-left h2{font-size:clamp(40px,4.4vw,57px)}.approach-desc{max-width:370px}.approach-list article{display:grid;grid-template-columns:28px 1fr 20px;gap:17px;padding:22px 0;border-bottom:1px solid #ddd9d0}.approach-list article:first-child{padding-top:0}.approach-list article>span{font-size:9px;color:#a68a58;padding-top:4px}.approach-list h3{font:600 13px Manrope;margin:0 0 8px;color:#1b2c37}.approach-list p{font-size:10px;line-height:1.7;color:#78838a;margin:0}.approach-list article>b{font-size:13px;color:#b39562;font-weight:400}
.clients{background:#fff}.clients-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.clients-head h2{margin-bottom:30px}.clients-head p{font-size:11px;color:var(--muted);max-width:230px}.client-list{display:flex;flex-wrap:wrap;gap:9px}.client-list span{padding:13px 18px;border:1px solid #e4e0d8;color:#49565e;font:500 10px Manrope}.legal-note{font-size:9px;line-height:1.7;color:#8a9294;margin-top:22px}
.contact{background:var(--navy);color:white;position:relative;overflow:hidden}.contact-back{position:absolute;right:3%;top:4%;font:italic 300px Georgia;color:#ffffff06;pointer-events:none}.contact .section-tag{color:var(--gold)}.contact-layout{display:grid;grid-template-columns:1fr .82fr;gap:12%;align-items:center;position:relative}.contact h2{font-size:clamp(43px,5vw,64px)}.contact-intro{color:#aebbc1;max-width:400px}.location{margin-top:35px;color:#c7d0d4;font-size:10px}.contact-panel{background:#102838;border:1px solid #344a57;padding:30px}.contact-person{padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #344a57}.contact-person small{font-size:8px;letter-spacing:1.8px;color:var(--gold)}.contact-person h3{font:22px 'Playfair Display';margin:8px 0}.contact-person a{display:block;font-size:10px;color:#d0d9dc;margin-top:8px;overflow-wrap:anywhere}.contact-button{display:flex;justify-content:space-between;align-items:center;background:var(--gold);color:#15232c;padding:16px 18px;font-size:10px;font-weight:700}.contact-button span{font-size:16px}
footer{background:#040e16;color:#89969c;padding:25px 7%;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-info{display:flex;gap:25px;flex-wrap:wrap;font-size:8px;letter-spacing:.6px}
@media(max-width:900px){.header{padding:0 5%}.header nav{gap:17px}.hero-visual{right:-10%;width:52%;opacity:.75}.metrics{padding:25px 6%;grid-template-columns:repeat(4,1fr)}.metric-intro{display:none}.section{padding:80px 7%}.fleet-grid{grid-template-columns:repeat(2,1fr)}.approach{gap:6%}}
@media(max-width:700px){.topline{padding:0 5%;font-size:7px}.topline span:nth-child(2){display:none}.header{height:72px}.menu{display:block}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071521;padding:25px 7%;flex-direction:column;align-items:flex-start}.header nav.open{display:flex}.hero{padding:85px 7% 100px;min-height:650px}.hero-visual{width:80%;right:-28%;top:22%;opacity:.3}.hero-copy{max-width:100%}.hero-index{bottom:3%}.metrics{grid-template-columns:repeat(2,1fr);gap:20px;padding:25px 7%}.metric{padding-left:14px}.metric:nth-child(odd){padding-left:0;border-left:0}.intro-main,.approach,.contact-layout{grid-template-columns:1fr;gap:22px}.intro-main{padding-bottom:40px}.intro-text{padding-top:0}.section-head,.clients-head{display:block}.section-desc,.clients-head p{margin-top:18px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution{min-height:230px;padding:22px 18px}.solution h3{font-size:20px}.fleet-grid{gap:12px}.vehicle-image{height:145px}.contact-panel{padding:22px}footer{align-items:flex-start;flex-direction:column}.footer-info{gap:12px}}
@media(max-width:430px){.brandtext{font-size:9px;letter-spacing:1px}.brandtext small{font-size:7px}.monogram{width:37px;height:37px;font-size:15px}.hero h1{font-size:48px}.hero-foot{font-size:7px;letter-spacing:.8px}.solution-grid{grid-template-columns:1fr}.solution{min-height:210px}.fleet-meta h3{font-size:14px}.vehicle-image{height:125px}.client-list span{padding:11px 13px}}


/* VTT MOTION & ATMOSPHERE UPDATE */
:root{--gold-bright:#e2c58e}
body{background:#071521}
.hero{isolation:isolate;background:linear-gradient(118deg,#06121d 0%,#0a2030 43%,#102e3d 72%,#081722 100%)}
.hero-bg{background:
 radial-gradient(ellipse at 76% 40%,rgba(193,157,96,.22) 0%,transparent 25%),
 radial-gradient(ellipse at 88% 76%,rgba(52,119,139,.28) 0%,transparent 34%),
 radial-gradient(ellipse at 48% 5%,rgba(66,105,123,.22) 0%,transparent 35%),
 linear-gradient(118deg,#06121d 0%,#0a2030 43%,#102e3d 72%,#081722 100%);
 animation:ambientShift 16s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;
 background:radial-gradient(circle at 18% 28%,#d8bd8a 0 1px,transparent 2px),radial-gradient(circle at 64% 72%,#a8d3d9 0 1px,transparent 2px),radial-gradient(circle at 85% 18%,#d8bd8a 0 1px,transparent 2px);
 background-size:170px 170px,230px 230px,290px 290px;animation:particleDrift 24s linear infinite}
.hero-grid{opacity:.09;background-size:72px 72px}
.hero-copy{animation:heroEnter .9s cubic-bezier(.2,.7,.2,1) both}
.hero-visual{animation:visualEnter 1.2s .15s cubic-bezier(.2,.7,.2,1) both}
.halo{animation:haloPulse 7s ease-in-out infinite}
.vehicle-shape{animation:vehicleFloat 6s ease-in-out infinite}
.floating-card{animation:cardFloat 5s ease-in-out infinite}
.monogram{transition:background .3s,color .3s,transform .3s}
.brand:hover .monogram{background:var(--gold);color:#071521;transform:rotate(-5deg)}
.navbutton,.btn,.contact-button{transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.navbutton:hover,.btn:hover,.contact-button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}
.solution,.fleet-card,.client-list span{transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.fleet-card:hover{transform:translateY(-7px)}
.fleet-card:hover .vehicle-image{border-color:var(--gold);box-shadow:0 14px 30px #0003}
.client-list span:hover{transform:translateY(-3px);background:#f6f1e6;border-color:#c8aa72}
.section-tag{position:relative}
.section-tag:after{content:"";display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-left:12px;transform-origin:left;animation:lineGrow 1.2s .3s both}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.solution-grid .solution:nth-child(2),.fleet-grid .fleet-card:nth-child(2){transition-delay:.08s}
.solution-grid .solution:nth-child(3),.fleet-grid .fleet-card:nth-child(3){transition-delay:.16s}
.solution-grid .solution:nth-child(4),.fleet-grid .fleet-card:nth-child(4){transition-delay:.24s}
@keyframes ambientShift{0%{filter:hue-rotate(0deg);background-position:0% 50%}100%{filter:hue-rotate(9deg);background-position:100% 50%}}
@keyframes particleDrift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-12px,9px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes visualEnter{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes haloPulse{0%,100%{transform:scale(.98);opacity:.17}50%{transform:scale(1.035);opacity:.3}}
@keyframes vehicleFloat{0%,100%{transform:skewX(-7deg) translateY(0)}50%{transform:skewX(-7deg) translateY(-10px)}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes lineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* VTT LUXURY PHOTO-LED REDESIGN — V4 */
:root{--navy:#031629;--navy2:#0b2742;--gold:#e2b85f;--cream:#f7f4ec}
body{background:#031629}
.topline{background:#020d19}
.header{height:96px;background:linear-gradient(100deg,#031426,#071d35 72%,#0a2544);padding:0 5%;border-bottom:1px solid rgba(226,184,95,.35)}
.monogram{width:84px;height:84px;font:italic 28px Georgia;letter-spacing:-3px;border:2px solid var(--gold);box-shadow:inset 0 0 0 3px #e2b85f1c}
.brand{gap:24px}
.brandtext{font-size:15px;letter-spacing:1.3px}
.brandtext small{font-size:9px;letter-spacing:2px}
.header nav{font-size:13px;gap:35px}
.navbutton{border:0;border-radius:28px;background:linear-gradient(135deg,#f5d58a,#d39a35);color:#071a2c;padding:15px 24px;font-weight:700}
.navbutton span{padding-left:16px}
.hero{min-height:550px;padding:88px 5% 70px;align-items:center;background:#06182b}
.hero-bg{background-image:linear-gradient(90deg,rgba(2,17,33,.97) 0%,rgba(3,20,38,.86) 34%,rgba(4,20,36,.20) 69%,rgba(4,18,31,.04) 100%),url("hero-corporate-mobility.jpg");background-size:cover;background-position:center 48%;animation:none}
.hero-grid{display:none}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(2,15,29,.7),transparent 22%,transparent 80%,rgba(2,15,29,.15));z-index:1}
.hero-copy{max-width:720px;z-index:2;animation:heroEnter .9s ease both}
.eyebrow{color:#f0c66f}
h1{font-size:clamp(48px,5.2vw,76px);line-height:1.05;max-width:780px;text-shadow:0 4px 22px #00101e99}
h1 em{color:#efc36b}
.hero-copy>p{font-size:17px;line-height:1.65;color:#f1f2f3;max-width:610px;text-shadow:0 2px 12px #00101e}
.actions{margin-top:32px}
.btn{font-size:14px;border-radius:32px;padding:17px 27px;gap:25px}
.primary{background:linear-gradient(135deg,#f8d991,#d49d39);box-shadow:0 8px 26px #0004}
.secondary{background:#06182c9c;border-color:#d4b36d;color:#fff;border-radius:32px}
.hero-foot{color:#e4d7bd;margin-top:43px}
.hero-visual{display:none}
.hero-index{display:none}
.metrics{background:linear-gradient(100deg,#04172b,#0b2a48);color:#fff;padding:24px 6%;border-top:1px solid #d7b36a66;border-bottom:1px solid #d7b36a55;grid-template-columns:repeat(4,1fr)}
.metric-intro{display:none}
.metric{border-left:1px solid #c99f4b;padding-left:25px}
.metric b{color:#f0c66f;font-size:38px}
.metric small{color:#e2e6eb;font-size:9px;letter-spacing:1.5px}
.section{padding:94px 7%}
.intro{background:#f8f6f0}
.solutions{background:#f0eee8}
.solution{min-height:260px;padding:30px}
.solution h3{font-size:25px}
.fleet{background:linear-gradient(120deg,#031629,#092844 70%,#06182b)}
.fleet-grid{gap:16px}
.vehicle-image{height:205px;border:1px solid #c49b4c66;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 12px 28px #0003}
.vehicle-image:after{background:linear-gradient(180deg,rgba(0,13,25,.22),transparent 42%,rgba(0,13,25,.42))}
.vehicle-image .carbody{display:none}
.vehicle-image.sedan{background-image:url("fleet-sedan.jpg")}
.vehicle-image.muv{background-image:url("fleet-muv.jpg")}
.vehicle-image.van{background-image:url("fleet-tempo-new.jpg")}
.vehicle-image.bus{background-image:url("fleet-bus.jpg");background-position:center 54%}
.vehicle-label{background:#06182dcc;border:1px solid #e0b65e;padding:7px 10px;border-radius:3px}
.fleet-meta{padding:18px 5px}
.fleet-meta h3{font-size:18px}
.fleet-meta p{font-size:11px}
.approach{background:#f8f6f0}
.clients{background:#fff}
.contact{background:linear-gradient(120deg,#031629,#092844)}
.contact-panel{background:#0d2a45;border:1px solid #c69d50}
.contact-button{border-radius:30px;background:linear-gradient(135deg,#f5d58a,#d39a35)}
footer{background:#020d19}
@media(max-width:900px){
 .header{height:82px}.monogram{width:65px;height:65px;font-size:24px}
 .brand{gap:15px}.brandtext{font-size:12px}
 .header nav{gap:18px}.hero{min-height:560px;padding-left:6%;padding-right:6%}
 .hero-bg{background-position:58% center}
 .hero-copy{max-width:64%}
 .fleet-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .header{height:76px}.monogram{width:54px;height:54px;font-size:21px}
 .brand{gap:12px}.brandtext{font-size:10px}
 .brandtext small{font-size:7px;letter-spacing:1px}
 .header nav{top:76px}
 .hero{min-height:620px;padding:80px 6% 85px}
 .hero-bg{background-image:linear-gradient(90deg,rgba(2,17,33,.94),rgba(3,20,38,.68)),url("hero-corporate-mobility.jpg");background-position:60% center}
 .hero-copy{max-width:100%}
 h1{font-size:clamp(43px,10vw,60px)}
 .hero-copy>p{font-size:14px;max-width:440px}
 .metrics{grid-template-columns:repeat(2,1fr);padding:24px 6%;gap:20px}
 .metric{padding-left:15px}
 .metric:nth-child(odd){border-left:0;padding-left:0}
 .vehicle-image{height:160px}
 .section{padding:72px 6%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* CONTINUOUS ORGANISATION WORDMARK MARQUEE */
.client-marquee{overflow:hidden;position:relative;width:100%;padding:14px 0 18px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.client-track{display:flex;width:max-content;align-items:center;animation:clientLogoFlow 34s linear infinite reverse}
.client-marquee:hover .client-track{animation-play-state:paused}
.client-list{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;padding-right:14px}
.client-list span{display:flex;align-items:center;justify-content:center;white-space:nowrap;min-width:132px;height:62px;padding:12px 22px;border:1px solid #e5dfd3;background:linear-gradient(145deg,#fff,#faf8f3);color:#34424d;font:700 14px Manrope,sans-serif;letter-spacing:.1px;box-shadow:0 5px 18px rgba(5,25,42,.035);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.client-list span:nth-child(3n+1){font-weight:800;letter-spacing:-.5px}
.client-list span:hover{transform:translateY(-4px);border-color:#c69a4b;box-shadow:0 10px 24px rgba(5,25,42,.1)}
@keyframes clientLogoFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.client-list span{min-width:116px;height:54px;font-size:12px;padding:10px 16px}.client-track{animation-duration:27s}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none!important;transform:none!important}.client-marquee{overflow-x:auto;mask-image:none}}

/* V6 — REAL LOGO IMAGES FROM THE USER-SUPPLIED COLLAGE */
.logo-marquee{overflow:hidden;position:relative;width:100%;padding:22px 0 26px;background:#fff;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.logo-marquee .client-track{display:flex;width:max-content;align-items:center;animation:clientLogoFlow 42s linear infinite reverse;will-change:transform}
.logo-marquee:hover .client-track{animation-play-state:paused}
.logo-marquee .client-list{display:flex;flex-wrap:nowrap;align-items:center;gap:62px;padding-right:62px}
.logo-marquee .client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 190px;width:190px;height:86px;padding:0;background:transparent;border:0;box-shadow:none;transition:transform .25s ease}
.logo-marquee .client-logo:hover{transform:scale(1.06);box-shadow:none;border:0}
.logo-marquee .client-logo img{display:block;width:100%;height:100%;object-fit:contain;max-width:190px;max-height:86px}
@media(max-width:700px){
 .logo-marquee .client-list{gap:34px;padding-right:34px}
 .logo-marquee .client-logo{flex-basis:150px;width:150px;height:72px}
 .logo-marquee .client-logo img{max-width:150px;max-height:72px}
}
@media(prefers-reduced-motion:reduce){.logo-marquee .client-track{animation:none!important;transform:none!important}.logo-marquee{overflow-x:auto;mask-image:none}}


/* VTT CINEMATIC FINISH — subtle, premium motion */
.hero{isolation:isolate}
.hero-bg{will-change:transform;background-size:cover;animation:heroPan 24s ease-in-out infinite alternate!important}
.hero:before{content:"";position:absolute;inset:-20% -35%;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgba(240,202,125,.06) 48%,rgba(255,239,196,.24) 50%,rgba(240,202,125,.06) 52%,transparent 58%);transform:translateX(-65%);animation:headlightSweep 9s ease-in-out infinite}
.hero:after{z-index:1}
.hero-copy{z-index:2}
.vehicle-image{transform:translateZ(0);transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s,border-color .5s}
.fleet-card:hover .vehicle-image{transform:translateY(-5px) scale(1.018);box-shadow:0 20px 42px rgba(0,0,0,.35),0 0 28px rgba(226,197,142,.12)}
.vehicle-image:before{content:"";position:absolute;z-index:1;left:-45%;top:0;width:35%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);transform:skewX(-18deg);transition:left 1s ease}
.fleet-card:hover .vehicle-image:before{left:120%}
.fleet-card{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.reveal{will-change:opacity,transform}
@keyframes heroPan{0%{background-position:48% 50%;transform:scale(1)}100%{background-position:54% 46%;transform:scale(1.045)}}
@keyframes headlightSweep{0%,18%{transform:translateX(-65%);opacity:0}35%{opacity:.9}65%{transform:translateX(65%);opacity:.4}82%,100%{transform:translateX(65%);opacity:0}}
@media(max-width:700px){.hero-bg{animation-duration:30s!important}.hero:before{animation-duration:13s}}
@media(prefers-reduced-motion:reduce){.hero-bg,.hero:before,.vehicle-image,.vehicle-image:before,.fleet-card{animation:none!important;transition:none!important;transform:none!important}}