/* doctoclic.fr · Tarifs (maquette optimale v10, 06/10/2026), chargée aussi par l'accueil (cartes des formules) : les trois
   cartes et le comparatif (bascule mensuel / annuel : socle.js), « Quelle formule pour vous ? » (B3 · le site en grand,
   avec Centre « bientôt disponible ») et « Engagement, délais, propriété » (C · colonne centrée ; questions : .ab-acc,
   socle.css). Plus de cercles décoratifs en fond (06/10). */
@property --pt-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.btn-g{background:transparent;color:var(--nuit);box-shadow:inset 0 0 0 2px var(--gris-200)}
.btn-g:hover{box-shadow:inset 0 0 0 2px var(--vert-action)}
.btn-g.sur-nuit{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.btn-g.sur-nuit:hover{box-shadow:inset 0 0 0 2px var(--turquoise)}
.btn-sm{min-height:44px;padding:0 16px;font-size:14.5px;border-radius:10px}
.pt-sh{display:grid;gap:14px;max-width:760px;justify-items:start}
.pt-sh p{font-size:17.5px;line-height:1.6;color:var(--gris-600)}
.pt-sh-c{margin-inline:auto;text-align:center;justify-items:center}
.pt-formules{padding:clamp(72px,9vw,112px) 0 clamp(72px,9vw,104px)!important}
.pt-formules .pt-plans{margin-top:72px}
.pt-formules .pt-bill{margin-top:14px}

/* ═════════ les trois cartes (site actuel) ═════════ */
/* bascule mensuel / annuel (socle.js : .bill, .an sur la bascule) */
.pt-bill{position:relative;display:grid;grid-template-columns:168px 252px;margin-top:14px;padding:6px;border-radius:99px;background:#fff;border:1px solid var(--gris-200);box-shadow:0 22px 44px -26px rgba(7,7,48,.4)}
.pt-bill .bill-th{position:absolute;left:6px;top:6px;bottom:6px;width:168px;border-radius:99px;background:var(--nuit);box-shadow:0 12px 24px -12px rgba(7,7,48,.8);transition:transform .5s cubic-bezier(.6,0,.2,1),width .5s cubic-bezier(.6,0,.2,1)}
.pt-bill.an .bill-th{transform:translateX(168px);width:252px}
.pt-bill button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0;border:0;border-radius:99px;background:transparent;cursor:pointer;font:700 16.5px var(--font-titre);color:var(--gris-600);transition:color .35s}
.pt-bill button[aria-pressed="true"]{color:#fff}
.pt-bill em{font:700 11px/1 var(--font-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:var(--vert-clair);color:var(--vert-action);padding:6px 9px;border-radius:99px;animation:pt-invite 2.6s ease-out infinite;transition:background-color .35s,color .35s}
.pt-bill.an em{background:var(--vert-action);color:#fff;animation:none}
.pt-plans{position:relative;display:grid;grid-template-columns:1fr 1.16fr 1fr;gap:24px;margin-top:64px;align-items:stretch}
.pt-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--gris-200);border-radius:26px;padding:36px 30px 30px;box-shadow:0 34px 64px -44px rgba(7,7,48,.45);transition:transform .35s,box-shadow .35s}
.pt-plan:hover{transform:translateY(-6px)}
.pt-plan-deco{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.pt-plan h3{font:800 26px/1.1 var(--font-titre);color:var(--nuit);letter-spacing:-.02em}
.pt-bientot{display:block;margin-top:6px;font:500 14px/1.3 var(--font-texte);letter-spacing:0;opacity:.8}
.pt-tb-h .pt-bientot{margin:2px 0 4px;font-size:12px}
.pt-plan-d{margin-top:10px;font-size:15px;line-height:1.5;color:var(--gris-600);min-height:45px}
.pt-px{display:flex;align-items:baseline;gap:8px;margin-top:24px}
.pt-px b{display:inline-block;font:800 58px/1 var(--font-titre);letter-spacing:-.045em;color:var(--nuit);font-variant-numeric:tabular-nums;white-space:nowrap}
.pt-px>span{font:500 15px var(--font-texte);color:var(--gris-600)}
.pt-pxn{margin-top:10px;font:600 13.5px var(--font-texte);color:var(--vert-action);min-height:21px}
.pt-li{list-style:none;padding-left:0;margin-left:0;display:grid;gap:11px;align-content:start;flex:1;margin:22px 0 28px;padding-top:22px;border-top:1px dashed var(--gris-200)}
.pt-li li{position:relative;padding-left:32px;font-size:15px;line-height:1.45;color:var(--nuit)}
.pt-li li::before{content:"";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--vert-clair) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B7A75' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.pt-li li.pt-opt{color:var(--gris-600)}
.pt-li li.pt-opt::before{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B7A75' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:inset 0 0 0 1.5px var(--vert-moyen)}
.pt-li li.pt-opt b{font-weight:700;color:var(--vert-action)}
.pt-plan .btn{width:100%;white-space:normal;text-align:center}
.pt-plan-plus{display:flex;gap:12px;align-items:flex-start;margin:-6px 0 22px;padding:14px 16px;border-radius:16px;background:var(--gris-100);font-size:13.5px;line-height:1.5;color:var(--gris-600)}
.pt-plan-plus i{width:30px;height:30px;border-radius:10px;flex:none;display:grid;place-items:center;background:#fff;color:var(--vert-action);box-shadow:0 4px 10px -6px rgba(7,7,48,.4)}
.pt-plan-plus i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pt-tag{position:absolute;z-index:2;top:-15px;left:50%;transform:translateX(-50%);font:700 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:9px 15px;border-radius:99px;background:var(--vert-action);color:#fff;white-space:nowrap;box-shadow:0 12px 22px -10px rgba(11,122,117,.9)}
.pt-plan-hi{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--pt-a),var(--vert-logo),var(--vert-clair) 22%,var(--vert-action) 46%,var(--vert-clair) 72%,var(--vert-logo)) border-box;animation:pt-tourne 6s linear infinite;transform:translateY(-16px);box-shadow:0 46px 80px -44px rgba(11,122,117,.75)}
.pt-plan-hi:hover{transform:translateY(-22px)}
.pt-plan-hi .pt-plan-deco::before{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(100deg,rgba(230,247,246,0),rgba(230,247,246,.9),rgba(230,247,246,0));animation:pt-balaie 6s ease-in-out infinite}
.pt-plan-hi>*:not(.pt-tag):not(.pt-plan-deco){position:relative}
.pt-plan-nuit{background:radial-gradient(420px 260px at 95% 0,rgba(13,182,162,.22),transparent 70%),linear-gradient(160deg,var(--nuit-2),var(--nuit-profonde));border-color:rgba(255,255,255,.07);box-shadow:0 40px 70px -40px rgba(4,5,34,.9)}
.pt-plan-nuit :focus-visible{outline-color:var(--turquoise)}
.pt-plan-nuit .pt-plan-deco::after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;border:38px solid rgba(13,182,162,.09);animation:pt-battre 7s ease-in-out infinite}
.pt-plan-nuit h3,.pt-plan-nuit .pt-px b{color:#fff}
.pt-plan-nuit .pt-plan-d,.pt-plan-nuit .pt-px>span{color:var(--gris-300)}
.pt-plan-nuit .pt-pxn{color:var(--turquoise)}
.pt-plan-nuit .pt-li{border-top-color:rgba(255,255,255,.12)}
.pt-plan-nuit .pt-li li{color:var(--gris-200)}
.pt-plan-nuit .pt-li li::before{background-color:rgba(13,182,162,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314B8B0' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.pt-plan-nuit .pt-plan-plus{background:rgba(255,255,255,.05);color:var(--gris-300);border:1px solid rgba(255,255,255,.08)}
.pt-plan-nuit .pt-plan-plus i{background:rgba(13,182,162,.18);color:var(--turquoise);box-shadow:none}
.pt-plan-nuit .pt-tag{background:var(--vert-clair);color:var(--nuit);box-shadow:0 12px 22px -12px rgba(13,182,162,.9)}
.pt-foot{position:relative;margin:44px auto 0;max-width:820px;text-align:center;display:grid;gap:10px}
.pt-foot p{font-size:16px;color:var(--gris-600)}
.pt-foot .pt-tva{font-size:13.5px}
@keyframes pt-derive1{50%{transform:translate(80px,40px) scale(1.1)}}
@keyframes pt-derive2{50%{transform:translate(-80px,-30px) scale(.92)}}
@keyframes pt-reflet{to{background-position:-200% 0}}
@keyframes pt-invite{0%{box-shadow:0 0 0 0 rgba(13,182,162,.55)}70%,100%{box-shadow:0 0 0 10px rgba(13,182,162,0)}}
@keyframes pt-tourne{to{--pt-a:360deg}}
@keyframes pt-balaie{0%,55%{left:-40%}85%,100%{left:120%}}
@keyframes pt-battre{50%{transform:scale(1.1)}}

/* ═════════ comparatif ═════════ */
.pt-cmp{background:#fff;padding:clamp(72px,9vw,112px) 0}
.pt-cmp-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.pt-bill-sm{grid-template-columns:140px 236px;margin-top:0}
.pt-bill-sm .bill-th{width:140px}
.pt-bill-sm.an .bill-th{transform:translateX(140px);width:236px}
.pt-bill-sm button{height:46px;font-size:15px}
.pt-tb{position:relative;margin-top:44px;background:#fff;border:1px solid var(--gris-200);border-radius:28px;box-shadow:0 44px 80px -54px rgba(7,7,48,.45);overflow:hidden}
.pt-tb .cmp{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14.5px}
.pt-tb .cmp th,.pt-tb .cmp td{padding:12px 16px;border-top:1px solid var(--gris-150);text-align:center;vertical-align:middle;transition:background-color .45s,box-shadow .45s,color .45s}
.pt-tb .cmp thead th{border-top:0;border-bottom:1px solid var(--gris-200);vertical-align:top}
.pt-tb .cmp thead th:first-child{width:38%}
.pt-tb .cmp tbody th[scope="row"]{text-align:left;padding-left:30px;font:400 15px/1.45 var(--font-texte);color:var(--nuit)}
.pt-tb .cmp td{font-weight:600;color:var(--nuit);line-height:1.35}
.pt-tb-h0{text-align:left!important;padding:42px 14px 24px 30px!important;vertical-align:bottom!important}
.pt-tb-h0 small{display:block;font:500 12px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gris-600)}
.pt-tb-h0 b{display:block;margin-top:4px;font:800 22px/1.2 var(--font-titre);color:var(--nuit)}
.pt-tb-aide{margin-top:12px;display:flex;align-items:center;gap:10px;font:400 13.5px/1.4 var(--font-texte);color:var(--gris-600)}
.pt-tb-aide i{width:30px;height:30px;border-radius:9px;background:var(--vert-clair);color:var(--vert-action);display:grid;place-items:center;flex:none}
.pt-tb-aide svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pt-tb-h{position:relative;padding:42px 12px 24px!important}
.pt-tb-h>*{position:relative}
.pt-tb-pick{display:block;margin:0 auto;min-height:36px;padding:4px 10px;border:0;border-radius:10px;background:none;cursor:pointer;font:800 21px/1.2 var(--font-titre);color:var(--nuit)}
.pt-tb-pick:hover{color:var(--vert-action)}
.pt-tb-px{display:flex;justify-content:center;align-items:baseline;gap:5px;font:800 30px/1.1 var(--font-titre);letter-spacing:-.03em;color:var(--nuit);white-space:nowrap}
.pt-tb-px b{font:inherit;white-space:nowrap}
.pt-tb-px small{font:500 13px var(--font-texte);letter-spacing:0;color:var(--gris-600)}
.pt-tb-h .btn{margin-top:12px}
.pt-tb-rc{position:absolute!important;top:14px;left:50%;transform:translateX(-50%);font:700 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--vert-action);background:var(--vert-clair);padding:5px 8px;border-radius:99px;white-space:nowrap}
.pt-tb .cmp tr.grp th{padding:26px 30px 12px;border-top:1px solid var(--gris-200);text-align:left;font:600 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--nuit)}
.pt-tb .cmp tr.grp th::before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:3px;background:var(--vert-logo);vertical-align:-1px}
.pt-tb .cmp tr.g2 th::before{background:var(--vert-moyen)}
.pt-tb .cmp tr.g3 th::before{background:var(--nuit)}
.pt-tb .cmp tbody tr.g1 th{border-top:0}
.pt-tb .cmp .y,.pt-tb .cmp .n{display:inline-block;vertical-align:middle}
.pt-tb .cmp .y{width:26px;height:26px;border-radius:50%;background:var(--vert-clair) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B7A75' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat;transition:background-color .45s}
.pt-tb .cmp .n{width:14px;height:2px;border-radius:2px;background:var(--gris-300)}
/* colonne mise en avant (data-col sur .pt-tb, posé par p-tarifs.js ; Premium au départ) */
.pt-tb[data-col="0"] :is(th,td):nth-child(2),.pt-tb[data-col="1"] :is(th,td):nth-child(3),.pt-tb[data-col="2"] :is(th,td):nth-child(4){background:linear-gradient(180deg,rgba(238,249,248,.9),rgba(238,249,248,.9));box-shadow:inset 2px 0 0 var(--vert-logo),inset -2px 0 0 var(--vert-logo)}
.pt-tb[data-col="0"] thead th:nth-child(2),.pt-tb[data-col="1"] thead th:nth-child(3),.pt-tb[data-col="2"] thead th:nth-child(4){background:linear-gradient(180deg,rgba(13,182,162,.16),rgba(230,247,246,.8))}
.pt-tb[data-col="0"] td:nth-child(2),.pt-tb[data-col="1"] td:nth-child(3),.pt-tb[data-col="2"] td:nth-child(4){color:var(--vert-action)}
.pt-tb[data-col="0"] td:nth-child(2) .y,.pt-tb[data-col="1"] td:nth-child(3) .y,.pt-tb[data-col="2"] td:nth-child(4) .y{background-color:var(--vert-action);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");box-shadow:0 8px 16px -8px rgba(11,122,117,.95)}
.pt-tb .pt-tb-pick[aria-pressed="true"]{color:var(--vert-action)}
.pt-tb .cmp tr.grp th{background:transparent!important;box-shadow:none!important}
.pt-tb-note{margin-top:24px;font-size:14px;line-height:1.6;color:var(--gris-600);max-width:940px}
.pt-tb-note a{color:var(--vert-action);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pt-cmp-hd .pt-sh{max-width:820px}

/* ═════════ écrans plus étroits ═════════ */
@media (max-width:1100px){
  .pt-plans{gap:16px}
  .pt-plan{padding:32px 22px 24px}
  .pt-px b{font-size:50px}
}
@media (max-width:980px){
  .pt-plans{grid-template-columns:1fr;max-width:560px;margin-inline:auto;gap:30px}
  .pt-plan-hi{transform:none}
  .pt-plan-hi:hover{transform:translateY(-6px)}
  .pt-plan-d{min-height:0}
  .pt-cmp-hd{flex-direction:column;align-items:flex-start;gap:24px}
}
@media (max-width:760px){
  .pt-formules{padding-bottom:60px}
  .pt-bill{grid-template-columns:128px 204px}
  .pt-bill .bill-th{width:128px}
  .pt-bill.an .bill-th{transform:translateX(128px);width:204px}
  .pt-bill button{height:46px;font-size:15px;gap:6px}
  .pt-bill em{font-size:10px;padding:5px 7px}
  .pt-bill-sm{grid-template-columns:128px 204px}
  .pt-bill-sm .bill-th{width:128px}
  .pt-bill-sm.an .bill-th{transform:translateX(128px);width:204px}
  .pt-plans{margin-top:48px}
  .pt-plan{padding:30px 20px 22px;border-radius:22px}
  .pt-px b{font-size:48px}
  .pt-tb{margin-top:28px;border-radius:20px}
  .pt-tb .cmp thead th:first-child{width:34%}
  .pt-tb .cmp th,.pt-tb .cmp td{padding:10px 5px;font-size:12.5px}
  .pt-tb .cmp tbody th[scope="row"]{padding-left:12px;font-size:13px;line-height:1.35}
  .pt-tb .cmp tr.grp th{padding:20px 12px 10px;font-size:10.5px}
  .pt-tb-h0{padding:26px 6px 14px 12px!important}
  .pt-tb-h0 b{font-size:15px}
  .pt-tb-h0 small{font-size:10px}
  .pt-tb-aide{display:none}
  .pt-tb-h{padding:34px 2px 14px!important}
  .pt-tb-pick{font-size:12.5px;padding:4px 0;min-height:44px;letter-spacing:-.01em}
  .pt-tb-px{flex-direction:column;align-items:center;gap:0;font-size:17px}
  .pt-tb-px small{font-size:11px}
  .pt-tb-h .btn{display:none}
  .pt-tb-rc{top:10px;font-size:8.5px;padding:4px 6px}
  .pt-tb .cmp .y{width:22px;height:22px;background-size:11px}
}
@media (max-width:370px){
  .pt-bill,.pt-bill-sm{grid-template-columns:118px 190px}
  .pt-bill .bill-th,.pt-bill-sm .bill-th{width:118px}
  .pt-bill.an .bill-th,.pt-bill-sm.an .bill-th{transform:translateX(118px);width:190px}
}
@media (prefers-reduced-motion:reduce){
  .pt-plan:hover,.pt-plan-hi:hover{transform:none}
}

/* ═════════ « Quelle formule pour vous ? » : B3 · le site en grand (retenue le 05/10) ═════════ */
.pt-qf{background:var(--gris-100);padding:clamp(72px,9vw,112px) 0}
.pt-qf svg,.pt-ab svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qfb[data-f="e"] :is(.qb-p,.qb-c):not(.qb-e),.qfb[data-f="p"] :is(.qb-e,.qb-c):not(.qb-p),.qfb[data-f="c"] :is(.qb-e,.qb-p):not(.qb-c){display:none}
.qfb[data-f="p"] .qb-th{transform:translateX(100%)}
.qfb[data-f="c"] .qb-th{transform:translateX(200%)}

/* bascule Essentielle / Premium, appel */
.qb-bascule{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(580px,100%);padding:6px;border-radius:99px;background:#fff;border:1px solid var(--gris-200);box-shadow:0 22px 44px -26px rgba(7,7,48,.4)}
.qb-th{position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 12px) / 3);border-radius:99px;background:var(--nuit);box-shadow:0 12px 24px -12px rgba(7,7,48,.8);transition:transform .5s cubic-bezier(.6,0,.2,1)}
.qb-bascule button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border:0;border-radius:99px;background:none;font:700 16px var(--font-titre);color:var(--gris-600);cursor:pointer;transition:color .35s}
.qb-bascule small{font:600 12px var(--font-mono);opacity:.75}
.qb-bascule button[aria-pressed=true]{color:#fff}
.qb-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.qb-act>span{font-size:13.5px;color:var(--gris-500)}
@keyframes qb-entre{from{opacity:0;transform:translateY(10px) scale(.94)}}

/* le site en grand, centré */
.qb3{display:grid;justify-items:center;gap:30px}
.qb3-site{width:min(1000px,100%);margin-top:16px;border-radius:24px;background:#fff;border:1px solid var(--gris-200);box-shadow:0 70px 120px -70px rgba(7,7,48,.65);overflow:hidden}
.qb3-barre{display:flex;align-items:center;gap:6px;height:46px;padding:0 16px;background:var(--gris-100);border-bottom:1px solid var(--gris-200)}
.qb3-barre i{width:10px;height:10px;border-radius:50%;background:var(--gris-300)}
.qb3-url{margin-left:12px;padding:5px 16px;border-radius:99px;background:#fff;border:1px solid var(--gris-200);font:500 12px var(--font-mono);color:var(--gris-600)}
.qb3-nb{margin-left:auto;font-style:normal}
.qb3-nb b{display:inline-block;font:600 11.5px var(--font-mono);color:var(--vert-action);animation:pop .35s ease both}
.qb3-ent{display:flex;align-items:center;gap:14px;padding:16px 28px;border-bottom:1px solid var(--gris-150)}
.qb3-logo{flex:none;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--vert-action),var(--vert-logo))}
.qb3-ent>b{font:800 16px var(--font-titre);color:var(--nuit);white-space:nowrap}
.qb3-menu{display:flex;gap:20px;margin-left:auto;font:600 13.5px var(--font-titre);color:var(--gris-600)}
.qb3-menu>span{position:relative;white-space:nowrap}
.qb3-np{color:var(--vert-action)}
.qb3-np::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--vert-logo)}
.qfb[data-f="p"] .qb3-np{animation:pop .45s cubic-bezier(.2,.7,.2,1) both}
.qfb[data-f="e"] .qb3-np{display:none}
.qb3-nc{display:none;color:var(--vert-action)}
.qb3-nc::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:2px;background:var(--vert-logo)}
.qfb[data-f="c"] .qb3-nc{display:inline;animation:pop .45s cubic-bezier(.2,.7,.2,1) both}
.qfb[data-f="c"] .qb3-xc{display:none}
.qb3-rdv{flex:none;padding:9px 14px;border-radius:10px;background:var(--vert-action);font:700 13px var(--font-titre);color:#fff}
.qb3-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px 28px}
.qb3-ht small{font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vert-action)}
.qb3-ht b{display:block;margin:10px 0 18px;font:800 32px/1.1 var(--font-titre);letter-spacing:-.03em;color:var(--nuit)}
.qb3-sk{display:block;width:92%;height:9px;margin-top:10px;border-radius:9px;background:var(--gris-150)}
.qb3-sk2{width:80%}.qb3-sk3{width:56%}
.qb3-ph{aspect-ratio:16/9;border-radius:16px;background:var(--gris-100) center/cover}
.qb3-soins{position:relative;padding:0 28px 28px}
.qb3-st{margin-bottom:12px;font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gris-500)}
.qb3-cartes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.qb3-cartes>span{display:grid;gap:12px;padding:16px 14px;border-radius:14px;background:var(--vert-brume);border:1px solid rgba(13,182,162,.3);font:700 13.5px/1.3 var(--font-titre);color:var(--vert-action);transition:background-color .4s,border-color .4s,color .4s}
.qb3-cartes i{width:28px;height:28px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(13,182,162,.4)}
.qfb[data-f="p"] .qb3-cartes>span{animation:qb-entre .5s calc(var(--i) * 70ms) cubic-bezier(.2,.7,.2,1) both}
.qfb[data-f="e"] .qb3-cartes>span{background:transparent;border:1.5px dashed var(--gris-300);color:var(--gris-300)}
.qfb[data-f="e"] .qb3-cartes i{box-shadow:inset 0 0 0 1.5px var(--gris-200)}
.qb3-vide{position:absolute;left:28px;right:28px;bottom:28px;top:23px;display:none;place-items:center}
.qb3-vide span{padding:10px 16px;border-radius:99px;background:#fff;border:1px solid var(--gris-200);box-shadow:0 14px 30px -18px rgba(7,7,48,.45);font:700 13.5px var(--font-titre);color:var(--nuit)}
.qfb[data-f="e"] .qb3-vide{display:grid;animation:pop .35s ease both}
.qb3-serv{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1000px,100%);margin:6px 0 0;padding:0}
.qb3-serv li{display:grid;align-content:start;gap:6px;padding:20px 20px 18px;border-radius:18px;background:#fff;border:1px solid var(--gris-200);transition:border-color .4s,box-shadow .4s}
.qb3-serv i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:6px;border-radius:12px;background:var(--gris-100);color:var(--gris-600);transition:background-color .4s,color .4s}
.qb3-serv i svg{width:19px;height:19px}
.qb3-serv li>span{font-size:13.5px;color:var(--gris-600)}
.qb3-serv b{min-height:2.7em;font:700 16px/1.35 var(--font-titre);color:var(--nuit)}
.qb3-serv b>span{display:inline-block;animation:pop .35s ease both}
.qfb:is([data-f="p"],[data-f="c"]) .qb3-serv li{border-color:rgba(13,182,162,.35);box-shadow:0 26px 50px -36px rgba(11,122,117,.55)}
.qfb:is([data-f="p"],[data-f="c"]) .qb3-serv i{background:var(--vert-clair);color:var(--vert-action)}
.qfb:is([data-f="p"],[data-f="c"]) .qb3-serv b{color:var(--vert-action)}
.qb3-act{flex-direction:column;justify-content:center;text-align:center}

/* ═════════ « Engagement, délais, propriété » : C retenue (colonne centrée) ═════════ */
.pt-ab{background:var(--gris-100);padding:clamp(72px,9vw,112px) 0}
/* colonne centrée, pastilles */
.ac-in{display:grid;justify-items:center}
.ac-pills{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px;margin:30px 0 0;padding:0}
.ac-pills li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 10px;border-radius:99px;background:#fff;border:1px solid var(--gris-200);font:600 14px var(--font-texte);color:var(--nuit)}
.ac-pills i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--vert-clair);color:var(--vert-action)}
.ac-pills i svg{width:11px;height:11px;stroke-width:3.2}
.ab-c .faq-pied{margin-top:48px}
@media (max-width:1100px){
  .qb3-cartes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .qb3-serv{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .qb3-rdv{display:none}
  .qb3-ent{flex-wrap:wrap;row-gap:12px}
  .qb3-menu{order:3;width:100%;margin-left:0;flex-wrap:wrap;gap:8px 16px;font-size:12.5px}
  .qb3-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px}
  .qb3-ht b{font-size:26px}
  .qb3-soins{padding:0 20px 20px}
  .qb3-vide{left:20px;right:20px;bottom:20px}
}
@media (max-width:620px){
  .qb3-barre .qb3-url{margin-left:6px;padding:4px 10px;font-size:11px}
  .qb3-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qb3-serv{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qb3-serv li{padding:16px 14px}
  .qb3-serv b{font-size:14.5px}
}


.pt-plan{scroll-margin-top:96px}

/* ════════ Quelle formule pour vous ? : la formule Centre aussi (06/10) ════════ */
.qb3-bt,.pt-tb-bt{font:700 10px/1 var(--font-mono);font-style:normal;letter-spacing:.12em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:#fff;color:var(--vert-action);box-shadow:inset 0 0 0 1px rgba(13,182,162,.4);white-space:nowrap}
.qb3-nb .qb-c{display:inline-flex;align-items:center;gap:10px}
.qb3-centre{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;padding:0 28px 28px}
.qb3-prat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qb3-prat>span{display:grid;justify-items:center;gap:8px;padding:16px 10px 14px;border-radius:14px;background:var(--vert-brume);border:1px solid rgba(13,182,162,.3);animation:qb-entre .5s calc(var(--i) * 70ms) cubic-bezier(.2,.7,.2,1) both}
.qb3-prat i{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#cfe9e6,#9fd3cd);box-shadow:0 0 0 3px #fff}
.qb3-prat em{display:block;width:70%;height:8px;border-radius:4px;background:rgba(11,122,117,.25)}
.qb3-prat small{font:600 11px var(--font-titre);color:var(--vert-action);text-align:center}
.qb3-adr{display:grid;gap:10px}
.qb3-adr>span{display:grid;gap:3px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--gris-200);animation:qb-entre .5s calc(var(--i) * 90ms + 200ms) cubic-bezier(.2,.7,.2,1) both}
.qb3-adr b{font:700 14px var(--font-titre);color:var(--nuit)}
.qb3-adr small{font-size:12.5px;color:var(--gris-600)}
.pt-tb-bt{position:absolute!important;top:14px;left:50%;transform:translateX(-50%)}
@media (max-width:900px){
  .qb3-centre{grid-template-columns:minmax(0,1fr);padding:0 20px 20px}
  .qb3-prat{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .qb-bascule button{font-size:14px;gap:4px;flex-direction:column;height:54px;line-height:1.1}
  .qb-bascule small{font-size:10.5px}
  .qb3-nb .qb-c{font-size:0}
  .qb3-nb .qb-c .qb3-bt{font-size:9px}
  .pt-tb-bt{top:10px;font-size:7.5px;padding:4px 5px;letter-spacing:.06em}
}
/* plus de cercles décoratifs en fond (06/10) : carte Centre (Tarifs et accueil) */
.pt-plan-nuit .pt-plan-deco::after{content:none!important;display:none!important}

/* ═════════ Téléphone : version courte (B, choisie le 07/10/2026) (voir socle.css) ═════════
   Feuille chargée aussi par l'accueil : la bulle .tz-bulle est celle de ses cartes à faire glisser. */
.pt-bulle,.tz-bulle,.pt-tb-pli>summary{display:none}
@media (max-width:640px){
  .pt-formules,.pt-qf,.pt-cmp,.pt-ab{padding-top:44px;padding-bottom:44px}
  /* bulle Essentielle · Premium · Centre : collée sous l'en-tête de la première offre à la dernière (Tarifs), au-dessus des
     cartes à faire glisser (accueil) ; en onglets soulignés (formule affichée : fond vert clair, trait vert), pour ne pas
     ressembler à la bascule Mensuel/Annuel (pastille nuit pleine), qui change les prix (p-tarifs.js, p-accueil.js) */
  .pt-bulle{position:sticky;top:83px;z-index:6;display:flex;justify-self:center;width:100%;max-width:360px;margin:0 auto -8px;padding:0 4px;
    border-radius:14px;background:#fff;border:1px solid var(--gris-200);box-shadow:0 14px 34px -18px rgba(7,7,48,.45)}
  .tz-bulle{display:flex;width:100%;max-width:360px;margin:14px auto 0;padding:0 4px;border-radius:14px;background:#fff;border:1px solid var(--gris-200);
    overflow:hidden}
  .pt-bulle a,.tz-bulle a{flex:1;display:grid;place-items:center;min-height:46px;padding:0 6px;border-radius:0;box-shadow:inset 0 -3px 0 transparent;
    font:700 14.5px/1.1 var(--font-titre);color:var(--gris-600);text-decoration:none;text-align:center;transition:background-color .25s,color .25s,box-shadow .25s}
  .pt-bulle a[aria-current],.tz-bulle a[aria-current]{background:var(--vert-brume);color:var(--vert-action);box-shadow:inset 0 -3px 0 var(--vert-action)}
  /* les formules */
  .pt-formules .pt-plans{gap:22px;margin-top:28px}
  .pt-formules .pt-plan{scroll-margin-top:150px;padding:24px 18px 18px}
  .pt-plan h3{font-size:23px}
  .pt-plan-d{min-height:0;margin-top:6px;font-size:14.5px}
  .pt-px{margin-top:14px}
  .pt-px b{font-size:42px}
  .pt-pxn{margin-top:6px}
  .pt-li{gap:7px;margin:16px 0 20px;padding-top:16px}
  .pt-li li{padding-left:30px;font-size:14.5px;line-height:1.4}
  .pt-sh p{font-size:16px;line-height:1.55}
  .pt-foot{margin-top:22px}
  /* « Quelle formule pour vous ? » : absente (elle redit les cartes et le comparatif) */
  .pt-qf{display:none}
  /* comparatif : le tableau, son chapeau et sa bascule Mensuel/Annuel repliés derrière « Afficher le tableau, ligne par
     ligne » (ils redisent les cartes ; ouverts par « Comparer en détail » et #comparatif, p-tarifs.js) */
  .pt-cmp-hd{margin-bottom:6px}   /* + 26 px au-dessus du bouton : le titre « Ligne par ligne. » ne le touche plus (07/10) */
  .pt-tb-rc{width:max-content;max-width:calc(100% - 6px);padding:3px 5px;font-size:8px;letter-spacing:.06em;line-height:1.2;text-align:center;
    white-space:normal}   /* « Recommandée », « Bientôt disponible » : dans leur colonne, sur 2 lignes s'il le faut */
  .pt-cmp .pt-tb-pli>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin:26px 0 6px;border-radius:14px;
    border:1.5px solid var(--gris-300);background:#fff;font:700 15px var(--font-titre);color:var(--nuit);cursor:pointer;list-style:none}
  .pt-cmp .pt-tb-pli>summary::-webkit-details-marker{display:none}
  .pt-cmp .pt-tb-pli[open]>summary{margin-bottom:14px}
  /* Engagement, délais, propriété : sans les pastilles (elles redisent le haut de la page) */
  .pt-ab .ac-pills{display:none}
  .ab-c .faq-pied{margin-top:18px}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){
  .pt-bulle a,.tz-bulle a{transition:none}
}

/* ── Téléphone (mission du 16/10/2026) : sélecteur de colonne du comparatif, 44 px au moins ── */
@media (max-width:640px){
  .pt-tb-pick{min-width:44px}
}