/* Atelier 3D : socle partagé v13 (toutes les pages publiques). Police Manrope, palettes (data-theme sur <html>, choisie par HOME_THEME),
   jetons d'espacement et de mouvement, navigation en îlot et pied de page. Règles autonomes : la feuille peut s'ajouter à n'importe quelle autre. */
@font-face{font-family:Manrope;src:url(/fonts/Manrope-VF-latin.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;
  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}
:root,[data-theme=atelier]{
  /* Atelier (référence v12) : noir chaud + ambre */
  --bg:#131209;--s1:#181818;--s2:#1F1F1F;--s3:#272727;--s4:#313131;
  --tx:#EDEBE4;--tx2:#A9A69F;--tx3:#8F8C84;--muted:#67655D;
  --amb:#E8A21C;--amb2:#F2B440;--on-amb:#131209;--amb-tx:#E8A21C;--amb-line:rgba(232,162,28,.4);
  --grad-a:#FFFFFF;--grad-b:#9B9B9B;
  --info:#9CC3FF;--info-line:rgba(156,195,255,.32);--err:#FF8A8D;--err-line:#E5484D;
  --glass:rgba(31,31,31,.72);--line:rgba(255,255,255,.08);--shadow:rgba(0,0,0,.32);--overlay:rgba(0,0,0,.8);
  --plate:#F1F2ED;--plate-line:rgba(255,255,255,.06);--cap-bg:rgba(19,18,9,.72);--cap-tx:#EDEBE4;
  color-scheme:dark;
}
[data-theme=racing]{
  /* Racing : vert anglais profond + crème, laiton pour les accents */
  --bg:#0E1C15;--s1:#12241B;--s2:#172C22;--s3:#1F382C;--s4:#2A4839;
  --tx:#F2EAD6;--tx2:#C8C0AA;--tx3:#A59E89;--muted:#5F6A5C;
  --amb:#EAD9A6;--amb2:#F4E7BF;--on-amb:#0E1C15;--amb-tx:#E3C77A;--amb-line:rgba(227,199,122,.42);
  --grad-a:#F7F0DE;--grad-b:#B9AE8E;
  --info:#A9D3B8;--info-line:rgba(169,211,184,.34);--err:#FF9C8F;--err-line:#E0604F;
  --glass:rgba(18,36,27,.74);--line:rgba(242,234,214,.10);--shadow:rgba(0,0,0,.36);--overlay:rgba(8,18,13,.84);
  --plate:#F1F2ED;--plate-line:rgba(242,234,214,.08);--cap-bg:rgba(14,28,21,.76);--cap-tx:#F2EAD6;
  color-scheme:dark;
}
[data-theme=circuit]{
  /* Circuit : bleu nuit + orange d'époque (sans logo) */
  --bg:#0D1726;--s1:#111E31;--s2:#16263D;--s3:#1E324E;--s4:#294062;
  --tx:#EEF2F7;--tx2:#B1BCCC;--tx3:#8F9CB0;--muted:#5D6A82;
  --amb:#F28C28;--amb2:#F7A24C;--on-amb:#0D1726;--amb-tx:#F59A42;--amb-line:rgba(245,154,66,.42);
  --grad-a:#FFFFFF;--grad-b:#9DACC2;
  --info:#8CC8F0;--info-line:rgba(140,200,240,.34);--err:#FF948C;--err-line:#E5484D;
  --glass:rgba(17,30,49,.74);--line:rgba(238,242,247,.09);--shadow:rgba(0,0,0,.36);--overlay:rgba(6,12,22,.84);
  --plate:#F1F2ED;--plate-line:rgba(238,242,247,.07);--cap-bg:rgba(13,23,38,.76);--cap-tx:#EEF2F7;
  color-scheme:dark;
}
[data-theme=papier]{
  /* Papier : crème clair + rouge sang de bœuf (thème clair) */
  --bg:#F4EEE2;--s1:#EDE5D6;--s2:#FBF7EF;--s3:#E0D6C4;--s4:#CDBFA6;
  --tx:#1F1A16;--tx2:#4D453C;--tx3:#665C51;--muted:#8C8072;
  --amb:#7A1F1F;--amb2:#8F2A2A;--on-amb:#FBF7EF;--amb-tx:#7A1F1F;--amb-line:rgba(122,31,31,.36);
  --grad-a:#000000;--grad-b:#666666;
  --info:#1F4E79;--info-line:rgba(31,78,121,.32);--err:#A3271D;--err-line:#B8322A;
  --glass:rgba(251,247,239,.78);--line:rgba(31,26,22,.10);--shadow:rgba(60,40,20,.12);--overlay:rgba(244,238,226,.86);
  --plate:#F1F2ED;--plate-line:rgba(31,26,22,.12);--cap-bg:rgba(31,26,22,.78);--cap-tx:#FBF7EF;
  color-scheme:light;
}
[data-theme=graphite]{
  /* Graphite : neutres du skill + bleu pétrole */
  --bg:#181818;--s1:#1F1F1F;--s2:#272727;--s3:#313131;--s4:#3D3D3D;
  --tx:#ECEEEF;--tx2:#AAB1B6;--tx3:#8F979D;--muted:#64696D;
  --amb:#3BB3AE;--amb2:#56C6C1;--on-amb:#0E1A1A;--amb-tx:#4CC2BD;--amb-line:rgba(76,194,189,.4);
  --grad-a:#FFFFFF;--grad-b:#9B9B9B;
  --info:#A9C7FF;--info-line:rgba(169,199,255,.32);--err:#FF8A8D;--err-line:#E5484D;
  --glass:rgba(39,39,39,.72);--line:rgba(255,255,255,.08);--shadow:rgba(0,0,0,.34);--overlay:rgba(0,0,0,.8);
  --plate:#F1F2ED;--plate-line:rgba(255,255,255,.06);--cap-bg:rgba(24,24,24,.76);--cap-tx:#ECEEEF;
  color-scheme:dark;
}
:root{
      --ease:cubic-bezier(0.32,0.72,0,1);
  --sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:24px;--sp6:32px;--sp7:40px;--sp8:48px;--sp9:64px;--sp10:80px;--sp11:96px;
}

/* lien d'évitement */
.skip{position:absolute;left:var(--sp4);top:-64px;z-index:100;background:var(--amb);color:var(--on-amb);padding:var(--sp2) var(--sp3);border-radius:8px;font-weight:600;text-decoration:none;transition:top .3s var(--ease)}
.skip:focus{top:var(--sp4)}

/* ---- navigation en îlot (B7) ---- */
.hn{position:fixed;inset:0 0 auto 0;z-index:50;pointer-events:none}
.hn-pill{pointer-events:auto;position:relative;z-index:2;margin:var(--sp5) auto 0;width:max-content;max-width:calc(100% - var(--sp6));display:flex;align-items:center;gap:var(--sp2);padding:var(--sp1) var(--sp1) var(--sp1) var(--sp4);border-radius:9999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 8px 32px var(--shadow)}
.hn-brand{display:flex;align-items:center;gap:var(--sp2);font-size:14px;line-height:20px;font-weight:700;text-decoration:none;margin-right:var(--sp3);border-radius:9999px}
.hn-mark{display:flex;gap:2px;height:16px}.hn-mark i{width:3px;background:var(--amb);border-radius:2px}
.hn-links{display:flex;gap:var(--sp1)}
.hn-links a{font-size:14px;line-height:20px;font-weight:600;color:var(--tx2);text-decoration:none;padding:var(--sp2) var(--sp3);border-radius:9999px;transition:color .5s var(--ease),background-color .5s var(--ease)}
.hn-links a:hover{color:var(--tx);background:var(--s3)}
.hn-cta{font-size:14px;line-height:20px;font-weight:600;text-decoration:none;padding:var(--sp2) var(--sp4);border-radius:9999px;background:var(--s3);color:var(--tx);border:1px solid var(--s4);transition:background-color .5s var(--ease),transform .5s var(--ease)}
.hn-cta:hover{background:var(--s4)}.hn-cta:active{transform:scale(.98)}
.hn-burger{display:none;position:relative;width:40px;height:40px;border:0;border-radius:9999px;background:var(--s3);cursor:pointer;color:var(--tx)}
.hn-burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .7s var(--ease)}
.hn-burger i:nth-of-type(1){transform:translateY(-4px)}.hn-burger i:nth-of-type(2){transform:translateY(4px)}
.hn.open .hn-burger i:nth-of-type(1){transform:translateY(0) rotate(45deg)}
.hn.open .hn-burger i:nth-of-type(2){transform:translateY(0) rotate(-45deg)}
.hn-menu{position:fixed;inset:0;z-index:1;pointer-events:none;visibility:hidden;opacity:0;background:var(--overlay);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);transition:opacity .7s var(--ease),visibility 0s .7s;display:flex;align-items:center;padding:var(--sp11) var(--sp6) var(--sp6)}
.hn.open .hn-menu{pointer-events:auto;visibility:visible;opacity:1;transition:opacity .7s var(--ease),visibility 0s}
.hn-menu ul{display:grid;gap:var(--sp2)}
.hn-menu li{overflow:hidden}
.hn-menu a{display:inline-block;font-size:30px;line-height:36px;font-weight:600;text-decoration:none;color:var(--tx);padding:var(--sp1) 0;transform:translateY(48px);opacity:0;transition:transform .7s var(--ease),opacity .7s var(--ease)}
.hn.open .hn-menu a{transform:none;opacity:1;transition-delay:var(--d)}
.hn-menu a[aria-current]{color:var(--amb-tx)}
.hn-menu .hn-menu-cta{margin-top:var(--sp4);font-size:16px;line-height:24px;background:var(--amb);color:var(--on-amb);padding:var(--sp2) var(--sp3);border-radius:8px}
@media (max-width:900px){
  .hn-links,.hn-cta{display:none}.hn-burger{display:block}
  .hn-pill{padding:var(--sp1) var(--sp1) var(--sp1) var(--sp4);margin-top:var(--sp4)}
}
body.menu-open{overflow:hidden}
.hn,.hn-menu{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.hn{color:var(--tx)}.hn-brand{color:var(--tx)}.hn ul{margin:0;padding:0;list-style:none}
.hn .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hn :focus-visible,.foot :focus-visible,.skip:focus-visible{outline:2px solid var(--amb-tx);outline-offset:2px;border-radius:4px}
.hn-links a[aria-current]{color:var(--tx);background:var(--s3)}
.hn-menu .hn-menu-cta[aria-current]{color:var(--on-amb)}
.hn-cta[aria-current]{background:var(--s4)}
/* garage : barre de 64 px dans le flux (la scène 3D garde sa géométrie), fond de la scène */
.p-garage .hn{position:sticky;top:0;height:64px;padding-top:var(--sp2);background:var(--bg)}
.p-garage .hn-pill{margin-top:0}

/* pied de page */
/* pied de page (gabarit partagé, habillé pour l'accueil) */
.foot{background:var(--bg);border-top:1px solid var(--s3);padding:var(--sp9) 0 var(--sp6);font-size:14px;line-height:20px;color:var(--tx2)}
.foot-in{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp8)}
.foot-brand,.foot-h{font-weight:700;color:var(--tx);margin-bottom:var(--sp3)}
.foot ul{display:grid;gap:var(--sp2)}
.foot a{text-decoration:none;color:var(--tx2);transition:color .5s var(--ease)}
.foot a:hover{color:var(--tx)}
.foot strong{color:var(--tx);font-weight:600}
.foot-small{margin-top:var(--sp8);font-size:12px;line-height:16px;color:var(--tx3)}
.foot{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.foot p{margin:0}.foot ul{margin:0;padding:0;list-style:none}
.foot .foot-brand,.foot .foot-h{margin-bottom:var(--sp3)}
.foot .foot-small{margin-top:var(--sp8)}
@media (max-width:760px){.foot-in{grid-template-columns:1fr}}
.foot>.wrap{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 var(--sp6)}
@media (max-width:760px){.foot>.wrap{padding:0 var(--sp5)}}

/* Atelier 3D : accueil v12. Système visuel du skill landing-page-design (elayadesign) :
   Manrope seule, échelle typographique Tailwind, espacements 2/4/8/12/16/24/32/40/48/64/80/96 px,
   rayons Tailwind, fonds plats, dégradé uniquement sur le titre du héros, transitions cubic-bezier(0.32,0.72,0,1),
   apparitions par IntersectionObserver. Chargée après theme.css (police, palettes, navigation, pied de page). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--sp11)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:24px;font-weight:400;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;text-wrap:balance}
p,li{text-wrap:pretty}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:700}
.sprite{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--sp6)}
@media (max-width:760px){.wrap{padding:0 var(--sp5)}}
:focus-visible{outline:2px solid var(--amb-tx);outline-offset:2px;border-radius:4px}

/* ---- boutons et liens (B1 boutons, B9 états) ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);border:0;border-radius:8px;font:inherit;font-size:16px;line-height:24px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .5s var(--ease),background-color .5s var(--ease),box-shadow .5s var(--ease)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.btn-main{background:var(--amb);color:var(--on-amb)}
.btn-main:hover{background:var(--amb2);transform:translateY(-2px)}
.btn-main:active{transform:scale(.98)}
.lnk{display:inline-flex;align-items:center;gap:var(--sp2);font-weight:600;color:var(--tx);text-decoration:none;border-radius:4px;transition:color .5s var(--ease)}
.lnk svg{width:20px;height:20px;fill:currentColor;transition:transform .5s var(--ease)}
.lnk:hover{color:var(--amb-tx)}.lnk:hover svg{transform:translateX(4px)}
.lnk:active{transform:translateY(1px)}


/* ---- héros (B5) ---- */
.h-hero{padding:var(--sp11) 0 var(--sp10)}
.h-hero-in{padding-top:var(--sp8)}
.h-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--sp9);align-items:center}
.h-eyebrow{font-size:14px;line-height:20px;font-weight:600;color:var(--amb-tx);margin-bottom:var(--sp4)}
.h-title{max-width:680px;font-size:60px;line-height:1;letter-spacing:-.02em;font-weight:700;background:linear-gradient(90deg,var(--grad-a),var(--grad-b));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:var(--sp1)}
.h-sub{max-width:680px;margin-top:var(--sp5);font-size:18px;line-height:28px;color:var(--tx2)}
.h-proof{display:flex;align-items:center;gap:var(--sp2);margin-top:var(--sp4);font-size:14px;line-height:20px;color:var(--tx2)}
.h-proof svg{width:20px;height:20px;fill:var(--amb);flex:none}
.h-proof strong{color:var(--tx);font-weight:600}
.h-vis{position:relative;margin:0;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--plate);border:1px solid var(--plate-line)}
.h-vis img,.h-vis canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h-vis img{transition:opacity .6s var(--ease)}
.h-vis canvas{opacity:0;cursor:grab;touch-action:pan-y;transition:opacity .6s var(--ease)}
.h-vis.is-3d canvas{opacity:1}.h-vis.is-3d img{opacity:0}
.h-vis .hero-hint{position:absolute;right:var(--sp3);top:var(--sp3);font-size:12px;line-height:16px;font-weight:600;color:#1F1F1F;background:rgba(255,255,255,.85);padding:var(--sp1) var(--sp2);border-radius:9999px;opacity:0;transition:opacity .5s var(--ease)}
.h-vis.is-3d .hero-hint{opacity:1}
.h-vis figcaption{position:absolute;left:var(--sp3);right:var(--sp3);bottom:var(--sp3);width:fit-content;font-size:12px;line-height:16px;color:var(--cap-tx);background:var(--cap-bg);padding:var(--sp2) var(--sp3);border-radius:12px}

/* recherche */
.hs{position:relative;margin-top:var(--sp6);display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp2);padding:var(--sp2);background:var(--s2);border:1px solid var(--s3);border-radius:16px}
.hs-f{display:grid;gap:var(--sp1);min-width:0;padding:var(--sp2) var(--sp3);background:var(--s1);border:1px solid var(--s3);border-radius:8px;transition:border-color .5s var(--ease)}
.hs-f:focus-within{border-color:var(--amb-tx)}
.hs-f label{font-size:12px;line-height:16px;font-weight:600;color:var(--tx2)}
.hs-opt{font-weight:400;color:var(--tx3)}
.hs-f input{width:100%;min-width:0;border:0;background:transparent;color:var(--tx);font:inherit;font-size:16px;line-height:24px;padding:0;outline:0}
.hs-f input::placeholder{color:var(--tx3)}
.hs-f input::-webkit-outer-spin-button,.hs-f input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hs-f input[type=number]{-moz-appearance:textfield}
.hs-q{grid-column:1/3}
.hs-go{grid-column:3}
.hs-f.bad{border-color:var(--err-line)}
.hs-err{grid-column:1/-1;font-size:14px;line-height:20px;color:var(--err);display:none}
.hs-err:not(:empty){display:block}

/* ---- sections ---- */
.h-sec{padding:var(--sp11) 0}
.h-h2{font-size:36px;line-height:40px;letter-spacing:-.01em;max-width:680px}
.h-lead{margin-top:var(--sp4);font-size:18px;line-height:28px;color:var(--tx2);max-width:680px}
.h-lead a{color:var(--tx);text-underline-offset:4px}
.h-head{margin-bottom:var(--sp8)}
.h-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp6)}

/* problème vers solution */
.h-problem{background:var(--s1)}
.pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp4);margin-top:var(--sp8)}
.pb-card{padding:var(--sp6);border-radius:24px;background:var(--bg);border:1px solid var(--s3)}
.pb-yes{background:var(--s2);border-color:var(--s4)}
.pb-tag{font-size:14px;line-height:20px;font-weight:600;color:var(--tx3);margin-bottom:var(--sp4)}
.pb-yes .pb-tag{color:var(--amb-tx)}
.pb-list{display:grid;gap:var(--sp3);font-size:18px;line-height:28px;color:var(--tx2)}
.pb-yes .pb-list{color:var(--tx)}
.pb-list li{display:flex;gap:var(--sp3)}
.pb-list svg{width:24px;height:28px;fill:var(--amb);flex:none}

/* bénéfices : bento */
.bento{display:grid;grid-template-columns:3fr 2fr;gap:var(--sp4)}
.bento>li:nth-child(3){order:4}.bento>li:nth-child(4){order:3}
.bt{display:flex;flex-direction:column;gap:var(--sp5);padding:var(--sp2);border-radius:24px;background:var(--s2);border:1px solid var(--s3);transition:transform .7s var(--ease),border-color .7s var(--ease)}
.bt:hover{transform:translateY(-4px);border-color:var(--s4)}
.bt-tx{padding:var(--sp5);display:flex;flex-direction:column;flex:1}
.bt-tx h3{margin-top:auto}
.bt-img{flex-direction:row;align-items:stretch}
.bt-img .bt-tx{flex:1 1 0}
.bt-img .bt-vis{flex:1.1 1 0;margin-top:0;aspect-ratio:4/3}
.bt-ic{width:32px;height:32px;fill:var(--amb);margin-bottom:var(--sp8)}
.bt h3{font-size:20px;line-height:28px;font-weight:700}
.bt p{margin-top:var(--sp2);color:var(--tx2)}
.bt-vis{border-radius:16px;overflow:hidden;background:var(--plate)}
.bt-vis img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.bt:hover .bt-vis img{transform:scale(1.03)}

/* phrase révélée mot à mot (B11) */
.h-tagline{padding:var(--sp11) 0 var(--sp10)}
.tg{max-width:900px;font-size:48px;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--tx);text-wrap:balance}
.tg .w{color:var(--muted);transition:color .7s var(--ease)}
.tg .w.on{color:var(--tx)}

/* preuve : pièces sur l'établi */
.h-proofs{background:var(--s1)}
.shw{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp4)}
.shw-a{display:flex;flex-direction:column;height:100%;padding:var(--sp2);border-radius:16px;background:var(--s2);border:1px solid var(--s3);text-decoration:none;transition:transform .7s var(--ease),border-color .7s var(--ease)}
.shw-a:hover{transform:translateY(-4px);border-color:var(--s4)}
.shw-a:active{transform:scale(.98)}
.shw-vis{display:block;border-radius:8px;overflow:hidden;background:var(--plate);aspect-ratio:4/3}
.shw-vis img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.shw-a:hover .shw-vis img{transform:scale(1.04)}
.shw-tx{display:flex;flex-direction:column;gap:var(--sp1);padding:var(--sp3) var(--sp2) var(--sp2);flex:1}
.shw-car{font-size:12px;line-height:16px;font-weight:600;color:var(--tx3)}
.shw-name{font-weight:600;flex:1}
.st{align-self:flex-start;margin-top:var(--sp2);font-size:12px;line-height:16px;font-weight:600;padding:2px var(--sp2);border-radius:9999px;border:1px solid var(--s4);color:var(--tx2)}
.st-developpement{color:var(--info);border-color:var(--info-line)}
.st-precommande{color:var(--amb-tx);border-color:var(--amb-line)}
.cats{margin-top:var(--sp9)}
.cats-h{font-size:14px;line-height:20px;font-weight:600;color:var(--tx3);margin-bottom:var(--sp4)}
.cats ul{display:flex;flex-wrap:wrap;gap:var(--sp2)}
.cats a{display:inline-flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp4);border-radius:9999px;background:var(--s2);border:1px solid var(--s3);font-size:14px;line-height:20px;font-weight:600;text-decoration:none;transition:background-color .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease)}
.cats a span{color:var(--tx3);font-weight:400}
.cats a:hover{background:var(--s3);border-color:var(--s4)}
.cats a:active{transform:scale(.98)}

/* étapes */
.stp{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4);counter-reset:s}
.stp li{position:relative;padding:var(--sp6);border-radius:24px;background:var(--s1);border:1px solid var(--s3)}
.stp-n{position:absolute;right:var(--sp6);top:var(--sp6);font-size:14px;line-height:20px;font-weight:600;color:var(--tx3);font-variant-numeric:tabular-nums}
.stp-ic{width:32px;height:32px;fill:var(--amb);margin-bottom:var(--sp5)}
.stp h3{font-size:20px;line-height:28px}
.stp p{margin-top:var(--sp2);color:var(--tx2)}

/* garage */
.h-garage{background:var(--s1)}
.gg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--sp9);align-items:center}
.gg-tx .lnk{margin-top:var(--sp5)}
.gg-cars{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp3)}
.gg-cars a{display:block;padding:var(--sp2);border-radius:16px;background:var(--s2);border:1px solid var(--s3);text-decoration:none;transition:transform .7s var(--ease),border-color .7s var(--ease)}
.gg-cars a:hover{transform:translateY(-4px);border-color:var(--s4)}
.gg-cars img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--s3)}
.gg-cars span{display:block;padding:var(--sp2) var(--sp1) 0;font-size:14px;line-height:20px;font-weight:600}
.gg-cred{grid-column:1/-1;font-size:12px;line-height:16px;color:var(--tx3)}
.gg-cred a{color:var(--tx2)}

/* FAQ */
.fq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--sp9);align-items:start}
.fq-list{display:grid;gap:var(--sp2)}
.fq-list details{border-radius:16px;background:var(--s1);border:1px solid var(--s3);transition:border-color .5s var(--ease),background-color .5s var(--ease)}
.fq-list details[open]{background:var(--s2);border-color:var(--s4)}
.fq-list summary{display:flex;justify-content:space-between;align-items:center;gap:var(--sp4);padding:var(--sp4) var(--sp5);font-weight:600;cursor:pointer;list-style:none;border-radius:16px}
.fq-list summary::-webkit-details-marker{display:none}
.fq-list summary svg{width:20px;height:20px;fill:var(--tx2);flex:none;transition:transform .7s var(--ease)}
.fq-list details[open] summary svg{transform:rotate(45deg)}
.fq-list summary:hover svg{fill:var(--tx)}
.fq-list details p{padding:0 var(--sp5) var(--sp5);color:var(--tx2)}

/* CTA final */
.h-final{padding:var(--sp10) 0 var(--sp11)}
.fn{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp9) var(--sp6);border-radius:24px;background:var(--s2);border:1px solid var(--s3)}
.fn .h-h2{margin-top:var(--sp4)}
.fn .hs{width:100%;max-width:720px;text-align:left}
.fn-risk{display:inline-flex;align-items:center;gap:var(--sp2);font-size:14px;line-height:20px;font-weight:600;color:var(--amb-tx)}
.fn-risk svg{width:20px;height:20px;fill:currentColor}
.fn-alt{margin-top:var(--sp5);font-size:14px;line-height:20px;color:var(--tx2)}
.fn-alt a{color:var(--tx);font-weight:600;text-underline-offset:4px}


/* ---- mouvement (B7) : seulement si JS actif et mouvement autorisé ---- */
@media (prefers-reduced-motion:no-preference){
  .h-hero-copy>*{animation:h-in .9s var(--ease) both}
  .h-hero-copy>:nth-child(2){animation-delay:60ms}
  .h-hero-copy>:nth-child(3){animation-delay:120ms}
  .h-hero-copy>:nth-child(4){animation-delay:180ms}
  .h-hero-copy>:nth-child(5){animation-delay:240ms}
  .h-vis{animation:h-photo 1s var(--ease) 120ms both}
  .rv-on [data-rv]:not(.in){opacity:0;transform:translateY(64px);filter:blur(12px)}
  .rv-on [data-rv]{transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);transition-delay:var(--rd,0ms)}
}
@keyframes h-in{from{opacity:.01;transform:translateY(16px);filter:blur(8px)}}
@keyframes h-photo{from{filter:blur(14px) saturate(.6);transform:scale(.985)}}

/* ---- tailles d'écran ---- */
@media (max-width:1100px){
  .h-title{font-size:48px}
  .shw{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .h-hero{padding:var(--sp10) 0 var(--sp9)}
  .h-hero-in{padding-top:var(--sp6)}
  .h-hero-in{grid-template-columns:1fr;gap:var(--sp7)}
  .h-vis{max-width:560px}
  .gg,.fq{grid-template-columns:1fr;gap:var(--sp7)}
  .bento{grid-template-columns:1fr}
  .bt-img{flex-direction:column}.bt-img .bt-vis{flex:none}
  .bento>li:nth-child(3),.bento>li:nth-child(4){order:0}
  .stp{grid-template-columns:1fr}
}
@media (max-width:760px){
  .h-title{font-size:36px;line-height:40px}
  .h-sub{font-size:16px;line-height:24px;margin-top:var(--sp4)}
  .h-sec{padding:var(--sp10) 0}
  .h-h2{font-size:30px;line-height:36px}
  .h-lead{font-size:16px;line-height:24px}
  .h-head-row{flex-direction:column;align-items:flex-start}
  .pb-grid{grid-template-columns:1fr}
  .pb-card{padding:var(--sp5)}
  .pb-list{font-size:16px;line-height:24px}
  .pb-list svg{height:24px}
  .tg{font-size:36px;line-height:40px}
  .hs{grid-template-columns:1fr 1fr}
  .hs-y{grid-column:1}.hs-q{grid-column:2}.hs-go{grid-column:1/-1}
  .bt-ic{margin-bottom:var(--sp5)}
  .shw{grid-template-columns:1fr 1fr;gap:var(--sp3)}
  .shw-name{font-size:14px;line-height:20px}
  .fn{padding:var(--sp8) var(--sp4)}
  .rv-on [data-rv]:not(.in){transform:translateY(32px)}
}