
:root{--bg:#070a08;--panel:#0e1410;--panel2:#121a14;--line:#263329;--green:#55ea18;--green2:#87ff52;--text:#f6f7f6;--muted:#aab5ad;--white:#fff;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{font-size:12px;color:#c8d1ca;border-bottom:1px solid #1c271f;background:#060806}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar b{color:var(--green)}header{position:sticky;top:0;z-index:50;background:rgba(7,10,8,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}nav{height:82px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;min-width:250px}.logo img{width:238px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;font-weight:650}.navlinks a{color:#d8ded9}.navlinks a:hover,.navlinks a.active{color:var(--green)}.nav-cta{padding:13px 18px;border-radius:999px;background:var(--green);color:#061006!important;font-weight:800}.menu-btn{display:none;margin-left:auto;background:#101712;border:1px solid #2b372d;color:white;border-radius:10px;padding:10px 12px;font-size:18px}.hero,.page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before,.page-hero:before{content:"";position:absolute;inset:-30% -10% auto auto;width:620px;height:620px;background:radial-gradient(circle,rgba(85,234,24,.26),rgba(85,234,24,.03) 45%,transparent 70%);filter:blur(4px)}.hero .wrap{display:grid;grid-template-columns:1.16fr .84fr;gap:54px;align-items:center;padding:92px 0 74px}.page-hero .wrap{display:grid;grid-template-columns:1fr .7fr;gap:34px;align-items:center;padding:84px 0 58px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #2b3a2e;background:#0d140f;border-radius:999px;padding:8px 12px;color:#d7e2d9;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 18px rgba(85,234,24,.75)}h1{font-size:clamp(46px,6vw,82px);line-height:.96;letter-spacing:-.055em;margin:24px 0 22px;max-width:790px}.page-hero h1{font-size:clamp(40px,5vw,66px)}.accent{color:var(--green)}.hero p,.page-hero p{font-size:20px;color:#c6d0c9;max-width:760px;margin:0 0 30px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--green);color:#071007}.btn.secondary{border-color:#344338;background:#0c120e;color:white}.trustrow{display:flex;flex-wrap:wrap;gap:19px;margin-top:30px;color:#aebbb1;font-size:13px}.trustrow span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.hero-card,.info-card{position:relative;background:linear-gradient(155deg,#121a14,#0a0f0c);border:1px solid #2b392e;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.hero-card .label,.info-card .label{color:var(--green);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hero-card h3,.info-card h3{font-size:28px;margin:8px 0 18px}.switch{display:grid;grid-template-columns:1fr 1fr;background:#070b08;border:1px solid #2b372d;border-radius:10px;padding:4px;margin-bottom:18px}.switch button{border:0;background:transparent;color:#9eaaa0;padding:11px;border-radius:7px;font-weight:800;cursor:pointer}.switch button.active{background:#18221a;color:var(--green)}.fields,.mini-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field, .mini-form input, .mini-form select, .mini-form textarea, .form input,.form select,.form textarea{background:#0a0f0c;border:1px solid #2a362d;border-radius:10px;padding:14px;color:#edf2ee;font-size:14px;width:100%}.field.full,.mini-form .full{grid-column:1/-1}.mini-form .btn{width:100%;margin-top:10px;grid-column:1/-1}.micro{font-size:11px;color:#718076;margin-top:10px}.section{padding:86px 0}.section.light{background:#f3f6f3;color:#0e140f}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.kicker{color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.light .kicker{color:#268f00}.section h2{font-size:clamp(34px,4.5vw,58px);line-height:1.03;letter-spacing:-.04em;margin:8px 0 0}.section-head p{max-width:500px;color:var(--muted);margin:0}.light .section-head p{color:#58635b}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.service{min-height:260px;background:#0e1510;border:1px solid #29362c;border-radius:18px;padding:24px;display:flex;flex-direction:column;transition:.2s}.service:hover{transform:translateY(-4px);border-color:#4d6b52}.icon{width:46px;height:46px;border-radius:12px;background:#18231b;display:grid;place-items:center;color:var(--green);font-size:22px;margin-bottom:26px}.service h3{margin:0 0 10px;font-size:21px}.service p{margin:0;color:#98a59c;font-size:14px}.service .more{margin-top:auto;padding-top:22px;color:#dce4de;font-size:13px;font-weight:800}.service .more span{color:var(--green)}.pro-wrap{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}.pro-copy{background:#101712;border:1px solid #29352c;border-radius:22px;padding:38px}.pro-copy h3{font-size:40px;line-height:1.05;margin:8px 0 16px}.pro-copy p{color:#aab5ad}.pillrow{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.pill{padding:9px 11px;background:#151f17;border:1px solid #2b3a2f;border-radius:999px;font-size:12px;color:#d3dbd5}.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mini{background:#121a14;border:1px solid #2b372d;border-radius:18px;padding:22px}.mini b{display:block;font-size:17px;margin:10px 0 7px}.mini p{font-size:13px;color:#9ba79e;margin:0}.mini .num{font-size:11px;color:var(--green);font-weight:900}.value{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8ded9;border:1px solid #d8ded9;border-radius:18px;overflow:hidden}.value article{background:white;padding:28px 24px;min-height:235px}.value .n{font-size:12px;color:#718076;font-weight:900}.value h3{font-size:22px;margin:25px 0 10px}.value p{color:#637066;font-size:14px;margin:0}.value strong{display:block;color:#1e7a00;font-size:13px;margin-top:22px}.band{background:linear-gradient(100deg,#44c914,#6bf12e);color:#061006}.band .wrap{padding:54px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.band h2{font-size:42px;line-height:1.05;margin:0;max-width:760px;letter-spacing:-.04em}.band .btn{background:#071007;color:white}.area{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px}.visual{min-height:430px;border-radius:22px;border:1px solid #2c382f;background:radial-gradient(circle at 40% 35%,rgba(85,234,24,.18),transparent 14%),radial-gradient(circle at 58% 56%,rgba(85,234,24,.13),transparent 16%),linear-gradient(135deg,#111812,#080d09);position:relative;overflow:hidden}.visual:after{content:"Montpellier  •  Hérault  •  Gard  •  France  •  Europe";position:absolute;left:26px;right:26px;bottom:25px;padding:14px;border:1px solid #304034;border-radius:12px;background:rgba(7,11,8,.72);font-weight:750;color:#d9e2db}.visual .route{position:absolute;inset:0;background:linear-gradient(117deg,transparent 0 31%,rgba(85,234,24,.15) 32% 33%,transparent 34% 57%,rgba(85,234,24,.12) 58% 59%,transparent 60%);transform:skewY(-6deg)}.zone-copy{padding:18px 0}.zone-copy h3{font-size:39px;margin:8px 0 16px;line-height:1.05}.zone-copy p{color:#aab5ad}.list{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:22px}.list div{padding:12px 0;border-bottom:1px solid #29352c;color:#d7ded9}.list span{color:var(--green);margin-right:8px}.quote{background:#0e1510;border-top:1px solid #263329}.quote .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:80px 0}.quote h2{font-size:46px;line-height:1.05;margin:0 0 14px}.quote p{color:#aab5ad}.form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form textarea{grid-column:1/-1;min-height:110px;resize:vertical}.form .btn{grid-column:1/-1}.consent{grid-column:1/-1;font-size:12px;color:#95a298}.faq{display:grid;gap:12px}.faq details{background:#0f1511;border:1px solid #2b372d;border-radius:14px;padding:16px 18px}.faq summary{cursor:pointer;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:#aab5ad;margin:12px 0 0}.breadcrumbs{font-size:13px;color:#96a298;margin-bottom:12px}.breadcrumbs a:hover{color:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.metric{background:#101712;border:1px solid #29352c;border-radius:18px;padding:22px}.metric .n{font-size:12px;color:var(--green);font-weight:900}.metric b{display:block;margin-top:8px;font-size:22px}.metric p{margin:8px 0 0;color:#9ba79e;font-size:14px}.footer{border-top:1px solid #263329;padding:30px 0 42px;color:#89968c;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.footer img{width:180px}.footer h4{margin:0 0 14px;color:#fff;font-size:15px}.footer a{display:block;color:#b7c2ba;margin:0 0 8px}.footer a:hover{color:var(--green)}.copyright{border-top:1px solid #1f2b22;margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;gap:20px}.spacer-24{height:24px}.spacer-40{height:40px}
@media(max-width:980px){.menu-btn{display:block}.navlinks{display:none;position:absolute;top:82px;left:12px;right:12px;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #29352c;border-radius:16px;background:rgba(7,10,8,.98);box-shadow:var(--shadow)}.navlinks.open{display:flex}.navlinks a:not(.nav-cta){display:block}.hero .wrap,.page-hero .wrap,.pro-wrap,.area,.quote .wrap{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.cards.three,.cards.four,.cards.two{grid-template-columns:1fr 1fr}.value{grid-template-columns:1fr 1fr}.hero .wrap{padding-top:58px}.logo{min-width:0}.logo img{width:190px}.section-head{display:block}.section-head p{margin-top:16px}.hero-card{max-width:650px}.band .wrap{display:block}.band .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.topbar .wrap span:last-child{display:none}nav{height:70px}.logo img{width:165px}.navlinks{top:70px}.nav-cta{padding:10px 13px;font-size:12px}.wrap{width:min(100% - 24px,1180px)}.hero .wrap,.page-hero .wrap{padding:48px 0 52px;gap:30px}h1{font-size:46px}.hero p,.page-hero p{font-size:17px}.fields,.cards,.pro-grid,.value,.list,.form,.cards.three,.cards.four,.cards.two,.metric-grid,.footer-grid{grid-template-columns:1fr}.field.full,.form textarea,.form .btn{grid-column:auto}.section{padding:62px 0}.service{min-height:220px}.band h2{font-size:33px}.quote h2{font-size:38px}.copyright{align-items:flex-start;flex-direction:column}}



/* Camion original, fichier repris sans modification du premier site. */
.journey{padding:76px 0;background:linear-gradient(180deg,#080b09,#0b100c);border-block:1px solid #263329;overflow:hidden;isolation:isolate}
.journey-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px}
.journey-head h2{font-size:clamp(34px,4.5vw,58px);line-height:1.03;letter-spacing:-.04em;margin:8px 0 0}
.journey-head p{max-width:465px;color:#aab5ad;margin:0}
.road-stage{position:relative;min-width:0}
.road-track{position:relative;height:190px;min-width:0;overflow:hidden;isolation:isolate}
.road-line{position:absolute;bottom:22px;left:0;right:0;height:3px;background:#2b352d;border-radius:10px}
.road-line:after{content:"";position:absolute;left:0;right:0;top:11px;border-top:1px dashed #435146}
.road-progress{position:absolute;bottom:22px;left:0;height:3px;width:0;background:linear-gradient(90deg,#398f28,#69ed31);border-radius:10px}
.original-truck-wrap{position:absolute;left:0;bottom:7px;width:290px;height:145px;max-width:100%;pointer-events:none;will-change:transform;z-index:1}
.original-truck-wrap .truck-image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(0,0,0,.3));border-radius:0}
.journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}
.journey-steps article{border-top:1px solid #2a352d;padding-top:16px}
.journey-steps span{display:block;color:#68e936;font-size:11px;letter-spacing:.08em;font-weight:800}
.journey-steps strong{display:block;color:#e5eae6;font-size:18px;margin-top:5px}
.journey-steps small{display:block;color:#94a197;font-size:12px;margin-top:5px}
@media(max-width:980px){.journey-head{display:block}.journey-head p{margin-top:18px}}
@media(max-width:640px){
 .journey{padding:56px 0}.journey-head{margin-bottom:12px}.road-track{height:126px}
 .original-truck-wrap{width:156px;height:78px;bottom:12px}
 .journey-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.original-truck-wrap{will-change:auto}.service{transition:none}}

@media(max-width:360px){.hero h1{font-size:38px}.hero-card{padding:20px}}



/* V8 : formulaires accessibles et états d’envoi, sans refonte du dessin validé. */
[hidden]{display:none!important}button,input,select,textarea{font:inherit}input,select,textarea{min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #69df3f;outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid #69df3f;outline-offset:4px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:#bbc7be}.form-field>span{line-height:1.4}.form .full,.mini-form .full{grid-column:1/-1}.form-field input,.form-field select,.form-field textarea{font-size:16px}.form-field textarea{min-height:115px}.form-status{border:1px solid #687d67;background:#152419;color:#e4eee2;border-radius:10px;padding:14px;margin:6px 0;font-size:14px;line-height:1.5}.form-status.error{background:#281d18;border-color:#c58b72;color:#fbe8dc}.form-status a,.consent a{text-decoration:underline}.form-status:empty{display:none}button[disabled]{opacity:.65;cursor:wait}.honeypot{display:none!important}.legal-copy{max-width:880px}.legal-copy p{color:#b6c3ba;line-height:1.75}.legal-copy h3{margin-top:30px;color:#f6f7f6}.page-hero .wrap>div,.hero .wrap>div{min-width:0}.page-hero h1{overflow-wrap:break-word}.footer a[href^="tel:"]{display:inline}.form-status.full{grid-column:1/-1}@media(max-width:980px){.hero-card{width:100%}}@media(max-width:640px){.mini-form{grid-template-columns:1fr}.hero-card{padding:22px}.hero h1{font-size:clamp(35px,9.7vw,46px)}.navlinks{max-height:calc(100dvh - 95px);overflow:auto}.hero p{font-size:17px}}

.hero-card .consent,.form .consent,.mini-form .consent{font-size:12px;line-height:1.55;margin:7px 0;max-width:none;color:#aebdb2}.hero-card .form-status,.form .form-status{font-size:14px;line-height:1.5;margin:8px 0}.form noscript,.mini-form noscript{grid-column:1/-1}
