:root{--red:#df1017;--red-dark:#95080d;--black:#050505;--panel:#0d0d0f;--line:rgba(255,255,255,.16);--white:#f8f8f8;--muted:#b7b7ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:50;background:#fff;color:#000;padding:.6rem}.site-header{height:92px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:5px clamp(20px,4vw,68px);background:rgba(3,3,3,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.brand{width:255px;display:block;line-height:0}.brand img{width:100%;height:82px;object-fit:cover;object-position:center 53%;filter:drop-shadow(0 0 11px rgba(222,16,23,.12))}.nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2vw,36px);margin-left:auto;font-size:.77rem;font-weight:700;text-transform:uppercase}.nav a{padding:35px 0 28px;border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover,.nav a.active{color:#ef3036;border-color:var(--red)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:5px;padding:14px 20px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1px;transition:.25s;border:1px solid transparent}.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn-primary{background:linear-gradient(135deg,#ed141d,#a6070c);box-shadow:0 8px 22px rgba(210,0,6,.25)}.btn-outline,.btn-phone{border-color:#a8171b;background:rgba(117,0,5,.16)}.header-cta{margin-left:15px;white-space:nowrap}.menu-toggle{display:none}.hero{min-height:480px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(380px,49%) 1fr;align-items:center;padding:clamp(50px,5vw,90px) clamp(28px,5vw,78px) 30px;background:radial-gradient(ellipse at 22% 45%,#242424 0%,#101011 30%,#060606 59%,#000 100%)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1) 25%,rgba(0,0,0,.72) 58%,#000 100%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow{text-transform:uppercase;color:#f13c42;letter-spacing:.5em;font-family:'Barlow Condensed';font-size:.88rem;font-weight:600;margin:0 0 4px}.hero h1,.section h2,.appointment h2{font:800 clamp(2.6rem,5vw,4.8rem)/.88 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0}.hero h1::after{content:"";display:block;width:365px;max-width:80%;height:2px;background:linear-gradient(90deg,var(--red),transparent);margin:15px 0}.hero em,.section h2 em,.appointment h2 em,.service-card h3 em{font-style:normal;color:var(--red)}.hero-subtitle{text-transform:uppercase;font:600 1.25rem 'Barlow Condensed';letter-spacing:.23em;margin:0}.hero-description{font-size:1.02rem;color:#f2f2f2;margin:13px 0 24px}.hero-pillars{display:flex;gap:28px;margin:0 0 28px}.hero-pillars div{display:grid;grid-template-columns:50px auto;column-gap:10px}.hero-pillars span{grid-row:span 2;color:#f4333a;font-size:2.65rem;line-height:.8}.hero-pillars strong{text-transform:uppercase;font:.85rem 'Barlow Condensed';padding-top:1px}.hero-pillars small{font-size:.65rem;color:#ddd;line-height:1.3}.actions{display:flex;gap:20px;flex-wrap:wrap}.hero-visual{position:absolute;z-index:1;right:-2%;top:-6%;height:114%;width:61%;display:flex;align-items:center}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:48% 35%;mix-blend-mode:screen;filter:brightness(1.28) contrast(1.05)}.hero-glow{position:absolute;z-index:1;right:29%;top:24%;width:14px;height:14px;background:#f44;border-radius:50%;box-shadow:0 0 20px 10px #e11,0 0 115px 42px rgba(220,0,0,.25)}.reassurance{margin:-1px auto 0;max-width:calc(100% - 64px);display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(110deg,#0c0c0d,#151517);border:1px solid var(--line);border-radius:13px}.reassurance article{display:flex;align-items:center;gap:16px;padding:23px 28px;border-right:1px solid var(--line)}.reassurance article:last-child{border:0}.reassurance span{color:#f33338;font-size:2.2rem}.reassurance strong{font:700 .9rem 'Barlow Condensed';text-transform:uppercase}.reassurance small{display:block;color:#c9c9cb;font-size:.7rem}.section{max-width:1450px;margin:auto;padding:84px clamp(28px,5vw,80px)}.section-heading{text-align:center;max-width:740px;margin:0 auto 38px}.section h2,.appointment h2{font-size:3.05rem}.section-heading>p:last-child{color:var(--muted);font-size:.9rem}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-card{position:relative;overflow:hidden;min-height:330px;border:1px solid var(--line);border-radius:13px;background:#0e0e0f}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.96) 0%,rgba(4,4,4,.73) 45%,rgba(4,4,4,.05) 100%)}.headlights{background:linear-gradient(90deg,#080808aa,#08080822),url('../images/optique-avant-apres.png') center/cover}.interior{background:radial-gradient(ellipse at 78% 47%,#565656 0%,#202020 24%,#090909 60%)}.interior::before{content:"";position:absolute;z-index:1;right:-18%;top:8%;width:72%;height:85%;border-radius:55% 10% 45% 10%;border:1px solid #676767;box-shadow:inset 0 0 50px #000;background:linear-gradient(120deg,#101010,#555 50%,#050505 51%);opacity:.8}.card-content{position:relative;z-index:2;padding:26px;max-width:57%}.card-kicker{color:#e52b31;text-transform:uppercase;font:.85rem 'Barlow Condensed';margin:0}.service-card h3{font:800 2rem/.95 'Barlow Condensed';text-transform:uppercase;margin:3px 0 14px}.service-card h3 em{display:block}.service-card p:not(.card-kicker){font-size:.76rem;color:#ddd}.service-card ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none;font-size:.69rem}.service-card li::before{content:'✓';color:#f1272f;font-weight:bold;margin-right:7px}.comparison-labels{position:absolute;z-index:3;right:26px;bottom:23px;display:flex;gap:75px;text-transform:uppercase;font:700 .8rem 'Barlow Condensed'}.comparison-labels>*{padding:7px 22px;border-radius:4px;background:#222}.comparison-labels b{background:linear-gradient(135deg,#ed141d,#9e090d)}.pricing{background:linear-gradient(180deg,#080808,#101011)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-grid article{position:relative;border:1px solid var(--line);border-radius:10px;padding:29px;background:#0b0b0c}.price-grid article.featured{border-color:#be1820;background:linear-gradient(145deg,#210809,#0c0b0c)}.price-grid h3{font:700 1.65rem 'Barlow Condensed';text-transform:uppercase;margin:0}.price-grid p{font-size:.78rem;color:var(--muted);min-height:40px}.price-grid strong{display:block;font:700 1.35rem 'Barlow Condensed';color:#fff;margin:16px 0}.price-grid a{font-size:.73rem;text-transform:uppercase;color:#f13a40;font-weight:700}.price-grid .featured>span{position:absolute;top:-12px;right:18px;background:var(--red);border-radius:3px;padding:4px 10px;font-size:.62rem;text-transform:uppercase;font-weight:700}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.about>div>p:last-child{max-width:620px;color:var(--muted)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-stats p{margin:0;border-left:2px solid var(--red);padding-left:14px}.about-stats b{display:block;font:700 2.2rem 'Barlow Condensed';color:#f4f4f4}.about-stats span{font-size:.68rem;text-transform:uppercase;color:var(--muted)}.appointment{max-width:calc(100% - 64px);margin:15px auto 0;padding:35px clamp(25px,4vw,65px);border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(ellipse at 75% 20%,#3c090b,#101011 45%)}.appointment h2{font-size:2.5rem}.appointment>div>p:last-child{margin:.6rem 0 0;color:var(--muted);font-size:.83rem}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}footer{padding:45px clamp(28px,5vw,78px) 25px;text-align:center;color:#aaa;font-size:.7rem}footer .brand{margin:auto;width:210px}footer p{margin:10px 0}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:9;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;font-size:2rem;background:#24c465;color:#fff;box-shadow:0 5px 25px #000}
@media(max-width:1050px){.site-header{gap:15px}.brand{width:190px}.nav{gap:15px;font-size:.66rem}.header-cta{padding:11px}.hero{grid-template-columns:58% 42%}.reassurance article{padding:18px 12px}.reassurance strong{font-size:.78rem}.service-card h3{font-size:1.7rem}.card-content{max-width:66%}}
@media(max-width:760px){.site-header{height:68px;padding:2px 18px}.brand{width:150px}.brand img{height:62px}.menu-toggle{display:block;margin-left:auto;width:40px;height:36px;border:1px solid #823136;border-radius:4px;background:transparent;padding:7px}.menu-toggle span:not(.sr-only){display:block;height:2px;margin:4px 0;background:#fff}.nav{display:none}.nav.open{display:flex;position:absolute;top:67px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:#0a0a0b;border-bottom:1px solid var(--line)}.nav a{padding:13px 0}.header-cta{display:none}.hero{min-height:670px;display:block;padding:62px 25px 30px}.hero-copy{max-width:100%}.hero h1{font-size:3.5rem}.hero-visual{opacity:.55;top:auto;bottom:-6%;right:-5%;height:57%;width:110%}.hero::after{background:linear-gradient(180deg,rgba(0,0,0,.12),#080808 74%)}.hero-glow{top:auto;bottom:32%;right:48%}.hero-pillars{gap:10px}.hero-pillars div{grid-template-columns:35px auto}.hero-pillars span{font-size:2rem}.hero-pillars small{font-size:.57rem}.actions{gap:10px}.actions .btn{padding:13px 12px;font-size:.67rem}.reassurance{max-width:calc(100% - 32px);grid-template-columns:1fr 1fr}.reassurance article{border-bottom:1px solid var(--line)}.reassurance article:nth-child(2){border-right:0}.reassurance article:nth-child(n+3){border-bottom:0}.section{padding:65px 20px}.section h2{font-size:2.5rem}.service-grid,.price-grid,.about{grid-template-columns:1fr}.service-card{min-height:340px}.card-content{max-width:78%;padding:22px}.service-card h3{font-size:1.8rem}.service-card ul{grid-template-columns:1fr}.interior::before{right:-35%;width:100%}.price-grid{gap:25px}.about{gap:35px}.appointment{max-width:calc(100% - 32px);display:block;padding:27px 20px}.appointment h2{font-size:2.3rem}.contact-actions{margin-top:22px}.contact-actions .btn{width:100%}}