@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* =========================================================
   ROAD Caravaning — « affiche de route »
   ========================================================= */
:root{
  --ink:#0E1A36;--navy:#14254B;--navy-2:#22355F;--navy-3:#2A4280;
  --sun:#E2782F;--sun-2:#F08A40;--sun-deep:#A6501A;
  --cream:#F4EEE3;--sand:#EAE0CD;--paper:#FCF9F3;
  --muted:#4A5470;--line:rgba(20,37,75,.14);--line-2:rgba(20,37,75,.28);
  --on-dark:#F4EEE3;--on-dark-2:rgba(244,238,227,.76);--line-dark:rgba(244,238,227,.16);
  --sign-red:#C8202F;--sign-yellow:#F2B705;--sign-ink:#151A26;
  --wrap:1680px;--gut:clamp(20px,5vw,96px);--sec:clamp(52px,5.6vw,84px);
  --ease:cubic-bezier(.2,.75,.2,1);--header:96px;--header-s:76px;
  --font:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-s) + 8px)}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.6;color:var(--navy);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media (max-width:640px){body{font-size:16.5px}}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
p{margin:0 0 1em;text-wrap:pretty}
h1,h2,h3{margin:0;text-wrap:balance}
h2,h3{font-weight:780;font-stretch:104%;letter-spacing:-.022em;line-height:1.08}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--sun);color:var(--ink)}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:6px}
.wrap{width:min(100% - 2*var(--gut),var(--wrap));margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:16px;z-index:200;background:var(--navy);color:var(--on-dark);padding:12px 18px;border-radius:4px;text-decoration:none;font-weight:600;transform:translateY(-200%);transition:transform .2s}
.skip:focus{transform:none}
.tnum{font-variant-numeric:tabular-nums}
.nw{white-space:nowrap}
.ico{width:20px;height:20px;flex:none}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- Boutons ---------- */
.btn{--bg:var(--navy);--fg:var(--paper);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:4px;border:2px solid transparent;background:var(--bg);color:var(--fg);font-weight:650;font-size:16.5px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .25s var(--ease),border-color .25s var(--ease),transform .2s}
.btn:hover{--bg:var(--ink)}
.btn:active{transform:translateY(1px)}
.btn .i-arrow{width:18px;height:18px;transition:transform .3s var(--ease)}
.btn:hover .i-arrow{transform:translateX(4px)}
.btn--ghost{--bg:transparent;--fg:var(--navy);border-color:var(--line-2)}
.btn--ghost:hover{--bg:var(--paper);border-color:var(--navy)}
.btn--sun{--bg:var(--sun);--fg:var(--ink)}
.btn--sun:hover{--bg:var(--sun-2)}
.btn--line-light{--bg:transparent;--fg:var(--on-dark);border-color:var(--line-dark)}
.btn--line-light:hover{--bg:rgba(244,238,227,.07);border-color:var(--on-dark-2)}
.btn--block{width:100%}

/* ---------- En-tête ---------- */
.header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header);transition:background-color .3s var(--ease),box-shadow .3s var(--ease),height .3s var(--ease)}
.header.is-scrolled{height:var(--header-s);background:var(--cream);box-shadow:0 1px 0 var(--line)}
.header__in{height:100%;display:flex;align-items:center;gap:28px}
.brand{text-decoration:none;color:var(--navy);flex:none}
.logo{--lh:50px;display:block;height:var(--lh);width:calc(var(--lh) * 1.86);color:var(--navy)}
.header .logo{--lh:56px;transition:height .3s var(--ease),width .3s var(--ease)}
.header.is-scrolled .logo{--lh:44px}
.header__in{transition:padding .3s var(--ease)}
.header.is-scrolled .header__in{padding-bottom:12px}
.nav{display:flex;gap:34px;margin-left:auto}
.nav a{position:relative;font-size:16px;font-weight:560;text-decoration:none;color:var(--navy);padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sun);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover{color:var(--sun-deep)}
.nav a:hover::after,.nav a.is-active::after{transform:scaleX(1)}
.header__tel{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:4px;background:var(--navy);color:var(--paper);text-decoration:none;font-weight:650;font-size:16px;transition:background-color .25s}
.header__tel:hover{background:var(--ink)}
.header__tel svg{color:var(--sun)}
.menu-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;border:2px solid var(--line-2);background:transparent;cursor:pointer;color:var(--navy)}
.menu-btn svg{width:22px;height:22px}
@media (max-width:900px){.nav{display:none}.header__tel{margin-left:auto}.menu-btn{display:inline-flex}}
@media (max-width:560px){.header__in{gap:10px}.header__tel span{display:none}.header__tel{width:48px;padding:0;justify-content:center}.header .logo{--lh:46px}.header.is-scrolled .logo{--lh:38px}}
@media (max-width:560px){:root{--header:80px;--header-s:68px}}
/* la route de progression */
.trip{position:absolute;left:0;right:0;bottom:0;height:20px;pointer-events:none;opacity:0;transition:opacity .3s}
.header.is-scrolled .trip{opacity:1}
.trip::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 10px,transparent 10px 18px)}
.trip__van{position:absolute;left:0;bottom:1px;width:38px;height:17px;will-change:transform}
.trip__van svg{width:100%;height:100%}

.mmenu{position:fixed;inset:0;z-index:150;background:var(--ink);color:var(--on-dark);display:flex;flex-direction:column;padding:20px var(--gut) calc(28px + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s .3s}
.mmenu.is-open{opacity:1;visibility:visible;transition:opacity .3s var(--ease)}
.mmenu__top{display:flex;align-items:center;justify-content:space-between;height:56px}
.mmenu .logo{color:var(--on-dark);--lh:44px}
.mmenu__close{width:48px;height:48px;border-radius:4px;border:2px solid var(--line-dark);background:transparent;color:var(--on-dark);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mmenu__close svg{width:22px;height:22px}
.mmenu nav{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--line-dark)}
.mmenu nav a{font-size:26px;font-weight:700;letter-spacing:-.02em;text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line-dark)}
.mmenu__cta{margin-top:auto;display:grid;gap:12px}

/* ---------- Sections communes ---------- */
.section{padding-block:var(--sec)}
.section--sand{background:var(--sand)}
.section--ink{background:var(--ink);color:var(--on-dark)}
.title{font-size:clamp(28px,3vw,42px);font-weight:760;font-stretch:100%;letter-spacing:-.024em;line-height:1.06}
.title em{font-style:normal}
.sub{font-size:clamp(16.5px,1.3vw,18.5px);color:var(--muted);max-width:32em;margin:14px 0 0;text-wrap:balance}
.section--ink .sub{color:var(--on-dark-2)}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.js .reveal.is-in{opacity:1;transform:none}

/* ---------- Haut de page : une scène en pleine largeur, le texte posé sur le ciel ---------- */
.hero{
  --ph:clamp(215px,26.25vw,504px);   /* hauteur du décor */
  --gh:max(215px,26.25vw);           /* échelle du dessin */
  --left:max(var(--gut),(100vw - var(--wrap))/2);
  position:relative;isolation:isolate;overflow:hidden;background:var(--cream);
  padding-top:calc(var(--header) + clamp(20px,3vw,44px))
}
@supports (width:1cqw){.hero{container-type:inline-size;--ph:clamp(215px,26.25cqw,504px);--gh:max(215px,26.25cqw);--left:max(var(--gut),(100cqw - var(--wrap))/2)}}
.hero__text{position:relative;z-index:7;max-width:560px}
.hero__kicker{margin:0 0 14px;font-size:clamp(15px,1.1vw,16.5px);font-weight:650;color:var(--navy-2)}
.hero__title{margin:0;font-size:clamp(32px,3.5vw,50px);font-weight:760;letter-spacing:-.026em;line-height:1.05;color:var(--navy);text-wrap:balance}
.hero__lede{margin:18px 0 0;max-width:28em;font-size:clamp(17px,1.35vw,19.5px);line-height:1.5;color:var(--muted)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.poster{position:relative;height:var(--ph);margin-top:calc(var(--ph) * -.42);pointer-events:none}
.pl{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pl-at{inset:auto;bottom:0;height:var(--gh);width:calc(var(--gh) * 600 / 420);left:calc(100% - var(--left) - var(--gh) * 600 / 420 + 30px)}
.pl-sun{z-index:1}.pl-sea{z-index:2}.pl-rock{z-index:3}.pl-land{z-index:5}.pl-van{z-index:6}
.pl-sun,.pl-van,.pl-rock{will-change:transform}
@media (max-width:899px){
  .hero__text{max-width:none}
  .poster{margin-top:clamp(20px,5vw,36px)}
  .pl-at{left:calc(50% - var(--gh) * 300 / 420)}
}
@media (max-width:620px){.hero__ctas .btn{flex:1 1 100%}}

/* ---------- Accès rapide (comme les tuiles des concessions) ---------- */
.access{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.3vw,16px);padding-top:clamp(20px,2.4vw,30px)}
.qtile{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;border-radius:4px;background:var(--paper);color:var(--navy);text-decoration:none;box-shadow:0 20px 40px -30px rgba(0,0,0,.6);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.qtile:hover{transform:translateY(-3px);box-shadow:0 26px 44px -28px rgba(0,0,0,.7)}
.qtile:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.qtile__ico{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border-radius:4px;background:var(--sand);color:var(--navy)}
.qtile__ico svg{width:21px;height:21px}
.qtile__t{font-size:clamp(17px,1.3vw,18.5px);font-weight:740;letter-spacing:-.01em;line-height:1.2}
.qtile__s{font-size:15px;line-height:1.4;color:var(--muted);text-wrap:balance}
.qtile__go{position:absolute;top:16px;right:16px;width:20px;height:20px;color:var(--sun-deep);transition:transform .25s var(--ease)}
.qtile:hover .qtile__go{transform:translateX(4px)}
@media (max-width:900px){.access{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.qtile{padding:16px 16px 18px}.qtile__ico{width:40px;height:40px;margin-bottom:4px}.qtile__go{top:16px;right:14px}.qtile__s{font-size:15px}}
/* intro */
.js .intro{opacity:0;transform:translateY(16px)}
.is-ready .intro{animation:intro .9s var(--ease) both;animation-delay:calc(var(--d,0) * 110ms + 60ms)}
@keyframes intro{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.js .sun-rise{transform:translateY(46px)}
.hero.is-seen .sun-rise{animation:sunRise 2.2s cubic-bezier(.2,.7,.2,1) .2s both}
@keyframes sunRise{from{transform:translateY(46px)}to{transform:none}}
.js .van-in{transform:translateX(-620px)}
.hero.is-seen .van-in{animation:vanIn 2.4s cubic-bezier(.16,.84,.3,1) .45s both}
@keyframes vanIn{from{transform:translateX(-620px)}to{transform:none}}
.wheel,.wheel__spin{transform-box:fill-box;transform-origin:center}
.van-body{transform-box:fill-box;transform-origin:19% 100%}
/* 620 unités parcourues à l'échelle .78 = 795 unités ; roue de rayon 16 : 7,9 tours, sur la même courbe que l'avancée */
.hero.is-seen .wheel{animation:roll 2.4s cubic-bezier(.16,.84,.3,1) .45s both}
@keyframes roll{from{transform:rotate(-2847deg)}to{transform:none}}
.hero.is-seen .van-body{animation:ride .34s ease-in-out .5s 4,brake 1.2s cubic-bezier(.3,.6,.3,1) 1.25s}
@keyframes ride{50%{transform:translateY(-1.4px)}}
@keyframes brake{30%{transform:rotate(1.1deg)}65%{transform:rotate(-.35deg)}100%{transform:none}}
.glint{transform-box:fill-box;transform-origin:center;animation:glint 5s ease-in-out infinite;animation-delay:calc(var(--g) * -.7s)}
@keyframes glint{0%,100%{transform:scaleX(1);opacity:var(--o)}50%{transform:scaleX(.8);opacity:calc(var(--o) * .5)}}
.gulls{animation:gulls 16s ease-in-out infinite alternate}
@keyframes gulls{to{transform:translate(34px,-10px)}}
.lamp{animation:lamp 3.2s ease-in-out infinite}
@keyframes lamp{50%{opacity:.35}}
.is-off .glint,.is-off .gulls,.is-off .lamp,.is-off .ring{animation-play-state:paused}
.lite .glint,.lite .gulls,.lite .lamp,.lite .ring{animation:none}

/* ---------- Bandeau technicien ---------- */
.who{background:var(--ink);color:var(--on-dark)}
.who__in{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4.4vw,64px);align-items:center;padding-block:clamp(32px,4.4vw,64px)}
.who__photo{margin:0;border-radius:4px;overflow:hidden;aspect-ratio:3/2;background:#1B2A4F}
.who__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
@media (max-width:860px){.who__in{grid-template-columns:1fr}}
.who__name{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:760;letter-spacing:-.022em;line-height:1.1}
.who__txt{margin:10px 0 0;color:var(--on-dark-2);font-size:clamp(16.5px,1.25vw,18.5px);max-width:24em;text-wrap:pretty}
.who__facts{display:grid;margin-top:clamp(20px,2.4vw,28px);border-top:1px solid var(--line-dark)}
.who__facts li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;padding:11px 0;border-bottom:1px solid var(--line-dark);line-height:1.35}
.who__facts b{min-width:4.6em;font-size:18px;font-weight:760;color:var(--sun)}
.who__facts span{font-size:16.5px;color:var(--on-dark)}

/* ---------- Services ---------- */
.svc__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:14px 40px;margin-bottom:clamp(26px,3vw,40px)}
.svc__head .sub{margin:0}
.svc__head .sub a{color:var(--navy);font-weight:650;text-decoration:none;border-bottom:2px solid var(--sun)}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,3vw,44px) clamp(18px,2vw,28px)}
@media (min-width:1100px){.svc{grid-template-columns:repeat(4,minmax(0,1fr))}.svc .svc__card ul{columns:1}.svc .vig__l{font-size:clamp(30px,2.6vw,42px)}}
.svc__card{display:flex;flex-direction:column}
.vig{position:relative;margin:0 0 18px;border-radius:4px;background:var(--sand);aspect-ratio:340/200;overflow:hidden}
.vig svg{width:100%;height:100%}
.vig__l{position:absolute;left:clamp(16px,2vw,26px);top:clamp(12px,1.6vw,20px);font-weight:900;font-stretch:122%;font-size:clamp(34px,3.4vw,52px);line-height:1;color:var(--navy)}
.vig__l--o{width:.66em;height:.66em;border-radius:50%;background:var(--sun);margin-top:.12em}
.svc__card h3{font-size:clamp(21px,1.7vw,24px);margin-bottom:6px}
.svc__card ul{columns:2;column-gap:28px}
.svc__card li{break-inside:avoid}
.svc__card p{color:var(--muted);font-size:16px;line-height:1.5;margin-bottom:10px}
.svc__card li{position:relative;padding:6px 0 6px 18px;font-size:16px;line-height:1.4;border-top:1px solid var(--line)}
.svc__card li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:2px;background:var(--sun)}
@media (max-width:760px){.svc{grid-template-columns:1fr}}
@media (max-width:420px){.svc__card ul{columns:1}}
/* micro-animations des vignettes (une seule fois) */
.awning{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(.04)}
.leg{opacity:0}
.is-in .awning{animation:unroll 1.1s var(--ease) .35s forwards}
.is-in .leg{animation:fadein .4s ease 1.3s forwards}
@keyframes unroll{to{transform:scaleY(1)}}
@keyframes fadein{to{opacity:1}}
.wrench{transform-box:fill-box;transform-origin:50% 50%}
.is-in .wrench{animation:wrench 1.4s var(--ease) .4s both}
@keyframes wrench{0%{transform:rotate(0) scale(.6);opacity:0}30%{transform:rotate(-24deg) scale(1.05);opacity:1}60%{transform:rotate(12deg)}100%{transform:rotate(0)}}
.spark{opacity:0;transform-box:fill-box;transform-origin:center}
.is-in .spark{animation:spark .5s ease-out .9s 2}
@keyframes spark{0%{opacity:0;transform:scale(.4)}40%{opacity:1}100%{opacity:0;transform:scale(1.3)}}
.batt{transform-box:fill-box;transform-origin:0 50%;transform:scaleX(.15)}
.is-in .batt{animation:charge 1.6s var(--ease) .5s forwards}
@keyframes charge{to{transform:scaleX(1)}}
.wire{stroke-dasharray:6 6;stroke-dashoffset:60}
.is-in .wire{animation:flow 1.8s linear .3s 2 forwards}
@keyframes flow{to{stroke-dashoffset:0}}
.loupe{transform:translateX(-70px)}
.is-in .loupe{animation:scan 2s var(--ease) .3s forwards}
@keyframes scan{0%{transform:translateX(-70px)}55%{transform:translateX(86px)}100%{transform:translateX(40px)}}
.check{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4)}
.is-in .check{animation:pop .45s cubic-bezier(.3,1.6,.5,1) 1.9s forwards}
@keyframes pop{to{opacity:1;transform:scale(1)}}

/* ---------- Carte postale ---------- */
.postcard{position:relative;margin:0;height:clamp(190px,26vw,400px);overflow:hidden;background:#C7CCD3}
.postcard img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.js .postcard.reveal{opacity:1;transform:none}
.js .postcard img{transform:scale(1.06);transition:transform 1.8s var(--ease)}
.js .postcard.is-in img{transform:none}
.lite .postcard img{transform:none;transition:none}

/* ---------- Tarifs ---------- */
.rates{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4.5vw,72px);align-items:start}
.signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;gap:clamp(18px,2.4vw,36px);margin-top:clamp(26px,3vw,38px)}
.sg{display:flex;flex-direction:column;align-items:center;text-align:center}
.sg__pole{width:11px;flex:1 0 30px;background:linear-gradient(90deg,#8C95A6,#C7CDD6 45%,#8C95A6);margin-top:-2px}
.sg__cap{margin:12px 0 0;line-height:1.35;min-height:60px}
.sg__cap b{display:block;font-size:17px}
.sg__cap span{font-size:15px;color:var(--muted)}
.limit{position:relative;z-index:1;width:clamp(128px,10.4vw,150px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 clamp(12px,1.05vw,15px) var(--sign-red),0 0 0 3px #fff,0 20px 32px -18px rgba(14,26,54,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sign-ink)}
.limit b{font-size:clamp(50px,4.3vw,62px);font-weight:820;font-stretch:78%;letter-spacing:-.03em;line-height:.85}
.limit small{font-size:15px;font-weight:760;font-stretch:90%;margin-top:4px}
.borne{position:relative;z-index:1;width:clamp(114px,9.3vw,132px);aspect-ratio:160/196;background:#fff;border-radius:50% 50% 10px 10px/36% 36% 10px 10px;overflow:hidden;box-shadow:inset 0 -14px 0 #D8D3C8,0 20px 32px -18px rgba(14,26,54,.55);display:flex;flex-direction:column;align-items:center;color:var(--sign-ink)}
.borne__cap{width:100%;height:40%;background:var(--sign-yellow);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-size:17px;font-weight:800;font-stretch:85%}
.borne__n{margin-top:12%;font-size:clamp(36px,3.1vw,44px);font-weight:820;font-stretch:78%;letter-spacing:-.02em;line-height:1}
.borne__n small{display:block;font-size:14px;font-weight:700;letter-spacing:0;margin-top:2px}
.js .sg.reveal{transform:translateY(-30px) rotate(-3deg);transform-origin:50% 100%}
.js .sg.reveal.is-in{transform:none;transition-timing-function:cubic-bezier(.3,1.5,.5,1)}
.rates__note{margin-top:28px;font-size:17px;color:var(--muted)}
@media (max-width:980px){.rates{grid-template-columns:1fr}}
@media (max-width:420px){.signs{gap:14px}.limit{width:124px}.borne{width:106px}}

/* panneau directionnel */
.dsign{display:inline-flex;background:var(--sign-ink);padding:2.5px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);border-radius:5px 0 0 5px}
.dsign__in{display:flex;align-items:baseline;justify-content:space-between;gap:24px;width:100%;background:#fff;color:var(--sign-ink);clip-path:polygon(0 0,calc(100% - 22.5px) 0,100% 50%,calc(100% - 22.5px) 100%,0 100%);border-radius:3px 0 0 3px;padding:7px 36px 7px 14px;font-weight:760;font-stretch:86%;font-size:19px;line-height:1.2}
.dsign__in b{font-weight:820;font-variant-numeric:tabular-nums}

/* estimateur */
.est{background:var(--paper);border-radius:4px;overflow:hidden;box-shadow:0 40px 80px -50px rgba(14,26,54,.55),0 0 0 1px var(--line)}
.est__form{padding:clamp(20px,2.4vw,30px)}
.est__h{font-size:clamp(20px,1.7vw,23px);margin-bottom:18px}
.est__lbl{display:block;font-size:16px;font-weight:700;margin-bottom:8px}
.est__step+.est__step{margin-top:20px}
.combo{position:relative}
.combo__field{position:relative}
.combo__field>svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.combo input{width:100%;height:52px;padding:0 50px 0 46px;border-radius:4px;border:2px solid var(--line-2);background:var(--cream);font-size:17px;transition:border-color .2s,background-color .2s,box-shadow .2s}
.combo input::placeholder{color:#717A92}
.combo input:focus{outline:none;border-color:var(--navy);background:#fff;box-shadow:0 0 0 4px rgba(226,120,47,.24)}
.combo__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;display:none;align-items:center;justify-content:center}
.combo__clear svg{width:20px;height:20px}
.combo.has-value .combo__clear{display:inline-flex}
.combo__list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);max-height:340px;overflow:auto;background:#fff;border:1px solid var(--line-2);border-radius:4px;box-shadow:0 24px 48px -20px rgba(14,26,54,.35);padding:6px}
.combo__list[hidden]{display:none}
.combo__opt{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-radius:4px;cursor:pointer;font-size:16.5px}
.combo__opt small{font-size:15px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.combo__opt[aria-selected="true"],.combo__opt:hover{background:var(--cream)}
.combo__empty{padding:14px;font-size:17px;color:var(--muted)}
.quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.quick button{border:1.5px solid var(--line-2);background:transparent;border-radius:4px;padding:7px 14px;font-size:15px;cursor:pointer;color:var(--navy);transition:background-color .2s,border-color .2s}
.quick button:hover{background:var(--cream);border-color:var(--navy)}
.stepper{display:flex;align-items:center;border:2px solid var(--line-2);border-radius:4px;width:max-content;background:var(--cream)}
.stepper button{width:54px;height:50px;border:0;background:transparent;cursor:pointer;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}
.stepper button:hover:not(:disabled){background:var(--sand)}
.stepper button:disabled{opacity:.3;cursor:not-allowed}
.stepper button svg{width:21px;height:21px}
.stepper output{min-width:118px;text-align:center;font-size:19px;font-weight:760;font-variant-numeric:tabular-nums;border-inline:1px solid var(--line)}
.est__res{background:var(--navy);color:var(--on-dark);padding:clamp(20px,2.4vw,30px)}
.est__res .dsign{margin-bottom:16px;max-width:100%}
.est__res .dsign__in{min-width:220px}
.est__res .dsign.is-empty .dsign__in{color:#7B8294}
.dsign.is-swap{animation:swap .5s var(--ease)}
@keyframes swap{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}
.est__total{margin:0 0 4px;font-size:clamp(46px,4.3vw,62px);font-weight:860;font-stretch:110%;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.est__total.is-empty{opacity:.32}
.est__detail{font-size:16px;color:var(--on-dark-2);margin:0 0 18px;min-height:1.6em}
.est__detail b{color:var(--on-dark);font-weight:650}
.est__note{font-size:14px;color:var(--on-dark-2);margin:12px 0 0}

/* ---------- Vente ---------- */
.sell__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px;align-items:center;margin-bottom:clamp(34px,4vw,54px)}
.sell__visual{position:relative;justify-self:end;width:min(100%,420px);padding:0 0 clamp(50px,5vw,64px) clamp(22px,3vw,40px)}
.sell__photo{margin:0;padding:10px;background:#fff;border-radius:6px;transform:rotate(2.4deg);box-shadow:0 36px 60px -36px rgba(14,26,54,.75),0 0 0 1px rgba(20,37,75,.06)}
.sell__photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px}
.sell__visual .placard{position:absolute;left:0;bottom:0;width:min(82%,280px)}
@media (max-width:560px){.sell__visual{padding:0 0 92px 16px}.sell__visual .placard{width:64%;padding:16px 16px 14px}.sell__visual .placard__t{font-size:30px}.sell__visual .placard__l{margin-top:14px;font-size:15px}.sell__visual .placard__s{font-size:12.5px;margin-top:8px}.sell__visual .placard::before,.sell__visual .placard::after{width:56px;height:20px;top:-9px}}
.placard{position:relative;justify-self:center;width:min(100%,280px);padding:20px 20px 17px;background:var(--sun);color:var(--ink);border-radius:6px;transform:rotate(-4deg);box-shadow:0 30px 50px -28px rgba(14,26,54,.7)}
.placard::before,.placard::after{content:"";position:absolute;top:-10px;width:64px;height:22px;background:rgba(252,249,243,.72);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.placard::before{left:18px;transform:rotate(-8deg)}
.placard::after{right:18px;transform:rotate(7deg)}
.placard__t{display:block;white-space:nowrap;font-weight:900;font-stretch:104%;font-size:clamp(32px,3vw,42px);letter-spacing:-.03em;line-height:.9;text-transform:uppercase}
.placard__l{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-bottom:5px;border-bottom:2px solid var(--ink);font-weight:700;font-stretch:90%;font-size:17px}
.placard__l span:first-child{font-weight:560}
.placard__s{margin:10px 0 0;font-size:13.5px;font-weight:600;opacity:.8}
.js .placard.reveal{transform:rotate(-16deg) translateY(-24px) scale(1.06)}
.js .placard.reveal.is-in{transform:rotate(-4deg);transition-timing-function:cubic-bezier(.3,1.45,.5,1)}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plan{display:flex;flex-direction:column;padding:clamp(22px,2.6vw,32px);border-radius:4px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.plan--feat{background:var(--navy);color:var(--on-dark);box-shadow:none}
.plan__top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.plan h3{font-size:clamp(23px,2.1vw,27px);font-weight:760;font-stretch:100%}
.plan__badge{font-size:13px;font-weight:700;letter-spacing:.06em;background:var(--sun);color:var(--ink);padding:7px 12px;border-radius:4px;white-space:nowrap}
.plan__tag{font-size:17px;color:var(--muted);margin:0 0 16px}
.plan--feat .plan__tag{color:var(--on-dark-2)}
.plan ul{margin-bottom:20px}
.plan li{display:flex;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:16.5px}
.plan--feat li{border-color:var(--line-dark)}
.plan li svg{flex:none;width:20px;height:20px;color:var(--sun-deep)}
.plan--feat li svg{color:var(--sun)}
.plan__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.plan__price{font-size:18px;font-weight:700;margin:0}
@media (max-width:860px){.sell__head{grid-template-columns:1fr}.sell__visual{justify-self:start;margin-top:8px}.plans{grid-template-columns:1fr}.plan__foot .btn{flex:1 1 100%}}

/* ---------- Zone ---------- */
.zone{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,4vw,64px);align-items:center}
.post{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:clamp(26px,3vw,38px);padding-bottom:44px;width:max-content;max-width:100%}
.post::before{content:"";position:absolute;left:24px;top:-12px;bottom:0;width:11px;background:linear-gradient(90deg,#6F7889,#AEB5C2 45%,#6F7889);border-radius:2px}
.post__sign{position:relative;border:0;background:none;padding:0;cursor:pointer;text-align:left;transition:transform .3s var(--ease)}
.post__sign .dsign__in{min-width:min(270px,calc(100vw - 2*var(--gut)))}
.post__sign:hover{transform:translateX(6px)}
.post__sign:focus-visible{outline-offset:4px}
.js .post__sign.reveal{transform:perspective(600px) rotateY(-78deg);transform-origin:0 50%}
.js .post__sign.reveal.is-in{transform:none}
.post__hint{margin:4px 0 0;font-size:15px;color:var(--on-dark-2)}
.map{position:relative;margin:0;border-radius:4px;overflow:hidden;background:#0B1530;box-shadow:0 0 0 1px var(--line-dark)}
.map svg{width:100%;height:auto}
.m-sea{fill:#0B1530}
.m-neigh{fill:#15244A;stroke:#22355F;stroke-width:1}
.m-dept{fill:#1D3264}
.m-com{fill:none;stroke:rgba(244,238,227,.1);stroke-width:.8;vector-effect:non-scaling-stroke}
.m-out{fill:none;stroke:var(--sun);stroke-width:2.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.m-reg{font-family:var(--font);font-size:15px;font-weight:650;letter-spacing:.24em;text-transform:uppercase;fill:rgba(244,238,227,.32)}
.m-reg--sea{font-size:17px;fill:rgba(244,238,227,.38)}
.pin{cursor:pointer;outline:none}
.pin circle{fill:var(--on-dark);stroke:#0B1530;stroke-width:2.5;transition:r .2s,fill .2s}
.pin text{font-family:var(--font);font-size:19px;font-weight:580;fill:var(--on-dark);paint-order:stroke;stroke:#0B1530;stroke-width:5px;stroke-linejoin:round}
.pin .km{fill:var(--sun);font-weight:700;opacity:0;transition:opacity .2s}
.pin:hover circle,.pin:focus-visible circle{fill:var(--sun);r:8px}
.pin:hover .km,.pin:focus-visible .km{opacity:1}
.pin--home circle.dot{fill:var(--sun);stroke:var(--on-dark);stroke-width:3.5}
.pin--home text{font-size:23px;font-weight:760}
.pin--home .sub{font-size:13px;font-weight:700;letter-spacing:.18em;fill:var(--sun)}
.pin--home .ring{fill:none;stroke:var(--sun);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ring 3.2s ease-out infinite}
@keyframes ring{from{transform:scale(1);opacity:.9}to{transform:scale(4.2);opacity:0}}
.m-scale line{stroke:rgba(244,238,227,.6);stroke-width:2}
.m-scale text{font-family:var(--font);font-size:14px;font-weight:600;fill:rgba(244,238,227,.7)}
@media (max-width:700px){.pin--minor text{display:none}.pin text{font-size:30px;stroke-width:7px}.pin--home text{font-size:34px}.pin--home .sub{font-size:20px}.m-reg{font-size:22px}.m-reg--sea{font-size:24px}.m-scale text{font-size:22px}}
@media (max-width:980px){.zone{grid-template-columns:1fr}.zone__map{order:2}}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,72px);align-items:start}
.faq__side .btn{margin-top:22px}
.qa{border-top:2px solid var(--navy)}
.qa details{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;cursor:pointer;font-size:clamp(16.5px,1.35vw,19px);font-weight:660;line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--sun-deep)}
.qa__ico{flex:none;width:36px;height:36px;border-radius:50%;border:2px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;transition:transform .35s var(--ease),background-color .25s,border-color .25s}
.qa__ico svg{width:16px;height:16px}
.qa details[open] .qa__ico{transform:rotate(45deg);background:var(--navy);border-color:var(--navy);color:var(--paper)}
.qa__a{padding:0 56px 20px 0;color:var(--muted);font-size:16.5px;line-height:1.6}
.qa__a p:last-child{margin:0}
.qa details::details-content{block-size:0;overflow:hidden;transition:block-size .4s var(--ease),content-visibility .4s allow-discrete}
.qa details[open]::details-content{block-size:auto}
@media (max-width:900px){.faq{grid-template-columns:1fr}.qa__a{padding-right:0}}

/* ---------- Contact + carte de visite ---------- */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,4.5vw,72px);align-items:start}
.bcard{--u:min(4px,calc((100vw - 2 * var(--gut)) / 100));container-type:inline-size;width:min(100%,400px);margin-top:clamp(24px,3vw,34px);perspective:1600px}
.bcard__inner{position:relative;aspect-ratio:85/55;transform-style:preserve-3d;transition:transform .9s var(--ease)}
.bcard.is-flipped .bcard__inner{transform:rotateY(180deg)}
.bcard__face{position:absolute;inset:0;border-radius:14px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--paper);box-shadow:0 34px 60px -34px rgba(14,26,54,.6),0 0 0 1px rgba(14,26,54,.08);display:flex;flex-direction:column}
.bcard__back{transform:rotateY(180deg)}
.bcard__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 1.5);gap:1.5cqw;padding-top:calc(var(--u) * 3);padding-top:3cqw}
.bc-logo{display:block;width:calc(var(--u) * 50);width:50cqw;height:calc(var(--u) * 26.9);height:26.9cqw;color:var(--navy)}
.bc-name{margin-top:calc(var(--u) * 3.4);margin-top:3.4cqw;font-size:calc(var(--u) * 4.6);font-size:4.6cqw;font-weight:720;color:var(--navy)}
.bcard__band{position:relative;height:21%;background:var(--navy);display:flex;align-items:center;justify-content:center}
.bcard__band a{color:var(--paper);text-decoration:none;font-weight:780;font-size:calc(var(--u) * 6.2);font-size:6.2cqw;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.bcard__band a:hover{color:var(--sun-2)}
.bcard__band--sm a{font-size:calc(var(--u) * 4.6);font-size:4.6cqw}
.bc-sil{position:absolute;left:0;right:0;bottom:21%;height:calc(var(--u) * 13);height:13cqw;pointer-events:none}
.bc-sil svg{width:100%;height:100%}
.bc-list{list-style:none;padding:calc(var(--u) * 7) 0 0 calc(var(--u) * 7);padding:7cqw 0 0 7cqw;margin:0;flex:1}
.bc-list li{font-size:calc(var(--u) * 5.4);font-size:5.4cqw;font-weight:780;line-height:1.3;color:var(--navy)}
.bc-list b{color:var(--sun);font-weight:860}
.bcard__flip{margin-top:16px;display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:6px 0;cursor:pointer;font-size:16px;font-weight:650;color:var(--navy);border-bottom:2px solid var(--sun)}
.bcard__flip svg{width:20px;height:20px;transition:transform .5s var(--ease)}
.bcard.is-flipped + .bcard__flip svg{transform:rotate(180deg)}
.contact__place{display:flex;gap:12px;align-items:center;margin:20px 0 0;color:var(--muted);font-size:16px}
.contact__place svg{width:22px;height:22px;color:var(--sun-deep);flex:none}
.form{background:var(--paper);border-radius:4px;padding:clamp(22px,2.8vw,34px);box-shadow:0 40px 80px -50px rgba(14,26,54,.5),0 0 0 1px var(--line)}
.form h3{font-size:23px;margin-bottom:18px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fgrid .full{grid-column:1/-1}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
.field label{display:block;font-size:15.5px;font-weight:650;margin-bottom:6px}
.field label span{font-weight:400;color:var(--muted)}
.field input,.field textarea{width:100%;min-height:50px;padding:10px 14px;border-radius:4px;border:2px solid var(--line-2);background:var(--cream);font-size:16.5px;transition:border-color .2s,background-color .2s,box-shadow .2s}
.field textarea{min-height:110px;resize:vertical;line-height:1.5}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--navy);background:#fff;box-shadow:0 0 0 4px rgba(226,120,47,.24)}
.field input:user-invalid,.field textarea:user-invalid{border-color:#B4231A}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form__foot{margin-top:18px;display:grid;gap:12px}
.form__legal{font-size:14px;color:var(--muted);margin:0}
.form__status{display:none;padding:12px 14px;border-radius:4px;font-size:16px;line-height:1.5}
.form__status.is-ok{display:block;background:#E6F1E8;color:#1F5130}
.form__status.is-info{display:block;background:#FBEBDD;color:#6D3610}
@media (max-width:920px){.contact{grid-template-columns:1fr}}

/* ---------- Pied de page ---------- */
.foot-sil{background:linear-gradient(to top,var(--navy) 25.34%,var(--sand) 25.34%);line-height:0}
.foot-sil svg{width:100%;height:clamp(56px,7vw,130px)}
.footer{background:var(--navy);color:var(--on-dark);padding:36px 0 calc(30px + env(safe-area-inset-bottom))}
.footer__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px}
.footer .logo{color:var(--on-dark);--lh:50px}
.footer__links{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center}
.footer__links a,.footer__links button{color:var(--on-dark-2);text-decoration:none;font-size:16px;background:none;border:0;padding:0;cursor:pointer}
.footer__links a:hover,.footer__links button:hover{color:var(--on-dark)}
.footer__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dark);font-size:14px;color:var(--on-dark-2)}

.footer__credit a{color:var(--on-dark);text-decoration:none;border-bottom:1px solid var(--sun);padding-bottom:1px}
.footer__credit a:hover{color:var(--sun-2)}
.legal a{color:var(--navy);font-weight:650}

/* ---------- Barre d'appel mobile ---------- */
.callbar{display:none}
@media (max-width:760px){
  .callbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-radius:4px;background:var(--ink);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);transform:translateY(140%);transition:transform .45s var(--ease)}
  .callbar.is-on{transform:none}
  .callbar .btn{min-height:50px;font-size:16px;padding:0 12px}
  .footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}

/* ---------- Mentions légales ---------- */
dialog.legal{width:min(720px,calc(100% - 32px));max-height:min(86vh,900px);border:0;border-radius:4px;padding:0;background:var(--cream);color:var(--navy);box-shadow:0 40px 100px rgba(0,0,0,.4)}
dialog.legal::backdrop{background:rgba(14,26,54,.6)}
.legal__in{padding:clamp(24px,4vw,44px);overflow:auto;max-height:inherit}
.legal__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.legal h2{font-size:30px}
.legal h3{font-size:18px;margin:24px 0 8px}
.legal p{font-size:16px;color:var(--muted);margin-bottom:.6em}
.legal__x{width:44px;height:44px;border-radius:4px;border:2px solid var(--line-2);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.legal__x svg{width:20px;height:20px}

/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.lite .js .reveal,.js.lite .reveal,.js.lite .intro{transition-duration:.35s}
@supports not (aspect-ratio:1/1){
  .bcard__inner{height:0;padding-top:64.7%}
  .vig{height:0;padding-top:58.8%}.vig svg{position:absolute;top:0;left:0}
  .limit{height:clamp(128px,10.4vw,150px)}
  .borne{height:calc(clamp(114px,9.3vw,132px) * 1.225)}
  .who__photo,.sell__photo img{height:auto}
}
@media (max-width:420px){@supports not (aspect-ratio:1/1){.limit{height:124px}.borne{height:130px}}}
/* très petits écrans (320 px) : rien ne doit déborder */
@media (max-width:360px){
  .plan{padding:24px 20px}
  .btn{white-space:normal;text-align:center;padding:12px 18px;line-height:1.25}
  .plan__top{flex-wrap:wrap;gap:8px}
}

/* ---------- v37 : référencement (titre, liens internes, pied de page) ---------- */
.hero__h1{margin:0;font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:inherit}
.hero__h1>.hero__kicker,.hero__h1>.hero__title{display:block}
.svc__more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:14px;padding:6px 0 4px;font-weight:650;font-size:16px;color:var(--navy);text-decoration:none;border-bottom:2px solid var(--sun);transition:color .2s}
.svc__more .i-arrow{width:17px;height:17px;transition:transform .3s var(--ease)}
.svc__more:hover{color:var(--sun-deep)}
.svc__card ul{margin-bottom:4px}
.svc__card .svc__more{margin-top:auto;padding-top:16px}
.svc__more:hover .i-arrow{transform:translateX(4px)}
.sell__more{margin:22px 0 0}
.zone__links{margin-top:clamp(28px,3vw,40px);padding-top:22px;border-top:1px solid var(--line-dark)}
.zone__links p{margin:0 0 10px;font-size:15px;font-weight:650;color:var(--on-dark)}
.zone__links ul{display:flex;flex-wrap:wrap;gap:8px}
.zone__links li a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:4px;border:1px solid var(--line-dark);color:var(--on-dark-2);text-decoration:none;font-size:15px;transition:border-color .2s,color .2s}
.zone__links li a:hover{border-color:var(--on-dark-2);color:var(--on-dark)}
.zone__all{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 0 4px;color:var(--on-dark);font-weight:650;font-size:16px;text-decoration:none;border-bottom:2px solid var(--sun)}
.zone__all .i-arrow{width:17px;height:17px}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.25fr) minmax(0,.9fr);gap:36px 40px}
.footer__tag{margin:16px 0 12px;max-width:22em;font-size:15px;line-height:1.5;color:var(--on-dark-2)}
.footer__brand .footer__links{flex-direction:column;align-items:flex-start;gap:6px}
.footer__h{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sun)}
.footer__col ul{display:grid;gap:2px}
.footer__col--cities ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.footer__col--cities li:last-child{grid-column:1/-1}
.footer__col a,.footer__col button{display:inline-block;padding:5px 0;color:var(--on-dark-2);text-decoration:none;font-size:15.5px;line-height:1.35;background:none;border:0;cursor:pointer;text-align:left}
.footer__col a:hover,.footer__col button:hover{color:var(--on-dark)}
@media (max-width:980px){.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr}}
/* v42 : décor allégé */
.zone__links ul{display:flex;flex-wrap:wrap;gap:2px 22px}
.zone__links li{display:inline-flex;align-items:center}
.zone__links li a,.zone__links li>span{min-height:0;padding:6px 0;border:0;border-radius:0;font-size:16px;color:var(--on-dark-2);text-decoration:underline;text-decoration-color:rgba(244,238,227,.25);text-underline-offset:4px}
.zone__links li>span{text-decoration:none}
.zone__links li a:hover{color:var(--on-dark);text-decoration-color:var(--sun)}
.zone__links small{margin-left:5px;font-size:13px;opacity:.7}
.qtile__go{display:none}
.svc__more,.zone__all{border-bottom:0;text-decoration:underline;text-decoration-color:var(--sun);text-decoration-thickness:2px;text-underline-offset:5px}
.post__hint{margin-top:14px}


/* v43 : prestations en grandes lettres, comme le logo */
.svc__l{display:flex;align-items:center;height:clamp(64px,5.6vw,86px);margin-bottom:16px;padding-bottom:14px;border-bottom:3px solid var(--navy);font-weight:900;font-stretch:122%;font-size:clamp(60px,5.4vw,84px);line-height:1;color:var(--navy)}
.svc__o{display:block;width:.72em;height:.72em;border-radius:50%;background:var(--sun)}

/* v44 : tarifs compacts, estimateur en deux colonnes */
.rates{grid-template-columns:1fr;gap:clamp(22px,2.6vw,32px)}
.rates__more{margin:10px 0 0;font-size:16px;color:var(--muted);max-width:40em}
@media (min-width:860px){.est{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.est__res{display:flex;flex-direction:column;justify-content:center}.est__res .dsign{align-self:flex-start}}

/* v45 : le site occupe la largeur de l'écran ; sur grand écran, les textes grandissent un peu */
@media (min-width:1600px){
  body{font-size:18px}
  .title{font-size:clamp(42px,2.6vw,56px)}
  .sub{font-size:20px}
  .hero__title{font-size:clamp(50px,3.1vw,64px)}
  .hero__lede{font-size:21px}
  .hero__kicker{font-size:17.5px}
  .hero__text{max-width:680px}
  .svc__card h3{font-size:26px}.svc__card p,.svc__card li{font-size:17px}
  .qtile__t{font-size:20px}.qtile__s{font-size:16px}
  .nav a{font-size:17px}
  .btn{min-height:56px;font-size:17.5px}
}
@media (min-width:2200px){
  :root{--wrap:2080px}
  body{font-size:20px}
  .title{font-size:64px}.sub{font-size:22px}
  .hero__title{font-size:76px}.hero__lede{font-size:23px}.hero__kicker{font-size:19px}.hero__text{max-width:820px}
  .svc__card h3{font-size:30px}.svc__card p,.svc__card li{font-size:19px}
  .qtile__t{font-size:23px}.qtile__s{font-size:18px}
  .nav a{font-size:19px}.header__tel{font-size:18px;min-height:52px}
  .btn{min-height:62px;font-size:19px;padding:0 30px}
  .who__name{font-size:38px}.who__txt{font-size:21px}.who__facts span{font-size:19px}
  .qa summary{font-size:22px}.qa__a{font-size:19px}
  .plan h3{font-size:32px}.plan li{font-size:19px}
  .est__h{font-size:28px}.est__total{font-size:76px}
  .footer__col a,.footer__col button{font-size:17.5px}
}
@media (min-width:1921px){.poster{margin-top:calc(var(--ph) * -.1)}}

/* v48 : ordinateur plus grand, premier écran jusqu'aux tuiles, logo agrandi */
.who__in--text{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}
.who__in--text .who__facts{margin-top:0}
@media (max-width:860px){.who__in--text{grid-template-columns:1fr}}
.header .logo{--lh:64px}
.header.is-scrolled .logo{--lh:50px}
@media (max-width:560px){.header .logo{--lh:52px}.header.is-scrolled .logo{--lh:42px}}
@media (min-width:900px){
  .hero{display:flex;flex-direction:column}
  .hero>.wrap{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding-bottom:calc(var(--ph) * .42 + 18px)}
}
@media (min-width:1100px){
  :root{--header:108px;--header-s:80px}
  body{font-size:18px}
  .title{font-size:clamp(34px,3.1vw,52px)}
  .sub{font-size:clamp(18px,1.35vw,21px)}
  .hero__kicker{font-size:clamp(16px,1.15vw,19px)}
  .hero__title{font-size:clamp(42px,3.9vw,66px)}
  .hero__lede{font-size:clamp(19px,1.45vw,23px)}
  .hero__text{max-width:min(760px,48vw)}
  .btn{min-height:58px;font-size:18px;padding:0 28px}
  .nav a{font-size:17.5px}
  .header__tel{min-height:50px;font-size:17px}
  .qtile{padding:20px 22px 22px}
  .qtile__t{font-size:clamp(19px,1.4vw,23px)}
  .qtile__s{font-size:16.5px}
  .svc__card h3{font-size:clamp(23px,1.8vw,28px)}
  .svc__card p,.svc__card li{font-size:17px}
  .who__name{font-size:clamp(28px,2.4vw,38px)}
  .who__txt{font-size:clamp(18px,1.35vw,21px)}
  .who__facts b{font-size:20px}.who__facts span{font-size:18px}
  .qa summary{font-size:clamp(18px,1.4vw,21px)}
  .qa__a{font-size:17.5px}
  .plan h3{font-size:clamp(26px,2.2vw,32px)}.plan li{font-size:17.5px}
  .est__h{font-size:clamp(22px,1.8vw,26px)}
  .est__total{font-size:clamp(54px,4.6vw,72px)}
  .footer__col a,.footer__col button{font-size:16.5px}
}
@media (min-width:900px) and (max-height:1000px){
  :root{--header:96px;--header-s:76px}
  .hero{padding-top:calc(var(--header) + 12px)}
  .hero__kicker{margin-bottom:10px}
  .hero__title{font-size:clamp(34px,min(3.9vw,5.6vh),60px)}
  .hero__lede{margin-top:12px}
  .hero__ctas{margin-top:20px}
  .access{padding-top:20px}
}
@media (min-width:900px) and (max-height:780px){
  .header .logo{--lh:56px}
  .btn{min-height:50px}
  .qtile{padding:14px 18px 16px}.qtile__ico{width:34px;height:34px;margin-bottom:2px}
}

/* v50 : l'affiche remplit aussi le premier écran sur téléphone et tablette ; icônes des tuiles en orange */
.hero{display:flex;flex-direction:column}
.hero>.wrap{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center}
.qtile__ico{background:var(--sun);color:var(--ink)}

/* =========================================================
   Pages internes (prestations, villes, zones)
   ========================================================= */
.phero{position:relative;background:var(--cream);padding:calc(var(--header) + clamp(12px,1.8vw,24px)) 0 clamp(38px,4.4vw,62px)}
.phero__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,60px);align-items:center}
.phero__title{margin:0;font-size:clamp(29px,3.2vw,44px);font-weight:760;letter-spacing:-.026em;line-height:1.05;color:var(--navy);text-wrap:balance}
.phero .hero__lede{max-width:30em}
.phero__aside{min-width:0;width:100%;max-width:440px;justify-self:end}
.phero__aside .vig{margin:0;box-shadow:0 30px 60px -40px rgba(14,26,54,.6)}
.phero__aside .sell__visual{justify-self:auto;margin-inline:auto}
@media (max-width:900px){.phero__in{grid-template-columns:1fr}.phero__aside{justify-self:start;max-width:480px}}

/* fil d'Ariane */
.crumbs{margin-bottom:14px}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;font-size:14.5px;line-height:1.3;color:var(--muted)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"";width:6px;height:6px;margin:0 12px 0 8px;border-top:2px solid var(--line-2);border-right:2px solid var(--line-2);transform:rotate(45deg)}
.crumbs a{display:inline-block;padding:6px 0;color:var(--navy-2);text-decoration:none;border-bottom:1px solid var(--line-2)}
.crumbs a:hover{color:var(--sun-deep);border-color:var(--sun)}

/* panneaux de direction (aside des villes et des zones) */
.cityboard{display:flex;flex-direction:column;align-items:flex-start}
.cityboard__cap{margin:0 0 4px;font-size:14px;font-weight:650;letter-spacing:.02em;color:var(--muted)}
.post--light{margin-top:16px;padding-bottom:34px}
.post--light::before{background:linear-gradient(90deg,#8D95A3,#C3C8D1 45%,#8D95A3)}
a.post__sign{text-decoration:none;color:inherit}
.post__sign--here{cursor:default}
.post__sign--here:hover{transform:none}
.post__sign--here .dsign__in{font-size:21px;padding-block:9px}
@media (max-width:420px){.post__sign .dsign__in{font-size:17.5px;gap:14px}.post__sign--here .dsign__in{font-size:19px}}

/* en-têtes de section */
.sec-head{max-width:46em;margin-bottom:clamp(22px,2.8vw,34px)}
.sec-head .sub{max-width:36em}

/* cartes de prestations */
.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
@media (min-width:1000px){.items--6{grid-template-columns:repeat(3,minmax(0,1fr))}.items--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.item{padding:clamp(18px,2vw,24px);border-radius:4px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.item h3{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:clamp(18px,1.45vw,20.5px)}
.item h3::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--sun)}
.item p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.items__h2{margin:clamp(30px,3.4vw,44px) 0 clamp(16px,1.8vw,22px);font-size:clamp(22px,2vw,27px)}
@media (max-width:760px){.items{grid-template-columns:1fr}}
.note{margin-top:clamp(18px,2.2vw,26px);padding:14px 18px;border-left:4px solid var(--sun);border-radius:0 14px 14px 0;background:var(--paper);font-size:16px;line-height:1.55}
.note p{margin:0}

/* déroulé et tarifs */
.how{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,4.5vw,72px);align-items:start}
@media (max-width:980px){.how{grid-template-columns:1fr}}
.steps{counter-reset:st;margin:clamp(20px,2.4vw,28px) 0 0;padding:0;list-style:none;border-top:2px solid var(--navy)}
.steps li{counter-increment:st;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(st);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--paper);font-weight:760;font-size:16px}
.steps p{margin:0;padding-top:5px;font-size:16.5px;line-height:1.45}
.steps b{display:block;font-weight:700}
.steps span{display:block;margin-top:2px;color:var(--muted)}
.price{padding:clamp(22px,2.4vw,30px);border-radius:4px;background:var(--sand)}
.price__h{margin-bottom:4px;font-size:clamp(20px,1.7vw,23px)}
.price .signs{margin-top:clamp(18px,2.2vw,24px)}
.price__note{margin:16px 0 4px;font-size:15px;color:var(--muted)}
.why{display:grid;margin-top:18px}
.why li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid var(--line-2);font-size:16px;line-height:1.5}
.why li svg{flex:none;width:20px;height:20px;margin-top:3px;color:var(--sun-deep)}

/* technicien + villes (fond encre) */
.section-who{padding-block:var(--sec)}
.tech{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,72px);align-items:start}
.tech__name{margin:0 0 8px;font-size:clamp(22px,2.1vw,28px);font-weight:760;letter-spacing:-.02em;line-height:1.1}
.tech__txt{max-width:28em;margin-bottom:0;color:var(--on-dark-2);font-size:16.5px}
.tech .zone__links{margin-top:0;padding-top:0;border-top:0}
.neigh__h{margin:0 0 6px;font-size:clamp(20px,1.8vw,24px)}
.neigh__s{font-weight:400!important;color:var(--on-dark-2)!important;margin-bottom:16px!important}
.zone__links li>span{display:inline;padding:6px 0;color:var(--on-dark-2);font-size:16px}
.zone__links small{margin-left:5px;font-size:13px;opacity:.7}
@media (max-width:860px){.tech{grid-template-columns:1fr}}

/* tuiles de prestations (pages villes) */
.svclinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:clamp(12px,1.6vw,20px)}
.svclinks .qtile{box-shadow:0 0 0 1px var(--line),0 20px 40px -34px rgba(14,26,54,.55)}
.svclinks .qtile__t{padding-right:28px}

/* chiffres du déplacement */
.trip-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.fact{padding:18px 18px 16px;border-radius:4px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}
.fact b{display:block;font-size:clamp(25px,2.3vw,31px);font-weight:800;font-stretch:86%;letter-spacing:-.02em;line-height:1.05;white-space:nowrap}
.fact span{display:block;margin-top:4px;font-size:15px;line-height:1.35;color:var(--muted)}
.fact--sun{background:var(--navy);box-shadow:none}
.fact--sun b{color:var(--sun)}
.fact--sun span{color:var(--on-dark-2)}
@media (max-width:900px){.trip-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:360px){.fact{padding:18px 16px}.fact b{font-size:27px}}
.tscroll{max-width:min(100%,900px);overflow-x:auto;-webkit-overflow-scrolling:touch}
.ptable{width:100%;margin-top:clamp(22px,2.4vw,30px);border-collapse:separate;border-spacing:0;background:var(--paper);border-radius:4px;box-shadow:inset 0 0 0 1px var(--line);font-size:16px}
.ptable caption{caption-side:top;padding:0 0 10px;text-align:left;font-weight:700;font-size:17.5px}
.ptable th,.ptable td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--line)}
.ptable thead th{font-size:14px;font-weight:700;color:var(--muted)}
.ptable tbody tr:last-child>*{border-bottom:0}
.ptable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ptable tbody th{font-weight:650}
.src{max-width:900px;margin:14px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.src a{color:var(--navy);font-weight:650}
@media (max-width:560px){.ptable{font-size:16px}.ptable th,.ptable td{padding:12px 10px}.ptable thead th{font-size:13.5px}}

/* page zones */
.citycards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.citycard{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 44px 14px 18px;border-radius:4px;background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--navy);text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.citycard:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-2),0 18px 36px -28px rgba(14,26,54,.6)}
.citycard__n{font-size:18px;font-weight:740;line-height:1.25}
.citycard__d{font-size:14.5px;color:var(--muted)}
.citycard .i-arrow{position:absolute;right:18px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--sun-deep)}
.zfilter{position:relative;max-width:460px}
.zfilter svg{position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--muted);pointer-events:none}
.zfilter input{width:100%;min-height:50px;padding:0 16px 0 46px;border-radius:4px;border:2px solid var(--line-2);background:var(--paper);font-size:16.5px}
.zfilter input:focus{outline:none;border-color:var(--navy)}
.zempty{margin:20px 0 0;font-size:18px;color:var(--muted)}
.zband{max-width:900px;margin-top:clamp(28px,3vw,40px)}
.zband[hidden]{display:none}
.zband__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:10px;font-size:clamp(20px,1.9vw,24px)}
.zband__h small{font-size:14.5px;font-weight:600;letter-spacing:0;color:var(--muted)}
.ztable{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px}
.ztable th,.ztable td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}
.ztable thead th{font-size:13.5px;font-weight:700;color:var(--muted);border-bottom:2px solid var(--navy)}
.ztable tbody th{font-weight:600}
.ztable tbody th a{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:2px solid var(--sun)}
.ztable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ztable tr[hidden]{display:none}
@media (max-width:560px){.ztable .c-min{display:none}.ztable{font-size:16px}.ztable th,.ztable td{padding:10px 8px}}

/* appel à l'action */
.cta__in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 48px}
.cta__in .sub{margin-top:12px}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:620px){.cta__btns{width:100%}.cta__btns .btn{flex:1 1 100%}}

/* v43 : fiche résumé à droite du titre des prestations */
.sheet{padding:clamp(22px,2.6vw,32px);border-radius:4px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 30px 60px -44px rgba(14,26,54,.6)}
.sheet .svc__l{margin-bottom:6px}
.sheet dl{margin:0}
.sheet dl div{display:grid;grid-template-columns:8.5em 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.sheet dl div:last-child{border-bottom:0}
.sheet dt{font-size:15px;font-weight:700;color:var(--navy)}
.sheet dd{margin:0;font-size:15.5px;color:var(--muted)}
@media (max-width:420px){.sheet dl div{grid-template-columns:1fr;gap:2px}}

@media (min-width:1600px){
  .phero__title{font-size:clamp(46px,2.9vw,60px)}
  .phero__aside{max-width:520px}
  .item h3{font-size:22px}.item p{font-size:17px}
  .steps p{font-size:17.5px}
  .fact b{font-size:34px}.fact span{font-size:16px}
  .ptable,.ztable{font-size:17px}
  .tscroll,.src,.zband{max-width:1100px}
}

@media (min-width:2200px){
  .phero__title{font-size:68px}.phero__aside{max-width:620px}
  .item h3{font-size:25px}.item p,.steps p,.sheet dd,.sheet dt{font-size:19px}
  .tscroll,.src,.zband{max-width:1300px}
}