/* Livraison++ V18 — Motion Courier Theme. Couche visuelle uniquement: la logique métier reste dans site.js. */
:root{--m18-bg:#05090d;--m18-panel:#0b1117;--m18-panel2:#101821;--m18-line:#26313a;--m18-gold:#ffc31a;--m18-gold2:#e7a900;--m18-blue:#0c3756;--m18-text:#f5f7f8;--m18-muted:#9ba8b2}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 74% 8%,#0e2740 0,transparent 28%),linear-gradient(180deg,#03070b,#081017 40%,#05090d 100%)!important;color:var(--m18-text)!important;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.announcement-bar{display:none!important}.site-header{position:sticky!important;top:0;z-index:200!important;min-height:76px!important;background:rgba(3,8,12,.82)!important;backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,195,26,.13)!important;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.site-header .brand-name{font-weight:900!important;letter-spacing:-1.2px!important}.site-header .brand-name span{color:var(--m18-gold)!important}.main-nav{gap:24px!important}.main-nav a{font-weight:700!important;font-size:.78rem!important;color:#d8e0e5!important;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--m18-gold);transition:.25s}.main-nav a:hover:after{right:0}.header-cta,.button.primary{background:linear-gradient(135deg,#ffd24b,#ffb400)!important;color:#0b0b08!important;border-color:#ffcc35!important;box-shadow:0 12px 30px rgba(255,183,0,.18)!important}.header-cta:hover,.button.primary:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(255,183,0,.28)!important}
.hero{min-height:720px!important;max-width:1700px!important;margin:0 auto!important;padding:72px 32px 34px!important;display:grid!important;grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr)!important;align-items:center!important;gap:34px!important;position:relative!important}.hero:after{content:"";position:absolute;inset:7% 0 auto 43%;height:76%;z-index:-1;background:radial-gradient(circle,rgba(255,188,0,.16),transparent 62%);filter:blur(18px)}
.hero-copy{max-width:650px!important}.hero-badge{background:rgba(15,23,30,.75)!important;border:1px solid #2c3942!important;backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(0,0,0,.24)}.hero h1{font-size:clamp(3.1rem,5.2vw,6.25rem)!important;line-height:.94!important;text-transform:uppercase!important;letter-spacing:-.055em!important;margin:24px 0!important}.hero h1 span{color:var(--m18-gold)!important;text-shadow:0 0 32px rgba(255,195,26,.2)}.hero-lead{font-size:1.12rem!important;line-height:1.75!important;color:#d6dde1!important;max-width:590px!important}.hero-actions{gap:12px!important;flex-wrap:wrap!important}.hero-actions .button{min-height:54px!important;border-radius:9px!important}.button.inverse,.button.portal{background:rgba(10,15,20,.72)!important;border:1px solid #4b5961!important;color:#fff!important;backdrop-filter:blur(12px)}.button.inverse:hover,.button.portal:hover{border-color:#f4bd36!important;color:#ffd65c!important}.hero-trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:28px!important}.hero-trust>div{background:rgba(10,16,21,.64)!important;border:1px solid #26313a!important;border-radius:11px!important;padding:13px!important}.hero-trust strong{color:#fff!important}.hero-trust small{color:#8fa0aa!important}
.motion-route-showcase{min-height:590px!important;height:590px!important;border-radius:22px!important;overflow:hidden!important;background:radial-gradient(circle at 68% 24%,rgba(12,110,166,.28),transparent 27%),linear-gradient(145deg,#06101a,#08121b 44%,#05090e)!important;border:1px solid #27343d!important;box-shadow:0 34px 80px rgba(0,0,0,.46),inset 0 0 90px rgba(0,0,0,.4)!important;position:relative!important}.motion-city-grid{position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 24%,rgba(16,72,108,.23) 25%,rgba(16,72,108,.23) 26%,transparent 27%,transparent 74%,rgba(16,72,108,.2) 75%,rgba(16,72,108,.2) 76%,transparent 77%),linear-gradient(150deg,transparent 24%,rgba(255,196,40,.06) 25%,rgba(255,196,40,.06) 26%,transparent 27%,transparent 74%,rgba(255,196,40,.05) 75%,rgba(255,196,40,.05) 76%,transparent 77%);background-size:88px 152px;transform:perspective(600px) rotateX(57deg) scale(1.3);transform-origin:center 70%;opacity:.78}.motion-route-svg{position:absolute;inset:5% 3% 4%;width:94%;height:91%;overflow:visible}.motion-route-shadow{fill:none;stroke:#ffb400;stroke-width:20;opacity:.12;filter:url(#routeGlow)}.motion-route-line{fill:none;stroke:#ffc21c;stroke-width:5;stroke-linecap:round;stroke-dasharray:12 10;filter:url(#routeGlow);animation:routeDash 1.4s linear infinite}.route-node{fill:#ffc21c;stroke:#fff1ad;stroke-width:3;filter:url(#routeGlow)}@keyframes routeDash{to{stroke-dashoffset:-44}}
.motion-vehicle{position:absolute;left:42%;top:56%;width:92px;height:48px;border-radius:13px;background:linear-gradient(145deg,#15191b,#030506);border:2px solid #b98200;box-shadow:0 0 36px rgba(255,188,0,.45);display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-13deg);z-index:5}.motion-vehicle span{font-size:24px;color:#ffd34f}.motion-vehicle b{color:#ffd34f;font-size:13px}.motion-pin,.motion-eta-card{position:absolute;background:rgba(5,10,14,.9);border:1px solid #394852;border-radius:12px;padding:11px 13px;backdrop-filter:blur(14px);box-shadow:0 14px 32px rgba(0,0,0,.36)}.motion-pin span,.motion-eta-card small{font-size:9px;font-weight:900;color:#ffc31a;letter-spacing:.07em}.motion-pin strong,.motion-eta-card strong{display:block;font-size:12px;margin-top:3px}.motion-pin i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffc31a;box-shadow:0 0 15px #ffc31a;margin-right:6px}.motion-pin-pickup{left:6%;bottom:18%}.motion-pin-route{left:43%;top:16%}.motion-pin-delivery{right:6%;top:29%}.motion-eta-card{right:7%;bottom:7%;min-width:210px}.motion-eta-card span{display:block;color:#a6b2b9;font-size:10px;margin-top:5px}.motion-progress{height:5px;border-radius:5px;background:#252d32;margin-top:12px;overflow:hidden}.motion-progress i{display:block;height:100%;width:70%;background:linear-gradient(90deg,#ffb600,#ffe478);animation:progressPulse 2s ease-in-out infinite alternate}@keyframes progressPulse{to{width:88%}}
.motion-services-rail{max-width:1660px!important;margin:0 auto 18px!important;padding:0 24px!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:9px!important}.motion-services-rail a{min-height:126px;background:linear-gradient(180deg,rgba(17,25,32,.94),rgba(7,12,17,.94));border:1px solid #2a3740;border-radius:14px;padding:17px 12px;text-align:center;text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.28s ease;position:relative;overflow:hidden}.motion-services-rail a:before{content:"";position:absolute;inset:auto -20% -75% -20%;height:100%;background:radial-gradient(circle,rgba(255,190,0,.23),transparent 60%);transition:.3s}.motion-services-rail a:hover{transform:translateY(-7px);border-color:#9b7415;box-shadow:0 20px 40px rgba(0,0,0,.26)}.motion-services-rail a:hover:before{bottom:-44%}.motion-services-rail span{font-size:27px;color:#ffc31a;filter:drop-shadow(0 0 10px rgba(255,195,26,.3))}.motion-services-rail strong{font-size:.83rem;margin-top:9px}.motion-services-rail small{font-size:.66rem;color:#91a0a9;margin-top:4px}
.trust-strip{max-width:1660px!important;background:rgba(10,15,20,.82)!important;border-color:#28353d!important;border-radius:14px!important}.trust-strip span{color:#ffc31a!important}.section{max-width:1660px!important}.section-heading .eyebrow,.eyebrow{color:#ffc31a!important}.section-heading h2,.advantages-copy h2,.tracking-copy h2{letter-spacing:-.035em!important}.service-card,.panel,.tracking-box,.quote-panel,.driver-portal-public-card,.subcontract-public-shell,.business-public-section,.faq-grid details{background:linear-gradient(145deg,rgba(15,23,30,.92),rgba(7,12,17,.94))!important;border-color:#293640!important;box-shadow:0 20px 50px rgba(0,0,0,.18)!important}.service-card{transition:transform .28s,border-color .28s,box-shadow .28s}.service-card:hover{transform:translateY(-8px);border-color:#9d7618!important;box-shadow:0 24px 60px rgba(0,0,0,.3),0 0 28px rgba(255,190,0,.08)!important}.service-card.featured{border-color:#a77a13!important;background:linear-gradient(145deg,#151a1b,#0d1114)!important}.service-icon,.choice-icon,.process-icon{color:#ffc31a!important}
.advantages-visual{background:radial-gradient(circle at 66% 35%,rgba(255,194,25,.17),transparent 16%),linear-gradient(145deg,#071019,#08141d)!important;border-color:#283942!important;overflow:hidden}.route-path{filter:drop-shadow(0 0 12px rgba(255,190,0,.6))}.map-pin{box-shadow:0 0 22px #ffc31a!important}.visual-stat{background:rgba(6,11,15,.88)!important;border-color:#564313!important}
.order-section{border-radius:22px!important;background:linear-gradient(145deg,rgba(7,13,18,.98),rgba(9,16,22,.94))!important;border:1px solid #283742!important;padding:28px!important;box-shadow:0 35px 90px rgba(0,0,0,.26)}.order-form{background:rgba(12,19,25,.8)!important;border:1px solid #2b3942!important;border-radius:16px!important}.step-progress li.active span,.quote-action{background:#ffc31a!important;color:#080a08!important}.field input,.field select,.field textarea,.input-suffix{background:#071016!important;border-color:#33434d!important;color:#f4f7f8!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d49e12!important;box-shadow:0 0 0 3px rgba(255,193,27,.12)!important}.service-choice,.check-card,.payment-card{background:#0c141a!important;border-color:#2e3b44!important}.service-choice.selected,.payment-card.selected{border-color:#b98b19!important;background:#14170f!important}.quote-panel{position:sticky!important;top:100px!important}
.tracking-section{display:grid!important;grid-template-columns:.72fr 1.28fr!important;gap:26px!important;background:linear-gradient(145deg,#081018,#0b151e)!important;border:1px solid #2b3941!important;border-radius:22px!important;padding:30px!important;position:relative;overflow:hidden}.tracking-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-200px;top:-280px;background:radial-gradient(circle,rgba(255,194,25,.16),transparent 62%)}.tracking-box{padding:20px!important}.tracking-form{grid-template-columns:1fr 1fr auto!important;align-items:end!important}.tracking-form .button{min-width:180px!important;height:50px!important}.tracking-motion-preview{margin-top:18px;display:grid;grid-template-columns:1fr 190px;gap:12px}.tracking-preview-map{height:230px;border:1px solid #263640;border-radius:14px;background:radial-gradient(circle at 65% 38%,rgba(255,195,26,.1),transparent 14%),linear-gradient(135deg,#08131c,#0b1a24);position:relative;overflow:hidden}.tracking-preview-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(27,82,115,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(27,82,115,.2) 1px,transparent 1px);background-size:38px 38px;transform:rotate(8deg) scale(1.25)}.tracking-road{position:absolute;width:70%;height:3px;background:#ffc31a;left:12%;top:55%;transform:rotate(-16deg);box-shadow:0 0 16px #ffbd00;border-radius:5px}.tracking-road:after{content:"";position:absolute;width:46%;height:3px;background:#ffc31a;right:-18%;top:-39px;transform:rotate(-28deg);transform-origin:left;box-shadow:0 0 16px #ffbd00}.tracking-car{position:absolute;left:43%;top:46%;color:#ffd44c;background:#080b0d;border:1px solid #9a7319;padding:7px 12px;border-radius:9px;box-shadow:0 0 25px rgba(255,190,0,.36);animation:carFloat 2s ease-in-out infinite alternate}.tracking-target{position:absolute;width:18px;height:18px;border-radius:50%;right:13%;top:23%;border:5px solid #ffc31a;box-shadow:0 0 18px #ffc31a}.tracking-preview-steps{display:flex;flex-direction:column;justify-content:center;gap:15px;background:#091016;border:1px solid #293740;border-radius:14px;padding:18px}.tracking-preview-steps span{font-size:.75rem;color:#7f8c95}.tracking-preview-steps .done{color:#69db8d}.tracking-preview-steps .active{color:#ffc31a}@keyframes carFloat{to{transform:translate(24px,-8px)}}
.process-grid article,.transparency-grid article{background:rgba(10,17,22,.74)!important;border:1px solid #283640!important;border-radius:14px!important}.process-grid article span,.transparency-grid article span{color:#ffc31a!important}.subcontract-public-shell,.driver-portal-public-card{border-radius:20px!important}.driver-portal-public-section{opacity:.9}.driver-download-button{border-color:#59646b!important}.footer{background:#03070a!important;border-top-color:#263039!important}
.reveal-on-scroll,.section:not(.motion-services-rail){opacity:0;transform:translateY(32px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}.reveal-on-scroll.is-visible,.section.is-visible{opacity:1;transform:none}.service-card,.motion-services-rail a{will-change:transform}.motion-cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(255,190,0,.07),transparent 68%);transform:translate(-50%,-50%);transition:left .12s linear,top .12s linear}
@media(max-width:1180px){.hero{grid-template-columns:1fr!important;min-height:auto!important}.motion-route-showcase{min-height:500px!important;height:500px!important}.motion-services-rail{grid-template-columns:repeat(3,1fr)!important}.tracking-section{grid-template-columns:1fr!important}.tracking-form{grid-template-columns:1fr 1fr!important}.tracking-form .button{grid-column:1/-1}.main-nav{gap:14px!important}}
@media(max-width:760px){.site-header{min-height:66px!important}.hero{padding:44px 16px 20px!important}.hero h1{font-size:clamp(2.65rem,15vw,4.2rem)!important}.hero-trust{grid-template-columns:1fr!important}.motion-route-showcase{height:390px!important;min-height:390px!important}.motion-pin-route{display:none}.motion-eta-card{right:10px;bottom:10px;min-width:160px}.motion-services-rail{grid-template-columns:repeat(2,1fr)!important;padding:0 14px!important}.tracking-form{grid-template-columns:1fr!important}.tracking-form .button{grid-column:auto}.tracking-motion-preview{grid-template-columns:1fr}.tracking-preview-steps{display:grid;grid-template-columns:1fr 1fr}.order-section{padding:14px!important;border-radius:14px!important}.quote-panel{position:static!important}.main-nav a.nav-driver-download,.main-nav a.nav-subcontract-portal,.main-nav a.nav-business-portal{display:block!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal-on-scroll,.section{opacity:1!important;transform:none!important}}

/* R22 — remplace le bloc L++ animé par un téléphone affichant l'app Livreur. */
.motion-route-showcase .motion-vehicle.motion-driver-phone{
 width:112px!important;height:150px!important;padding:0!important;border:0!important;
 border-radius:22px!important;background:transparent!important;overflow:hidden!important;
 box-shadow:0 22px 46px rgba(0,0,0,.58),0 0 28px rgba(255,191,26,.30)!important;
 transform:translate(-50%,-50%) rotate(-11deg)!important;z-index:9!important;
}
.motion-route-showcase .motion-driver-phone img{
 display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
 object-position:58% 50%!important;border-radius:22px!important;
}
.motion-route-showcase .motion-driver-phone span,
.motion-route-showcase .motion-driver-phone b{display:none!important}
@media(max-width:760px){
 .motion-route-showcase .motion-vehicle.motion-driver-phone{width:84px!important;height:112px!important;border-radius:17px!important}
 .motion-route-showcase .motion-driver-phone img{border-radius:17px!important}
}

/* R23 — petite voiture animée + téléphone App Livreur séparé et entièrement visible. */
.motion-route-showcase .motion-vehicle.motion-route-car{
 width:72px!important;height:40px!important;padding:0!important;border:0!important;background:transparent!important;
 box-shadow:none!important;overflow:visible!important;transform:translate(-50%,-50%) rotate(-8deg)!important;z-index:8!important;
 filter:drop-shadow(0 8px 10px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(255,194,27,.35))!important;
}
.motion-route-showcase .motion-route-car svg{display:block;width:100%;height:100%}

.motion-driver-app-phone{
 position:absolute;right:7%;top:17%;width:142px;height:278px;z-index:10;
 transform:rotate(8deg);filter:drop-shadow(0 22px 28px rgba(0,0,0,.58));
 animation:v23PhoneFloat 4.2s ease-in-out infinite;
}
@keyframes v23PhoneFloat{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-8px)}}
.driver-phone-frame{
 width:100%;height:100%;padding:5px;border-radius:25px;
 background:linear-gradient(145deg,#ffcf43,#7e5a00 18%,#111 28%,#111 75%,#d69b0e 96%);
 box-shadow:0 0 0 1px rgba(255,207,67,.45),0 0 23px rgba(255,190,19,.24);
}
.driver-phone-screen{
 position:relative;height:100%;box-sizing:border-box;border-radius:20px;overflow:hidden;
 background:linear-gradient(180deg,#090e12,#05080b);padding:17px 9px 8px;color:#f5f5f3;font-family:Arial,sans-serif;
}
.driver-phone-notch{position:absolute;z-index:2;top:6px;left:50%;transform:translateX(-50%);width:48px;height:11px;border-radius:0 0 8px 8px;background:#020304}
.driver-app-logo{height:28px;text-align:center;position:relative}.driver-app-logo>span{display:inline-block;width:16px;height:11px;background:#ffc21b;transform:skew(-12deg);margin-right:4px}.driver-app-logo>b{font-size:12px;color:#ffc21b}.driver-app-logo>small{display:block;font-size:5px;letter-spacing:1px;margin-top:2px}
.driver-app-profile{display:grid;grid-template-columns:27px 1fr 20px;align-items:center;gap:5px;padding:7px 0;border-top:1px solid #20272b}
.driver-app-profile>i{width:26px;height:26px;border-radius:50%;background:#27323a;display:grid;place-items:center;font-size:8px;font-style:normal;border:1px solid #7f8a90}
.driver-app-profile strong{display:block;font-size:8px}.driver-app-profile small{font-size:6px;color:#39d56f}.driver-app-profile em{width:18px;height:10px;border-radius:10px;background:#ffc21b;position:relative}.driver-app-profile em:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:white;right:1px;top:1px}
.driver-app-card{position:relative;margin-top:3px;padding:8px;border:1px solid #232c31;border-radius:8px;background:#0b1116}.driver-app-card>small{font-size:6px;color:#b6bec2}.driver-app-card>strong{display:block;color:#ffc21b;font-size:10px;margin:2px 0 6px}.driver-app-card>b{position:absolute;right:7px;top:23px;border:1px solid #bd8a00;border-radius:4px;padding:2px 4px;font-size:5px;color:#ffc21b}
.driver-stop{display:grid;grid-template-columns:7px 1fr;gap:5px;margin:5px 0;font-size:6px;line-height:1.3}.driver-stop i{width:6px;height:6px;border-radius:50%;background:#e7edf0;margin-top:2px}.driver-stop i.pickup{background:#ffc21b}.driver-stop small{font-size:5px;color:#c4cacc}
.driver-app-accept,.driver-app-details{height:22px;margin-top:6px;border-radius:4px;display:grid;place-items:center;font-size:7px;font-weight:800}.driver-app-accept{background:#ffc21b;color:#070707}.driver-app-details{border:1px solid #9b7100;color:#fff}
.driver-app-nav{position:absolute;left:7px;right:7px;bottom:7px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:8px;color:#717c82}.driver-app-nav b{color:#ffc21b}.driver-app-nav small{display:block;font-size:4px;margin-top:2px;font-weight:normal}

@media(max-width:900px){
 .motion-driver-app-phone{right:4%;top:21%;width:115px;height:225px}
 .motion-route-showcase .motion-vehicle.motion-route-car{width:60px!important;height:34px!important}
}
@media(max-width:760px){
 .motion-driver-app-phone{right:5%;top:23%;width:92px;height:180px;opacity:.92}
 .motion-route-showcase .motion-vehicle.motion-route-car{width:48px!important;height:28px!important}
}


/* R24 — CASE HERO: voiture seule sur la ligne, aucun téléphone, infos alignées */
.motion-driver-app-phone,
.driver-phone-frame,
.driver-phone-screen{display:none!important}

.motion-route-showcase .motion-vehicle.motion-route-car{
  left:43%!important;top:57%!important;width:82px!important;height:44px!important;
  padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  overflow:visible!important;transform:translate(-50%,-50%) rotate(-9deg)!important;z-index:12!important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,194,27,.42))!important;
}
.motion-route-showcase .motion-route-car svg{display:block!important;width:100%!important;height:100%!important}

.motion-route-showcase .motion-pin,
.motion-route-showcase .motion-eta-card{
  width:150px!important;min-width:150px!important;max-width:150px!important;min-height:58px!important;
  box-sizing:border-box!important;padding:9px 11px!important;border-radius:10px!important;
  background:rgba(5,10,14,.94)!important;border:1px solid #3b4850!important;
  box-shadow:0 12px 28px rgba(0,0,0,.42)!important;backdrop-filter:blur(12px)!important;
}
.motion-route-showcase .motion-pin span,
.motion-route-showcase .motion-eta-card small{
  display:block!important;font-size:8px!important;line-height:1.2!important;color:#ffc31a!important;
  letter-spacing:.06em!important;font-weight:900!important;
}
.motion-route-showcase .motion-pin strong,
.motion-route-showcase .motion-eta-card strong{
  display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.25!important;color:#f7f7f4!important;
}
.motion-route-showcase .motion-pin i{width:7px!important;height:7px!important;margin-right:5px!important}

.motion-route-showcase .motion-pin-pickup{left:5%!important;bottom:11%!important;top:auto!important;right:auto!important}
.motion-route-showcase .motion-pin-route{left:38%!important;top:9%!important;bottom:auto!important;right:auto!important}
.motion-route-showcase .motion-pin-delivery{right:5%!important;top:20%!important;left:auto!important;bottom:auto!important}
.motion-route-showcase .motion-eta-card{
  right:5%!important;bottom:7%!important;left:auto!important;top:auto!important;
  width:170px!important;min-width:170px!important;max-width:170px!important;
}
.motion-route-showcase .motion-eta-card span{font-size:8px!important;line-height:1.25!important;margin-top:4px!important}
.motion-route-showcase .motion-progress{height:4px!important;margin-top:8px!important}
.motion-route-showcase .motion-route-svg{inset:6% 5% 6%!important;width:90%!important;height:88%!important}

@media(max-width:900px){
  .motion-route-showcase .motion-vehicle.motion-route-car{width:68px!important;height:38px!important}
  .motion-route-showcase .motion-pin,.motion-route-showcase .motion-eta-card{
    width:126px!important;min-width:126px!important;max-width:126px!important;
  }
  .motion-route-showcase .motion-eta-card{width:145px!important;min-width:145px!important;max-width:145px!important}
}
@media(max-width:760px){
  .motion-route-showcase .motion-vehicle.motion-route-car{width:54px!important;height:31px!important}
  .motion-route-showcase .motion-pin{width:112px!important;min-width:112px!important;max-width:112px!important}
  .motion-route-showcase .motion-pin-route{left:34%!important;top:8%!important}
  .motion-route-showcase .motion-pin-delivery{right:3%!important;top:18%!important}
  .motion-route-showcase .motion-eta-card{
    right:3%!important;bottom:4%!important;width:132px!important;min-width:132px!important;max-width:132px!important;
  }
}

/* R25 — section Suivi reconstruite d'après la maquette approuvée */
.v25-tracking{
  display:block!important;max-width:none!important;margin:20px 0!important;padding:24px!important;
  background:linear-gradient(145deg,#050b10,#071016)!important;border:1px solid #39434a!important;
  border-radius:20px!important;color:#f8f8f5!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
}
.v25-tracking-head{margin-bottom:22px!important}
.v25-tracking-head h2{margin:0!important;font:900 clamp(25px,2.4vw,44px)/1.05 Arial,sans-serif!important;letter-spacing:-1px!important;color:#fff!important}
.v25-tracking-head h2 span{color:#ffc21b!important}
.v25-tracking-head p{margin:12px 0 0!important;color:#d0d6d9!important;font-size:15px!important}
.v25-tracking-box{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.v25-tracking-form{display:grid!important;grid-template-columns:1fr 1fr 280px!important;gap:16px!important;align-items:end!important;margin:0!important}
.v25-track-field{display:block!important}.v25-track-field>span{display:block!important;margin:0 0 8px!important;color:#e4e8e9!important;font-size:12px!important;font-weight:800!important}
.v25-input-wrap{height:58px!important;border:1px solid #43505a!important;border-radius:10px!important;background:#071017!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 16px!important;transition:.2s ease!important}
.v25-input-wrap:focus-within{border-color:#ffc21b!important;box-shadow:0 0 0 3px rgba(255,194,27,.10)!important}
.v25-input-wrap i{font-style:normal!important;color:#ffc21b!important;font-size:24px!important;width:28px!important;text-align:center!important}
.v25-input-wrap input{height:100%!important;width:100%!important;border:0!important;outline:0!important;background:transparent!important;color:#f6f7f7!important;font-size:17px!important;padding:0!important}
.v25-input-wrap input::placeholder{color:#89939a!important}
.v25-track-submit{height:58px!important;border-radius:10px!important;background:linear-gradient(180deg,#ffd348,#f5b40e)!important;color:#070807!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 26px rgba(245,180,14,.22)!important}
.v25-track-submit b{font-size:22px!important;margin-left:10px!important}

.v25-progress{margin-top:28px!important;min-height:108px!important;border:1px solid #303a42!important;border-radius:12px!important;background:#071017!important;padding:18px 26px!important;display:grid!important;grid-template-columns:auto 1fr auto 1fr auto 1fr auto!important;align-items:center!important;gap:14px!important}
.v25-step{display:flex!important;align-items:center!important;gap:12px!important;min-width:150px!important;color:#adb5ba!important}
.v25-step-icon{width:50px!important;height:50px!important;border:1px solid #66717a!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:22px!important;background:#0b1217!important}
.v25-step strong{display:block!important;font-size:13px!important}.v25-step small{display:block!important;margin-top:5px!important;font-size:12px!important;color:#e1e5e7!important}
.v25-step.done{color:#35d261!important}.v25-step.done .v25-step-icon{border-color:#35d261!important;background:#0e2e19!important}
.v25-step.active{color:#ffc21b!important}.v25-step.active .v25-step-icon{border-color:#ffc21b!important;background:#2d2407!important}
.v25-step-line{height:4px!important;background:#303a42!important;border-radius:99px!important;min-width:40px!important}.v25-step-line.active{background:linear-gradient(90deg,#39cf61,#ffc21b)!important}

.v25-route-preview{margin-top:18px!important;display:block!important}.v25-route-map{height:250px!important;min-height:250px!important;border:1px solid #35414a!important;border-radius:12px!important;position:relative!important;overflow:hidden!important;background:#071017!important}
.v25-route-grid{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(58,73,83,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(58,73,83,.22) 1px,transparent 1px)!important;background-size:58px 58px!important;transform:skewY(-5deg) scale(1.06)!important}
.v25-route-line{position:absolute!important;left:8%!important;right:9%!important;top:58%!important;height:5px!important;border-radius:99px!important;background:linear-gradient(90deg,#fbb813,#ffd84f,#fbb813)!important;box-shadow:0 0 16px rgba(255,192,23,.65)!important;transform:rotate(-3deg)!important}
.v25-route-start{position:absolute!important;left:7%!important;top:58%!important;width:27px!important;height:27px!important;border:5px solid #fff0b0!important;border-radius:50%!important;background:#ffc21b!important;box-shadow:0 0 20px rgba(255,194,27,.65)!important;z-index:3!important}
.v25-route-car{position:absolute!important;left:42%!important;top:48%!important;width:88px!important;height:48px!important;z-index:5!important;transform:rotate(-4deg)!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(255,194,27,.4))!important}
.v25-route-car svg{display:block!important;width:100%!important;height:100%!important}
.v25-route-target{position:absolute!important;right:7%!important;top:45%!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#ffc21b!important;border:5px solid #fff0b0!important;box-shadow:0 0 18px rgba(255,194,27,.7)!important}
.v25-route-target:before{content:"⌖"!important;position:absolute!important;left:-7px!important;top:-48px!important;color:#ffc21b!important;font-size:44px!important;font-style:normal!important}

.v25-tracking-info-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin-top:18px!important}
.v25-tracking-info-grid article{min-height:110px!important;padding:18px!important;border:1px solid #35414a!important;border-radius:12px!important;background:#071017!important;display:flex!important;align-items:center!important;gap:14px!important}
.v25-info-icon{width:50px!important;height:50px!important;min-width:50px!important;border:1px solid #ffc21b!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#ffc21b!important;font-size:24px!important}
.v25-tracking-info-grid small{display:block!important;color:#ffc21b!important;font-size:10px!important;font-weight:900!important}.v25-tracking-info-grid strong{display:block!important;margin-top:6px!important;color:#fff!important;font-size:16px!important;line-height:1.25!important}.v25-tracking-info-grid em{display:block!important;margin-top:3px!important;color:#b2bbc0!important;font-size:11px!important;font-style:normal!important}
.v25-tracking-result{margin-top:14px!important;border-radius:10px!important}
.v25-secure-note{text-align:center!important;color:#bac2c6!important;margin:20px 0 0!important;font-size:12px!important}

@media(max-width:1050px){.v25-tracking-form{grid-template-columns:1fr 1fr!important}.v25-track-submit{grid-column:1/-1!important}.v25-progress{grid-template-columns:1fr 1fr!important}.v25-step-line{display:none!important}.v25-tracking-info-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){.v25-tracking{padding:16px!important}.v25-tracking-form{grid-template-columns:1fr!important}.v25-track-submit{grid-column:auto!important}.v25-progress{grid-template-columns:1fr!important;padding:14px!important}.v25-tracking-info-grid{grid-template-columns:1fr!important}.v25-route-map{height:210px!important;min-height:210px!important}.v25-route-car{width:65px!important;height:38px!important}.v25-tracking-head h2{font-size:28px!important}}


/* R27 — cadrage compact du haut de page */
.v19-top-shell{
  align-items:start!important;
  grid-template-columns:minmax(0,1fr) minmax(520px,.95fr)!important;
  gap:18px!important;
}
.hero{
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  padding:26px 24px!important;
}
.hero-copy{
  width:46%!important;
  min-width:390px!important;
}
.hero h1{
  font-size:clamp(38px,3.05vw,58px)!important;
  line-height:.97!important;
  margin-bottom:14px!important;
}
.motion-route-showcase{
  height:100%!important;
  min-height:0!important;
}
.tracking-section.v25-tracking{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:22px!important;
  margin:0!important;
}
.v25-tracking-head{
  margin-bottom:16px!important;
}
.v25-tracking-head h2{
  font-size:clamp(24px,2vw,38px)!important;
  line-height:1.02!important;
}
.v25-tracking-head p{
  margin-top:8px!important;
  font-size:13px!important;
}
.v25-tracking-form{
  gap:12px!important;
  grid-template-columns:1fr 1fr!important;
}
.v25-track-submit{
  grid-column:1/-1!important;
  height:50px!important;
  margin-top:0!important;
}
.v25-input-wrap{
  height:48px!important;
}
.v25-input-wrap input{
  font-size:15px!important;
}
.v25-progress{
  margin-top:16px!important;
  min-height:82px!important;
  padding:12px 18px!important;
  gap:10px!important;
}
.v25-step{
  min-width:0!important;
  gap:8px!important;
}
.v25-step-icon{
  width:38px!important;
  height:38px!important;
  font-size:17px!important;
}
.v25-step strong{
  font-size:11px!important;
}
.v25-step small{
  font-size:10px!important;
  margin-top:2px!important;
}
.v25-route-preview{
  margin-top:14px!important;
}
.v25-route-map{
  height:150px!important;
  min-height:150px!important;
}
.v25-route-car{
  width:66px!important;
  height:38px!important;
}
.v25-tracking-info-grid{
  gap:10px!important;
  margin-top:12px!important;
}
.v25-tracking-info-grid article{
  min-height:82px!important;
  padding:12px!important;
  gap:10px!important;
}
.v25-info-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:18px!important;
}
.v25-tracking-info-grid small{
  font-size:8px!important;
}
.v25-tracking-info-grid strong{
  margin-top:3px!important;
  font-size:13px!important;
}
.v25-tracking-info-grid em{
  font-size:9px!important;
}
.v25-secure-note{
  margin:10px 0 0!important;
  font-size:10px!important;
}
#services,
.motion-services-rail,
.v19-home-lower,
#faq{
  scroll-margin-top:84px!important;
}

/* Le reste de la page commence immédiatement sous le bloc du haut */
.v19-top-shell + .motion-services-rail{
  margin-top:14px!important;
}

@media(max-width:1180px){
  .v19-top-shell{grid-template-columns:1fr!important}
  .hero{
    height:430px!important;
    min-height:430px!important;
    max-height:none!important;
  }
}
@media(max-width:760px){
  .hero{
    height:auto!important;
    min-height:390px!important;
  }
  .tracking-section.v25-tracking{
    padding:16px!important;
  }
  .v25-tracking-info-grid{
    grid-template-columns:1fr 1fr!important;
  }
}


/* R28 — cadrage desktop final: hero + suivi réellement proportionnés au site */
@media(min-width:1181px){
  main{
    max-width:1480px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }

  .v19-top-shell{
    grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;
    gap:14px!important;
    align-items:stretch!important;
    padding-top:14px!important;
  }

  /* HERO gauche */
  .hero{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    padding:22px!important;
    border-radius:12px!important;
  }
  .hero-copy{
    width:48%!important;
    min-width:345px!important;
  }
  .hero h1{
    font-size:clamp(34px,2.5vw,49px)!important;
    line-height:.98!important;
    letter-spacing:-1.6px!important;
    margin:4px 0 10px!important;
  }
  .hero-lead{
    font-size:12px!important;
    line-height:1.45!important;
    max-width:400px!important;
  }
  .hero-actions{
    margin-top:13px!important;
    gap:9px!important;
  }
  .hero-actions .button{
    height:39px!important;
    padding:0 14px!important;
    font-size:10px!important;
  }
  .hero-trust{
    left:22px!important;
    bottom:14px!important;
    width:420px!important;
    gap:12px!important;
  }
  .hero-trust strong{font-size:9px!important}
  .hero-trust small{font-size:7px!important}

  .motion-route-showcase{
    inset:0 0 0 34%!important;
  }
  .motion-route-showcase .motion-vehicle.motion-route-car{
    width:58px!important;
    height:33px!important;
  }
  .motion-route-showcase .motion-pin,
  .motion-route-showcase .motion-eta-card{
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    min-height:48px!important;
    padding:7px 8px!important;
  }
  .motion-route-showcase .motion-eta-card{
    width:135px!important;
    min-width:135px!important;
    max-width:135px!important;
  }
  .motion-route-showcase .motion-pin span,
  .motion-route-showcase .motion-eta-card small{font-size:6.5px!important}
  .motion-route-showcase .motion-pin strong,
  .motion-route-showcase .motion-eta-card strong{font-size:9px!important}

  /* SUIVI droite */
  .tracking-section.v25-tracking{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    padding:18px!important;
    overflow:hidden!important;
    border-radius:12px!important;
  }
  .v25-tracking-head{
    margin-bottom:10px!important;
  }
  .v25-tracking-head h2{
    font-size:clamp(22px,1.8vw,32px)!important;
    line-height:1.02!important;
    letter-spacing:-.6px!important;
  }
  .v25-tracking-head p{
    font-size:10px!important;
    margin-top:6px!important;
    line-height:1.35!important;
  }

  .v25-tracking-form{
    grid-template-columns:1fr 1fr!important;
    gap:8px 10px!important;
  }
  .v25-track-field>span{
    margin-bottom:5px!important;
    font-size:8px!important;
  }
  .v25-input-wrap{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    gap:7px!important;
    border-radius:7px!important;
  }
  .v25-input-wrap i{
    width:20px!important;
    font-size:16px!important;
  }
  .v25-input-wrap input{
    font-size:11px!important;
  }
  .v25-track-submit{
    height:41px!important;
    min-height:41px!important;
    font-size:10px!important;
    border-radius:7px!important;
  }
  .v25-track-submit b{font-size:15px!important}

  .v25-progress{
    margin-top:11px!important;
    min-height:58px!important;
    padding:8px 10px!important;
    gap:7px!important;
    border-radius:8px!important;
  }
  .v25-step{
    gap:5px!important;
    min-width:0!important;
  }
  .v25-step-icon{
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
  }
  .v25-step strong{font-size:7px!important}
  .v25-step small{font-size:7px!important}
  .v25-step-line{
    height:2px!important;
    min-width:20px!important;
  }

  /* Carte compacte au lieu du grand vide */
  .v25-route-preview{
    margin-top:10px!important;
  }
  .v25-route-map{
    height:92px!important;
    min-height:92px!important;
    border-radius:8px!important;
  }
  .v25-route-grid{
    background-size:42px 42px!important;
  }
  .v25-route-line{
    height:3px!important;
  }
  .v25-route-start{
    width:18px!important;
    height:18px!important;
    border-width:3px!important;
  }
  .v25-route-car{
    width:48px!important;
    height:28px!important;
  }
  .v25-route-target{
    width:19px!important;
    height:19px!important;
    border-width:3px!important;
  }
  .v25-route-target:before{
    font-size:28px!important;
    top:-30px!important;
    left:-5px!important;
  }

  .v25-tracking-info-grid{
    gap:7px!important;
    margin-top:9px!important;
  }
  .v25-tracking-info-grid article{
    min-height:58px!important;
    padding:7px!important;
    gap:7px!important;
    border-radius:8px!important;
  }
  .v25-info-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    font-size:13px!important;
  }
  .v25-tracking-info-grid small{
    font-size:6px!important;
  }
  .v25-tracking-info-grid strong{
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.15!important;
  }
  .v25-tracking-info-grid em{
    font-size:7px!important;
  }
  .v25-secure-note{
    margin:5px 0 0!important;
    font-size:7px!important;
  }
  .v25-tracking-result{
    margin-top:8px!important;
  }

  /* le bloc suivant reste collé sous le hero */
  .v19-top-shell + .motion-services-rail{
    margin-top:10px!important;
  }
}

/* Grand écran: éviter l'effet "site zoomé" */
@media(min-width:1500px){
  main{max-width:1440px!important}
  .site-header{padding-left:28px!important;padding-right:28px!important}
}