:root{--bk:#111;--bg2:#171716;--rd:#E8212C;--cr:#EAE6DB;--tx:#A9A59B;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bk);overflow-x:hidden;overscroll-behavior-x:none}
body{overflow-x:hidden;position:relative;max-width:100vw}
@supports(overflow:clip){html,body{overflow-x:clip}}
body{margin:0;color:var(--cr);font-family:Montserrat,system-ui,sans-serif;line-height:1.55;background:radial-gradient(900px 520px at 0 0,#6e1318 0,transparent 65%),var(--bk);min-height:100vh}
.w{max-width:1040px;margin:0 auto;padding:0 20px}
h1,h2,h3,.price{font-family:Montserrat,sans-serif;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.5px;color:var(--cr);margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.lg{height:46px;width:auto;display:block}
.btn{display:inline-block;background:var(--rd);color:var(--cr);padding:13px 24px;border-radius:8px;font:800 14px Montserrat,sans-serif;font-style:italic;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;border:1px solid var(--rd);cursor:pointer}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;border-color:#6a5a58;color:var(--cr)}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:34px;padding:44px 0 80px}
.hero>.ht{flex:1 1 320px}
.hrc{flex:0 1 440px;width:440px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:0}
.hlogo{width:100%;filter:drop-shadow(0 18px 40px #000a);margin-top:-16px;position:relative;z-index:1}
.car{position:relative;width:94%;line-height:0;margin-top:-10px;animation:carin .9s .15s cubic-bezier(.2,.7,.2,1) both}
.car img{width:100%;height:auto;display:block;filter:drop-shadow(0 16px 18px #000a)}
.car canvas{position:absolute;left:-13.9%;top:-33.1%;width:117.5%;height:145%;pointer-events:none;z-index:2}
@keyframes carin{from{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.car{animation:none}}
@media(max-width:560px){.hero .eye{white-space:nowrap;letter-spacing:1.6px;font-size:10.5px}}
.eye{color:var(--tx);font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-bottom:14px}
.eye b,.or b{color:var(--rdt)}
h1{font-size:clamp(40px,9vw,84px);line-height:1;margin-bottom:6px}
h1 em{font-style:italic;color:var(--rdt)}
.bar{width:110px;height:4px;background:linear-gradient(90deg,var(--rd),var(--cr));transform:skewX(-30deg);margin:18px 0 22px}
.hero p{color:var(--tx);font-size:18px;max-width:520px;margin:0 0 28px}
.hb-m{display:none}
section{padding:46px 0}
h2{font-size:clamp(28px,5vw,42px);margin-bottom:6px}
.sub{color:var(--tx);margin:0 0 26px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ph{aspect-ratio:4/3;background:var(--bg2);border:1px dashed #5a4a48;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--tx);font-size:13px;padding:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{position:relative;background:linear-gradient(160deg,#35161a,var(--bg2) 55%);border-radius:12px;padding:24px;display:flex;flex-direction:column;clip-path:polygon(0 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}
.card:after{content:"✦";position:absolute;top:16px;right:18px;color:var(--cr);font-size:20px}
.card h3{font-size:18px;padding-right:28px}
.price{font-size:54px;color:var(--rdt);margin:8px 0 0;line-height:1}
.card .d{color:var(--tx);font-size:14px;margin:6px 0 12px}
.card ul{margin:0 0 14px;padding-left:18px;font-size:14px;display:none}
.card.open ul,#cards.open .card ul{display:block}
.card li{margin:4px 0}
.card .t{margin-top:auto;font-size:13px;color:var(--tx);margin-bottom:14px}
.card .btn{padding:10px 14px;font-size:12px;align-self:flex-start}
.note{background:var(--bg2);border-left:4px solid var(--rd);border-radius:4px;padding:14px 18px;margin-top:16px;font-size:14px}
details{background:linear-gradient(160deg,#35161a,var(--bg2) 60%);border:2px solid var(--rd);border-radius:12px;padding:0}details[open]{padding-bottom:6px}
summary{cursor:pointer;font:900 italic 22px Montserrat,sans-serif;text-transform:uppercase;color:var(--cr);list-style:none;position:relative;padding:22px 76px 22px 24px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--rd);color:var(--cr);font:900 26px/40px Montserrat,sans-serif;text-align:center}details[open] summary:after{content:"–"}summary:hover{background:#ffffff0a}summary .ds{font:400 13px Montserrat,sans-serif;text-transform:none;letter-spacing:0}
details ul{margin:0 24px;padding:0;list-style:none}details .note{margin:16px 24px 18px}
details li{padding:12px 0;border-top:1px solid #3a3433;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.ds{display:block;color:var(--tx);font-size:13px}
.pr{color:var(--rdt);font:900 italic 16px Montserrat,sans-serif;white-space:nowrap}
.call .btn{font-size:16px;padding:17px 28px}
.or{color:var(--tx);font-size:13px;margin:20px 0 16px;text-transform:uppercase;letter-spacing:2px}
form{display:grid;gap:12px;max-width:560px}
label{font-size:12px;color:var(--tx);display:grid;gap:5px;text-transform:uppercase;letter-spacing:1px}
input,select,textarea{font:400 16px Montserrat,sans-serif;padding:13px;border-radius:8px;border:1px solid #4a3f3d;background:var(--bk);color:var(--cr);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--rd);border-color:var(--rdt)}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
footer{padding:34px 0;margin-top:30px;border-top:1px solid #2e2827;color:var(--tx);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.gal figure{margin:0;position:relative;border-radius:12px;overflow:hidden;background:var(--bg2)}.gal img{width:100%;height:auto;display:block}.tg{position:absolute;bottom:12px;font:900 italic 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:1px;background:#111c;color:var(--cr);padding:5px 10px;border-radius:6px}.tg.a{left:12px}.tg.b{right:12px}
.loc{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}.loc>div{background:var(--bg2);border-radius:12px;padding:26px}.rh{display:flex;align-items:center;gap:16px;margin-bottom:18px}.big{font:900 italic 52px Montserrat,sans-serif;color:var(--cr);line-height:1}.st{color:#F4C542;letter-spacing:2px;font-size:18px}.rn2{margin-left:auto;display:flex;gap:8px}.ar{background:var(--bg2);color:var(--cr);border:1px solid #4a3f3d;border-radius:8px;width:40px;height:40px;font-size:22px;cursor:pointer}.ar:hover{border-color:var(--rdt)}.rt{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;margin-bottom:18px;scrollbar-width:thin}.rc{flex:0 0 min(300px,82%);scroll-snap-align:start;background:linear-gradient(160deg,#35161a,var(--bg2) 55%);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}.rc p{margin:0;font-size:14px;line-height:1.55;flex:1}.au b{display:block;font-size:14px}.au span{font-size:12px;color:var(--tx)}
.gal img{cursor:zoom-in}#lb{position:fixed;inset:0;background:#000000f2;display:none;align-items:center;justify-content:center;z-index:100;padding:16px;cursor:zoom-out}#lb.on{display:flex}#lb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px #000}#lb button{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;width:42px;height:42px;border-radius:50%;border:0;background:var(--rd);color:var(--cr);font-size:26px;line-height:1;cursor:pointer}
.loc h3{font-size:20px;margin-bottom:10px}.loc p{margin:4px 0;color:var(--tx)}.loc p b{color:var(--cr)}.loc .btn{margin-top:16px}.map{position:relative;overflow:hidden;min-height:200px;background:linear-gradient(160deg,#35161a,var(--bg2) 60%)}.map svg{position:absolute;inset:0;width:100%;height:100%}.map .pin{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:38px;color:var(--rdt);text-shadow:0 0 18px #E8212C99}.map .lb{position:absolute;left:0;right:0;bottom:18px;text-align:center;font:900 italic 13px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--cr)}
.loc{grid-template-columns:1fr}.loc .map{aspect-ratio:1100/655;min-height:200px}.map text{font-family:Montserrat,sans-serif}.map .lm{font-size:30px;font-weight:700;fill:#EAE6DB;stroke:#111;stroke-width:7;paint-order:stroke}.map .rd{font-size:22px;font-weight:700;letter-spacing:3px;fill:#A9A59B}
.gal{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;scrollbar-width:thin}.gal figure{flex:0 0 min(380px,86%);scroll-snap-align:start}
.dq{background:linear-gradient(160deg,#35161a,var(--bg2) 55%);border-radius:14px;padding:22px;max-width:640px}
[hidden]{display:none!important}
.dqp{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;color:var(--tx);text-transform:uppercase;letter-spacing:2px;white-space:nowrap}
.dqb{flex:1;height:4px;background:#3a3433;border-radius:2px;overflow:hidden}.dqb i{display:block;height:100%;width:25%;background:var(--rd);transition:width .25s}
.dqs{display:none}.dqs.on{display:block}.dqs h3{font-size:20px;margin-bottom:14px}
.dqo{display:flex;align-items:center;gap:12px;background:#0f0e0e66;border:2px solid #3a3433;border-radius:10px;padding:14px 16px;margin-bottom:10px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:15px;color:var(--cr)}
.dqo input{accent-color:var(--rdt);width:20px;height:20px;flex:none;margin:0}
.dqo.on{border-color:var(--rdt);background:#E8212C18}.dqo.off{opacity:.55;cursor:default}
.dqo b{display:block;font-size:15px}.dqo small{display:block;color:var(--tx);font-size:12px}.dqo .pr{margin-left:auto}
.dqqty{display:flex;align-items:center;gap:10px;margin:-2px 0 12px 34px;font-size:13px;color:var(--tx)}
.dqqty button{width:34px;height:34px;border-radius:8px;border:1px solid #4a3f3d;background:var(--bg2);color:var(--cr);font-size:18px;cursor:pointer}.dqqty b{color:var(--cr);min-width:18px;text-align:center}
.dqt{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #4a3f3d;margin-top:14px;padding-top:14px}.dqt b{font:900 italic 30px Montserrat,sans-serif;color:var(--rdt)}
.dqn{display:flex;gap:10px;justify-content:space-between;margin-top:16px}
.dqerr{color:#ff8a8a;font-size:13px;min-height:18px;margin-top:8px}
.dqr{list-style:none;margin:0;padding:0}.dqr li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #3a3433;font-size:14px}.dqr li:first-child{border-top:0}
.dqa{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
html{-webkit-text-size-adjust:100%}
.sbar{display:none}
@media(max-width:560px){section{padding:30px 0}h2{font-size:clamp(24px,7.4vw,32px)}.sub{margin-bottom:18px}header{padding:12px 0}
.sbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#111e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #2e2827}
.sbar .btn{flex:1;text-align:center;padding:13px 8px;font-size:13px}
body{padding-bottom:76px}
.loc>div{padding:20px}.card{padding:20px}.dq{padding:18px}
summary{padding:18px 70px 18px 18px!important;font-size:18px!important}details>.ds{padding:0 18px 8px}details ul{margin:0 18px!important}details .note{margin:14px 18px 16px!important}details li{flex-wrap:wrap}.pw{text-align:left!important}
.rh{flex-wrap:wrap}.big{font-size:44px}
footer{padding-bottom:30px}}
details>.ds{padding:0 24px 8px;margin:0!important}
.pw{text-align:right;flex:none}.mn{display:block;font:400 10px Montserrat,sans-serif;font-style:normal;color:var(--tx);margin-top:2px}
.fs{font-size:14px;color:var(--cr)}
.sgw{display:grid;gap:6px;margin:2px 0 14px}
.sg{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0f0e0e66;border:2px solid #3a3433;color:var(--cr);border-radius:8px;padding:9px 12px;font:600 13px Montserrat,sans-serif;cursor:pointer;text-align:left}
.sg b{font:900 italic 14px Montserrat,sans-serif;white-space:nowrap}
.sg.on{border-color:var(--rdt);background:#E8212C22}
.sgo{font-size:13px;color:var(--cr);font-weight:600;margin:2px 0 14px}
.card li small{display:block;color:var(--tx);font-size:12px}
.card .t:empty{display:none}
.dqh{font:700 12px Montserrat,sans-serif;color:var(--tx);text-transform:uppercase;letter-spacing:2px;margin:6px 0 10px}
.as{font-size:.45em;vertical-align:top;margin-left:3px;color:var(--cr)}
#lb .nv{top:50%;transform:translateY(-50%);right:auto;left:10px;background:#111c;border:1px solid #6a5a58;font-size:30px}#lb .nx{left:auto;right:10px}#lb .cn{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:0;right:0;text-align:center;color:var(--cr);font:700 13px Montserrat,sans-serif;pointer-events:none}#lb img{user-select:none;-webkit-user-select:none}
@media(max-width:560px){.r2,.ba{grid-template-columns:1fr}.hero{display:grid;grid-template-columns:minmax(0,1fr) 36%;grid-template-areas:"t i" "c c" "b b";gap:10px 10px;align-items:center;padding:26px 0 44px}.hero>.ht{grid-area:t;min-width:0}.hero>.hrc{display:contents}.hero .hlogo{grid-area:i;width:100%;max-width:none;margin-top:-10px}.hero .car{grid-area:c;width:100%;margin:2px 0 4px}.hero .hb-d{display:none}.hero .hb-m{display:block;grid-area:b;text-align:center;padding:13px 12px;font-size:clamp(13px,3.9vw,15px);letter-spacing:.5px;white-space:nowrap}h1{font-size:clamp(22px,6.4vw,28px)}.hero p{font-size:14px;margin-bottom:18px}.eye{font-size:10px;letter-spacing:2px}.bar{width:70px;margin:12px 0 14px}.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:thin}.gal figure{flex:0 0 86%;scroll-snap-align:start}}
.sph{margin:30px 0 0;font-size:clamp(20px,3.4vw,26px)}.sp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.spi figure{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--bg2)}.sp img{width:100%;height:100%;object-fit:cover;display:block}.spi h4{margin:10px 0 3px;font:800 italic 15px Montserrat,sans-serif;color:var(--cr);text-transform:uppercase;letter-spacing:.5px}.spi p{margin:0;font-size:13px;line-height:1.5;color:var(--tx)}@media(max-width:560px){.sp{grid-template-columns:1fr;gap:20px}.spi figure{aspect-ratio:4/3}}
@media(max-width:560px){.hero{grid-template-areas:"t i" "b b"}.hero .car{display:none}}
/* ---- v2 ---- */
#ld{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(circle at 50% 46%,rgba(232,33,44,.5) 0%,rgba(232,33,44,.18) 32%,#0b0a0a 68%),#0b0a0a;transition:opacity .45s,visibility .45s;animation:ldo .4s 3.5s forwards}
#ld.out{opacity:0;visibility:hidden}
@keyframes ldo{to{opacity:0;visibility:hidden}}
.lgw{position:relative;width:min(240px,60vw);animation:lgin .7s cubic-bezier(.2,.7,.2,1) both}
.lgw img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 30px #000b)}
.lshw{position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.lsh{position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:lsh 1.1s .5s ease-in-out both}
.lbar{width:min(200px,50vw);height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden}
.lbar i{display:block;height:100%;background:linear-gradient(90deg,var(--rd),var(--cr));transform-origin:0 50%;animation:lbar 1.3s .15s cubic-bezier(.4,0,.2,1) both}
@keyframes lgin{from{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:none}}
@keyframes lsh{to{left:130%}}
@keyframes lbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.lgw,.lsh,.lbar i{animation-duration:.01s!important;animation-delay:0s!important}}
.rate{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:14px;color:var(--cr)}
.rate .st{font-size:15px}
.rate small{color:var(--tx)}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-40px 0 0}
.kpi div{background:var(--bg2);border-radius:12px;padding:16px 14px;text-align:center}
.kpi b{display:block;font:900 italic 28px/1.1 Montserrat,sans-serif;color:var(--cr)}
.kpi b i{font-style:inherit;color:var(--rdt)}
.kpi>div>span{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--tx)}
@media(max-width:560px){.kpi{gap:8px;margin:-24px 0 0}.kpi div{padding:14px 6px}.kpi b{font-size:21px}.kpi>div>span{font-size:9.5px;letter-spacing:.5px}}
.eyb{color:var(--rdt);font:800 italic 12px Montserrat,sans-serif;letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}
.sz{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:6px}
.sz .dqo{margin:0;padding:12px 14px}
.sz .dqo small{font-size:11px}
.card.best{border:2px solid var(--rd);background:linear-gradient(160deg,#4a1a1f,var(--bg2) 60%)}
.card.best:after{content:none}
.bdg{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:6px;background:var(--rd);color:var(--cr);font:800 italic 11px Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:6px 10px;border-radius:20px}
.bdg svg{width:13px;height:13px}
.card.best h3{padding-right:150px}
.dp{font-size:13px;color:var(--tx);margin-top:4px}
.eco{display:inline-block;background:#E8212C22;border:1px solid var(--rd);color:var(--cr);border-radius:6px;padding:5px 9px;font-size:12px;font-weight:700;margin:0 0 12px}
.eco b{color:var(--rdt)}
.szn{font-size:12px;color:var(--tx);margin:-4px 0 12px}
.vbox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:var(--bg2);border-left:4px solid var(--rd);border-radius:4px;padding:14px 18px;margin-top:16px;font-size:14px}
.rc{position:relative}
.rc .gg{position:absolute;top:18px;right:18px;width:20px;height:20px;color:#5c5856}
.rc .pt{align-self:flex-start;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--cr);background:#ffffff10;border:1px solid #ffffff1c;border-radius:20px;padding:4px 10px}
.rc .au{display:flex;align-items:center;gap:10px}
.rc .av{flex:none;width:34px;height:34px;border-radius:50%;background:#2a2625;color:var(--cr);display:flex;align-items:center;justify-content:center;font:800 13px Montserrat,sans-serif}
.rh .gl{display:inline-flex;align-items:center;gap:6px;color:var(--tx);font-size:13px}
.rh .gl svg{width:16px;height:16px;color:#8a8580}
.rva{display:flex;flex-wrap:wrap;gap:10px}
.cta{text-align:center;background:linear-gradient(160deg,#4a1a1f,var(--bg2) 65%);border-radius:16px;padding:44px 22px;margin-top:20px}
.cta h2{margin-bottom:10px}
.cta p{color:var(--tx);margin:0 0 22px}
.cta .rva{justify-content:center}
.soc{display:flex;gap:10px}
.soc a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #4a3f3d;color:var(--cr)}
.soc a:hover{border-color:var(--rdt)}
.soc svg{width:18px;height:18px}
footer{align-items:center}
footer details{flex-basis:100%;background:none;border:0;padding:0}
footer summary{font:600 12px Montserrat,sans-serif!important;text-transform:none;padding:0!important;color:var(--tx);text-decoration:underline}
footer summary:after{content:none}
footer details p{margin:8px 0 0;font-size:12px;line-height:1.6}
.hcta{text-align:center;margin:22px 0 10px}
.hcta .btn{font-size:16px;padding:17px 34px}
@media(max-width:560px){.hcta .btn{display:block;width:100%}}
.btn.shine{position:relative;overflow:hidden;isolation:isolate}
.btn.shine:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:bsh 3.8s ease-in-out 2s infinite;pointer-events:none}
@keyframes bsh{0%,70%{left:-60%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.btn.shine:after{animation:none;display:none}}
.cmps{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px;margin-top:14px}
.cmpi{flex:0 0 calc((100% - 42px)/4);scroll-snap-align:start;margin:0}
@media(max-width:900px){.cmpi{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:560px){.cmpi{flex-basis:68%}}
.cmpi figcaption{font-size:12px;color:var(--tx);margin-top:8px}
.cmp{position:relative;aspect-ratio:441/800;border-radius:12px;overflow:hidden;background:var(--bg2);touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.cmpb{position:absolute;inset:0;clip-path:inset(0 0 0 50%)}
.cmpl{position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:var(--cr);box-shadow:0 0 10px #000a;z-index:3}
.cmpl span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--rd);border:3px solid var(--cr);color:var(--cr);font:900 13px/32px Montserrat,sans-serif;text-align:center;letter-spacing:-1px;box-shadow:0 6px 20px #000a}
.cmp .tg{z-index:2;bottom:10px;font-size:10px;padding:4px 8px}.cmp .tg.a{left:10px}.cmp .tg.b{right:10px}
.rt{cursor:grab}.rt.drag{cursor:grabbing;scroll-snap-type:none}.rt.drag *{pointer-events:none}
.rc{flex:0 0 min(460px,88%)!important;padding:22px!important;gap:14px!important;background:var(--bg2)!important;border:1px solid #2e2827}
.rc .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rc .top .st{font-size:15px}
.rc .dt{font-size:12px;color:var(--tx)}
.rc p{font-style:italic}
.rc .ft{display:flex;align-items:center;gap:10px;border-top:1px solid #2e2827;padding-top:14px}
.rc .ft .who{flex:1;min-width:0}
.rc .ft .who b{display:block;font-size:14px}
.rc .ft .who span{display:block;font-size:12px;color:var(--tx)}
.rc .ft .gg{position:static;flex:none}
.ctas{display:inline-flex;align-items:center;gap:8px}
.ctas svg{width:18px;height:18px}
.addw{margin-top:14px}
.addw details summary{padding:16px 70px 16px 20px}
#tarifs .vbox{margin-top:12px}
.price .pp{font:600 14px Montserrat,sans-serif;font-style:normal;text-transform:none;letter-spacing:0;color:var(--tx);margin-left:8px;vertical-align:middle}
.tocta{margin:40px 0 0}
#devis{padding-top:14px}
.eco small{display:block;font-weight:500;font-size:11px;color:var(--tx);margin-top:2px}
.oldp{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:2px 0 12px}
.oldp s{font:800 italic 20px Montserrat,sans-serif;color:var(--tx);text-decoration-color:var(--rdt);text-decoration-thickness:2px}
.oldp .eco{margin:0}

/* ===== navigation ===== */
.nav{position:sticky;top:0;z-index:80;border-bottom:1px solid transparent;transition:border-color .2s}
.nav:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(17,17,17,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s}
.nav.sc{border-bottom-color:#ffffff14}.nav.sc:before{background:rgba(14,14,14,.94)}
.nav.open:before{background:#0f0e0e}
.nvi{display:flex;align-items:center;justify-content:space-between;height:66px;gap:20px}
.nlg{display:flex;align-items:center}
.nlg img{height:40px;width:auto;display:block}
.nlk{display:flex;align-items:center;gap:24px}
.nlk a{color:var(--cr);text-decoration:none;font:700 12.5px Montserrat,sans-serif;letter-spacing:.8px;text-transform:uppercase;position:relative;padding:6px 0}
.nlk a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--rd);transition:right .25s}
.nlk a:not(.btn):hover:after,.nlk a[aria-current]:after{right:0}
.nlk a[aria-current]{color:#fff}
.nlk .nbtn{padding:11px 18px;font-size:12px}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.burger span{display:block;width:26px;height:2.5px;border-radius:2px;background:var(--cr);transition:transform .3s,opacity .2s}
.nav.open .burger span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.nav.open .burger span:nth-child(2){opacity:0}
.nav.open .burger span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
@media(max-width:900px){
.nvi{height:60px}.nlg img{height:36px}
.burger{display:flex}
.nlk{position:fixed;top:60px;left:0;right:0;height:calc(100dvh - 60px);flex-direction:column;align-items:stretch;gap:0;padding:14px 22px 30px;background:radial-gradient(circle at 80% 0%,rgba(232,33,44,.22),transparent 55%),#0f0e0e;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.nav.open .nlk{transform:none;visibility:visible}
.nlk a{font:900 italic 24px Montserrat,sans-serif;letter-spacing:-.2px;padding:18px 0;border-bottom:1px solid #ffffff12}
.nlk a:not(.btn):after{display:none}
.nlk a[aria-current]{color:var(--rd)}
.nlk .nbtn{margin-top:26px;text-align:center;font-size:15px;padding:16px;border-bottom:0}
}
/* ===== pages ===== */
.phd{padding:46px 0 10px}
.phd h1{font-size:clamp(34px,7vw,72px);margin:0 0 12px;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal}
.phd .nw{white-space:nowrap}
@media(max-width:560px){.phd h1{font-size:clamp(25px,8vw,44px);line-height:1.04}}
.phd p{color:var(--tx);max-width:560px;margin:0}
.cmps.all{flex-wrap:wrap;overflow:visible;scroll-snap-type:none}
.cmps.all .cmpi{flex-basis:calc((100% - 42px)/4)}
@media(max-width:900px){.cmps.all .cmpi{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:560px){.cmps.all{gap:10px}.cmps.all .cmpi{flex-basis:calc((100% - 10px)/2)}.cmps.all .cmpl span{width:30px;height:30px;line-height:24px;font-size:11px;border-width:2px}.cmps.all .tg{font-size:8.5px;padding:3px 6px}}
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
.abt p{color:var(--tx);line-height:1.7;margin:0 0 14px}
.abt .lead{font-size:20px;color:var(--cr);line-height:1.5}
.abv{display:grid;gap:10px}
.abv div{background:var(--bg2);border-left:4px solid var(--rd);border-radius:4px;padding:14px 16px}
.abv b{display:block;font:800 italic 15px Montserrat,sans-serif;text-transform:uppercase;margin-bottom:3px}
.abv span{color:var(--tx);font-size:13px}
@media(max-width:760px){.about{grid-template-columns:1fr}}
.fnav{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:14px}
.fnav a{color:var(--cr);text-decoration:none;font-size:13px}
.fnav a:hover{color:var(--rd)}
#avap .sub a{color:var(--rd);font-weight:700;text-decoration:none}
/* ===== hero mobile : plus de gros logo, titre agrandi ===== */
@media(max-width:560px){
.hero{grid-template-columns:1fr!important;grid-template-areas:"t" "b"!important;padding:34px 0 46px!important}
.hero .hrc{display:none!important}
.hero h1{font-size:clamp(46px,14.5vw,62px)!important;line-height:.98}
.hero p{font-size:15px}
}
/* ===== contraste ===== */
:root{--rdt:#F24650;--rdb:#D91A24}
.btn:not(.ghost){background:var(--rdb);border-color:var(--rdb);color:#fff}
.bdg{background:var(--rdb);color:#fff}
/* ===== formulaire ===== */
.fe{display:block;color:#FF7A82;font-size:12.5px;margin-top:6px;font-weight:600}
#f input.bad,#f select.bad{border-color:#FF4A54!important;box-shadow:0 0 0 2px #ff4a5433}
/* ===== SEO : h1 accueil, FAQ, texte local ===== */
.hh{margin:0}
.hh .eye{display:block;font:400 12px Montserrat,system-ui,sans-serif;font-style:normal;color:var(--tx);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;line-height:1.4}
.hh .hb{display:block}
@media(max-width:560px){.hh .eye{font-size:10px;letter-spacing:2px;white-space:nowrap}}
.faq{display:grid;gap:10px}
.faq details{background:var(--bg2);border:1px solid #2e2827;border-radius:10px;padding:0}
.faq summary{cursor:pointer;list-style:none;padding:16px 70px 16px 18px!important;font:700 15px/1.4 Montserrat,sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin:0;padding:0 18px 18px;color:var(--tx);line-height:1.65;max-width:70ch}
.loctx{color:var(--tx);max-width:70ch;margin:-6px 0 18px}