@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#080f18;--bg2:#111c2a;--blue:#078dff;--text:#f6f9fd;--muted:#b0bdce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#07101beb;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff16;backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:10px;font-style:italic;line-height:1}.logo-mark{color:var(--blue);font-size:36px}.logo strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;letter-spacing:1px}.logo small{display:block;letter-spacing:6px;font-size:12px;font-weight:800}.header nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:600}.header nav a:not(.btn):hover{color:var(--blue)}.hamb{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(120deg,#09aaff,#065cfa);color:#fff;border:0;border-radius:8px;padding:14px 23px;font-weight:750;font-size:14px;cursor:pointer;box-shadow:0 8px 30px #007dff30}.btn:hover{filter:brightness(1.13)}.btn-small{padding:11px 16px}.btn-outline{background:#1019248a;border:1px solid #d5e8fa;box-shadow:none}.hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#18426c 0%,#09121e 47%,#050a12 85%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07101bf5 0%,#07101be8 40%,transparent 85%);pointer-events:none}.hero-art{position:absolute;inset:0;overflow:hidden}.glow{position:absolute;width:700px;height:480px;right:-160px;top:90px;border-radius:50%;background:#0b75e66b;filter:blur(110px)}.car-shape{position:absolute;width:660px;height:300px;right:-75px;bottom:100px;filter:drop-shadow(0 22px 18px #000)}.car-roof{position:absolute;left:155px;top:28px;width:335px;height:138px;border-radius:65% 65% 0 0;transform:skew(-22deg);background:linear-gradient(160deg,#3b536b,#0d1925 70%);border-top:3px solid #5a7f9d}.car-body{position:absolute;bottom:35px;width:620px;height:135px;border-radius:115px 120px 35px 45px;background:linear-gradient(170deg,#57718b 0%,#152637 45%,#050b12 100%);border-top:5px solid #6a94b3}.car-body:after{content:"";position:absolute;right:10px;top:30px;width:95px;height:16px;border-radius:25px;background:#d2f7ff;box-shadow:0 0 30px #00b7ff}.wheel{position:absolute;bottom:0;width:125px;height:125px;border:23px solid #06090d;border-radius:50%;background:radial-gradient(circle,#728ca1 0 20%,#16202b 22% 50%,#758ca0 52% 57%,#0a1119 60%)}.wheel-left{left:115px}.wheel-right{right:75px}.hero-content{position:relative;z-index:1;padding:70px 0 80px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#2bb8ff}.hero h1,.section-title,.quote-section h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1.02;font-weight:800}.hero h1{font-size:clamp(65px,8vw,118px);margin:18px 0 4px;letter-spacing:1px}.hero h1 em,.section-title em,.quote-section h2 em{font-style:normal;color:#169dfd}.hero h2{font-size:clamp(23px,3vw,34px);line-height:1.22;margin:0 0 22px}.hero p{max-width:545px;color:#d3dce7;font-size:16px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:34px 0}.trust{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#e1eaf5}.section{padding:95px 0}.center{text-align:center}.section-title{text-align:center;font-size:clamp(42px,6vw,64px);margin:12px 0}.section-lead{text-align:center;color:var(--muted);margin:0 auto 42px;max-width:650px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#111d2a;border:1px solid #2a3c4e;border-radius:12px;overflow:hidden}.card-image{height:170px;position:relative;display:flex;align-items:flex-end;padding:16px;background-size:cover;background-position:center}.glass{background:linear-gradient(135deg,#0b2a45a8,#04101acc),url('https://images.unsplash.com/photo-1486325212027-8081e485255e?auto=format&fit=crop&w=700&q=75') center/cover}.auto{background:linear-gradient(135deg,#133c59b5,#030d17cc),url('https://images.unsplash.com/photo-1487754180451-c456f719a1fc?auto=format&fit=crop&w=700&q=75') center/cover}.clean{background:linear-gradient(135deg,#18426ab5,#030d17cc),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=700&q=75') center/cover}.parts{background:linear-gradient(135deg,#1d425eb5,#030d17cc),url('https://images.unsplash.com/photo-1485291571150-772bcfc10da5?auto=format&fit=crop&w=700&q=75') center/cover}.card-icon{font-size:37px;color:#6bcdff;text-shadow:0 0 20px #0bf}.card-content{padding:21px}.card h3{font-size:17px;margin:0 0 8px}.card p{color:#b5c2d1;font-size:13px;min-height:85px}.card a{color:#4bc3ff;font-weight:700;font-size:13px}.highlight{background:linear-gradient(110deg,#0b1c30,#122f4d);padding:75px 0}.highlight-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}.highlight h2,.contact h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;line-height:1.05;margin:15px 0}.highlight p{color:#d0dceb;max-width:620px}.glass-graphic{height:290px;border:12px solid #315f85;border-radius:90px 90px 30px 30px;transform:perspective(500px) rotateY(-9deg);background:linear-gradient(130deg,#0e5c9c88,#071322ee),repeating-linear-gradient(135deg,transparent 0 30px,#ffffff0a 31px 33px);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 55px #0a90f94d}.glass-graphic span{font-family:Impact,sans-serif;font-size:95px;line-height:1}.glass-graphic strong{letter-spacing:8px;color:#6ed2ff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:55px}.benefits>div{padding:20px;border-left:1px solid #22669b}.benefits b{font-size:30px;color:#2bb8ff}.benefits h3{font-size:16px}.benefits p{color:var(--muted);font-size:13px}.quote-section{background:#0e1a29}.quote-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.quote-section h2{font-size:clamp(42px,5vw,62px)}.quote-section p{color:#bac8d8}.area{margin-top:30px;padding:18px;border-left:3px solid var(--blue);background:#16293b}.fine{font-size:11px!important;color:#9caec1!important}.form{padding:26px;background:#152537;border:1px solid #2c465d;border-radius:13px}.form label{display:block;font-size:12px;font-weight:700;margin-bottom:14px}.form input,.form textarea,.form select{width:100%;padding:12px 13px;border:1px solid #456078;background:#0b1724;color:white;border-radius:6px;margin-top:6px;font:inherit;font-size:13px}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--blue)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.checkbox input{width:auto;margin:3px 0 0}.full{width:100%}.contact{padding:70px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact h2{font-size:43px}.contact p{color:var(--muted)}footer{background:#050a11;border-top:1px solid #24364a;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:11px;font-size:13px;color:#aab9c9}.footer-grid strong{color:white}.footer-grid a:hover{color:#39b9ff}.footer-bottom{border-top:1px solid #223042;margin-top:45px;padding-top:22px;font-size:11px;color:#8da0b5}@media(max-width:900px){.cards,.benefits{grid-template-columns:repeat(2,1fr)}.quote-grid{gap:25px}.header nav{gap:14px}.car-shape{opacity:.55;right:-250px}}@media(max-width:650px){.header{height:70px;padding:0 22px}.hamb{display:block;background:transparent;color:white;border:0;font-size:26px}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#091421;padding:20px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero{min-height:690px}.hero:after{background:linear-gradient(90deg,#07101bf2,#07101bb8)}.hero-content{padding:65px 0}.hero h1{font-size:70px}.hero h2{font-size:24px}.hero p{font-size:14px}.car-shape{right:-410px;bottom:120px;opacity:.5}.trust{gap:14px}.cards,.benefits,.highlight-grid,.quote-grid,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.card-image{height:190px}.card p{min-height:auto}.highlight{padding:60px 0}.glass-graphic{display:none}.benefits{gap:5px;margin-top:30px}.contact{flex-direction:column;align-items:flex-start}.two{grid-template-columns:1fr}.quote-section h2{font-size:46px}.actions .btn{width:100%}}

/* V2: photographie et identité */
.hero {background:linear-gradient(90deg,rgba(5,12,23,.96) 0%,rgba(5,12,23,.83) 45%,rgba(5,12,23,.48) 100%),url('https://images.unsplash.com/photo-1485291571150-772bcfc10da5?auto=format&fit=crop&w=1900&q=85') center/cover no-repeat!important}
.hero-art {opacity:.15;pointer-events:none}
.card-image.glass{background:linear-gradient(0deg,#07111b99,#07111b11),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=900&q=80') center/cover}
.card-image.auto{background:linear-gradient(0deg,#07111b99,#07111b11),url('https://images.unsplash.com/photo-1487754180451-c456f719a1fc?auto=format&fit=crop&w=900&q=80') center/cover}
.card-image.clean{background:linear-gradient(0deg,#07111b99,#07111b11),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80') center/cover}
.card-image.parts{background:linear-gradient(0deg,#07111b99,#07111b11),url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=900&q=80') center/cover}
.subhero{padding:150px 0 75px;background:linear-gradient(100deg,#06101cf5,#06101cb0),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1600&q=80') center/cover}
.subhero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.05;margin:15px 0}.subhero p{max-width:650px;line-height:1.8;color:#d6e1ec}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.step{background:#111e2d;padding:26px;border:1px solid #293e52;border-radius:14px}.step strong{color:#16a8ff;font-size:2rem}.step h3{margin:12px 0}.step p{color:#b6c7d8;line-height:1.65}
.notice{border-left:3px solid #16a8ff;padding:16px 20px;background:#112335;color:#d4e1ef;line-height:1.7;margin:28px 0}
.form .hidden{display:none}.form input[type=file]{max-width:100%;font-size:.85rem}.legal{padding-top:130px;min-height:65vh}.legal p{line-height:1.8;color:#b9c9d9}.legal h2{margin-top:30px}
@media(max-width:720px){.steps{grid-template-columns:1fr}.subhero{padding:115px 0 55px}}

/* Visuels corrigés, intégrés au site pour éviter les images hors sujet */



/* V4 : photos de prestations, à remplacer par visuels sous licence avant publication commerciale */
.card-image.glass{background:linear-gradient(0deg,#07111b8a,#07111b00 65%),url("https://kfz-dietrich.com/img/blog/scheibendoktor-adas-kalibrierung-scheibenersatz.webp") center 46%/cover no-repeat!important}
.card-image.clean{background:linear-gradient(0deg,#07111b8a,#07111b00 65%),url("https://lirp.cdn-website.com/ffda052b/dms3rep/multi/opt/NLD-EXTERIOR-DETAILING-12-9a70e6d5-640w.jpeg") center 50%/cover no-repeat!important}
.card-image{min-height:200px;background-color:#162c40}.card-image:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07111b66,transparent 60%);pointer-events:none}

/* V5 : images locales fournies comme references par le client */
.card-image.glass{background:linear-gradient(0deg,#07111b99,#07111b11),url("images/vitrage.jpg") center/cover no-repeat!important}
.card-image.clean{background:linear-gradient(0deg,#07111b99,#07111b11),url("images/nettoyage.jpg") center/cover no-repeat!important}
.card-image.parts{background:linear-gradient(0deg,#07111b99,#07111b11),url("images/pieces.jpg") center/cover no-repeat!important}
.subhero{background:linear-gradient(100deg,#06101cf5,#06101cb0),url("images/vitrage.jpg") center/cover no-repeat!important}
