@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#05070a;--ink:#f5f7f8;--paper:#f2f3f0;--muted:#89929c;--line:rgba(255,255,255,.14);--acid:#b9ff3b;--cyan:#36e7ff;--orange:#ff5b25;--dark:#071016;--wrap:min(1180px,calc(100% - 36px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{width:var(--wrap);margin-inline:auto}
.site-header{height:78px;position:fixed;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));background:linear-gradient(180deg,rgba(3,5,8,.92),rgba(3,5,8,.55),transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.brand{display:flex;align-items:center;gap:12px}.brand-name{font-weight:900;letter-spacing:-.05em;font-size:20px}.brand-mark{display:flex;gap:3px;transform:skewX(-22deg)}.brand-mark i{display:block;width:14px;height:8px;background:var(--acid);border-radius:1px}.brand-mark i:nth-child(2){background:var(--cyan)}.brand-mark i:nth-child(3){background:var(--orange)}
.header-actions{display:flex;align-items:center;gap:18px}.header-price{font-weight:900;font-size:14px}.header-price em{font-style:normal;font-weight:500;color:#a7b0b9}.icon-btn{width:44px;height:44px;border:1px solid var(--line);background:rgba(10,13,17,.5);border-radius:50%;position:relative}.icon-btn span{position:absolute;width:15px;height:1.5px;background:white;left:14px}.icon-btn span:first-child{top:18px}.icon-btn span:last-child{top:24px}
.hero{min-height:850px;height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#030407}.hero-media{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1777103498228-97c149eb3620?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000');background-size:cover;background-position:center 58%;transform:scale(1.02)}
.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,5,.94) 0%,rgba(1,3,5,.58) 40%,rgba(1,3,5,.10) 76%),linear-gradient(0deg,#05070a 0%,transparent 35%),radial-gradient(circle at 68% 50%,rgba(54,231,255,.18),transparent 25%)}
.hero-content{position:relative;z-index:2;padding-bottom:110px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#c6cdd3}.eyebrow.dark{color:#52616b}.dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}
.hero h1{font-size:clamp(64px,9vw,138px);line-height:.82;letter-spacing:-.08em;margin:26px 0 24px;max-width:900px}.hero h1 span{font-weight:600;color:var(--acid);-webkit-text-stroke:0;text-shadow:0 0 28px rgba(185,255,59,.12)}.hero-copy{max-width:590px;font-size:clamp(17px,2vw,23px);line-height:1.45;color:#c4cbd0;margin:0 0 32px}.hero-cta{display:flex;align-items:center;gap:26px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:58px;padding:0 25px;font-weight:800;border-radius:2px;transition:.18s transform,.18s filter}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn-primary{background:var(--acid);color:#07100a}.btn-light{background:#fff;color:#05070a}.btn-acid{background:var(--acid);color:#07100a}.btn.full{width:100%}.text-link{font-size:14px;font-weight:700;color:#d9dfe3}.text-link span{color:var(--acid);margin-left:8px}.hero-meter{position:absolute;z-index:2;right:28px;bottom:35px;display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:.12em;color:#73808b}.hero-meter i{width:20px;height:2px;background:#48515a}.hero-meter i.on{background:var(--acid);box-shadow:0 0 14px var(--acid)}
.facts{background:#f2f3f0;color:#0a1116;padding:28px 0 18px}.fact-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cad0d0;border-bottom:1px solid #cad0d0}.fact-row>div{padding:26px 25px;border-right:1px solid #cad0d0}.fact-row>div:first-child{padding-left:0}.fact-row>div:last-child{border-right:0}.fact-row strong{display:block;font-size:24px;letter-spacing:-.04em}.fact-row span{font-size:12px;color:#65727a}.price-note{font-size:11px;color:#748087;margin-top:13px}
.emotion{background:#f2f3f0;color:#081017;display:grid;grid-template-columns:1.05fr .95fr;min-height:720px}.emotion-image{min-height:700px;background-size:cover;background-position:center}.renault-img{background-image:linear-gradient(0deg,rgba(0,0,0,.22),transparent 45%),url('https://images.unsplash.com/photo-1563455762146-d91d5ac83925?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000')}.emotion-copy{width:min(530px,calc(100% - 58px));margin:auto;padding:85px 0}.emotion h2,.eligibility h2{font-size:clamp(42px,5vw,75px);line-height:.95;letter-spacing:-.065em;margin:22px 0}.emotion h2 span{color:#8d959a}.emotion-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;color:#47545d;max-width:520px}.link-btn{margin-top:26px;background:none;border:0;padding:12px 0;border-bottom:1px solid #1c2b34;color:#0b151c;font-weight:800}.link-btn span{color:#ff4f1d;margin-left:20px}
.detail-band{display:grid;grid-template-columns:1fr 1fr;background:#071016;min-height:740px}.detail-image{background-size:cover;background-position:center}.headlight-img{background-image:url('https://images.unsplash.com/photo-1760550818539-0e47299e7b20?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000')}.detail-copy{padding:90px clamp(36px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.tiny-label{font-size:10px;letter-spacing:.18em;font-weight:800;color:#6e7b83}.detail-copy h2{font-size:clamp(45px,5vw,78px);line-height:.94;letter-spacing:-.06em;margin:20px 0 55px}.detail-copy h2 em{color:var(--cyan);font-style:normal}.process-lines>div{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:19px 0;border-top:1px solid rgba(255,255,255,.12)}.process-lines>div:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.process-lines b{color:var(--acid);font-size:12px}.process-lines strong{display:block;font-size:16px;margin-bottom:4px}.process-lines small{font-size:13px;color:#87939b}
.sports-section{min-height:760px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.sports-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1753908518175-d8cd9249a3b7?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000');background-size:cover;background-position:center}.sports-section:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,6,.95),rgba(2,4,6,.1) 70%),linear-gradient(90deg,rgba(0,0,0,.45),transparent)}.sports-content{position:relative;z-index:2;padding-bottom:75px}.sports-content h2{font-size:clamp(52px,6vw,92px);line-height:.95;letter-spacing:-.065em;margin:20px 0 30px;max-width:850px}.sports-content h2 span{color:#9aa3aa;font-weight:500}
.eligibility{background:#f2f3f0;color:#071016;padding:110px 0}.eligibility-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.eligibility-head h2{max-width:500px}.yesno{align-self:end}.yn-row{display:grid;grid-template-columns:46px 1fr;gap:20px;padding:28px 0;border-top:1px solid #c9ced0}.yn-row:last-child{border-bottom:1px solid #c9ced0}.yn-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:20px}.yn-row.yes>span{background:#dfff9d;color:#193600}.yn-row.no>span{background:#ffd4c7;color:#75200b}.yn-row strong{font-size:18px}.yn-row p{margin:7px 0 0;color:#56646d;line-height:1.5;font-size:14px}
.request-section{background:#0a0d10;padding:110px 0;text-align:center;position:relative;overflow:hidden}.request-section:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:var(--acid);filter:blur(190px);opacity:.08;left:50%;top:50%;transform:translate(-50%,-50%)}.request-inner{position:relative}.request-inner .eyebrow{justify-content:center}.request-inner h2{font-size:clamp(55px,7vw,105px);letter-spacing:-.07em;line-height:.93;margin:20px auto;max-width:900px}.request-lead{max-width:590px;margin:0 auto 32px;color:#9aa5ad;font-size:18px;line-height:1.55}.micro{font-size:11px;color:#65717a;margin-top:18px}
.faq{background:#05070a;padding:90px 0 110px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq h2{font-size:44px;letter-spacing:-.05em;margin:0}.faq-list details{border-top:1px solid rgba(255,255,255,.13);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.faq-list summary{list-style:none;font-size:17px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--acid)}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:700px;color:#8d989f;line-height:1.6;font-size:14px}
footer{background:#030405;border-top:1px solid rgba(255,255,255,.1);padding:45px 0}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer-row>div{display:flex;flex-direction:column;gap:8px}.footer-row small{color:#66727a}.footer-row nav{display:flex;gap:25px;font-size:12px;color:#8b969e}.mobile-sticky{display:none}
.sheet{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:0;transition:.2s opacity}.sheet.open{pointer-events:auto;opacity:1}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheet-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);background:#f1f2ef;color:#081017;padding:70px 45px 40px;transform:translateX(100%);transition:.28s transform cubic-bezier(.2,.8,.2,1);overflow:auto}.sheet.open .sheet-panel{transform:none}.sheet-close{position:absolute;right:22px;top:18px;border:0;background:none;font-size:36px;font-weight:300;color:#26333b}.sheet-kicker{font-size:10px;letter-spacing:.17em;font-weight:900;color:#657078}.sheet-panel h2{font-size:42px;line-height:.98;letter-spacing:-.055em;margin:12px 0 14px}.sheet-intro{color:#5c6971;line-height:1.5;font-size:14px;margin-bottom:28px}.sheet-panel form{display:grid;gap:18px}.sheet-panel label{display:grid;gap:8px;font-size:12px;font-weight:800}.sheet-panel input,.sheet-panel select{width:100%;height:56px;border:0;border-bottom:1px solid #aeb7ba;background:transparent;border-radius:0;padding:0 2px;color:#081017;outline:none;font-size:16px}.sheet-panel input:focus,.sheet-panel select:focus{border-bottom-color:#081017}.sheet-note{text-align:center;color:#707b81;font-size:11px;margin:0}.sheet .btn{margin-top:10px}
.legal{min-height:100svh;background:#f1f2ef;color:#071016;padding:120px 0}.legal .wrap{max-width:800px}.legal h1{font-size:52px;letter-spacing:-.06em}.legal h2{margin-top:40px}.legal p{line-height:1.65;color:#47555d}.legal a{text-decoration:underline}
@media(max-width:900px){.hero{min-height:760px}.hero-vignette{background:linear-gradient(0deg,#05070a 0%,rgba(2,4,6,.5) 56%,rgba(0,0,0,.18) 100%)}.hero-content{padding-bottom:95px}.emotion,.detail-band{grid-template-columns:1fr}.emotion-image,.detail-image{min-height:520px}.emotion-copy{width:var(--wrap);padding:70px 0}.detail-copy{padding:70px 28px}.eligibility-grid,.faq-grid{grid-template-columns:1fr;gap:45px}.fact-row{grid-template-columns:1fr 1fr}.fact-row>div:nth-child(2){border-right:0}.fact-row>div:nth-child(3),.fact-row>div:nth-child(4){border-top:1px solid #cad0d0}.fact-row>div:nth-child(3){padding-left:0}.sports-section{min-height:620px}}
@media(max-width:620px){:root{--wrap:calc(100% - 32px)}.site-header{height:68px;padding:0 17px}.header-price{display:none}.hero{min-height:720px;height:100svh}.hero-media{background-position:62% 50%}.hero-content{padding-bottom:115px}.hero h1{font-size:66px;margin-top:18px}.hero-copy{font-size:16px;max-width:340px}.hero-cta{align-items:flex-start;flex-direction:column;gap:18px}.btn{min-height:56px}.hero-meter{display:none}.facts{padding-top:12px}.fact-row>div{padding:20px 14px}.fact-row strong{font-size:19px}.fact-row span{font-size:10px}.price-note{line-height:1.4}.emotion-image{min-height:420px}.emotion-copy{padding:58px 0}.emotion h2,.eligibility h2{font-size:48px}.detail-image{min-height:430px}.detail-copy{padding:58px 17px}.detail-copy h2{font-size:53px;margin-bottom:38px}.sports-section{min-height:580px}.sports-bg{background-position:58% center}.sports-content{padding-bottom:60px}.sports-content h2{font-size:54px}.eligibility{padding:72px 0}.request-section{padding:80px 0 105px}.request-inner h2{font-size:60px}.request-lead{font-size:16px}.faq{padding:72px 0 120px}.faq h2{font-size:39px}.footer-row{align-items:flex-start;flex-direction:column}.footer-row nav{flex-direction:column;gap:10px}.mobile-sticky{display:flex;position:fixed;z-index:29;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;height:62px;border:0;border-radius:4px;background:var(--acid);color:#07100a;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 12px 45px rgba(0,0,0,.45)}.mobile-sticky span{font-size:11px;font-weight:700}.mobile-sticky strong{font-size:13px}.sheet-panel{top:auto;width:100%;height:auto;max-height:92svh;bottom:0;padding:52px 22px 28px;transform:translateY(100%);border-radius:18px 18px 0 0}.sheet.open .sheet-panel{transform:none}.sheet-panel h2{font-size:38px}.sheet-close{top:10px}.eyebrow{font-size:10px}.brand-name{font-size:18px}}

/* V4 - booking flow */
.micro a{color:var(--acid);font-weight:800}
.sheet-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;color:#46545c;font-size:12px;text-align:center;margin-top:-4px}.sheet-whatsapp strong{color:#0c171d;border-bottom:1px solid #748188}
.sheet-panel.booking-mode{width:min(980px,100%);padding-left:34px;padding-right:34px;background:#f4f5f2}
.booking-step h2{font-size:38px;line-height:1;letter-spacing:-.05em;margin:16px 0 8px}.booking-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 46px 4px 0}.booking-back{border:0;background:none;color:#43515a;font-weight:800;padding:8px 0}.booking-price{font-size:11px;font-weight:800;color:#526068;background:#e5e8e4;padding:8px 10px;border-radius:999px}.booking-summary{margin:0 0 14px;color:#6d787e;font-size:13px}.cal-inline-embed{width:100%;min-height:610px;overflow:auto;border-radius:14px;background:#fff;border:1px solid #d9ddda}.cal-inline-embed.cal-failed{display:none}.booking-fallback{padding:28px 0}.booking-fallback p{text-align:center;color:#66727a;font-size:14px}.lead-step[hidden],.booking-step[hidden]{display:none!important}
@media(max-width:620px){.sheet-panel.booking-mode{padding:46px 10px 18px;max-height:96svh}.booking-step h2{font-size:32px;padding:0 10px}.booking-summary{padding:0 10px}.booking-topline{margin:0 36px 4px 10px}.booking-price{font-size:10px}.cal-inline-embed{min-height:650px;border-radius:12px}.sheet-whatsapp{font-size:11px}}

/* V5 - retouches accueil demandées */
/* Accueil : contenu légèrement remonté, sans modifier les autres sections. */
.hero-content{padding-bottom:145px}

/* Bloc chiffres : pas de cadre horizontal extérieur, uniquement les séparateurs internes. */
.fact-row{border-top:0;border-bottom:0}

/* Photo sous les informations : remplacement par le visuel RE:LIGHT fourni. */
.renault-img{
  background-image:url('assets/relight-blue-before-after.jpg');
  background-position:center;
}

/* Deux exemples supplémentaires, sans texte ni nouvelle section éditoriale. */
.results-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:#cfd3d2;
}
.results-strip img{
  display:block;
  width:100%;
  height:clamp(320px,38vw,560px);
  object-fit:cover;
  background:#e7e9e7;
}

@media(max-width:900px){
  .hero-content{padding-bottom:125px}
}

@media(max-width:620px){
  .hero-content{padding-bottom:140px}
  .results-strip{grid-template-columns:1fr}
  .results-strip img{height:auto;aspect-ratio:auto;object-fit:contain;background:#f2f3f0}
}


/* V5.2 - mobile : remontée modérée du titre/texte, CTA presque inchangé. */
@media(max-width:620px){
  .hero h1,
  .hero-copy{transform:translateY(-75px)}
  .hero-cta{transform:translateY(-25px)}
}


/* V5.3 - finitions : CTA cohérents, sans flèches diagonales. */
.headlight-icon{width:22px;height:14px;display:inline-block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.text-link .headlight-icon,.sheet-whatsapp .headlight-icon{width:18px;height:12px;margin-left:7px;vertical-align:-2px}
.link-btn .headlight-icon{width:20px;height:13px;margin-left:16px;vertical-align:-2px;color:#ff4f1d}
.mobile-sticky .headlight-icon{width:17px;height:11px;margin-left:6px;vertical-align:-2px}

/* V5.4 - ajustement bureau : hero remonté + pictogrammes phare simplifiés */
@media(min-width:901px){
  .hero-content{transform:translateY(-105px)}
}


/* V5.5 - correction réelle du hero bureau + pictogramme fourni par le client */
/* Sur bureau, on supprime la hauteur mini de 850 px qui créait le grand vide, et on limite le hero. */
@media(min-width:901px){
  .hero{
    min-height:520px;
    height:min(760px,100svh);
  }
  .hero-content{
    padding-bottom:55px;
    transform:none;
  }
}

/* Pictogramme de phare : SVG fourni, sans fond, dimension discrète et cohérente. */
.headlight-icon{
  width:19px;
  height:19px;
  display:inline-block;
  flex:0 0 19px;
  background:currentColor;
  -webkit-mask:url('assets/car-lights.svg') center/contain no-repeat;
  mask:url('assets/car-lights.svg') center/contain no-repeat;
  vertical-align:-4px;
}
.text-link .headlight-icon,
.sheet-whatsapp .headlight-icon{
  width:16px;
  height:16px;
  flex-basis:16px;
  margin-left:7px;
  vertical-align:-3px;
}
.link-btn .headlight-icon{
  width:17px;
  height:17px;
  flex-basis:17px;
  margin-left:14px;
  color:#ff4f1d;
  vertical-align:-4px;
}
.mobile-sticky .headlight-icon{
  width:15px;
  height:15px;
  flex-basis:15px;
  margin-left:5px;
  vertical-align:-3px;
}

/* V5.6 - hero bureau vraiment recentré + pictos validés + promo actuelle */
@media(min-width:901px){
  .hero{
    min-height:0 !important;
    height:640px !important;
    align-items:stretch;
  }
  .hero-content{
    position:absolute;
    left:50%;
    top:46%;
    width:var(--wrap);
    padding-bottom:0 !important;
    transform:translate(-50%,-50%) !important;
  }
}

/* Pictogramme phare fourni par le client : utilisé comme masque, donc aucun fond blanc. */
.headlight-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  background:currentColor;
  -webkit-mask:url('assets/car-lights.svg') center/contain no-repeat;
  mask:url('assets/car-lights.svg') center/contain no-repeat;
  vertical-align:-4px;
}
.btn-primary .headlight-icon,
.btn-acid .headlight-icon,
.mobile-sticky .headlight-icon{
  color:var(--cyan);
}
.link-btn .headlight-icon{
  width:16px;
  height:16px;
  flex-basis:16px;
  color:var(--orange);
  margin-left:12px;
}

/* WhatsApp : vrai pictogramme WhatsApp pour les liens dédiés. */
.whatsapp-icon{
  width:17px;
  height:17px;
  display:inline-block;
  flex:0 0 17px;
  margin-left:7px;
  background:#25D366;
  -webkit-mask:url('assets/whatsapp.svg') center/contain no-repeat;
  mask:url('assets/whatsapp.svg') center/contain no-repeat;
  vertical-align:-4px;
}
.sheet-whatsapp .whatsapp-icon{margin-left:5px;}

/* Promo 79 € : lisible sans effet supermarché. */
.header-price{display:flex;align-items:baseline;gap:6px}
.header-price s{font-weight:600;color:#727c84;text-decoration-thickness:1px}
.header-price strong{font-weight:900;color:#fff}
.fact-row s{color:#8b9499;text-decoration-thickness:1px}
.mobile-sticky span s{opacity:.55;margin-right:4px}
.mobile-sticky span b{font-size:13px;margin-right:2px}
.booking-price s{opacity:.55;margin-right:4px}
