/* Refonte 2026 : papier quadrillé qui s'efface, orange et bleus Ratio, pas de fond noir. Titres mesurés, marges resserrées. */
:root{
  --grid:rgba(240,90,34,.13);--cell:40px;--o-sh:6px 6px 0 var(--orange);--o-bd:2px solid var(--orange);
  --deep:#00525D;--blue:#007A8A;--line2:1.5px solid #E8D9D0;
  --sec:clamp(56px,6vw,88px);
  --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F05A22' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17M14.500 6.500 20 12l-5.500 5.500'/%3E%3C/svg%3E");
  --tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F05A22' stroke-width='2.400' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.500 12.800l4.800 4.700L19.500 7'/%3E%3C/svg%3E");
}
body{font-size:16.5px}
br.d{display:none}
.h1{font-size:clamp(31px,3.5vw,48px);line-height:1.08;letter-spacing:-.025em}
.h2{font-size:clamp(25px,2.7vw,36px);line-height:1.12;letter-spacing:-.02em}
.h3{font-size:clamp(18px,1.5vw,20px)}
.lead{font-size:clamp(16.5px,1.3vw,18px)}
.head{max-width:940px;margin-bottom:clamp(28px,3vw,40px)}
.sec.white+.sec.white,.sec.peach+.sec.peach{padding-top:0}
.sec,.kit,.sheets{padding-block:var(--sec)}
.state .h1{font-size:clamp(25px,2.7vw,36px);font-weight:400;line-height:1.14}

/* Surligneur */
.h1 .a,.h2 .a{color:var(--orange);background:linear-gradient(var(--peach2),var(--peach2)) 0 88%/0 42% no-repeat;transition:background-size .9s var(--ease) .15s;padding-inline:.06em;margin-inline:-.06em}
.h1 .a.on,.h2 .a.on{background-size:100% 42%}

/* En-tête */
.top{background:#fff}.logo img{height:36px;transition:height .2s var(--ease)}.top.scrolled .logo img{height:32px}
.promo{padding:9px var(--gut);font-size:15px;background:var(--deep)}
.nav button svg{width:11px;height:11px;margin-top:1px}
.nav button[aria-expanded=true]{color:var(--orange)}
.tools .btn{min-height:46px}

/* Flèches et coches */
.dom li a svg,.lnkd>footer svg{display:none}
.dom li a::after,.route::after,.go{content:"";flex:none;width:22px;height:22px;background:var(--arrow) center/contain no-repeat;transition:transform .25s var(--ease)}
.dom li a:hover::after,.route:hover::after,a:hover>.go{transform:translateX(5px)}
.check::before,.stik::before{background:var(--tick) center/contain no-repeat;border-radius:0}
.check{padding-left:30px}
.chk.yes{font-size:0;width:26px;height:26px;background:var(--tick) center/contain no-repeat;box-shadow:none}
.chk.no{color:#BFB3AC}
.car-n button{border-radius:999px;background:#fff;box-shadow:none;border:1.5px solid var(--orange)}
.car-n button svg{display:none}.car-n button::after{content:"";width:20px;height:20px;background:var(--arrow) center/contain no-repeat}
.car-n .prev::after{transform:rotate(180deg)}
.car-n button:hover{box-shadow:none;background:var(--peach);transform:none}
.sel::after{border-color:var(--orange);border-width:2px}

/* FAQ */
.qa,.faqs{border-color:#E0D2CA}
.qa summary{font-weight:500;font-size:17px;padding:16px 4px}
.qa summary svg{color:var(--orange);width:20px;height:20px;stroke-width:1.6}
.faq-side .h2{font-size:clamp(23px,2.2vw,30px)}
.faq-side .lead{font-size:16.5px}
.faq-card{display:grid;gap:8px;justify-items:start;width:auto;padding:20px 22px;background:var(--peach);border:0;border-radius:14px;box-shadow:none}
.faq-card>*{margin:0}.faq-card .btn{margin-top:6px}

/* Quadrillage : réservé aux hauts de page, il s'efface vers le bas */
[data-cells]{position:relative;isolation:isolate;background:#fff}
[data-cells]::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--cell) var(--cell);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.cellg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.cellg i{position:absolute;width:39px;height:39px;background:var(--orange);opacity:0}
.hero{padding-block:clamp(36px,4vw,60px) clamp(28px,3vw,44px)}
.hero .ph{border:var(--o-bd);box-shadow:var(--o-sh);border-radius:22px}
.hcard{border:var(--o-bd);box-shadow:var(--o-sh);border-radius:18px}
.hero .lead{color:#000}
.hero+.sec{padding-top:var(--sec)}

/* Bandeau de preuve */
.trust-w{margin-top:clamp(28px,3vw,40px)}
.trust{background:#fff;border:2px solid var(--peach-l);border-radius:14px;padding:12px 8px}
.trust li{border-left:1px solid #E0D2CA;padding:6px 18px;font-size:15px;min-height:48px}
.trust li:first-child{border-left:0}

/* Héros de l'accueil */
.hh{padding-block:clamp(36px,4vw,60px) clamp(28px,3vw,44px);overflow:hidden}
.hh-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(28px,4vw,56px);align-items:center}
.hh .h1{font-size:clamp(34px,4vw,56px)}
.hh .lead{margin-top:18px;max-width:36em;color:#000}
.hh .acts{margin-top:26px}
.hh-a{position:relative;aspect-ratio:1/.92;max-height:440px;width:100%;justify-self:center}
.rings{position:absolute;inset:0;width:100%;height:100%;animation:spin 80s linear infinite;overflow:visible}
.rings circle{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:3 9;stroke-linecap:round}
.rings circle:nth-child(n+3){fill:var(--orange);stroke:none}
@keyframes spin{to{transform:rotate(360deg)}}
.hh-ph{position:absolute;left:12%;top:11%;width:76%;height:78%;border:var(--o-bd);border-radius:22px;box-shadow:var(--o-sh);overflow:hidden;translate:0 var(--py,0)}
.hh-ph img{width:100%;height:100%;object-fit:cover}
.stik{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 10px;background:#fff;border:1.5px solid var(--orange);border-radius:12px;box-shadow:3px 3px 0 var(--orange);font-weight:600;font-size:15px;color:#000;translate:0 var(--py,0);animation:bob 6s ease-in-out infinite}
.stik::before{content:"";width:17px;height:17px}
.stik.s0{right:0;top:7%;rotate:3deg}.stik.s1{left:0;top:30%;rotate:-4deg;animation-delay:-2s}.stik.s2{right:-1%;top:58%;rotate:-3deg;animation-delay:-4s}.stik.s3{left:7%;bottom:5%;rotate:2deg;animation-delay:-1s}
@keyframes bob{50%{transform:translateY(-7px)}}

/* Par où commencer */
.rts .head{margin-bottom:24px}
.routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.route{position:relative;display:grid;gap:4px;padding:20px 54px 20px 22px;background:var(--peach);border-radius:14px;text-decoration:none;color:#000;transition:background-color .2s}
.route::after{position:absolute;right:20px;top:50%;margin-top:-11px}
.route b{font:400 clamp(18px,1.5vw,21px)/1.2 var(--d)}.route span{font-size:15.5px;line-height:1.35}
.route:hover{background:var(--peach2)}

/* Services */
.doms{grid-template-rows:auto auto auto auto}
.doms .dom{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.doms .dom-b{align-content:start}.doms .dom>ul{align-self:end}
.doms .dom:hover{box-shadow:6px 6px 0 var(--orange)}
.doms .dom:hover header{background:var(--peach2);color:#000}
.dom{border-radius:16px}
.dom-v{height:170px}

/* Cartes */
.domg.grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.domg.grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.domg.grid.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.domg.grid.n5{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.n5 .dom{grid-column:span 2}.grid.n5 .dom:nth-child(n+4){grid-column:span 3}
.domg .dom{display:flex;flex-direction:column;background:#fff;border:var(--line2)}
.domg .dom>header{display:none}
.domg .dom-b{flex:1;gap:8px;padding:24px 24px 14px;align-content:start}
.domg .dom-b .pi{width:48px;height:48px;margin-bottom:4px}
.domg .dom>footer{margin-top:auto;padding:0 24px 22px}
.domg .dom:hover{border-color:var(--orange);box-shadow:4px 4px 0 var(--orange);transform:translate(-2px,-2px)}
.peach .domg .dom{border-color:#fff}
.domg.stick{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.stick.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.stick .dom,.peach .stick .dom{border:1.5px solid var(--orange);box-shadow:4px 4px 0 var(--orange);border-radius:16px}
.stick .dom:nth-child(odd){rotate:-.7deg}.stick .dom:nth-child(even){rotate:.7deg}
.stick .dom:hover{rotate:0deg;box-shadow:6px 6px 0 var(--orange)}

/* Onglets avec photo */
.dtabs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:clamp(24px,3vw,44px);align-items:start}
.dt-l{display:grid;gap:4px}
.dt-l button{position:relative;padding:13px 16px 13px 18px;background:none;border:0;border-radius:10px;text-align:left;font:400 clamp(17px,1.4vw,19px)/1.25 var(--d);color:#4C4541;cursor:pointer;transition:background-color .2s,color .2s}
.dt-l button:hover{color:#000}
.dt-l [aria-selected=true]{background:var(--peach2);color:#000}.peach .dt-l [aria-selected=true]{background:#fff}
.dt-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:0;background:#fff;border-radius:18px;overflow:hidden;border:var(--line2)}
.dt-c+.dt-c{margin-top:16px}
.js .dt-c+.dt-c{margin-top:0}
.dt-c .dom{border:0;border-radius:0;background:none;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,2.6vw,36px);gap:8px}
.dt-c .dom>header,.dt-c .dom-b>.pi{display:none}
.dt-c .dom-b{padding:0;gap:10px}.dt-c .dom>footer{padding:8px 0 0;border:0}
.dt-c .h3{font-size:clamp(20px,1.9vw,26px)}
.dt-c>img{width:100%;height:100%;min-height:260px;max-height:340px;object-fit:cover}
.js .dt-c:not([hidden]){animation:fadein .45s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(8px)}}

/* Étapes : un rail fixe, aucune bascule au défilement */
.steps.steps{--g:clamp(14px,1.6vw,22px);gap:var(--g);align-items:stretch}
.steps.steps.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.steps .ln{display:none!important}
.steps.steps li,.steps.steps li:hover{position:relative;display:flex;padding:48px 0 0;background:none;border:0;box-shadow:none;transform:none}
.steps.steps li::before{display:none!important}
.steps.steps li:not(:last-child)::after{content:"";position:absolute;left:18px;top:17px;width:calc(100% + var(--g));height:2px;background:var(--orange)}
.steps.steps .stc,.steps.steps li.on .stc{position:static;flex:1;padding:18px 20px;background:#fff;border:var(--line2);border-radius:14px;box-shadow:none}
.steps .stc::after{display:none!important}
.steps.steps .n,.steps.steps li.on .n{position:absolute;left:0;top:0;margin:0;width:36px;height:36px;background:var(--orange);color:#fff;border:0;box-shadow:none;font-size:16px;z-index:1}
.steps .h3,.steps.c5 .h3{font-size:clamp(17px,1.35vw,19px);overflow-wrap:normal;hyphens:none}
.steps p,.steps.c5 p{font-size:15.5px;line-height:1.45}

/* Histoire */
.story{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px)}
.story .st-ph{order:-1;width:100%;top:calc(50vh - 170px)}
.stv img{border:var(--o-bd);box-shadow:var(--o-sh);border-radius:20px;max-height:360px}
.st{opacity:.3;min-height:40vh}.st.on{opacity:1}
.st .h3{font-size:clamp(22px,2.1vw,29px);line-height:1.12}.st p{font-size:17px}
.st .mph{border:var(--o-bd);box-shadow:4px 4px 0 var(--orange);border-radius:14px}

/* Orbite */
.orb{position:relative;background:var(--deep);color:#fff;height:260vh}
.orb-s{position:sticky;top:0;height:100vh;display:grid;align-items:center;overflow:hidden}
.orb-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.orb .h2{color:#fff;font-size:clamp(28px,3.2vw,44px)}.orb .h2 .a{color:#fff;background:linear-gradient(var(--orange),var(--orange)) 0 96%/0 6% no-repeat}.orb .h2 .a.on{background-size:100% 6%}
.orb .lead{margin-top:14px;max-width:30em}
.orb-l{margin-top:34px;display:grid}
.orb-l li{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}
.orb-l li.on{opacity:1;transform:none;pointer-events:auto}
.orb-l a{display:grid;gap:6px;color:#fff;text-decoration:none}
.orb-l b{font:400 clamp(26px,2.8vw,38px)/1.1 var(--d);color:#fff}.orb-l span{font-size:18px;line-height:1.4;max-width:26em}
.orb-a{position:relative;aspect-ratio:1;width:min(100%,70vh);justify-self:center}
.orb-a .rings{animation:none}.orb-a .rings circle{stroke:#fff;opacity:.35}
.orb-c{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;margin:-17% 0 0 -17%;display:grid;place-items:center;background:var(--orange);border-radius:50%;text-align:center;font:400 clamp(17px,1.7vw,24px)/1.1 var(--d);color:#fff;padding:6%}
.orb-c::before,.orb-c::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--orange);animation:aura 4.5s ease-out infinite}
.orb-c::after{animation-delay:-2.25s}
@keyframes aura{from{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}
.orb-r{position:absolute;inset:0;transform:rotate(var(--r,0deg));will-change:transform}
.sat{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(calc(min(35vh,22vw)*.965))}
.sat i{position:absolute;display:block;transform:translate(-50%,-50%) rotate(calc(-1*var(--a) - var(--r,0deg)));padding:8px 14px;background:#fff;color:#000;border-radius:10px;font:600 15px/1 var(--t);font-style:normal;white-space:nowrap;transition:background-color .4s,color .4s}
.sat.on i{background:var(--orange);color:#fff}
@media (max-width:900px){
  .orb{height:auto;padding-block:56px;overflow:hidden}.orb-s{position:static;height:auto;overflow:visible}.orb-g{grid-template-columns:minmax(0,1fr)}
  .orb-a{order:-1;width:min(100%,320px)}.sat{transform:rotate(var(--a)) translateX(min(39vw,146px))}.sat i{font-size:13px;padding:6px 9px}
  .orb-l{gap:16px;margin-top:24px}.orb-l li{grid-area:auto;opacity:1;transform:none;pointer-events:auto}.orb-l b{font-size:22px}.orb-l span{font-size:16px}
}

/* Publics */
.pubs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pub{aspect-ratio:3/2;border:0;border-radius:16px}
.pub::after{background:linear-gradient(to top,rgba(240,90,34,.97) 0%,rgba(240,90,34,.78) 28%,rgba(240,90,34,0) 68%)}
.pub span{padding:16px 20px;font:700 clamp(19px,1.8vw,25px)/1.08 var(--d);text-transform:none;letter-spacing:-.01em}
.pub:hover{box-shadow:5px 5px 0 var(--deep)}

/* Bandeaux discrets */
.ub,.peach .ub{max-width:820px;margin-inline:auto;background:#fff;border:2px solid var(--peach-l);border-radius:16px;box-shadow:none;overflow:hidden}
.ub-b,.ub-b:not(.nv){display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-areas:"v t" "v a";gap:8px 24px;padding:20px 26px;align-items:center}
.ub-b.nv{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "a"}
.ub-v{grid-area:v;display:grid;place-items:center;align-self:center;padding:0;background:none;border:0;max-width:none}
.ub-v img,.ub-v .ill{width:100%;max-height:100px}.ub-v .pi{width:64px;height:64px}.ub-v .hrt{width:56px;height:56px}
.ub-t{grid-area:t}.ub-b>.acts{grid-area:a}
.ub .h2{font-size:clamp(19px,1.8vw,23px);line-height:1.2}
.ub p{margin-top:5px;font-size:15.5px;line-height:1.45}
.ub .btn{min-height:44px;padding:9px 18px;font-size:15.5px}
.ub.s{max-width:none;background:var(--peach);border:0}.ub.s .ub-b:not(.nv){grid-template-columns:56px minmax(0,1fr)}
.gap{margin-top:clamp(32px,3.6vw,48px)}

/* Offres */
.packs{gap:22px}.pack{border-radius:18px;padding:26px;border:var(--line2)}
.pack h3{font-size:24px}
.pack[data-pack=p]{background:var(--peach);border:var(--o-bd);box-shadow:var(--o-sh)}
.pack.pick{background:var(--peach);box-shadow:var(--o-sh);border-color:var(--orange)}
.pack.pick::after{background:var(--deep)}
.pack .price b{font-size:clamp(32px,3vw,42px)}
.pack:hover{box-shadow:var(--o-sh)}
.finder{background:var(--peach);border:0;border-radius:16px;padding:20px 24px}
.opts input:checked+span{box-shadow:none;border-color:var(--orange)}
.opts span{border:1.5px solid #E0D2CA}
.mis .pack.feature{border-color:var(--orange);box-shadow:none}

/* Tableaux */
.tbl,.tbl.cmp{border:var(--line2);border-radius:16px;box-shadow:none;background:#fff}
thead th{background:var(--peach);color:#000;border-bottom:0;font-weight:600}
th,td{padding:14px 18px;border-color:#F1E6DF}
tbody th{font-weight:500}
tbody tr{transition:background-color .15s}tbody tr:hover{background:#FFF8F4}
.cmp thead th{background:#fff;color:#000;font-size:clamp(18px,1.6vw,22px);padding-block:20px;border-bottom:1.5px solid #E8D9D0}
.cmp thead b{color:#4C4541;font-size:14.5px}
.cmp thead .hl{background:var(--orange);color:#fff}.cmp thead .hl b{color:#fff}
.cmp .hl{background:var(--peach);box-shadow:none}
.cmp .cta-r .lnk{font-size:15.5px}
.cmp-b{display:flex;justify-content:flex-end;margin-bottom:12px}
.cmp-t{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;font-weight:500;color:#000;cursor:pointer;font-size:15.5px}
.cmp-t i{position:relative;width:42px;height:24px;border-radius:999px;background:#E8D9D0;transition:background-color .2s}
.cmp-t i::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}
.cmp-t[aria-pressed=true] i{background:var(--orange)}.cmp-t[aria-pressed=true] i::after{transform:translateX(18px)}
.cmp tr.same{display:none}
.fiche dl{border-top:var(--line2)}.fiche dl>div{padding:14px 8px;transition:background-color .15s}.fiche dl>div:hover{background:var(--peach)}
.fiche aside{background:var(--peach);border-radius:16px}

/* Feuilles empilées : le titre de chaque feuille reste lisible */
.sheets{background:var(--mist)}
.sheets>.wrap>.h2{max-width:none;text-align:center;margin-bottom:clamp(28px,3vw,40px)}
.sheet-l{display:grid;gap:14px;max-width:940px;margin-inline:auto}
.sheet{position:sticky;top:calc(88px + var(--i)*58px);display:grid;grid-template-columns:minmax(0,1fr);padding:0 26px 22px;background:#fff;border-radius:16px;box-shadow:0 -1px 0 #D8E4EA,0 8px 20px rgba(0,82,93,.08);scroll-margin-top:110px}
.sheet-t{padding:16px 0 14px;margin:0 0 14px;border-bottom:var(--line2);font:400 clamp(18px,1.6vw,22px)/1.2 var(--d);color:#000}
.sheet-b{display:grid;gap:8px;font-size:16px}
.keep{margin-top:4px;padding:10px 14px;background:var(--peach);border-radius:10px;color:#000;font-size:15.5px}
.keep b{font:600 15.5px var(--t);color:var(--orange);margin-right:8px}
@media (max-width:860px),(max-height:760px){.sheet{position:static}}

/* Aides */
.aide .h2{font-size:clamp(22px,2.2vw,30px);background:linear-gradient(var(--peach2),var(--peach2)) 0 90%/0 34% no-repeat;display:inline;transition:background-size .9s var(--ease)}
.aide .h2.on{background-size:100% 34%}
.aide{padding-bottom:32px;margin-bottom:32px}

/* Outils */
.kit{background:var(--peach)}.kit .h2 .a{background:none}
.kit-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.kit-i{grid-column:span 4;position:relative;display:flex;align-items:center;gap:14px;padding:16px 46px 16px 18px;background:#fff;color:#000;border-radius:14px;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.kit-i b{font:400 clamp(16.5px,1.3vw,18px)/1.2 var(--d)}
.kit-i .pi{flex:none;width:36px;height:36px}
.kit-i .go{position:absolute;right:16px;top:50%;margin-top:-11px}
.kit-g.n4 .kit-i{grid-column:span 3}.kit-g.n2 .kit-i{grid-column:span 6}
.kit-i:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--orange)}

/* Fin de page */
.bigcta{display:none}
.cta2{padding-block:clamp(36px,4vw,56px);background:#fff}
.cta2-b{max-width:860px;margin-inline:auto;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 24px;background:var(--peach);border-radius:16px}
.cta2 img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 16%}
.cta2 h2{font:400 clamp(19px,1.8vw,23px)/1.2 var(--d);color:#000}.cta2 p{margin-top:3px;font-size:15.5px;line-height:1.4;color:#000}
.cta2 .btn{min-height:46px;padding:10px 18px;font-size:15.5px;white-space:nowrap}

/* Équipe : plus de polaroïds */
.pola,.pola:nth-child(n){padding:0;background:none;box-shadow:none;rotate:none}
.pola:hover{transform:none}
.pola img{border-radius:16px;border:1.5px solid var(--peach-l);filter:none;transition:border-color .2s,box-shadow .2s}
.pola:hover img{border-color:var(--orange);box-shadow:4px 4px 0 var(--orange)}
.ct{border:var(--line2);border-radius:14px}.ct:hover{box-shadow:4px 4px 0 var(--orange);border-color:var(--orange)}
.ct img{width:64px;height:64px;border:0}

/* Avis */
.rev{border-radius:18px 18px 18px 4px;border:var(--line2);box-shadow:none;margin:2px 8px 10px 2px}
.track{padding:4px 2px 12px}
.sec.orange:has(.car){background:var(--peach)}.sec.peach+.sec.orange:has(.car),.kit+.sec.orange:has(.car){background:#fff}
.sec.orange:has(.car)>.wrap>.head h2,.sec.orange:has(.car)>.wrap>.head .lead{color:#000}.sec.orange:has(.car) .h2 .a{color:var(--orange)}

/* Articles : toujours trois colonnes, sur fond clair */
.sec.orange:has(.posts){background:#fff}
.sec.orange:has(.posts)>.wrap>.head h2,.sec.orange:has(.posts)>.wrap>.head .lead{color:#000}.sec.orange:has(.posts) .h2 .a{color:var(--orange)}
.posts{gap:22px}.post,.orange .post{border-radius:16px;border:var(--line2);box-shadow:none}
.post:hover,.orange .post:hover{box-shadow:4px 4px 0 var(--orange);border-color:var(--orange)}
.post .im{border-bottom:var(--line2)}
.post b{font-weight:600;font-size:17px}.post .meta{font-size:12.5px}

/* Formulaires */
.form,.form .fld input,.form .fld select,.form .fld textarea,.form .sel-b{border-radius:0}
.form{box-shadow:var(--o-sh);border:var(--o-bd)}

/* Pied */
.foot{display:none}
.ft{background:var(--deep);color:#fff;padding-block:clamp(36px,4vw,56px) 24px}
.ft-top{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-bottom:26px}
.ft-c{font:400 clamp(21px,2.2vw,28px)/1.15 var(--d);color:#fff}.ft-c br{display:none}
.ft-a{display:flex;align-items:center;gap:18px;flex:none}.ft-tel{font:600 17px var(--t);color:#fff;text-decoration:none}.ft-tel:hover{color:var(--peach2)}
.ft .btn{min-height:46px;padding:10px 18px;font-size:15.5px;box-shadow:none}
.ft-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:26px;border-block:1px solid rgba(255,255,255,.28)}
.ft-g h2{font:600 16px var(--t);color:#fff;margin-bottom:10px}.ft-g ul{display:grid;gap:6px;font-size:15px}
.ft-g a,.ft .legal a,.ft button.lnkb{color:#fff;text-decoration:none;background:none;border:0;padding:0;font-size:15px;cursor:pointer}.ft-g a:hover,.ft .legal a:hover,.ft button.lnkb:hover{text-decoration:underline;text-underline-offset:3px}
.ft-b{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding-block:18px 4px}
.ft-l{height:30px;width:auto}.ft-n{font-size:15px}
.ft .soc{margin:0 0 0 auto}.ft .soc a{color:#fff;border-color:#fff;border-width:1.5px}.ft .soc a:hover{background:#fff;color:var(--deep)}
.ft .legal{margin-top:10px;font-size:14.5px;color:#fff}
.dock{display:none}

/* Responsive */
@media (max-width:1180px){
  .steps.steps,.steps.steps.c2,.steps.steps.c3,.steps.steps.c4,.steps.steps.c5,.steps.steps.c6{grid-template-columns:minmax(0,1fr);--g:14px}
  .steps.steps li,.steps.steps li:hover{padding:0 0 0 52px}
  .steps.steps li:not(:last-child)::after{left:17px;top:18px;width:2px;height:calc(100% + var(--g))}
  .domg.grid,.domg.grid.n4,.domg.grid.n5,.domg.stick,.stick.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.n5 .dom,.grid.n5 .dom:nth-child(n+4){grid-column:auto}
  .doms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hh-g{grid-template-columns:minmax(0,1fr)}.hh-a{max-width:480px}
  .dtabs{grid-template-columns:minmax(0,1fr)}
  .dt-l{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.dt-l button{flex:none;white-space:nowrap;background:var(--peach);padding:9px 13px;font-size:15.5px}.peach .dt-l button{background:#fff}.dt-l [aria-selected=true],.peach .dt-l [aria-selected=true]{background:var(--orange);color:#fff}
}
@media (max-width:860px){
  .story{grid-template-columns:minmax(0,1fr)}.story .st-ph{order:0}
  .routes{grid-template-columns:minmax(0,1fr);gap:10px}
  .pubs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pub span{font-size:17px;padding:10px 12px}
  .dt-c{grid-template-columns:minmax(0,1fr)}.dt-c>img{min-height:0;height:190px}
  .ub-b,.ub-b:not(.nv),.ub.s .ub-b:not(.nv){grid-template-columns:minmax(0,1fr);grid-template-areas:"v" "t" "a";justify-items:start;padding:18px}.ub-v{width:130px}
  .cta2-b{grid-template-columns:56px minmax(0,1fr);padding:16px}.cta2 img{width:56px;height:56px}.cta2 .btn{grid-column:1/-1;width:100%}
  .kit-i,.kit-g.n4 .kit-i,.kit-g.n2 .kit-i{grid-column:span 12}
  .stick .dom:nth-child(n){rotate:none}
  .sheet{padding:0 18px 18px}
  .ft-top{display:grid}.ft-a{flex-wrap:wrap}.ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1.5px solid #E8D9D0}
  .dock .btn{min-height:46px;padding:8px 12px;font-size:16px;width:100%}
  body{padding-bottom:70px}.cookie{bottom:82px}
  .h1,.hh .h1{font-size:clamp(30px,8.4vw,40px)}.h2{font-size:clamp(24px,6.6vw,30px)}
  .tbl.cmp{border-inline:0;border-radius:0}
}
@media (max-width:540px){
  .doms,.domg.grid,.domg.grid.n2,.domg.grid.n4,.domg.grid.n5,.domg.stick,.stick.n4{grid-template-columns:minmax(0,1fr)}
  .dom-v{height:110px}.dom-v .ill{max-height:90px}
  .trust li{border-left:0;padding:5px 10px;min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .rings,.stik,.orb-c::before,.orb-c::after{animation:none}
  .h1 .a,.h2 .a{background-size:100% 42%}.aide .h2{background-size:100% 34%}
  .orb{height:auto;padding-block:56px}.orb-s{position:static;height:auto}.orb-l li{grid-area:auto;opacity:1;transform:none;pointer-events:auto}.orb-l{gap:14px}
  .sheet{position:static}.js .dt-c:not([hidden]){animation:none}
}
.prose .ub a.btn{white-space:normal}
.orb-r{--r:0deg}
@media (max-width:900px){.sat{transform:rotate(var(--a)) translateX(min(35vw,132px))}}

/* Version 3 : contours noirs, titres plus présents, bleu en petite touche, quadrillage rythmé */
:root{--blue:#05A3A9;--sec:clamp(68px,7.5vw,112px);--arrow-k:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17M14.500 6.500 20 12l-5.500 5.500'/%3E%3C/svg%3E");--gridp:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);--bk:1.5px solid #000}
.h1{font-size:clamp(33px,3.9vw,54px)}
.h2,.orb .h2{font-size:clamp(29px,3.3vw,46px);line-height:1.08}
.hh .h1{font-size:clamp(34px,4vw,56px)}
.head{margin-bottom:clamp(32px,3.6vw,48px)}
.promo{background:var(--peach2);color:#000}.promo a{color:#000;border-color:#000}.promo a:hover{color:var(--orange);border-color:var(--orange)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--gridp);background-size:var(--cell) var(--cell);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.hero{position:relative;isolation:isolate;background:#fff}
.hero .hc{display:block}
.hero-g{grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr)}
.hero .ph{max-height:400px}.hero .ph.wide{max-height:none}
.art-h .ph,.feat .ph,.blog-h .ph{border:var(--bk);box-shadow:6px 6px 0 #000}
/* Quadrillage sur les sections pêche, fondu pour rester lisible */
.sec.peach{position:relative;isolation:isolate}
.sec.peach::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--gridp);background-size:var(--cell) var(--cell);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 40%,transparent 80%);mask-image:linear-gradient(transparent,#000 22%,#000 40%,transparent 80%)}
/* Contours */
.domg .dom,.peach .domg .dom{border:var(--bk)}
.domg .dom:hover{border-color:#000;box-shadow:5px 5px 0 var(--orange)}
.doms .dom{border:var(--bk)}
.route{background:#fff;border:var(--bk);box-shadow:4px 4px 0 #000;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.route::after,.kit-i .go{background-image:var(--arrow-k)}
.route:hover{background:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--orange)}
.pub{border:var(--bk)}.pub:hover{box-shadow:5px 5px 0 #000}
.finder{background:#fff;border:var(--bk);box-shadow:4px 4px 0 #000}
.opts span{border:var(--bk)}
.domg.tight{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.tight .dom-b{padding:18px 16px 10px}.tight .dom>footer{padding:0 16px 16px}.tight .h3{font-size:18px}.tight .dom-b p{font-size:15.5px}
.stick .dom>header{display:flex;background:var(--orange);color:#fff;border-bottom:var(--bk);padding:10px 18px}
.stick .dom>header span{background:#fff}
.stick .dom,.peach .stick .dom{border:var(--bk);box-shadow:5px 5px 0 var(--orange)}
.stick .h3{font-size:clamp(19px,1.6vw,22px)}.stick .dom-b p,.stick .check{font-size:16px}
/* Onglets : boutons qui se voient, sans photo */
.dtabs{display:block}
.dt-l{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.dt-l button,.peach .dt-l button{flex:none;background:#fff;border:var(--bk);border-radius:10px;padding:11px 16px;color:#000;font:600 16px/1.2 var(--t);white-space:nowrap;box-shadow:3px 3px 0 #000;transition:transform .15s var(--ease),box-shadow .15s}
.dt-l button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}
.dt-l [aria-selected=true],.peach .dt-l [aria-selected=true]{background:var(--orange);color:#fff;box-shadow:none;transform:translate(3px,3px)}
.dt-c{display:block;border:var(--bk);border-radius:16px;box-shadow:5px 5px 0 var(--orange)}
.dt-c .dom{display:grid;grid-template-columns:auto;padding:clamp(22px,2.6vw,34px)}
.dt-c .dom-b{display:grid;gap:8px;border:0}.dt-c .dom-b>.pi{display:block;width:52px;height:52px}
.dt-c .dom-b::before,.dt-c .dom-b ul,.domg .dom-b ul{border:0}
.dt-c .h3{margin-bottom:4px}
/* Étapes en colonne */
.stx{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.stx-l{position:sticky;top:120px}.stx-l .lead{margin-top:14px}
.stx-o{display:grid;gap:0}
.stx-o li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding-bottom:30px}
.stx-o li:last-child{padding-bottom:0}
.stx-o li:not(:last-child)::before{content:"";position:absolute;left:23px;top:48px;bottom:0;width:2px;background:var(--orange)}
.stx-o .n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);border:var(--bk);color:#fff;font:700 18px/1 var(--d)}
.stx-o .h3{font-size:clamp(20px,1.8vw,24px);padding-top:9px;margin-bottom:6px}
.stx-o p{font-size:16.5px;line-height:1.5}
/* Fiches à plat */
.sheets{background:#fff;position:relative;isolation:isolate}
.sheets>.wrap>.h2{text-align:left}
.sheet-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none}
.sheet,.sheet:nth-child(n){position:static;display:flex;flex-direction:column;padding:24px 26px;border:var(--bk);border-radius:16px;box-shadow:none;background:#fff;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.sheet:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--orange)}
.sheet-l.n3 .sheet:last-child,.sheet-l.n5 .sheet:last-child{grid-column:1/-1}
.sheet-t{font-size:clamp(21px,1.9vw,26px);padding:0;border:0;margin:0 0 10px}
.sheet-b{flex:1;display:flex;flex-direction:column;gap:10px;font-size:16.5px}
.keep{margin-top:auto;background:none;padding:12px 0 0;font-weight:500}
.keep b{display:inline;font:600 16px var(--t);color:#000;background:#FFD0BA;padding:1px 6px;margin-right:8px}
/* Outils */
.kit{background:#fff}
.kit-i{border:var(--bk);padding:20px 50px 20px 20px;gap:16px}
.kit-i b{font-size:clamp(18px,1.5vw,21px)}.kit-i .pi{width:46px;height:46px}
.kit-i:hover{box-shadow:5px 5px 0 var(--orange)}
/* Bandeaux : largeur pleine, contour noir */
.ub,.peach .ub{max-width:none;background:#fff;border:var(--bk);border-radius:18px;box-shadow:6px 6px 0 #000}
.ub-b,.ub-b:not(.nv){grid-template-columns:clamp(150px,18vw,230px) minmax(0,1fr) auto;grid-template-areas:"v t a";gap:clamp(20px,3vw,44px);padding:clamp(24px,2.6vw,34px) clamp(26px,3vw,44px)}
.ub-b.nv{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t a"}
.ub-v img,.ub-v .ill{max-height:130px}.ub-v .pi{width:92px;height:92px}.ub-v .hrt{width:76px;height:76px}
.ub-v img.av{width:110px;height:110px;max-height:none;border-radius:50%;object-fit:cover;object-position:50% 16%;border:var(--bk);filter:none}
.ub .h2{font-size:clamp(23px,2.3vw,32px)}.ub p{font-size:16.5px;margin-top:8px}
.ub .btn{min-height:50px;padding:12px 22px;font-size:16.5px;white-space:nowrap}
.ub.s .ub-b:not(.nv){grid-template-areas:"v t" "v a";grid-template-columns:56px minmax(0,1fr)}
.cta2{padding-block:var(--sec)}
.sec:has(.sits){padding-bottom:0}
.sec:has(.sits)+.sec{background:var(--peach);padding-top:28px}
.sec:has(.sits)+.sec::before{display:none}
.sit-l a,.sit-l a.lnk{display:inline-flex;padding:9px 14px;background:#fff;border:var(--bk);border-radius:10px;text-decoration:none;box-shadow:3px 3px 0 #000;color:#000;font-size:15.5px}
.sit-l a:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--orange);color:#000}
/* Offres : une seule recommandée */
.pack,.pack[data-pack=p]{background:#fff;border:var(--bk);box-shadow:none}
.pack:hover,.pack[data-pack=p]:hover{box-shadow:5px 5px 0 #000}
.pack.pick,.pack[data-pack=p].pick{background:#fff;border:2px solid var(--orange);box-shadow:var(--o-sh)}
.pack.pick::after{background:var(--blue);color:#fff}
.mis .pack.feature{border:2px solid var(--orange)}
/* Tableaux */
.tbl,.tbl.cmp{border:var(--bk);box-shadow:5px 5px 0 #000}
thead th,.peach thead th{background:var(--peach2)}
.cmp thead th{background:var(--peach2);border-bottom:var(--bk)}.cmp thead .hl{background:var(--orange)}
.sec:has(.cmp) .head{text-align:left;margin-inline:0;margin-bottom:0}
.cmp-b{margin-top:-30px;margin-bottom:14px}
.cmp-t i{border:var(--bk);background:#fff}.cmp-t i::after{background:#000;top:2px;left:2px}.cmp-t[aria-pressed=true] i{background:var(--orange)}
/* Orbite sur fond clair, plus grande */
.orb{background:var(--peach);color:#000;height:320vh;isolation:isolate}
.orb::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--gridp);background-size:var(--cell) var(--cell)}
.orb .h2,.orb .h2 .a{color:#000}.orb .h2 .a{color:var(--orange);background:linear-gradient(#FFD0BA,#FFD0BA) 0 88%/0 42% no-repeat}.orb .h2 .a.on{background-size:100% 42%}
.orb-g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,48px)}
.orb-l{margin-top:24px}
.orb-l a{padding:20px 22px;background:#fff;border:var(--bk);border-radius:16px;box-shadow:5px 5px 0 var(--orange);color:#000;gap:6px}
.orb-l b{color:#000;font-size:clamp(23px,2.2vw,30px)}.orb-l span{font-size:17px}
.orb-l em{font-style:normal;font-weight:600;width:fit-content;border-bottom:2px solid #000;margin-top:4px}
.orb-l a:hover em{color:var(--orange);border-color:var(--orange)}
.orb-p{display:flex;gap:6px;margin-top:20px}
.orb-p i{width:38px;height:5px;border-radius:3px;background:#FFD0BA;transition:background-color .3s}.orb-p i.on{background:var(--orange)}
.orb-a{width:min(100%,82vh)}
.orb-a .rings circle{stroke:var(--orange);opacity:.55}
.orb-c{border:var(--bk);font-size:clamp(19px,2vw,28px);font-weight:700}
.sat{transform:rotate(var(--a)) translateX(calc(min(39vh,24vw)*.965))}
.sat i{padding:12px 20px;font-size:clamp(16px,1.35vw,19px);border:var(--bk);box-shadow:3px 3px 0 #000}
.sat.on i{background:var(--orange);color:#fff;box-shadow:4px 4px 0 #000}
/* Histoire */
.story .st-ph{width:88%;justify-self:start;top:calc(50vh - 150px)}.stv img{max-height:320px}
/* Avis */
.rev{border:var(--bk);box-shadow:5px 5px 0 var(--orange)}
.car-n button{background:#fff;border:var(--bk);box-shadow:3px 3px 0 #000}
.car-n button::after{background-image:var(--arrow-k)}
.car-n button:hover{background:#fff;box-shadow:4px 4px 0 #000}
.post,.orange .post{border:var(--bk)}.post:hover,.orange .post:hover{border-color:#000;box-shadow:5px 5px 0 var(--orange)}
.post .im{border-bottom:var(--bk)}
/* FAQ */
.faq-card,.peach .faq-card{background:#fff;border:var(--bk);box-shadow:4px 4px 0 var(--orange)}
.faq-side .h2{font-size:clamp(25px,2.6vw,34px)}
/* Formulaire : arrondi, contour noir */
.form,.form .fld input,.form .fld select,.form .fld textarea,.form .sel-b{border-radius:10px}
.form{border-radius:18px;border:var(--bk);box-shadow:var(--hard2)}
/* Texte de présentation */
.state2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(26px,3.4vw,44px);background:#fff;border:var(--bk);border-radius:18px;box-shadow:5px 5px 0 var(--orange)}
.state2 .ct-t{margin-bottom:8px}.state2 .lead{color:#000}
/* Aides */
.aide .h2{background-image:linear-gradient(#FFD0BA,#FFD0BA)}
/* Pied clair, logo en tête */
.ft{background:var(--peach);color:#000}
.ft-top{align-items:center}
.ft-c{display:flex;align-items:center;gap:22px;color:#000;font-size:clamp(18px,1.7vw,22px)}
.ft-l{height:52px;width:auto}
.ft-tel{color:#000}.ft-tel:hover{color:var(--orange)}
.ft .btn{box-shadow:inset 0 0 0 1.5px #000,4px 4px 0 #000}
.ft-g{border-color:#E7C9BA}.ft-g h2,.ft-g a,.ft .legal,.ft .legal a,.ft button.lnkb,.ft-n{color:#000}
.ft .soc a{color:#000;border-color:#000}.ft .soc a:hover{background:var(--orange);color:#fff}
@media (max-width:1180px){
  .domg.tight{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stx{grid-template-columns:minmax(0,1fr)}.stx-l{position:static}
  .dt-l{flex-wrap:nowrap;overflow-x:auto;padding:2px 4px 6px}
  .ub-b,.ub-b:not(.nv){grid-template-columns:130px minmax(0,1fr);grid-template-areas:"v t" "v a"}.ub-b.nv{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "a"}
}
@media (max-width:900px){
  .orb{height:auto}.orb-g{grid-template-columns:minmax(0,1fr)}.orb-p{display:none}
  .orb-a{width:min(100%,340px)}.sat{transform:rotate(var(--a)) translateX(min(34vw,128px))}.sat i{padding:7px 10px;font-size:13px;box-shadow:none}
  .orb-l a{padding:14px 16px;box-shadow:3px 3px 0 var(--orange)}
}
@media (max-width:860px){
  .h2,.orb .h2{font-size:clamp(26px,7vw,34px)}.h1{font-size:clamp(30px,8.4vw,40px)}
  .hero-g{grid-template-columns:minmax(0,1fr)}br.bc{display:none}
  .sheet-l{grid-template-columns:minmax(0,1fr)}.state2{grid-template-columns:minmax(0,1fr)}
  .ub-b,.ub-b:not(.nv),.ub-b.nv,.ub.s .ub-b:not(.nv){grid-template-columns:minmax(0,1fr);grid-template-areas:"v" "t" "a";justify-items:start;padding:20px}
  .ub .btn{white-space:normal}.ub-v{width:150px}
  .ft-c{display:grid;gap:8px}
  .cmp-b{margin-top:12px}
  .domg.tight{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:540px){.domg.tight{grid-template-columns:minmax(0,1fr)}}
@media (min-width:901px){
  .orb-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .orb-l,.orb-p{max-width:440px}
  .sat{transform:rotate(var(--a)) translateX(calc(min(36vh,20vw)*.965))}
  .orb-a{width:min(100%,76vh);justify-self:end}
}
@media (min-width:901px){.sat{transform:rotate(var(--a)) translateX(min(35vh,20vw,330px))}.orb-a{width:min(100%,76vh,700px)}}

/* Version 4 : fonds assumés et alternés, lecture au scroll, FAQ en fin de page */
.h1{font-size:clamp(34px,4.3vw,60px)}.hh .h1{font-size:clamp(36px,4.6vw,64px)}
.promo{background:var(--blue);color:#fff;font-weight:600}.promo a{color:#fff;border-color:#fff}.promo a:hover{color:#fff;border-color:#fff;opacity:.85}
.hc{display:block}
.head .lead{text-wrap:balance}
/* Quadrillage plein, le fondu reste réservé aux hauts de page */
.sec.peach{background-color:var(--peach)}
.sec.peach::before,.sec.peach:has(.sits)+.sec::before{display:block;-webkit-mask-image:none;mask-image:none}
.sec.white{background:#fff}
.sec.peach+.sec.peach,.sec.white+.sec.white{padding-top:var(--sec)}
.sec:has(+.join){padding-bottom:0}.sec.join{padding-top:clamp(36px,4vw,56px)}
.sec:has(.sits)+.sec{background:transparent;padding-top:clamp(36px,4vw,56px)}
.sec.peach+.sec.join.peach,.sec.white+.sec.join.white{padding-top:clamp(36px,4vw,56px)}
.sec.orange:has(.car),.sec.peach+.sec.orange:has(.car){background-color:inherit}
.cta2.sec{padding-block:var(--sec)}.kit.sec{padding-block:var(--sec)}
.kit.peach{background-color:var(--peach)}
.orb::before{display:none}
.orb-s{background-image:var(--gridp);background-size:var(--cell) var(--cell)}
/* Étapes */
.stx{align-items:center}.stx-l{position:static}
.stx-o{grid-auto-rows:1fr}
.stx-o li{padding-bottom:26px}
.stx-o .n{border:0}
.stx-o div{max-width:32em}.stx-o p{text-wrap:pretty}
/* Sans décalage néo-brutaliste */
.finder{box-shadow:none}
.faq-card,.peach .faq-card{border:1.5px solid var(--orange);box-shadow:none}
/* Colonnes */
.domg.cols{display:grid;gap:14px}
.cols.n6{grid-template-columns:repeat(6,minmax(0,1fr))}.cols.n5{grid-template-columns:repeat(5,minmax(0,1fr))}
.cols .dom>header{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--peach2);border-bottom:var(--bk);font-size:14.5px;font-weight:600;color:#000;min-height:44px}
.cols .dom>header span{flex:none;width:9px;height:9px;border:1.5px solid #000;border-radius:50%;background:#fff}
.cols .dom>header:not(:empty){line-height:1.2}
.cols .dom-b{padding:16px 14px 12px}.cols .dom-b .pi{width:42px;height:42px}
.cols .h3{font-size:17.5px}.cols .dom-b p{font-size:15px;line-height:1.42}
.cols .dom>footer{padding:0 14px 14px}
.cols .lnk{font-size:15px}
/* Onglets calés à gauche */
.dtabs{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.dt-l{display:grid;align-content:start;gap:10px;margin:0}
.dt-l button,.peach .dt-l button{position:relative;width:100%;white-space:normal;text-align:left;padding:14px 46px 14px 16px;font:400 18px/1.2 var(--d);box-shadow:none}
.dt-l button::after{content:"";position:absolute;right:14px;top:50%;margin-top:-10px;width:20px;height:20px;background:var(--arrow-k) center/contain no-repeat}
.dt-l button:hover{box-shadow:3px 3px 0 var(--orange)}
.dt-l [aria-selected=true],.peach .dt-l [aria-selected=true]{transform:none;background:var(--orange);color:#fff;box-shadow:none}
.dt-l [aria-selected=true]::after{filter:brightness(0) invert(1)}
.dt-c{box-shadow:none;display:flex;align-items:center;height:100%;min-height:240px}
.dt-c .dom{display:block;width:100%}
.dt-c .dom>header{display:none}
.dt-c .check{font-size:17px}.dt-c .dom-b ul{display:grid;gap:9px}
/* Lecture au scroll */
.pin-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);align-items:start}
.pin-l ol{display:grid;gap:4px;margin-top:22px}
.pin-l a{display:block;padding:9px 0 9px 14px;border-left:3px solid #E8D9D0;color:#4C4541;text-decoration:none;font-size:16.5px;line-height:1.3;transition:color .25s,border-color .25s}
.pin-l li.on a,.pin-l a:hover{color:#000;border-color:var(--orange);font-weight:600}
.pin-c{display:grid;gap:18px;min-width:0}
.sheet,.sheet:nth-child(n){padding:clamp(22px,2.6vw,34px)}
.sheet:hover{transform:none;box-shadow:none}
.sheet-t{font-size:clamp(23px,2.2vw,30px)}
.keep{padding-top:14px}
.pin.live{height:calc(var(--n)*62vh + 100vh);padding-block:0}
.pin.live::before{display:none}
.pin.live .pin-s{position:sticky;top:0;height:100vh;display:grid;align-items:center;padding-top:80px;overflow:hidden}
.pin.peach.live .pin-s{background-image:var(--gridp);background-size:var(--cell) var(--cell)}
.pin.live .pin-g{align-items:center}
.pin.live .pin-c>.sheet{grid-area:1/1;opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.pin.live .pin-c>.sheet.on{opacity:1;transform:none;pointer-events:auto}
/* Tableaux */
.tbl thead th{font:400 clamp(16.5px,1.4vw,19px)/1.2 var(--d)}
.tbl tbody th{font-weight:600}
.tbl td{font-size:15.5px}
.sec:has(.cmp) .head{margin-bottom:6px}
.cmp-b{margin-top:10px;margin-bottom:14px}
/* Devis et formulaires dans le héros */
.hero-g:has(.form){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,3vw,44px)}
/* Pied orange */
.ft{background:var(--orange);color:#fff}
.ft-c{color:#fff;font-size:clamp(19px,1.8vw,24px)}.ft-l{height:46px;filter:brightness(0) invert(1)}
.ft-tel,.ft-tel:hover{color:#fff}
.ft .btn{background:#fff;color:#000;box-shadow:none}.ft .btn:hover{background:var(--peach);box-shadow:none;transform:none}
.ft-g{border-color:rgba(255,255,255,.45)}
.ft-g h2,.ft-g a,.ft .legal,.ft .legal a,.ft button.lnkb,.ft-n{color:#fff}
.ft-g a:hover,.ft .legal a:hover,.ft button.lnkb:hover{color:#fff}
.ft .soc a{color:#fff;border-color:#fff}.ft .soc a:hover{background:#fff;color:var(--orange)}
@media (max-width:1240px){.cols.n6,.cols.n5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.dtabs{grid-template-columns:minmax(0,1fr)}.dt-l{display:grid;overflow:visible;padding:0}.pin-g{grid-template-columns:minmax(0,1fr)}.pin-l ol{display:none}.hero-g:has(.form){grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){br.bc{display:none}.h1,.hh .h1{font-size:clamp(32px,8.8vw,44px)}.cols.n6,.cols.n5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.cols.n6,.cols.n5{grid-template-columns:minmax(0,1fr)}}
.hero:has(.hcard) .hero-g{grid-template-columns:minmax(0,1.75fr) minmax(0,.85fr)}@media (max-width:860px){.hero:has(.hcard) .hero-g{grid-template-columns:minmax(0,1fr)}}

/* Version 5 : derniers réglages et clavier */
.promo{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:11px var(--gut);line-height:1.3}
.promo a{margin:0;padding:0;line-height:1.3;box-shadow:0 2px 0 #fff;border:0}
.rts.join,.sec.rts{padding-top:clamp(28px,3vw,40px)}
.stx{align-items:start}
.gap{margin-top:clamp(48px,5.5vw,76px)}
.gap .ub{box-shadow:none}
.peach .faqs{background:#fff;border:var(--bk);border-radius:16px;padding:4px 20px}
.peach .faqs .qa:first-child{border-top:0}.peach .faqs{border-bottom:var(--bk)}
.parr{background:#E4F6F6;color:#00696E;border:1.5px solid var(--blue)}
.parr b{background:#BDE9EA}
.parr:hover{transform:none;box-shadow:0 3px 10px rgba(5,163,169,.22)}
.def{margin-top:12px;font-size:15.5px;color:#4C4541}
.cols.n6{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cols.n6 .dom-b{padding:20px 22px 14px}.cols.n6 .h3{font-size:clamp(19px,1.6vw,22px)}.cols.n6 .dom-b p{font-size:16px}.cols.n6 .dom-b .pi{width:48px;height:48px}.cols.n6 .dom>header{padding:10px 18px}.cols.n6 .dom>footer{padding:0 22px 18px}
/* Lecture au scroll : compacte, dans le style du site */
.pin.live{height:auto;min-height:calc(var(--n)*46vh + 560px);padding-block:clamp(44px,5vw,64px)}
.pin.live::before{display:block}
.pin.live .pin-s,.pin.peach.live .pin-s{top:96px;height:auto;padding-top:0;overflow:visible;background:none;display:block}
.pin.live .pin-g{align-items:start}
.pin-l ol{gap:8px;margin-top:20px}
.pin-l a,.pin-l li.on a,.pin-l a:hover{padding:11px 14px;background:#fff;border:var(--bk);border-radius:10px;color:#000;font-weight:500;font-size:16px;transition:background-color .25s,color .25s}
.pin-l li.on a{background:var(--orange);color:#fff}
.sheet,.sheet:nth-child(n),.pin.live .pin-c>.sheet{border:var(--bk);box-shadow:5px 5px 0 var(--orange);border-radius:18px}
/* Choisir son statut : même section, même fond */
.sec.peach:has(.sits)+.sec.peach{background-color:var(--peach)}
.sec.white:has(.sits)+.sec.white{background-color:#fff}
/* Focus clavier visible partout */
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.btn:focus-visible{outline:3px solid #000;outline-offset:3px}
.ft :focus-visible,.promo :focus-visible{outline-color:#fff}
.opts input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px}
.skip:focus{z-index:100;outline:3px solid #fff}

/* Lecture au scroll : centrée, titres en ligne au-dessus de la fiche */
.pin-g,.pin.live .pin-g{display:block;max-width:960px;margin-inline:auto}
.pin-l{text-align:center}
.pin-l ol{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 22px}
.pin-l a,.pin-l li.on a,.pin-l a:hover{padding:9px 14px;font-size:15.5px;white-space:nowrap}
.pin-l a:hover{background:var(--peach)}.pin-l li.on a:hover{background:var(--orange)}
.pin.live{min-height:calc(var(--n)*42vh + 520px)}
.sheet,.sheet:nth-child(n){text-align:left}
@media (max-width:900px){.pin-l ol{display:none}}

/* Fiches à boutons : un clic, une fiche */
.sec:has(+.join){padding-bottom:18px}
.ktabs .h2{text-align:center}
.k-l{display:flex;justify-content:center;gap:8px;margin:20px 0 22px;overflow-x:auto;scrollbar-width:none;padding:3px}
.k-l::-webkit-scrollbar{display:none}
.k-l button{flex:none;padding:10px 14px;background:#fff;border:var(--bk);border-radius:10px;color:#000;font:500 15.5px/1.2 var(--t);white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
.k-l button:hover{background:var(--peach)}
.k-l [aria-selected=true],.k-l [aria-selected=true]:hover{background:var(--orange);color:#fff}
.ktabs .sheet{max-width:980px;margin-inline:auto;padding:clamp(22px,2.6vw,34px);background:#fff;border:var(--bk);border-radius:18px;box-shadow:5px 5px 0 var(--orange);text-align:left}
.js .ktabs .sheet:not([hidden]){animation:fadein .35s var(--ease)}
.ktabs .sheet+.sheet{margin-top:16px}.js .ktabs .sheet+.sheet{margin-top:0}
.pan,.peach .pan,.pan:nth-child(n){background:#fff;border:var(--bk);border-radius:16px;padding:24px 26px}
.pan .h2{font-size:clamp(20px,1.8vw,24px)}
.pan:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--orange)}
@media (max-width:1060px){.k-l{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.js .ktabs .sheet:not([hidden]){animation:none}}
@media (min-width:861px){
  .k-l{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible;padding:0;max-width:980px;margin-inline:auto}
  .k-l button{white-space:normal;padding:9px 10px;font-size:15px;text-wrap:balance}
}

/* Sources des articles : discrètes, en fin d'article */
.prose .srcs{margin-top:40px;padding-top:14px;border-top:1px solid rgba(0,0,0,.12);font-size:13px;line-height:1.6;color:#555}
.prose .srcs a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Assistant Ratio Compta : bouton discret en bas à droite, fenêtre ouverte seulement au clic. Cadre orange et ombre dure orange, comme les cartes de la refonte. */
.chat-btn{position:fixed;right:16px;bottom:16px;z-index:58;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 18px 0 14px;background:#fff;color:#000;border:var(--o-bd);border-radius:999px;box-shadow:4px 4px 0 var(--orange);font:600 15.5px/1 var(--t);cursor:pointer;transition:transform .16s var(--ease),box-shadow .16s var(--ease)}
.chat-btn svg{width:20px;height:20px;fill:var(--peach2);stroke:var(--orange);stroke-width:1.8;stroke-linejoin:round}
.chat-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--orange)}
.chat-btn[aria-expanded=true]{background:var(--peach)}
body:has(#cookie:not([hidden])) .chat-btn{display:none}
.chat{position:fixed;right:16px;bottom:80px;z-index:65;display:flex;flex-direction:column;width:min(392px,calc(100vw - 32px));height:min(620px,calc(100dvh - 112px));background:#fff;border:var(--o-bd);border-radius:18px;box-shadow:var(--o-sh);overflow:hidden;color:#000;animation:chat-in .22s var(--ease)}
.chat[hidden]{display:none}
@keyframes chat-in{from{opacity:0;transform:translateY(12px)}}
.chat-h{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:14px 10px 14px 14px;background:#fff;border-bottom:var(--line2)}
.chat-h::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 85%);mask-image:linear-gradient(90deg,#000,transparent 85%)}
.chat-logo{flex:none;display:grid;place-items:center;width:44px;height:44px;background:var(--peach);border:1.5px solid var(--orange);border-radius:12px}
.chat-logo svg{width:24px;height:24px}
.chat-h div{flex:1;min-width:0}
.chat-h h2{font:700 17.5px/1.15 var(--d);margin:0;letter-spacing:-.01em}
.chat-h p{margin:4px 0 0;font-size:12.5px;line-height:1.3;color:#5A4F49}
.chat-x{flex:none;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:10px;cursor:pointer;color:#000}
.chat-x:hover{background:var(--peach)}
.chat-x svg,.chat-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chat-log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 14px;display:flex;flex-direction:column;gap:10px;font-size:15.5px;line-height:1.5}
.chat-m{max-width:90%;padding:10px 14px;border-radius:14px;overflow-wrap:anywhere}
.chat-m p{margin:0}.chat-m p+p,.chat-m ul+p,.chat-m p+ul{margin-top:8px}
.chat-m ul{margin:0;padding-left:18px;list-style:disc}.chat-m li::marker{color:var(--orange)}
.chat-m a{color:var(--orange);font-weight:600}
.chat-m.ai{align-self:flex-start;background:var(--peach);border-bottom-left-radius:4px}
.chat-m.me{align-self:flex-end;background:var(--orange);color:#fff;font-weight:500;border-bottom-right-radius:4px;white-space:pre-wrap}
.chat-dots{display:inline-flex;gap:4px;padding:4px 0}
.chat-dots i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:chat-dot 1s infinite alternate}
.chat-dots i:nth-child(2){animation-delay:.2s}.chat-dots i:nth-child(3){animation-delay:.4s}
@keyframes chat-dot{to{opacity:.25;transform:translateY(-3px)}}
.chat-chips{display:flex;flex-wrap:wrap;gap:8px}
.chat-chip{padding:9px 14px;background:#fff;border:1.5px solid #E0D2CA;border-radius:999px;color:#000;font:500 15px/1.2 var(--t);cursor:pointer;text-align:left;transition:border-color .15s,background-color .15s}
.chat-chip:hover{border-color:var(--orange);background:var(--peach)}
.chat-chip.pro{width:100%;border-color:#000;font-weight:600;box-shadow:3px 3px 0 #000}
.chat-chip.pro:hover{background:var(--peach2)}
.chat-pro,.chat-mail{display:grid;gap:8px}
.chat-pro{padding:14px;background:#fff;border:var(--o-bd);border-radius:14px}
.chat-pro p{margin:0}
.chat-pro .btn{width:100%;min-height:44px;margin:0;padding:8px 14px;font-size:15px;white-space:normal}
.chat-mail label{display:grid;gap:4px;font-size:14px;font-weight:600}
.chat-mail input:not([type=checkbox]),.chat-mail textarea{width:100%;padding:9px 11px;border:1.5px solid #000;border-radius:8px;font:400 16px/1.4 var(--t);background:#fff}
.chat-mail .chk2{display:flex;align-items:center;gap:8px;font-weight:400}
.chat-st{margin:0;font-size:14px}.chat-st.ok{font-weight:600}
.chat-f{border-top:var(--line2);padding:12px 12px 10px;display:grid;gap:8px;background:#fff}
.chat-in{display:flex;align-items:flex-end;gap:8px}
.chat-in textarea{flex:1;min-height:46px;max-height:120px;resize:none;padding:11px 14px;border:1.5px solid #000;border-radius:12px;font:400 16px/1.4 var(--t);color:#000;background:#fff}
.chat-in textarea:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.chat-go{flex:none;width:46px;height:46px;display:grid;place-items:center;background:var(--orange);color:#fff;border:0;border-radius:12px;box-shadow:inset 0 0 0 1.5px #000,3px 3px 0 #000;cursor:pointer}
.chat-in.busy .chat-go{opacity:.5;cursor:wait}
.chat-n{margin:0;font-size:12px;line-height:1.35;color:#6B605A}
@media (max-width:860px){.chat-btn{bottom:82px}.chat{bottom:146px;height:min(600px,calc(100dvh - 172px))}}
@media (max-width:520px){
  .chat-btn{right:14px}
  .chat{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;z-index:75}
  .chat-f{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .chat-on body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.chat,.chat-dots i{animation:none}.chat-btn,.chat-chip{transition:none}}

/* ===== Téléphone : retours du 3 novembre ===== */
.promo .ps{display:none}
.nw{white-space:nowrap}
.tbl-hint{display:none}
@media (max-width:860px){
  /* Bandeau d'offre sur une seule ligne */
  .promo{flex-wrap:nowrap;white-space:nowrap;gap:8px;padding:9px 10px;font-size:13px}
  .promo a{flex:none}
  .promo .pl{display:none}.promo .ps{display:inline}
  /* Quadrillage sur toute la hauteur des sections */
  [data-cells]::before{-webkit-mask-image:none;mask-image:none}
  /* Orbite : le centre tient dans son cercle */
  .orb-c{width:40%;margin:-20% 0 0 -20%;padding:6px;font-size:clamp(13px,3.8vw,16px);line-height:1.15;text-wrap:balance}
  /* Pennylane : l'image avant le texte */
  .story .st{display:flex;flex-direction:column;min-height:0}
  .story .st .mph{order:-1;display:block;width:100%;height:auto;border-radius:14px;margin-bottom:6px}
  /* Fiches à boutons et onglets : tous les choix visibles, à la ligne */
  .k-l,.dt-l{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start;gap:8px;padding:0 0 4px}
  .k-l button,.dt-l button,.peach .dt-l button{flex:0 1 auto!important;width:auto!important;white-space:normal;text-align:left;padding:8px 12px!important;font:600 14.5px/1.2 var(--t)!important;border:var(--bk);border-radius:10px;box-shadow:2px 2px 0 #000;transform:none}
  .k-l [aria-selected=true],.dt-l [aria-selected=true],.peach .dt-l [aria-selected=true]{background:var(--orange);color:#fff;box-shadow:none;transform:translate(2px,2px)}
  .dt-l button::after{display:none}
  .js .stk-l nav{display:none}
  .filters{flex-wrap:wrap}.filters button{min-height:36px;padding:5px 11px;font-size:14px}
  /* Aide au choix des packs : une question par ligne */
  .finder{grid-template-columns:minmax(0,1fr)!important;gap:16px}
  .finder .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
  .finder .opts label,.finder .opts span{width:100%;text-align:center;justify-content:center}
  /* Tableaux : on voit qu'ils défilent */
  .tbl.scrollx{position:relative;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.18),transparent) right/14px 100% no-repeat scroll,#fff}
}
@media (max-width:600px){
  /* Boutons de section sur toute la largeur */
  .head.split .btn,.head .btn,.more,.more .btn,.ft-a,.ft-a .btn,.acts .btn,.cmp-b,.cmp-t{width:100%;justify-content:center;text-align:center}
  .ft .ft-top{grid-template-columns:minmax(0,1fr)!important}.ft .ft-a{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px;width:100%;justify-self:stretch!important;justify-items:stretch}.ft .ft-a .btn{width:100%!important;justify-content:center}
  /* Une colonne pour les grilles de cartes */
  .domg.cols,.domg.cube,.domg.grid,.cols.n6,.cols.n5,.cols.n4,.cols.n3{grid-template-columns:minmax(0,1fr)!important}
  .domg>*{grid-column:auto!important}
  /* Comparatif des packs : une ligne = un critère, trois colonnes de packs */
  .tbl.cmp{overflow:visible;background:#fff;margin-inline:0}
  .tbl.cmp table{min-width:0;width:100%;display:block}
  .tbl.cmp thead,.tbl.cmp tbody{display:block}
  .tbl.cmp tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
  .tbl.cmp thead th:first-child{display:none}
  .tbl.cmp thead th{font-size:14px;padding:10px 6px;text-align:center}
  .tbl.cmp thead th b{display:block;font-size:12px;font-weight:500}
  .tbl.cmp tbody th[scope=row]{grid-column:1/-1;padding:12px 12px 2px;font-size:14px;text-align:left;border-bottom:0}
  .tbl.cmp tbody td{padding:4px 6px 12px;text-align:center;font-size:14px}
  .tbl.cmp tr.cta-r{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tbl.cmp tr.cta-r>*:first-child:not(td){display:none}
  .tbl.cmp tr.cta-r .btn{padding:8px 6px;font-size:13px;width:100%}
  .tbl.cmp tr.same{display:none}
}
/* Aides à la création : chaque aide s'ouvre au clic */
.aide-t{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.aide-t:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:6px}
.aide-t i{flex:none;width:34px;height:34px;display:grid;place-items:center;border:var(--bk);border-radius:50%;font-style:normal;font-size:20px;line-height:1;transition:transform .25s}
.aide-t[aria-expanded=true] i{transform:rotate(45deg);background:var(--orange);color:#fff}
.js .aide{padding-bottom:22px;margin-bottom:22px}

/* Articles : tableaux à en-tête sans première ligne surlignée, encart « À retenir » et bandeau de rendez-vous assortis, FAQ en accordéon */
.prose thead + tbody tr:first-child td{background:transparent;font-weight:inherit;color:inherit}
.prose .tip{display:flex;align-items:center;gap:18px;margin:1.6em 0;padding:18px 22px;font-size:17px}
.prose .tip,.prose .ub.s{background:var(--peach);border:1.5px solid var(--orange);border-radius:16px}
.prose .tip p{margin:0}.prose .tip b{font-weight:700}
.prose .tip .tip-i{flex:none;width:56px;height:56px}
.prose .faqs .qa summary{font-weight:500}
@media (max-width:640px){.prose .tip{gap:12px;padding:14px 16px}.prose .tip .tip-i{width:40px;height:40px}}

/* ===== Téléphone : retours du 3 novembre, deuxième passage ===== */
.tsel{display:none;position:relative;margin:18px 0}
.tsel select{appearance:none;-webkit-appearance:none;width:100%;min-height:52px;padding:12px 48px 12px 16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F05A22' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E") right 16px center/20px no-repeat;border:var(--bk);border-radius:12px;box-shadow:3px 3px 0 #000;color:#000;font:600 16px/1.2 var(--t);cursor:pointer}
.tsel select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.tbl-bar{display:none;height:6px;margin:10px 4px 0;background:var(--peach2);border-radius:6px;overflow:hidden}
.tbl-bar i{display:block;height:100%;background:var(--orange);border-radius:6px}
.cmp-b{display:flex;justify-content:center;margin:18px 0 0}
@media (max-width:860px){
  .tsel{display:block}
  .tsel+.k-l,.tsel+.dt-l,.tsel+.filters{display:none!important}
  .tbl.scrollx+.tbl-bar{display:block}
  .faq-g{display:flex!important;flex-direction:column;gap:24px}
  .faq-side{display:contents}
  .faq-side .faq-card{order:2;margin:0}
  .ft .ft-c{justify-items:center;justify-content:center;text-align:center;justify-self:stretch}
  .ft .ft-top{justify-items:center;text-align:center}
}
@media (max-width:600px){
  .story .st .btn,.faq-card .btn{width:100%;justify-content:center;text-align:center}
  .tarifs-cmp .head,.tbl.cmp~.cmp-b{text-align:center}
  .sec .head:has(+.tbl.cmp){text-align:center;margin-inline:auto}
  .tbl.cmp{overflow:hidden;border-radius:var(--r)}
  .cmp-b .cmp-t{width:auto}
}