/* Everywhere Digital — « ce qui se répète tourne tout seul ». Automatisation des tâches des petites entreprises.
   Ivoire, vert forêt, laiton ; Anybody en version étroite (la mécanique), Atkinson Hyperlegible, Space Mono.
   Sœur d'Everywhere (création) et de Rampe (vérification) : même esprit, identité propre. */
@font-face{font-family:'Anybody';font-style:normal;font-weight:100 900;font-stretch:50% 150%;font-display:swap;src:url(../fonts/anybody.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}
@font-face{font-family:'Anybody';font-style:normal;font-weight:100 900;font-stretch:50% 150%;font-display:swap;src:url(../fonts/anybody-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-weight:400;font-display:swap;src:url(../fonts/atkinson-normal-400.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-weight:700;font-display:swap;src:url(../fonts/atkinson-normal-700.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-weight:400;font-display:swap;src:url(../fonts/spacemono-400.woff2) format('woff2')}
@font-face{font-family:'Space Mono';font-weight:700;font-display:swap;src:url(../fonts/spacemono-700.woff2) format('woff2')}

:root{
  --foret:#10271e;--foret2:#16342a;--foret3:#1e4436;--trait-f:#2d5546;
  --ivoire:#f4f1e8;--ivoire2:#e9e4d6;--trait:#d5ceba;
  --laiton:#d9a441;--laiton-t:#8a5a0c;--vert:#1f6a4c;--menthe:#8fd6b4;
  --encre:#10271e;--encre2:#46514a;--gris-f:#a9b8ae;
  --disp:'Anybody',system-ui,sans-serif;--body:'Atkinson Hyperlegible',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,monospace;
  --gut:clamp(18px,4vw,56px);--ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--body);font-size:18px;line-height:1.6;color:var(--encre);background:var(--ivoire);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--laiton);outline-offset:3px;border-radius:3px}
.skip{position:absolute;left:-9999px;top:10px;z-index:200;background:var(--laiton);color:var(--foret);padding:10px 14px;font-weight:700}.skip:focus{left:14px}
.wrap{width:min(1240px,100% - 2*var(--gut));margin-inline:auto}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.oeil{color:var(--laiton-t)}.sombre .oeil{color:var(--laiton)}
.h2{font-family:var(--disp);font-weight:860;font-stretch:66%;text-transform:uppercase;letter-spacing:-.01em;line-height:.9;font-size:clamp(44px,6.4vw,104px);text-wrap:balance}
.h2 em{font-style:normal;color:var(--vert)}.sombre .h2 em{color:var(--laiton)}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--encre2);max-width:56ch}
.sombre{background:var(--foret);color:var(--ivoire)}.sombre .lead{color:#c3cfc7}
section{position:relative}
.grain{position:fixed;inset:0;pointer-events:none;z-index:150;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* En-tête */
.entete{position:fixed;inset:0 0 auto 0;z-index:100;transition:background-color .35s,border-color .35s;border-bottom:1px solid transparent}
.entete.plein{background:rgba(16,39,30,.86);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.07)}
.entete .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.marque{display:flex;align-items:baseline;gap:6px;color:var(--ivoire);text-decoration:none;font-family:var(--disp);font-weight:880;font-stretch:118%;font-size:23px;letter-spacing:-.04em}
.marque small{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;color:var(--laiton)}
.entete nav ul{display:flex;align-items:center;gap:28px;list-style:none}
.entete nav a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d3ddd6;text-decoration:none;padding:6px 0;background:linear-gradient(var(--laiton),var(--laiton)) left bottom/0 2px no-repeat;transition:background-size .35s var(--ease),color .2s}
.entete nav a:hover{color:#fff;background-size:100% 2px}
.entete nav a.appel{background:var(--laiton);color:var(--foret);padding:11px 16px;border-radius:6px;font-weight:700;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s}
.entete nav a.appel:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--laiton)}
@media(max-width:860px){.entete nav li:not(:last-child){display:none}}
@media(max-width:560px){.entete nav a.appel{padding:9px 12px;font-size:11px}.marque small{display:none}}
@media(max-width:420px){.marque{font-size:20px}.entete nav a.appel{padding:8px 10px;letter-spacing:.06em}}

/* Boutons */
.btn{position:relative;display:inline-flex;align-items:center;gap:12px;font-family:var(--body);font-weight:700;font-size:17px;padding:17px 26px;border-radius:8px;text-decoration:none;cursor:pointer;border:0;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%);transition:transform .8s var(--ease)}
.btn:hover::after,.btn:focus-visible::after{transform:translateX(130%)}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}
.btn .fl{font-family:var(--mono);transition:transform .3s var(--ease)}.btn:hover .fl{transform:translateX(4px)}
.btn-l{background:var(--laiton);color:var(--foret)}.btn-l:hover{box-shadow:0 16px 34px -14px var(--laiton)}
.btn-c{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.btn-f{background:var(--foret);color:var(--ivoire)}

/* 1. Haut de page : la machine */
.haut{min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:120px 0 60px;overflow:hidden;contain:paint}
.haut::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(143,214,180,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(143,214,180,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 50%,#000 20%,transparent 75%)}
.haut .wrap{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,5vw,70px);align-items:center}
.haut .oeil{display:flex;align-items:center;gap:10px}.haut .oeil::before{content:"";width:28px;height:2px;background:var(--laiton)}
.titre-meca{font-family:var(--disp);font-weight:880;font-stretch:62%;text-transform:uppercase;letter-spacing:-.005em;line-height:.86;font-size:clamp(58px,9.2vw,150px);margin-top:18px}
.titre-meca .l{display:block}.titre-meca .a{color:var(--laiton)}
.js .titre-meca .l{animation:rp-monte 1.1s var(--ease) both}.js .titre-meca .l:nth-child(2){animation-delay:.15s}
@keyframes rp-monte{from{opacity:0;transform:translateY(40%);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(-30% -5% -15% -5%)}}
.haut .lead{color:#c3cfc7;margin-top:26px;max-width:48ch}
.haut .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.soeur{margin-top:18px;font-size:15px;color:var(--gris-f)}
.soeur a{color:var(--ivoire);text-underline-offset:4px;text-decoration-thickness:2px}
.soeur a.s-ew{text-decoration-color:#f0532a}.soeur a.s-rp{text-decoration-color:#8db8ff}
@media(max-width:980px){.haut .wrap{grid-template-columns:1fr}}

/* La machine : quatre tâches qui passent par une porte de validation humaine. */
.machine{position:relative;background:linear-gradient(180deg,var(--foret2),var(--foret));border:1px solid var(--trait-f);border-radius:22px;padding:22px 20px 18px;box-shadow:0 60px 120px -60px rgba(0,0,0,.8)}
.machine .tete-m{display:grid;grid-template-columns:1.15fr 1.25fr .9fr .8fr;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gris-f);padding:0 6px 12px;border-bottom:1px dashed var(--trait-f)}
.machine .tete-m span:nth-child(3){color:var(--laiton)}
.rail{position:relative;height:74px;border-bottom:1px dashed var(--trait-f)}
.rail:last-child{border-bottom:0}
.rail::before{content:"";position:absolute;left:6px;right:6px;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--trait-f) 0 8px,transparent 8px 14px)}
.porte{position:absolute;top:8px;bottom:8px;left:61%;width:2px;background:linear-gradient(var(--laiton),transparent 30%,transparent 70%,var(--laiton));opacity:.55}
.fiche{position:absolute;top:50%;left:0;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:9px;background:var(--ivoire);color:var(--foret);font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(0,0,0,.7);transform:translate(0,-50%);will-change:transform}
.fiche i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--vert)}
.fiche .e{display:none}.fiche .e.on{display:inline}
.fiche .ok{display:none;margin-left:2px;color:var(--vert);font-family:var(--mono)}
.fiche.valide .ok{display:inline}
.fiche.attend{box-shadow:0 0 0 2px var(--laiton),0 10px 24px -12px rgba(0,0,0,.7)}
.machine .pied-m{display:flex;justify-content:space-between;gap:12px;margin-top:14px;padding:10px 6px 0;border-top:1px dashed var(--trait-f);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-f)}
.machine .pied-m b{color:var(--menthe);font-weight:400}
.js.calme .fiche{position:relative;transform:none;left:auto;margin:14px 6px}
@media(max-width:560px){.machine .tete-m{font-size:9px}.fiche{font-size:12px;padding:7px 9px}.rail{height:66px}}

/* 2. Tâches : onglets + schéma */
.taches{padding:clamp(90px,14vh,150px) 0}
.tete{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:40px}
.puces{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;position:relative;isolation:isolate;scroll-margin-top:110px}
.puces [role=tab]{font:inherit;font-weight:700;font-size:16px;padding:11px 20px;border-radius:8px;border:1.5px solid var(--trait);background:transparent;color:var(--encre);cursor:pointer;min-height:44px;transition:border-color .2s,color .3s}
.puces [role=tab]:hover{border-color:var(--encre)}
.puces .curseur{position:absolute;left:0;top:0;z-index:-1;border-radius:8px;background:var(--foret);transition:transform .5s var(--ease),width .5s var(--ease),height .5s var(--ease)}
.puces.pret [role=tab][aria-selected=true]{color:var(--ivoire);border-color:transparent}
.puces:not(.pret) [role=tab][aria-selected=true]{background:var(--foret);color:var(--ivoire)}
.panneau[hidden]{display:none}
.js .panneau:not([hidden]){animation:rp-entre .6s var(--ease)}
@keyframes rp-entre{from{opacity:0;transform:translateY(14px)}}
.flux{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1.5px solid var(--foret);border-radius:18px;overflow:hidden;background:#fff}
.etape{position:relative;padding:26px 24px 28px;border-left:1.5px solid var(--foret)}
.etape:first-child{border-left:0}
.etape .n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--encre2)}
.etape b{display:block;font-family:var(--disp);font-weight:840;font-stretch:80%;font-size:24px;line-height:1.05;margin:10px 0 8px;letter-spacing:-.01em}
.etape p{font-size:15.5px;color:var(--encre2)}
.etape.vous{background:#fbf3df}.etape.vous .n{color:var(--laiton-t)}
.etape:not(:last-child)::after{content:"";position:absolute;right:-11px;top:50%;width:20px;height:20px;background:#fff;border-top:1.5px solid var(--foret);border-right:1.5px solid var(--foret);transform:translateY(-50%) rotate(45deg);z-index:2}
.etape.vous:not(:last-child)::after{background:#fbf3df}
.outils{margin-top:18px;font-size:15px;color:var(--encre2)}.outils b{color:var(--encre)}
@media(max-width:900px){.tete{grid-template-columns:1fr}.flux{grid-template-columns:1fr}.etape{border-left:0;border-top:1.5px solid var(--foret)}.etape:first-child{border-top:0}.etape:not(:last-child)::after{right:50%;top:auto;bottom:-11px;transform:translateX(50%) rotate(135deg)}
  .puces{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gut));padding:2px var(--gut) 6px}.puces::-webkit-scrollbar{display:none}.puces [role=tab]{flex:none}}

/* 2 bis. Logiciels sur mesure */
.logiciels{padding:clamp(90px,14vh,150px) 0;background:var(--ivoire2)}
.logi{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.logi li{display:flex;flex-direction:column;border:1.5px solid var(--foret);border-radius:14px;overflow:hidden;background:var(--ivoire);box-shadow:0 22px 40px -32px rgba(16,39,30,.55);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.logi li:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(16,39,30,.6)}
.logi .mono{display:flex;align-items:center;gap:10px;background:var(--foret);color:var(--ivoire);font-size:10.5px;padding:10px 14px}
.logi .mono::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--laiton);box-shadow:13px 0 0 #5f7f70,26px 0 0 #5f7f70;margin-right:30px}
.logi b{font-family:var(--disp);font-weight:840;font-stretch:80%;font-size:23px;line-height:1.05;letter-spacing:-.01em;padding:20px 20px 0}
.logi p{font-size:15.5px;color:var(--encre2);padding:10px 20px 22px}
@media(max-width:980px){.logi{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.logi{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.logi li{transition:none}.logi li:hover{transform:none}}

/* 3. Garde-fous */
.garde{padding:clamp(90px,14vh,150px) 0}
.regles{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--trait-f)}
.regles li{padding:26px 22px 10px 0;border-right:1px solid var(--trait-f);margin-right:22px}
.regles li:last-child{border-right:0;margin-right:0}
.regles b{display:block;font-family:var(--disp);font-weight:860;font-stretch:70%;text-transform:uppercase;font-size:30px;line-height:.95;color:var(--laiton);margin-bottom:12px}
.regles p{color:#c3cfc7;font-size:16px}
@media(max-width:980px){.regles{grid-template-columns:1fr 1fr}.regles li:nth-child(2){border-right:0;margin-right:0}}@media(max-width:560px){.regles{grid-template-columns:1fr}.regles li{border-right:0;margin-right:0;border-bottom:1px solid var(--trait-f)}}

/* 4. Comment ça se passe */
.comment{padding:clamp(90px,14vh,150px) 0}
.etapes4{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;counter-reset:e}
.etapes4 li{counter-increment:e;position:relative;padding:26px 22px;border-radius:16px;background:#fff;border:1px solid var(--trait);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.etapes4 li:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(16,39,30,.5)}
.etapes4 li::before{content:counter(e,decimal-leading-zero);font-family:var(--disp);font-weight:900;font-stretch:60%;font-size:54px;line-height:1;color:var(--vert);display:block;margin-bottom:10px}
.etapes4 b{display:block;font-family:var(--disp);font-weight:840;font-stretch:84%;font-size:21px;line-height:1.1;margin-bottom:8px}
.etapes4 p{color:var(--encre2);font-size:15.5px}
.prix-note{margin-top:28px;max-width:70ch;font-size:17px}
@media(max-width:980px){.etapes4{grid-template-columns:1fr 1fr}}@media(max-width:560px){.etapes4{grid-template-columns:1fr}}

/* 4 bis. Tarifs */
.tarifs{padding:clamp(80px,12vh,130px) 0;border-top:1px solid var(--trait)}
.grille{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.grille li{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border-radius:16px;background:#fff;border:1px solid var(--trait)}
.grille li.porte-t{background:var(--foret);color:var(--ivoire);border-color:var(--foret)}
.grille .mono{font-size:11px;color:var(--vert)}.grille .porte-t .mono{color:var(--laiton)}
.grille b{font-family:var(--disp);font-weight:840;font-stretch:80%;font-size:26px;line-height:1.05}
.grille .px{font-family:var(--disp);font-weight:880;font-stretch:70%;font-size:58px;line-height:.95;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.grille .px small{font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.08em;margin-left:4px}
.grille .porte-t .px{color:var(--laiton)}
.grille .suivi{font-weight:700;color:var(--vert)}
.grille p{font-size:15.5px;color:var(--encre2)}.grille .porte-t p{color:#c3cfc7}
.grille .porte-t .nb{margin-top:auto;padding-top:12px;border-top:1px solid var(--trait-f);font-size:14.5px}
.autres{display:flex;flex-wrap:wrap;gap:10px 40px;margin-top:22px;font-size:17px}
@media(max-width:900px){.grille{grid-template-columns:1fr}}

/* 5. Chez nous d'abord */
.preuve{padding:clamp(90px,14vh,140px) 0;background:var(--ivoire2)}
.cas{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:40px}
.cas li{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:22px;border-radius:16px;background:var(--ivoire);border:1px solid var(--trait)}
.cas i{width:12px;height:12px;border-radius:50%;background:var(--vert);margin-top:8px}
.cas b{display:block;font-family:var(--disp);font-weight:840;font-stretch:84%;font-size:21px;line-height:1.1;margin-bottom:6px}
.cas p{color:var(--encre2);font-size:16px}.cas a{color:var(--vert);font-weight:700}
@media(max-width:800px){.cas{grid-template-columns:1fr}}

/* 6. Questions */
.questions{padding:clamp(80px,12vh,130px) 0}
.questions .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
details{border-top:1px solid var(--trait)}details:last-child{border-bottom:1px solid var(--trait)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-family:var(--disp);font-weight:820;font-stretch:88%;font-size:21px;letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);color:var(--vert);transition:transform .3s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 22px;color:var(--encre2);max-width:62ch}details a{color:var(--vert)}
@media(max-width:860px){.questions .wrap{grid-template-columns:1fr}}

/* 7. Contact */
.contact{padding:clamp(80px,12vh,130px) 0}
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.form{background:var(--foret2);border:1px solid var(--trait-f);border-radius:20px;padding:34px}
.form label{display:block;font-weight:700;margin:18px 0 8px;color:var(--ivoire)}
.form label:first-of-type{margin-top:0}
.form input,.form textarea{width:100%;font:inherit;font-size:17px;padding:14px 16px;border-radius:10px;border:1.5px solid #3e6656;background:var(--foret);color:var(--ivoire)}
.form input:focus,.form textarea:focus{outline:3px solid var(--laiton);outline-offset:1px;border-color:var(--laiton)}
.form textarea{min-height:120px;resize:vertical}
.form .btn{width:100%;justify-content:center;margin-top:24px}
.form small{display:block;margin-top:14px;color:var(--gris-f);font-size:14px}.form small a{color:var(--ivoire)}
.form .aide{font-weight:400;color:var(--gris-f)}
.piege{position:absolute;left:-9999px}
@media(max-width:860px){.contact .wrap{grid-template-columns:1fr}}

/* Pied + la maison */
.pied{padding:60px 0 40px;border-top:1px solid var(--trait-f);font-size:15px;color:var(--gris-f)}
.pied .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.pied h2{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivoire);font-weight:400;margin-bottom:12px}
.pied ul{list-style:none;display:grid;gap:8px}.pied a{color:#d3ddd6}
.pied .bas{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;border-top:1px solid var(--trait-f);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.maison{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-top:22px;border-top:1px solid var(--trait-f)}
.maison .mono{font-size:11px;margin-right:6px;color:var(--gris-f)}
.maison a,.maison>span{display:inline-flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ivoire);font-size:15px}
.maison b{font-family:var(--disp);font-weight:880;font-stretch:115%;letter-spacing:-.03em;font-size:18px}
.maison span span{color:var(--gris-f);font-size:14px}
.maison i{width:8px;height:8px;border-radius:50%;display:inline-block;align-self:center}
.maison .m-ew i{background:#f0532a}.maison .m-rp i{background:#8db8ff}.maison .m-dg i{background:var(--laiton)}
.maison a em{font-style:normal;font-family:var(--mono);transition:transform .3s var(--ease)}
.maison a:hover em{transform:translateX(4px)}
@media(max-width:800px){.pied .wrap{grid-template-columns:1fr}}

/* Pages simples */
.simple{padding:150px 0 90px;min-height:70vh}
.simple .wrap{max-width:760px}
.simple h1{font-family:var(--disp);font-weight:880;font-stretch:64%;text-transform:uppercase;line-height:.9;font-size:clamp(46px,7vw,90px);margin:14px 0 26px}
.simple h2{font-family:var(--disp);font-weight:820;font-stretch:88%;font-size:24px;margin:34px 0 10px}
.simple p,.simple li{color:var(--encre2);margin-bottom:12px}.simple ul{padding-left:22px}.simple a{color:var(--vert)}
.simple .todo{background:#fff3cd;border-left:4px solid #b8860b;padding:12px 16px;color:#5c4400}

.js .rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .rv.in{opacity:1;transform:none}
@view-transition{navigation:auto}
.entete{view-transition-name:entete}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .titre-meca .l,.js .panneau:not([hidden]){animation:none!important}
  .js .rv{opacity:1;transform:none;transition:none}
  .btn,.btn::after,.etapes4 li,.puces .curseur{transition:none!important}
  .btn:hover,.etapes4 li:hover{transform:none}
}

/* Offre de lancement (retirée par le worker après le 1er octobre 2026 à 23:59) */
.offre-pill{position:fixed;left:16px;bottom:16px;z-index:95;display:flex;align-items:flex-start;gap:12px;max-width:min(560px,calc(100% - 32px));padding:14px 14px 14px 18px;border-radius:14px;background:#15141a;color:#f4f2ee;font-size:15px;line-height:1.45;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.12)}
.offre-pill b{color:#d9a441}
.offre-pill .offre-x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}
.offre-pill .offre-x:hover{background:rgba(255,255,255,.1)}
@media print{.offre-pill{display:none}}
.maison .m-pl i{background:#b69cff}.maison .m-pl em{font-style:normal;font-family:var(--mono);transition:transform .3s var(--ease)}.maison .m-pl:hover b{color:#b69cff}.maison .m-pl:hover em{transform:translateX(4px)}

/* La maison Everywhere : bloc famille commun aux quatre sites */
/* Écrit par outils-lancement/brancher-famille.mjs jusqu'à la FIN du fichier et réécrit à chaque passage : les réglages propres au site vont AVANT ce bloc. */
.famille{grid-column:1/-1;margin-top:8px;padding:28px 0 6px;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.fam-tete{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-bottom:22px}
.fam-ref{display:inline-flex;align-items:flex-end;gap:14px;text-decoration:none;color:inherit}
.fam-portes{display:inline-flex;align-items:flex-end;gap:5px}
.fam-portes svg{display:block}
.fam-mot{font-family:'Anybody',system-ui,sans-serif;font-weight:880;font-stretch:118%;letter-spacing:-.045em;font-size:30px;line-height:.9}
.fam-mot i{font-style:normal;color:#f0532a}
.fam-tete p{max-width:46ch;font-size:15px;line-height:1.5;opacity:.8}
.fam-tete p b{display:block;font-family:'Space Mono',ui-monospace,monospace;font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.9;margin-bottom:2px}
.fam-cartes{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin:0}
.fam-carte a,.fam-carte.fam-ici{position:relative;display:flex;align-items:flex-end;gap:14px;height:100%;padding:16px 16px 14px;border-radius:16px;text-decoration:none;color:inherit;border:1px solid color-mix(in srgb,currentColor 14%,transparent);background:color-mix(in srgb,currentColor 4%,transparent);transition:border-color .3s,background-color .3s,transform .3s cubic-bezier(.2,.75,.2,1)}
.fam-carte a:hover,.fam-carte a:focus-visible{border-color:var(--fam-c);background:color-mix(in srgb,var(--fam-c) 10%,transparent);transform:translateY(-3px)}
.fam-carte.fam-ici{border-color:var(--fam-c);background:color-mix(in srgb,var(--fam-c) 12%,transparent)}
.fam-carte svg{flex:none;display:block;transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.fam-carte a:hover svg{transform:translateY(-3px)}
.fam-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.fam-txt b{font-family:'Anybody',system-ui,sans-serif;font-weight:860;font-stretch:112%;letter-spacing:-.035em;font-size:25px;line-height:1.05;margin-bottom:4px}
.fam-txt>span{font-size:14px;line-height:1.35;opacity:.85}
.fam-txt small{font-family:'Space Mono',ui-monospace,monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-top:4px}
.fam-ici small{opacity:1;color:var(--fam-c)}
.fam-carte em{position:absolute;right:14px;top:12px;font-style:normal;font-family:'Space Mono',ui-monospace,monospace;opacity:.6;transition:transform .3s,opacity .3s}
.fam-carte a:hover em{transform:translateX(3px);opacity:1}
@media(max-width:980px){.fam-cartes{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fam-cartes{grid-template-columns:1fr}.fam-mot{font-size:24px}.fam-portes svg{width:18px;height:auto}}
@media(prefers-reduced-motion:reduce){.fam-carte a,.fam-carte svg{transition:none}.fam-carte a:hover,.fam-carte a:hover svg{transform:none}}

/* Mot-marque des maisons : la lettre habitée tient lieu d'initiale */
.mm{display:inline-flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1}
.mm-nom{display:inline-flex;align-items:baseline;white-space:nowrap}
.mm-l{display:inline-block;flex:none;height:.865em;margin-right:.045em;transform:translateY(.035em)}
.mm-l svg{display:block;height:100%;width:auto;overflow:visible}
.mm-E{width:.658em}.mm-R{width:0.975em}.mm-D{width:0.989em}.mm-P{width:0.945em}
.mm-pt{font-style:normal;color:#f0532a}
.mm-lu{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mm-by{display:inline-flex;align-items:baseline;font-family:'Space Mono',ui-monospace,monospace;font-weight:400;font-stretch:100%;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.62;white-space:nowrap}
.mm-by .mm-l{height:.72em;margin:0 .02em 0 .5em;transform:translateY(.02em)}
.mm-by .mm-E{width:.547em}
.famille{color:#f4f1e8}