/* =====================================================================
medical-standard.fr : feuille de style commune (design system)
Source : design/2026-10-07-maquette-accueil/index-fusion.html, home validée par Jeff le 15/10/2026.
Règles d'usage : voir DESIGN.md dans ce dossier. Exemple complet : exemple-home.html.
Polices (à charger dans le , avant cette feuille) :
L'ordre des blocs est volontairement celui de la page d'origine : certaines règles plus bas
en surchargent d'autres plus haut (héros hx-, police Figtree, corrections du 14/10, polish du 15/10).
Ne pas réordonner sans revérifier la page d'exemple.
Sommaire : 1. jetons (:root) et base 2. boutons, liens 3. en-tête, menu 4. scène animée « appel »
5. bande bleue des engagements 6. sections (titres, consignes, étapes, agenda, services, professions,
tarifs, FAQ, confiance, bas de page) 7. pied, barre d'appel mobile, apparitions 8. héros (classes hx-)
9. police Figtree des titres 10. simulation (récap, étape 5) 11. carte du bas 12. section « À la carte »
===================================================================== */
:root{
--blue:#1E4FB8; --blue-deep:#153C8F; --blue-tint:#E4ECF9;
--orange:#FF7A45; --orange-deep:#E85F27;
--bg:#F3F6FB; --paper:#FFFFFF;
--ink:#0B1B33; --ink-2:#3A4A66; --ink-3:#55647D;
--line:#D9E1EE;
--ok:#1E8A5A;
--sky:#EDF2FB; --blue-pale:#E3EBFA; --orange-pale:#FFEDE4; --white:#FFFFFF;
--head:"Figtree",system-ui,sans-serif; --body:"Noto Sans",system-ui,sans-serif;
--r:14px;
--wrap:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Noto Sans",system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:72px}
a{color:inherit}
img,svg{display:block;max-width:100%}
.wrap>*{min-width:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
/* ---------- boutons ---------- */
.btn{display:inline-flex;align-items:center;gap:.6em;font-family:inherit;font-weight:700;font-size:1rem;line-height:1;padding:1.05em 1.5em;border-radius:12px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}
.btn-call{background:var(--orange);color:var(--ink);box-shadow:0 2px 0 var(--orange-deep)}
.btn-call:hover{background:#ff8c5d;transform:translateY(-1px)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:#fff}
.btn svg{width:1.15em;height:1.15em;flex:none}
/* ---------- en-tête ---------- */
header.top{position:sticky;top:0;z-index:50;background:rgba(243,246,251,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:80px;gap:28px;flex-wrap:nowrap}
.logo{flex:none;white-space:nowrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}
.logo small{font-weight:500;color:var(--ink-3);font-size:.78em}
.nav{display:flex;gap:28px;font-weight:600;font-size:.95rem;white-space:nowrap;margin-left:auto}
.nav a{text-decoration:none;color:var(--ink-2)}
.nav a:hover{color:var(--blue)}
.top-cta{display:flex;align-items:center;gap:20px;flex:none}
.tel{font-weight:800;text-decoration:none;white-space:nowrap}
.top .btn{padding:.8em 1.35em;font-size:.95rem;white-space:nowrap}
.burger{display:none;position:relative}
.burger summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:2px solid var(--ink)}
.burger summary::-webkit-details-marker{display:none}
.burger summary span,.burger summary span::before,.burger summary span::after{display:block;width:20px;height:2.5px;background:var(--ink);border-radius:2px;content:"";position:relative}
.burger summary span::before{position:absolute;top:-7px}.burger summary span::after{position:absolute;top:7px}
.burger .bm{position:absolute;right:0;top:calc(100% + 10px);width:min(86vw,340px);background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -20px rgba(11,27,51,.4);padding:10px;display:grid}
.burger .bm a{padding:13px 14px;border-radius:10px;text-decoration:none;font-weight:600}
.burger .bm a:hover{background:var(--bg)}
.burger .bm .sub{font-weight:500;color:var(--ink-3);padding-left:28px;font-size:.92rem}
.dd{position:relative}
.dd-panel{position:absolute;top:100%;left:-16px;padding-top:14px;display:none;min-width:330px}
.dd-panel::before{content:"";position:absolute;inset:14px 0 0;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 48px -20px rgba(11,27,51,.35);z-index:-1}
.dd:hover .dd-panel,.dd:focus-within .dd-panel,.dd.open .dd-panel{display:block}
.dd-panel a{display:block;padding:11px 20px;color:var(--ink);font-weight:600}
.dd-panel a:hover{background:var(--bg);color:var(--blue)}
.more{display:inline-flex;gap:.5em;margin-top:26px;font-weight:800;color:var(--blue);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:3px}
.more:hover{color:var(--blue-deep)}
.more{position:relative}
.more::after{content:"";position:absolute;inset:-12px -8px}
.agenda-sec .more{color:#fff}
@media(max-width:1180px){.tel{display:none}}
@media(max-width:1020px){.nav{display:none}.burger{display:block}.top-cta{margin-left:auto}}
@media(max-width:560px){.top .wrap{height:70px;gap:12px}.top .btn{display:none}.logo span small{display:none}}
/* scène : appel -> agenda (boucle 13 s) */
.scene{position:relative;padding:0 0 0 18px}
.scene::before{content:"";position:absolute;inset:22px -14px -14px 40px;border-radius:22px;background:var(--blue);z-index:0}
.win{position:relative;z-index:1;background:var(--paper);border-radius:20px;box-shadow:0 30px 60px -28px rgba(11,27,51,.45);overflow:hidden;border:1px solid var(--line)}
.win-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-size:.8rem;font-weight:700;color:var(--ink-3);letter-spacing:.02em}
.win-bar b{color:var(--ink)}
.live{display:inline-flex;align-items:center;gap:7px;color:var(--ok)}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.call{position:relative;height:118px;background:var(--ink);color:#fff;overflow:hidden}
.st{position:absolute;inset:0;display:flex;align-items:center;gap:16px;padding:0 22px;opacity:0}
.st1{animation:s1 13s infinite}
.st2{animation:s2 13s infinite}
.st3{animation:s3 13s infinite}
@keyframes s1{0%{opacity:1;transform:none}22%{opacity:1}26%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes s2{0%,24%{opacity:0;transform:translateY(10px)}28%{opacity:1;transform:none}50%{opacity:1}54%,100%{opacity:0;transform:translateY(-10px)}}
@keyframes s3{0%,52%{opacity:0;transform:translateY(10px)}56%{opacity:1;transform:none}94%{opacity:1}98%,100%{opacity:0}}
.ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none}
.ico svg{width:22px;height:22px}
.ring{background:var(--orange);color:var(--ink);position:relative}
.ring::before,.ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--orange);animation:ping 1.4s infinite}
.ring::after{animation-delay:.7s}
@keyframes ping{from{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}
.ring svg{animation:shake .5s infinite}
@keyframes shake{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.ok{background:var(--ok)}
.st small{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#9FB2D6;font-weight:700}
.st strong{display:block;font-size:1.05rem;line-height:1.3;font-weight:700}
.st p{font-size:.88rem;color:#C9D6EE;line-height:1.4}
.wave{display:flex;gap:3px;align-items:center;height:22px;margin-top:6px}
.wave span{width:3px;background:var(--orange);border-radius:2px;animation:wv 1s ease-in-out infinite}
.wave span:nth-child(2n){animation-delay:.15s}.wave span:nth-child(3n){animation-delay:.3s}.wave span:nth-child(5n){animation-delay:.45s}
@keyframes wv{0%,100%{height:4px}50%{height:20px}}
.agenda{padding:8px 20px 22px}
.day{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 10px}
.day b{font-size:1.05rem;letter-spacing:-.01em}
.day span{font-size:.8rem;color:var(--ink-3);font-weight:600}
.slots{position:relative}
.slot{display:grid;grid-template-columns:54px 1fr;align-items:center;min-height:46px;border-top:1px solid var(--line);font-size:.9rem}
.slot time{font-weight:700;color:var(--ink-3);font-size:.8rem}
.slot .busy{background:var(--blue-tint);color:var(--blue-deep);border-left:4px solid var(--blue);padding:7px 12px;border-radius:4px 8px 8px 4px;font-weight:600;font-size:.86rem}
.slot .free{color:#5E6C84;font-size:.82rem}
.slot.new .free{animation:hideFree 13s infinite}
.slot.new .busy{position:absolute;left:54px;right:0;margin-top:-1px;background:#FFE7DC;color:#8A3410;border-left-color:var(--orange);display:flex;justify-content:space-between;gap:10px;opacity:0;transform:translateX(-14px);animation:slotIn 13s infinite}
.slot.new .busy span{font-weight:700;font-size:.74rem;white-space:nowrap}
@keyframes slotIn{0%,56%{opacity:0;transform:translateX(-14px)}62%{opacity:1;transform:none}95%{opacity:1}99%,100%{opacity:0}}
@keyframes hideFree{0%,58%{opacity:1}62%,95%{opacity:0}99%,100%{opacity:1}}
.cap{margin-top:12px;font-size:.8rem;color:var(--ink-3);text-align:right}
.demo{background:var(--paper);border-block:1px solid var(--line)}
.demo .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.demo h2{max-width:14em}
.demo .scene{max-width:520px;margin-left:auto;width:100%}
@media(max-width:940px){.demo .wrap{grid-template-columns:1fr;gap:44px}.demo .scene{margin:0}}
@media(max-width:940px){
.scene{padding-left:0}
.scene::before{inset:20px -8px -10px 18px}
}
/* ---------- bande de preuves ---------- */
.proof{background:var(--blue);color:#fff;overflow:hidden}
.proof .track{display:grid;grid-template-columns:repeat(4,1fr)}
.proof ul{list-style:none;display:contents}
.proof li{display:grid;grid-template-columns:30px 1fr;column-gap:14px;row-gap:3px;align-items:start;align-content:start;padding:30px 24px;border-left:1px solid rgba(255,255,255,.22);font-weight:800;font-size:1.08rem;line-height:1.3}
.proof li:first-child{border-left:0;padding-left:0}
.proof li::before{content:"";grid-row:1/3;width:26px;height:26px;margin-top:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF7A45' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/26px no-repeat}
.proof li span{grid-column:2;font-weight:500;color:#D4E1FF;font-size:.9rem;line-height:1.35}
/* bandeau de preuves à 6 tuiles (page à distance, 30/10) : 3 x 2 sur ordinateur, 2 x 3 sur mobile (règles .proof du mobile) */
.proof-6 .track{grid-template-columns:repeat(3,1fr)}
@media(min-width:861px){.proof-6 li:nth-child(3n+1){border-left:0;padding-left:0}.proof-6 li:nth-child(n+4){border-top:1px solid rgba(255,255,255,.22)}}
/* mobile : grille fixe 2 x 2 (le défilement continu a été retiré le 15/10) */
@media(max-width:860px){
.proof .track{grid-template-columns:1fr 1fr}
.proof li{padding:20px 14px 20px 0;font-size:.98rem;grid-template-columns:22px 1fr;column-gap:10px;border-left:0}
.proof li::before{width:22px;height:22px;background-size:22px}
.proof li:nth-child(2n){padding-left:14px;border-left:1px solid rgba(255,255,255,.22)}
.proof li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.22)}
.proof li span{font-size:.85rem}
}
/* ---------- sections ---------- */
section{padding:96px 0}
.label{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:18px;display:flex;gap:12px;align-items:center}
.label::before{content:"";width:28px;height:3px;background:var(--orange);border-radius:2px}
h2{font-size:clamp(1.85rem,3.3vw,2.75rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;max-width:19em}
.sec-lead{margin-top:20px;color:var(--ink-2);font-size:1.08rem;max-width:36em}
@media(max-width:700px){section{padding:64px 0}}
/* secrétaire qui vous connaît (sombre) */
.know{background:var(--ink);color:#fff}
.know .label{color:#8FB0F5}
.know h2{max-width:14em}
.know .sec-lead{color:#B9C7E0}
.know .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.sheet{background:#F8FAFD;color:var(--ink);border-radius:16px;padding:30px 30px 26px;transform:rotate(1.4deg);box-shadow:0 30px 50px -24px rgba(0,0,0,.6);position:relative}
.sheet::before{content:"";position:absolute;top:-12px;left:36px;width:84px;height:24px;background:rgba(255,122,69,.85);transform:rotate(-3deg)}
.sheet h3{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:800}
.sheet .who{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:4px 0 16px}
.sheet dl{display:grid;grid-template-columns:auto 1fr;gap:0 18px;font-size:.93rem}
.sheet dt{font-weight:800;padding:11px 0;border-top:1px dashed #C4CFE2;color:var(--blue-deep);white-space:nowrap}
.sheet dd{padding:11px 0;border-top:1px dashed #C4CFE2;color:var(--ink-2)}
.sheet .cap{text-align:left;margin-top:16px}
.quote-line{margin-top:34px;padding-left:20px;border-left:3px solid var(--orange);color:#fff;font-weight:600;font-size:1.1rem;line-height:1.5;max-width:30em}
@media(max-width:900px){.know .wrap{grid-template-columns:1fr;gap:56px}.sheet{transform:none}}
/* comment ça marche */
.how .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}
.steps{list-style:none;counter-reset:s}
.steps li{display:grid;grid-template-columns:76px 1fr;gap:6px 20px;padding:28px 0;border-top:2px solid var(--ink)}
.steps li:last-child{border-bottom:2px solid var(--ink)}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);grid-row:span 2;font-size:2.7rem;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--blue)}
.steps h3{font-size:1.25rem;letter-spacing:-.02em;line-height:1.25}
.steps p{color:var(--ink-2);font-size:.98rem}
.how aside{position:sticky;top:110px;align-self:start}
@media(max-width:900px){.how .wrap{grid-template-columns:1fr;gap:36px}.how aside{position:static}}
/* agenda inclus */
.agenda-sec{background:var(--blue);color:#fff;position:relative;overflow:hidden}
.agenda-sec .label{color:#BFD3FF}
.agenda-sec .sec-lead{color:#D4E1FF}
.agenda-sec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.week{background:#fff;color:var(--ink);border-radius:16px;padding:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.week-h{display:grid;grid-template-columns:44px repeat(4,minmax(0,1fr));gap:6px;font-size:.76rem;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;padding-bottom:10px}
.week-b{display:grid;grid-template-columns:44px repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,40px);gap:6px;font-size:.78rem}
.week-b time{font-weight:700;color:var(--ink-3);align-self:start;padding-top:2px}
.week-b div{border-radius:6px;background:var(--bg);padding:6px 8px;font-weight:600;line-height:1.2}
.week-b .b{background:var(--blue-tint);color:var(--blue-deep);border-left:3px solid var(--blue)}
.week-b .o{background:#FFE7DC;color:#8A3410;border-left:3px solid var(--orange)}
.week-b .x{background:repeating-linear-gradient(135deg,#EEF2F9,#EEF2F9 6px,#E3E9F4 6px,#E3E9F4 12px);color:var(--ink-3)}
.ticks{list-style:none;margin-top:28px;display:grid;gap:14px}
.ticks li{display:flex;gap:14px;font-weight:600;align-items:flex-start}
.ticks li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B33' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.agenda-sec .btn{margin-top:34px}
@media(max-width:900px){.agenda-sec .wrap{grid-template-columns:1fr;gap:44px}}
/* services (liste typographique) */
.svc .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}
.svc-list{list-style:none}
.svc-list a{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline;transition:padding .2s}
.svc-list li:first-child a{border-top:1px solid var(--line)}
.svc-list b{font-size:1.2rem;letter-spacing:-.02em;font-weight:700}
.svc-list span{grid-column:1;color:var(--ink-3);font-size:.93rem}
.svc-list i{grid-row:1/3;grid-column:2;font-style:normal;font-size:1.6rem;color:var(--blue);transition:transform .2s}
.svc-list a:hover{padding-left:10px}
.svc-list a:hover b{color:var(--blue)}
.svc-list a:hover i{transform:translateX(6px)}
@media(max-width:900px){.svc .wrap{grid-template-columns:1fr;gap:32px}}
/* professions */
.pros{background:var(--paper);border-block:1px solid var(--line)}
.pros-row{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.pros-row a{padding:.8em 1.3em;border:2px solid var(--ink);border-radius:999px;font-weight:700;text-decoration:none;transition:.15s}
.pros-row a:hover{background:var(--ink);color:#fff}
.pros p.sm{margin-top:22px;color:var(--ink-3);font-size:.92rem}
/* tarifs */
.price .wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.big{margin-top:34px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.big .from{font-weight:700;color:var(--ink-3)}
.big .n{font-size:clamp(4rem,9vw,7rem);font-weight:800;letter-spacing:-.06em;line-height:.9;color:var(--blue)}
.big .u{font-weight:700;font-size:1.15rem;line-height:1.25}
.price ul{list-style:none;margin-top:30px;border-top:2px solid var(--ink)}
.price li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-weight:600}
.price li span:last-child{color:var(--ok);font-weight:800;white-space:nowrap}
.price .note{font-size:.88rem;color:var(--ink-3);margin-top:16px}
@media(max-width:900px){.price .wrap{grid-template-columns:1fr;gap:36px}}
/* FAQ */
.faq{background:var(--paper);border-top:1px solid var(--line)}
.faq .wrap{max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:2px solid var(--ink);margin-top:36px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-weight:700;font-size:1.1rem;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;line-height:1;color:var(--blue);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 40px 24px 0;color:var(--ink-2)}
/* garanties */
.trust{background:var(--paper);border-block:1px solid var(--line)}
.trust ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border-top:2px solid var(--ink)}
.trust li{padding:28px 26px 4px 0;margin-right:26px;border-right:1px solid var(--line)}
.trust li:last-child{border-right:0;margin-right:0}
.trust h3{font-size:1.1rem;line-height:1.25;letter-spacing:-.01em;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.trust h3 svg{flex:none;width:24px;height:24px;padding:5px;border-radius:50%;background:var(--blue);color:#fff;margin-top:1px}
.trust p{color:var(--ink-2);font-size:.95rem}
.trust .more{margin-top:34px}
@media(max-width:900px){.trust ul{grid-template-columns:1fr 1fr;gap:0 24px}.trust li{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:24px 0}}
@media(max-width:560px){.trust ul{grid-template-columns:1fr}}
/* devis */
.devis{background:var(--ink);color:#fff;padding:96px 0}
.devis .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.devis .label{color:#8FB0F5}
.devis .sec-lead{color:#B9C7E0}
.devis .tel-big{display:inline-block;margin-top:34px;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;color:var(--orange);text-decoration:none}
.devis .tel-big small{display:block;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#8FA3C6;font-weight:700;margin-bottom:2px}
form{background:var(--paper);color:var(--ink);border-radius:18px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
form .full{grid-column:1/-1}
label{font-weight:700;font-size:.86rem;display:block;margin-bottom:6px}
input,select,textarea{width:100%;font-family:inherit;font-weight:500;font-size:1rem;line-height:1.3;padding:.85em .9em;border:1.5px solid #B9C5DA;border-radius:10px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid var(--blue-tint);border-color:var(--blue)}
textarea{min-height:92px;resize:vertical}
.form-note{font-size:.84rem;color:var(--ink-3);display:flex;gap:10px;align-items:flex-start}
.form-note svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--blue)}
form .btn{justify-content:center;width:100%}
@media(max-width:900px){.devis .wrap{grid-template-columns:1fr;gap:44px}form{grid-template-columns:1fr;padding:24px}}
/* pied */
footer{background:#07111F;color:#8FA3C6;padding:48px 0 40px;font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:28px}
footer .logo{color:#fff}
.foot-addr{margin-top:14px}
footer a{color:#C9D6EE}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
.foot-cols{display:grid;grid-template-columns:repeat(3,auto);gap:28px 56px}
.foot-cols div{display:grid;gap:10px;align-content:start}
.foot-cols a{text-decoration:none}
.foot-cols a:hover{color:#fff;text-decoration:underline}
.foot-h{color:#fff;font-weight:700;margin-bottom:4px}
@media(max-width:820px){.foot-cols{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot-cols{grid-template-columns:1fr}}
/* barre d'appel mobile */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(11,27,51,.96)}
.callbar .btn{flex:1;justify-content:center;padding:.95em 1em}
.callbar .btn-line{border-color:#fff;color:#fff}
@media(max-width:700px){.callbar{display:flex}body{padding-bottom:72px}}
@media(min-width:701px){body{padding-bottom:0}}
/* apparitions au scroll */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
.rv{opacity:1;transform:none}
.st1,.st2{opacity:0}.st3{opacity:1}
.slot.new .busy{opacity:1;transform:none}.slot.new .free{opacity:0}
}
/* ===== HÉROS repris de la v4 (2026-10-13), classes préfixées hx- ===== */
.hx-hero h1{font-family:var(--head);font-weight:800;letter-spacing:-.02em}
.hx-hero .hx-fform,.sv-sim .hx-fform{grid-template-columns:1fr;padding:0;margin:0;background:none;border-radius:0;box-shadow:none}
.hx-hero .hx-done,.sv-sim .hx-done{margin:0;padding:0;background:none}
.hx-hero{background:var(--sky);padding:36px 0 52px}
.hx-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.hx-pill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--white);font-family:var(--head);font-weight:700;font-size:.9rem;color:var(--blue-deep);box-shadow:0 1px 2px rgba(0,0,0,.07)}
.hx-pill i{width:22px;height:22px;border-radius:50%;background:var(--blue);display:grid;place-items:center;flex:none}
.hx-pill svg{width:12px;height:12px;color:var(--white)}
.hx-hero h1{margin-top:22px;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.07;text-wrap:balance}
.hx-hero h1 .hx-kw{color:var(--blue)}
.hx-lead{margin-top:20px;font-size:1.15rem;color:var(--ink-2);max-width:33em}
.hx-assure{list-style:none;margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
.hx-assure li{display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 10px;border-radius:999px;background:var(--white);font-family:var(--head);font-weight:700;font-size:.95rem;box-shadow:0 1px 2px rgba(0,0,0,.07)}
.hx-assure svg{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--orange);color:var(--ink);flex:none}
.hx-patient{margin-top:18px;font-size:.93rem;color:var(--ink-3);max-width:34em}
.hx-patient b{color:var(--ink-2)}
.sv-badge{margin-top:24px}
/* scène : la consultation + ce que fait le télésecrétariat pendant ce temps */
.hx-scene{position:relative}
.hx-photo{position:relative;height:300px;border-radius:24px;overflow:hidden;background:#E9E4DC}
.hx-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 34%}
.hx-notes{position:absolute;left:16px;top:16px;width:min(318px,66%);height:62px}
.hx-note{position:absolute;inset:0;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:10px 14px 10px 10px;border-radius:14px;background:var(--white);box-shadow:0 12px 26px -12px rgba(0,0,0,.45);opacity:0;transform:translateY(-10px) scale(.98);animation:hxnote 16s ease-in-out infinite}
.hx-note:nth-child(2){animation-delay:4s}.hx-note:nth-child(3){animation-delay:8s}.hx-note:nth-child(4){animation-delay:12s}
@keyframes hxnote{0%{opacity:0;transform:translateY(-10px) scale(.98)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(6px) scale(.98)}}
.hx-note .hx-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.hx-note .hx-ic svg{width:19px;height:19px}
.hx-note b{display:block;font-family:var(--head);font-weight:800;font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-note span{display:block;font-size:.8rem;color:var(--ink-3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx-ic.hx-ring{background:var(--orange);color:var(--ink)}
.hx-ic.hx-ring svg{animation:hxshake .45s ease-in-out infinite}
@keyframes hxshake{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.hx-ic.hx-ok{background:#DDF3E8;color:var(--ok)}
.hx-ic.hx-cal{background:var(--orange-pale);color:var(--orange-deep)}
.hx-ic.hx-doc{background:var(--blue-pale);color:var(--blue)}
.hx-dots{position:absolute;left:16px;top:86px;display:flex;gap:5px}
.hx-dots i{width:18px;height:3px;border-radius:2px;background:rgba(255,255,255,.55);overflow:hidden;position:relative}
.hx-dots i::after{content:"";position:absolute;inset:0;background:var(--white);transform:scaleX(0);transform-origin:left;animation:hxdot 16s linear infinite}
.hx-dots i:nth-child(2)::after{animation-delay:4s}.hx-dots i:nth-child(3)::after{animation-delay:8s}.hx-dots i:nth-child(4)::after{animation-delay:12s}
@keyframes hxdot{0%{transform:scaleX(0)}25%{transform:scaleX(1)}25.1%,100%{transform:scaleX(0)}}
/* carte de simulation, posée sur la photo */
.hx-sim{position:relative;z-index:2;margin:-70px 20px 0;background:var(--white);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.08),0 40px 80px -30px rgba(0,0,0,.35);overflow:hidden}
.hx-sim-h{background:var(--blue);color:var(--white);padding:18px 24px 16px}
.hx-sim-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hx-sim-t{font-family:var(--head);font-weight:800;font-size:1.28rem;letter-spacing:-.02em;line-height:1.2}
.hx-tag{flex:none;padding:5px 11px;border-radius:999px;background:var(--orange);color:var(--ink);font-family:var(--head);font-weight:800;font-size:.8rem}
.hx-sim-s{margin-top:4px;color:#DCE6FB;font-size:.93rem}
.hx-prog{display:flex;gap:6px;margin-top:14px}
.hx-prog[hidden]{display:none}
.hx-prog i{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.28);transition:background-color .3s}
.hx-prog i.on{background:var(--white)}
.hx-sim-b{padding:18px 24px 4px}
.hx-sim fieldset{border:0;padding:0;margin:0;min-width:0}
.hx-sim legend{font-family:var(--head);font-weight:800;font-size:1.1rem;margin-bottom:12px;padding:0}
.hx-step[hidden]{display:none!important}
.hx-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hx-opts label{display:block;cursor:pointer}
.hx-opts label:last-child:nth-child(odd){grid-column:1/-1}
.hx-opts input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.hx-opts span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:8px 12px;border:2px solid var(--line);border-radius:12px;background:var(--white);font-family:var(--head);font-weight:700;font-size:1rem;line-height:1.25;transition:border-color .15s,background-color .15s,transform .15s}
.hx-opts span:hover{border-color:var(--blue);background:var(--sky);transform:translateY(-1px)}
.hx-opts input:checked+span{border-color:var(--blue);background:var(--blue);color:var(--white)}
.hx-opts input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px}
.hx-fform{display:grid;gap:12px}
.hx-fform .hx-lg{font-family:var(--head);font-weight:800;font-size:1.1rem;line-height:1.3}
.hx-fform .hx-lg-sub{margin-top:-6px;color:var(--ink-2);font-size:.94rem}
.hx-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hx-fform .btn{width:100%}
.hx-fine{font-size:.84rem;color:var(--ink-3)}
.hx-done .hx-ok-t{font-family:var(--head);font-weight:800;font-size:1.2rem;color:var(--blue);margin-bottom:6px}
.hx-sim-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px 16px;font-size:.93rem;color:var(--ink-2)}
.hx-sim-f[hidden]{display:none}
.hx-back{background:none;border:0;font:inherit;font-weight:700;color:var(--blue);cursor:pointer;min-height:44px}
.hx-sim-f a{color:var(--blue);text-decoration:none;font-weight:700;white-space:nowrap}
@media(max-width:940px){
.hx-hero{padding:18px 0 44px}
.hx-hero .wrap{display:flex;flex-direction:column;align-items:stretch;gap:0}
.hx-hero-text{display:contents}
.hx-pill{order:0;align-self:flex-start;font-size:.8rem}
.hx-hero h1{order:1;margin-top:12px;font-size:1.8rem}
.hx-scene{order:2;margin-top:16px}
.hx-lead{order:3;margin-top:28px;font-size:1.06rem}
.hx-assure{order:4}
.hx-patient{order:5}
.hx-photo{height:168px;border-radius:18px}
.hx-photo img{object-position:74% 30%}
.hx-notes{left:10px;top:10px;width:min(262px,74%);height:52px}
.hx-note{grid-template-columns:30px 1fr;gap:9px;padding:7px 10px 7px 8px;border-radius:12px}
.hx-note .hx-ic{width:30px;height:30px;border-radius:8px}
.hx-note .hx-ic svg{width:16px;height:16px}
.hx-note b{font-size:.86rem}
.hx-note span{font-size:.78rem}
.hx-dots{left:10px;top:68px}
.hx-sim{margin:-56px 10px 0}
.hx-sim-h{padding:13px 16px 13px}
.hx-sim-t{font-size:1.08rem}
.hx-sim-s{display:none}
.hx-prog{margin-top:10px}
.hx-sim-b{padding:14px 16px 2px}
.hx-sim legend{margin-bottom:10px;font-size:1.02rem}
.hx-opts{gap:8px}
.hx-opts span{min-height:50px;font-size:.92rem;padding:6px 8px}
.hx-row2{grid-template-columns:1fr}
.hx-sim-f{padding:8px 16px 12px}
}
@media(prefers-reduced-motion:reduce){.hx-note:nth-child(3){opacity:1;transform:none}.hx-dots{display:none}}
/* police de la v4 sur toute la page : Figtree (titres, boutons, chiffres, libellés), Noto Sans (texte) */
h1,h2,h3,legend,.btn,.logo,.nav,.tel,.tel-big,.label,.qt,.lg,.ok-t,.proof li,.steps li::before,.big,.svc-list b,.faq summary,.sheet .who,.sheet h3,.sheet dt,.week-h,.day b,.price li,.trust h3,.pros-row a,.more,.filter,.callbar .btn,.dd-panel a,.burger .bm a,.st strong,.st small,.win-bar{font-family:"Figtree",system-ui,sans-serif}
h2{letter-spacing:-.02em}
/* ===== corrections du 14/10 (critique Impeccable) : simulation et étape 5 ===== */
.hx-hero .hx-sim legend:focus,.sv-sim .hx-sim legend:focus,.hx-hero .hx-recap-t:focus,.sv-sim .hx-recap-t:focus{outline:none}
.hx-hero .hx-sim legend:focus-visible,.sv-sim .hx-sim legend:focus-visible,.hx-hero .hx-recap-t:focus-visible,.sv-sim .hx-recap-t:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:4px}
.hx-hero .hx-next,.sv-sim .hx-next{margin-left:auto;background:var(--blue);color:#fff;border:0;border-radius:10px;font:inherit;font-family:var(--head);font-weight:800;padding:0 16px;min-height:44px;cursor:pointer}
.hx-hero .hx-next[hidden],.sv-sim .hx-next[hidden]{display:none}
.hx-hero .hx-next:hover,.sv-sim .hx-next:hover{background:var(--blue-deep)}
.hx-hero .hx-sim-f .hx-next:not([hidden])+span,.sv-sim .hx-sim-f .hx-next:not([hidden])+span{display:none}
.hx-hero .hx-recap,.sv-sim .hx-recap{background:var(--sky);border-radius:14px;padding:14px 16px}
.hx-hero .hx-recap-t,.sv-sim .hx-recap-t{font-family:var(--head);font-weight:800;font-size:1rem;color:var(--blue-deep)}
.hx-hero .hx-recap ul,.sv-sim .hx-recap ul{list-style:none;margin-top:8px;display:grid;gap:6px}
.hx-hero .hx-recap li,.sv-sim .hx-recap li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:.9rem;line-height:1.35;color:var(--ink)}
.hx-hero .hx-recap li::before,.sv-sim .hx-recap li::before{content:"";width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B33' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.hx-hero .hx-recap-short,.sv-sim .hx-recap-short{display:none}
.hx-hero .hx-recap-p,.sv-sim .hx-recap-p{margin-top:10px;padding-top:10px;border-top:1px solid #D3DEF2;font-size:.92rem;color:var(--ink-2)}
.hx-hero .hx-recap-p b,.sv-sim .hx-recap-p b{color:var(--blue-deep)}
.hx-hero .hx-reassure,.sv-sim .hx-reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:.84rem;font-weight:700;color:var(--ink-2)}
.hx-hero .hx-reassure span::before,.sv-sim .hx-reassure span::before{content:"✓ ";color:var(--orange-deep)}
@media(min-width:941px){.hx-hero .wrap{align-items:start}.hx-hero .hx-hero-text{padding-top:34px}}
@media(max-width:940px){.hx-hero #recap,.sv-sim #recap{display:none}.hx-hero .hx-recap-short,.sv-sim .hx-recap-short{display:block;margin-top:4px;font-size:.88rem;font-weight:600;line-height:1.4;color:var(--ink)}.hx-hero .hx-sim-t,.sv-sim .hx-sim-t{font-size:1rem}.hx-hero .hx-recap,.sv-sim .hx-recap{padding:10px 12px}.hx-hero .hx-recap ul,.sv-sim .hx-recap ul{gap:3px;margin-top:6px}.hx-hero .hx-recap li,.sv-sim .hx-recap li{font-size:.82rem;line-height:1.3;grid-template-columns:16px 1fr;gap:7px}.hx-hero .hx-recap li::before,.sv-sim .hx-recap li::before{width:16px;height:16px;background-size:10px}.hx-hero .hx-recap-p,.sv-sim .hx-recap-p{margin-top:8px;padding-top:8px;font-size:.86rem}.hx-hero .hx-lg-sub,.sv-sim .hx-lg-sub{display:none}.hx-hero .hx-fform,.sv-sim .hx-fform{gap:10px}.hx-hero .hx-fform .hx-lg,.sv-sim .hx-fform .hx-lg{font-size:1rem}}
/* bas de page sans formulaire (choix A du 14/10) */
#sim{scroll-margin-top:96px}
@media(max-width:940px){#sim{scroll-margin-top:80px}}
.devis-cta{background:var(--paper);color:var(--ink);border-radius:18px;padding:34px;display:grid;gap:18px}
.devis-cta-t{font-family:"Figtree",system-ui,sans-serif;font-weight:800;font-size:1.4rem;letter-spacing:-.02em}
.devis-cta ul{list-style:none;display:grid;gap:10px}
.devis-cta li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.devis-cta li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1B33' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.devis-cta .btn{justify-content:center;width:100%}
.devis-cta-alt{font-size:.95rem;color:var(--ink-2)}
.devis-cta-alt a{color:var(--blue);font-weight:700;text-decoration:none;white-space:nowrap}
@media(max-width:900px){.devis-cta{padding:24px}}
/* section « À la carte » (14/10) */
.carte{background:var(--paper);border-block:1px solid var(--line)}
.carte-grid{list-style:none;margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.carte-grid li{display:grid;gap:6px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.carte-grid b{font-family:"Figtree",system-ui,sans-serif;font-weight:800;font-size:1.08rem;line-height:1.3}
.carte-grid span{color:var(--ink-2);font-size:.95rem}
.carte-price{margin-top:28px;font-size:1.05rem;color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.carte-price b{color:var(--blue)}
.carte-price .more{margin-top:0}
@media(max-width:900px){.carte-grid{grid-template-columns:1fr 1fr;gap:10px}.carte-grid li{padding:16px}}
@media(max-width:520px){.carte-grid li{padding:13px 12px;gap:4px}.carte-grid b{font-size:.95rem}.carte-grid span{font-size:.84rem;line-height:1.35}}
/* Site evolu8 (15/10/2026) : envoi réel de la simulation */
.hx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hx-hero .hx-err,.sv-sim .hx-err{margin:0;padding:10px 12px;border-radius:var(--r-field,10px);background:#FDECEC;color:#9B1C1C;font-size:.9rem;font-weight:600}
.hx-hero .hx-fform button[disabled],.sv-sim .hx-fform button[disabled]{opacity:.6;cursor:wait}
.page-404{padding:96px 0;background:var(--sky,#EDF2FB)}
.page-404 h1{font-family:Figtree,system-ui,sans-serif;font-size:clamp(1.85rem,3.3vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;max-width:19em}
.page-404-cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
/* ---------- page devis /demande-de-devis/ et merci /remerciement/ (15/10/2026) ----------
Haut de page sur fond ciel : intro + avantages à gauche, formulaire (action principale, ombre de la carte de simulation) à droite.
Mobile : intro, formulaire, avantages. Champs : styles génériques form/label/input plus haut. */
.dv-hero{background:var(--sky);padding:52px 0 80px}
.dv-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro form" "side form";grid-template-rows:auto 1fr;gap:36px 64px;align-items:start}
.dv-intro{grid-area:intro;padding-top:12px}
.dv-side{grid-area:side}
.dv-hero h1{font-family:var(--head);font-weight:800;letter-spacing:-.02em;margin-top:22px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;text-wrap:balance}
.dv-hero h1 .hx-kw{color:var(--blue)}
.dv-side .ticks{margin-top:0}
.dv-price{margin-top:26px;color:var(--ink-2)}
.dv-price b{color:var(--ink)}
.dv-price .more{margin-top:10px;display:flex;width:max-content}
.dv-side .tel-big{display:inline-block;margin-top:28px;font-family:var(--head);font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--blue);text-decoration:none}
.dv-side .tel-big small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:800;margin-bottom:2px}
.dv-form{grid-area:form;grid-template-columns:1fr;gap:16px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.08),0 40px 80px -30px rgba(0,0,0,.35)}
.dv-form-t{font-family:var(--head);font-weight:800;font-size:1.3rem;line-height:1.25}
.dv-form-s{margin-top:-10px;color:var(--ink-2);font-size:.94rem}
.dv-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dv-fields[hidden]{display:none}
.dv-opt{font-weight:500;color:var(--ink-3)}
.dv-form select{appearance:none;-webkit-appearance:none;padding-right:2.4em;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4FB8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .9em center/16px}
.dv-form [aria-invalid=true]{border-color:#B42318}
.dv-patient{padding:14px 16px;border-radius:12px;background:var(--blue-pale);color:var(--ink);font-size:.95rem}
.dv-patient b{display:block;color:var(--blue-deep)}
.dv-err{margin:0;padding:10px 12px;border-radius:10px;background:#FDECEC;color:#9B1C1C;font-size:.92rem;font-weight:600}
.dv-form button[disabled]{opacity:.6;cursor:wait}
.dv-form .form-note a{color:var(--blue);font-weight:700;white-space:nowrap}
.dv-merci{padding:80px 0 96px}
.dv-merci .wrap{grid-template-columns:1fr;grid-template-areas:"intro"}
.dv-merci .label{margin-bottom:0}
.dv-merci-cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.dv-merci-more .more{margin-top:28px}
@media(max-width:940px){
.dv-hero{padding:20px 0 56px}
.dv-hero .wrap{grid-template-columns:1fr;grid-template-areas:"intro" "form" "side";gap:28px}
.dv-intro{padding-top:0}
.dv-hero h1{margin-top:14px;font-size:1.8rem}
.dv-hero .hx-pill{font-size:.8rem}
.dv-hero .hx-lead{margin-top:14px;font-size:1.02rem}
}
@media(max-width:560px){.dv-fields{grid-template-columns:1fr}.dv-form{padding:22px 18px}}
/* ---------- page /tarifs/ (15/10/2026) ----------
Haut de page : texte à gauche, carte du prix (reprend .big et la liste de .price) à droite ; formules en 3 colonnes à filet encre
(pas de cartes à icône) ; tableau d'exemples ; formulaire de devis (même balisage que /demande-de-devis/, styles .dv-form). */
.tf-hero{background:var(--sky);padding:52px 0 80px}
.tf-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.tf-hero h1{font-family:var(--head);font-weight:800;letter-spacing:-.02em;margin-top:22px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;text-wrap:balance}
.tf-hero h1 .hx-kw{color:var(--blue)}
.tf-hero-cta{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.tf-tel{color:var(--ink-2);text-decoration:none;font-weight:600}
.tf-tel b{color:var(--blue);white-space:nowrap}
.tf-card{background:var(--paper);border-radius:20px;padding:30px 32px 18px;box-shadow:0 2px 6px rgba(0,0,0,.08),0 40px 80px -30px rgba(0,0,0,.35)}
.tf-card-t{font-family:var(--head);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.tf-big{margin-top:10px}
.tf-big .n{font-size:clamp(3.4rem,6vw,5rem)}
.tf-card ul{list-style:none;margin-top:22px;border-top:2px solid var(--ink)}
.tf-card li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:.97rem}
.tf-card li:last-child{border-bottom:0}
.tf-card li span:last-child{color:var(--ok);font-weight:800;text-align:right}
.tf-formules{background:var(--paper)}
.tf-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:44px}
.tf-grid li{border-top:2px solid var(--ink);padding-top:24px}
.tf-grid h3{font-size:1.3rem;letter-spacing:-.02em}
.tf-prix{margin:8px 0 14px;color:var(--ink-2)}
.tf-prix b{display:block;font-family:var(--head);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--blue)}
.tf-grid li>p:last-child{color:var(--ink-2);font-size:.98rem}
.tf-ticks{grid-template-columns:1fr 1fr;gap:16px 40px;margin-top:40px;max-width:980px}
.tf-ex{background:var(--paper);border-top:1px solid var(--line)}
.tf-table{margin-top:36px;max-width:820px}
.tf-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tf-table th,.tf-table td{text-align:left;padding:16px 12px 16px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tf-table thead th{font-family:var(--head);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--ink)}
.tf-table tbody th{font-family:var(--head);font-size:1.15rem;font-weight:800}
.tf-table tbody th span{display:block;font-family:var(--body);font-size:.88rem;font-weight:500;color:var(--ink-3)}
.tf-table td:last-child{font-family:var(--head);font-weight:800;font-size:1.15rem;color:var(--blue);white-space:nowrap}
.tf-note{margin-top:16px;font-size:.92rem;color:var(--ink-2)}
.tf-devis{background:var(--sky)}
.tf-devis .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.tf-devis .dv-form{grid-area:auto}
.tf-devis .tel-big{display:inline-block;margin-top:30px;font-family:var(--head);font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--blue);text-decoration:none}
.tf-devis .tel-big small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:800;margin-bottom:2px}
@media(max-width:940px){
.tf-hero{padding:20px 0 56px}
.tf-hero .wrap{grid-template-columns:1fr;gap:32px}
.tf-hero h1{margin-top:14px;font-size:1.8rem}
.tf-hero .hx-pill{font-size:.8rem}
.tf-hero .hx-lead{margin-top:14px;font-size:1.02rem}
.tf-card{padding:24px 20px 10px}
.tf-grid{grid-template-columns:1fr;gap:28px}
.tf-ticks{grid-template-columns:1fr}
.tf-devis .wrap{grid-template-columns:1fr;gap:32px}
}
@media(max-width:560px){.tf-table th,.tf-table td{padding:14px 8px 14px 0}.tf-table thead th{font-size:.7rem}.tf-table tbody th,.tf-table td:last-child{font-size:1.02rem}}
#devis-form,section[id]{scroll-margin-top:96px}
/* ---------- pages services (sv-, 16/10/2026) : ossature commune aux 6 pages, contenu propre à chacune ----------
Haut de page : texte + schéma propre à la page (ici le circuit d'un appel) ; sections alternées papier / ciel ;
tableau de comparaison ; liens vers les 5 autres pages services ; bande de fin vers /demande-de-devis/. */
.sv-hero{background:var(--sky);padding:52px 0 80px}
.sv-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.sv-hero h1{font-family:var(--head);font-weight:800;letter-spacing:-.02em;margin-top:22px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;text-wrap:balance}
.sv-hero h1 .hx-kw{color:var(--blue)}
.sv-cta{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.sv-circuit{background:var(--paper);border-radius:20px;padding:28px 30px;box-shadow:0 30px 60px -28px rgba(11,27,51,.45)}
.sv-circuit-t{font-family:var(--head);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.sv-circuit ol{list-style:none;margin-top:18px;counter-reset:c}
.sv-circuit li{position:relative;display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding-bottom:22px}
.sv-circuit li:last-child{padding-bottom:0}
.sv-circuit li::before{counter-increment:c;content:counter(c);grid-row:span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--head);font-weight:800;background:var(--blue-pale);color:var(--blue-deep)}
.sv-circuit li:not(:last-child)::after{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:var(--line)}
.sv-circuit li.sv-us::before{background:var(--blue);color:#fff}
.sv-circuit b{font-family:var(--head);font-weight:800;font-size:1.05rem;line-height:1.3}
.sv-circuit span{color:var(--ink-2);font-size:.95rem;line-height:1.45}
.sv-split{background:var(--paper)}
.sv-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.sv-col{border-top:2px solid var(--ink);padding-top:24px}
.sv-col h3{font-size:1.2rem;letter-spacing:-.01em;margin-bottom:6px}
.sv-col .ticks{margin-top:16px}
.sv-dash{list-style:none;margin-top:16px;display:grid;gap:14px}
.sv-dash li{display:flex;gap:14px;font-weight:600;color:var(--ink-2)}
.sv-dash li::before{content:"";flex:none;width:10px;height:10px;margin-top:.5em;border-radius:50%;border:2px solid var(--ink-3)}
.sv-online{background:var(--sky)}
.sv-shared{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:44px}
.sv-shared li{border-top:2px solid var(--ink);padding-top:24px}
.sv-shared h3{font-size:1.2rem;letter-spacing:-.01em;margin-bottom:10px}
.sv-shared p{color:var(--ink-2);font-size:.98rem}
.sv-shared a,.sv-linklist a,.sv-table a{color:var(--blue);font-weight:700}
.sv-missions{row-gap:40px}
.sv-team{margin-top:36px;max-width:760px}
/* page agenda : agenda qui se remplit (boucle 12 s, CSS seul) */
.ag-live{position:relative;overflow:hidden}
.ag-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-family:var(--head);font-size:.9rem}
.ag-dot{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ag-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);animation:agPulse 1.6s ease-in-out infinite}
.ag-live .o{opacity:0;transform:scale(.7);animation:12s ease-out infinite both}
.ag-live .ag1{animation-name:agPop1}.ag-live .ag2{animation-name:agPop2}.ag-live .ag3{animation-name:agPop3}.ag-live .ag4{animation-name:agPop4}
.ag-toast{display:table;margin:14px 0 0 auto;padding:8px 12px;border-radius:10px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:700;opacity:0;transform:translateY(8px);animation:agToast 12s ease-out infinite}
.ag-live .cap{margin-top:14px}
.ag-live .week-b div{min-width:0;overflow:hidden;overflow-wrap:anywhere}
@keyframes agPulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes agPop1{0%,8%{opacity:0;transform:scale(.7)}12%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes agPop2{0%,28%{opacity:0;transform:scale(.7)}32%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes agPop3{0%,48%{opacity:0;transform:scale(.7)}52%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes agPop4{0%,68%{opacity:0;transform:scale(.7)}72%,92%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes agToast{0%,10%,22%,30%,42%,50%,62%,70%,82%,100%{opacity:0;transform:translateY(8px)}13%,19%,33%,39%,53%,59%,73%,79%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ag-live .o{animation:none;opacity:1;transform:none}.ag-toast,.ag-dot::before{animation:none}.ag-toast{opacity:1;transform:none}}
.sv-col-note{margin-top:18px;color:var(--ink-2);font-size:.95rem;line-height:1.5}
.sv-call dl{margin-top:18px;display:grid;gap:12px}
.sv-call dt{font-family:var(--head);font-weight:800;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.sv-call dd{margin:4px 0 0;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--sky);color:var(--ink);line-height:1.45;max-width:92%}
.sv-call .sv-us{justify-self:end;text-align:right}
.sv-call .sv-us dd{background:var(--blue);color:#fff;border-radius:14px 14px 4px 14px;margin-left:auto}
.sv-call-end{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-weight:700;color:var(--blue-deep);font-size:.95rem}
.sv-compare{background:var(--paper)}
.sv-compare.sv-sky{background:var(--sky)}
.sv-table{margin-top:36px;max-width:900px}
.sv-table table{width:100%;border-collapse:collapse}
.sv-table th,.sv-table td{text-align:left;padding:15px 14px 15px 0;border-bottom:1px solid var(--line);vertical-align:top}
.sv-table thead th{font-family:var(--head);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--ink)}
.sv-table tbody th{font-weight:700;width:34%}
.sv-table td{color:var(--ink-2)}
.sv-table td.sv-plus{color:var(--ink);font-weight:700}
.sv-table-time tbody th{width:13%;white-space:nowrap}
.sv-price{background:var(--sky)}
.sv-price .sec-lead b{color:var(--ink)}
.sv-price.sv-alt{background:var(--paper)}
.sv-links{background:var(--paper);border-top:1px solid var(--line)}
.sv-linklist{list-style:none;margin-top:32px;display:grid;gap:14px;max-width:820px;border-top:2px solid var(--ink);padding-top:22px}
.sv-linklist li{color:var(--ink-2)}
.sv-end{background:var(--ink);color:#fff}
.sv-end .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.sv-end .label{color:#8FB0F5}
.sv-end .sec-lead{color:#B9C7E0}
.sv-end-cta{display:grid;justify-items:start;gap:20px}
.sv-end .tel-big{display:inline-block;font-family:var(--head);font-size:clamp(1.6rem,2.6vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--orange);text-decoration:none}
.sv-end .tel-big small{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#8FA3C6;font-weight:800;margin-bottom:2px}
.sv-end .form-note{color:#B9C7E0}
.sv-end .form-note svg{color:#8FB0F5}
/* page /services/ (29/10/2026) : encadré du socle commun + services rangés par besoin, la question du médecin puis le lien */
.sv-box{background:var(--paper);border-radius:20px;padding:28px 30px;box-shadow:0 30px 60px -28px rgba(11,27,51,.45)}
.sv-box .ticks{margin-top:18px}
.sv-groups{display:grid;grid-template-columns:1fr 1fr;gap:40px 56px;margin-top:44px}
.sv-group{border-top:2px solid var(--ink);padding-top:24px}
.sv-group-big{grid-row:span 2}
.sv-group h3{font-size:1.2rem;letter-spacing:-.01em}
.sv-q{list-style:none;margin-top:6px}
.sv-q li{padding:18px 0;border-bottom:1px solid var(--line)}
.sv-q li:last-child{border-bottom:0;padding-bottom:0}
.sv-q p{color:var(--ink-2);font-size:.98rem;line-height:1.5}
.sv-q a{display:inline-block;margin-top:6px;font-family:var(--head);font-weight:800;color:var(--blue);text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:1px}
.sv-q a::after{content:" →"}
.sv-q a:hover{color:var(--blue-deep)}
/* page /telesecretariat/ (30/10/2026) : un bloc par service, texte + lien vers sa page */
.tl-svc{display:grid;grid-template-columns:1fr 1fr;gap:44px 56px;margin-top:44px}
.tl-svc article{border-top:2px solid var(--ink);padding-top:24px;display:flex;flex-direction:column}
.tl-svc h3{font-size:1.2rem;letter-spacing:-.01em;margin-bottom:10px}
.tl-svc p{color:var(--ink-2);font-size:.98rem;line-height:1.6}
.tl-svc .tl-go{margin-top:auto;padding-top:14px;color:var(--ink);font-weight:600;font-size:.95rem}
.tl-svc .tl-go a{color:var(--blue);font-weight:800;text-decoration:none;border-bottom:2px solid var(--orange)}
.tl-svc .tl-go a:hover{color:var(--blue-deep)}
.tl-svc p a{color:var(--blue);font-weight:700}
.tl-svc .tl-wide{grid-column:1/-1;max-width:820px}
.faq p a{color:var(--blue);font-weight:700}
@media(max-width:560px){.tl-choose th:nth-child(2),.tl-choose td:nth-child(2){display:none}.tl-choose tbody th{width:52%}}
/* écran de fin de la simulation (02/11) : deux paragraphes, l'appel à part */
.hx-done p+p{margin-top:10px}
/* CTA des pages services (page à distance, 30/10) : simulation de la home en fin de page, bouton du héros et relais vers #sim */
#sim{scroll-margin-top:96px}
.sv-cta-sub{margin-top:10px;font-size:.88rem;font-weight:600;color:var(--ink-3)}
.sv-relay{margin-top:48px;padding:22px 26px;border-radius:16px;background:var(--sky);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;font-weight:700}
.sv-sim .wrap{align-items:start}
.sv-sim .hx-sim{margin:0;color:var(--ink)}
.sv-sim .tel-big{margin-top:26px}
.sv-sim .devis-cta-alt{margin-top:18px;color:#B9C7E0;font-size:.92rem}
.sv-sim .devis-cta-alt a{color:#fff;font-weight:700}
.sv-sim .form-note{margin-top:18px}
/* page Pour qui (/telesecretariat-professionnels-de-sante/, 30/10) : choix de l'exercice, un bloc par métier + exemple de consignes */
.pq-pick ul{list-style:none;margin-top:14px;display:grid;gap:8px}
.pq-pick a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-family:var(--head);font-weight:700;color:var(--ink)}
.pq-pick a::after{content:"↓";color:var(--blue);font-weight:800}
.pq-pick a:hover{border-color:var(--blue);color:var(--blue)}
.pq-metier{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px 56px;align-items:start;margin-top:44px;padding-top:32px;border-top:2px solid var(--ink);scroll-margin-top:96px}
.pq-metier h3{font-size:1.45rem;letter-spacing:-.015em;margin-bottom:10px}
.pq-metier > div > p{color:var(--ink-2);line-height:1.6}
.pq-metier .ticks{margin-top:18px}
.pq-more{margin-top:18px;font-size:.95rem;font-weight:600;color:var(--ink)}
.pq-more a,.sv-online .sec-lead a,.sv-shared p a{color:var(--blue);font-weight:700}
.pq-ex{background:var(--sky);border-radius:16px;padding:20px 22px}
.pq-ex-t{font-family:var(--head);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.pq-ex dl{margin-top:12px;display:grid;gap:10px}
.pq-ex dt{font-family:var(--head);font-weight:800;font-size:.95rem}
.pq-ex dd{margin:2px 0 0;color:var(--ink-2);font-size:.92rem;line-height:1.45}
.pq-ex-n{margin-top:12px;font-size:.8rem;color:var(--ink-3)}
.pq-solo{grid-template-columns:minmax(0,1fr);max-width:820px}
@media(max-width:940px){.pq-metier{grid-template-columns:1fr;gap:20px;margin-top:32px}.pq-metier h3{font-size:1.25rem}}
/* 02/11 : fiche de consignes de la home réutilisée sur la page Pour qui (fond clair : ombre plus douce, filet) */
.sheet .sheet-t{font-family:var(--head);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:800}
.pq-sheet{padding:26px 24px 22px;transform:rotate(1deg);border:1px solid var(--line);box-shadow:0 24px 44px -26px rgba(11,27,51,.38)}
.pq-sheet .who{font-family:var(--head);font-size:1.15rem;margin:4px 0 10px}
.pq-sheet dl{grid-template-columns:minmax(0,auto) 1fr;font-size:.9rem}
.pq-sheet dt{white-space:normal;max-width:9.5em}
/* 02/11 : page permanence, une journée heure par heure */
.pm-day{max-width:860px;margin-top:36px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:8px 24px 20px;box-shadow:0 30px 60px -32px rgba(11,27,51,.35)}
.pm-day .day{border-bottom:1px solid var(--line)}
.pm-day ol{list-style:none}
.pm-day li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:6px 18px;align-items:center;padding:14px 0;border-bottom:1px dashed #C4CFE2}
.pm-day time{font-family:var(--head);font-weight:800;color:var(--blue-deep)}
.pm-call{color:var(--ink-2);font-size:.95rem;line-height:1.45}
.pm-done{justify-self:start;padding:6px 12px;border-radius:10px;background:var(--blue-tint);color:var(--blue-deep);font-weight:700;font-size:.9rem;line-height:1.4}
.pm-urg .pm-done{background:#FFE7DC;color:#8A3410}
.pm-end{border-bottom:0}
.pm-end .pm-done{background:var(--ink);color:#fff}
.pm-day .cap{margin-top:14px}
.pq-sheet .cap,.pm-day .cap{font-size:.86rem;text-align:left}
@media(max-width:560px){.pm-day{padding:4px 16px 16px}.pm-day li{grid-template-columns:56px minmax(0,1fr)}.pm-done{grid-column:2}}
/* 02/11 : page Qui sommes-nous, fiche d'identité (composant .sheet) et liste « ce que nous ne faisons pas » */
.qsn-id{padding:26px 24px 22px;transform:rotate(1deg);border:1px solid var(--line);box-shadow:0 24px 44px -26px rgba(11,27,51,.38)}
.qsn-id .who{font-family:var(--head);font-size:1.25rem;margin:4px 0 10px}
.qsn-id dd a{color:var(--blue);font-weight:700;text-decoration:none}
.qsn-id .cap{font-size:.88rem;text-align:left}
.qsn-id .cap a{color:var(--blue);font-weight:700}
.qsn-non{margin-top:32px;max-width:760px}
/* 02/11 : pages légales (mentions, confidentialité, cookies) : texte simple, largeur de lecture */
.lg-hero{padding:44px 0 40px}
.lg-hero .wrap{grid-template-columns:minmax(0,1fr)}
.lg-hero h1{margin-top:0}
.lg-body .lg-text{max-width:820px}
.lg-text h2{font-size:1.35rem;letter-spacing:-.01em;margin:36px 0 10px}
.lg-text h2:first-child{margin-top:0}
.lg-text p{color:var(--ink-2);line-height:1.65;margin-top:10px}
.lg-text a{color:var(--blue);font-weight:600}
.lg-dl{display:grid;grid-template-columns:minmax(0,13em) 1fr;gap:0 20px;margin-top:14px;border-top:1px solid var(--line)}
.lg-dl dt,.lg-dl dd{padding:11px 0;border-bottom:1px solid var(--line)}
.lg-dl dt{font-weight:700}
.lg-dl dd{margin:0;color:var(--ink-2)}
.lg-list{margin-top:14px}
.lg-table{margin-top:16px;overflow-x:auto}
.lg-table table{min-width:0}
@media(max-width:560px){.lg-table th,.lg-table td{padding:10px 6px 10px 0;overflow-wrap:anywhere}.lg-table tbody th{width:auto}}
.lg-maj{margin-top:36px;font-size:.88rem;color:var(--ink-3)}
@media(max-width:560px){.lg-dl{grid-template-columns:1fr}.lg-dl dt{border-bottom:0;padding-bottom:0}.lg-table th,.lg-table td{font-size:.85rem}}
@media(max-width:940px){
.sv-hero{padding:20px 0 56px}
.sv-hero .wrap{grid-template-columns:1fr;gap:32px}
.sv-hero h1{margin-top:14px;font-size:1.8rem}
.sv-hero .hx-pill{font-size:.8rem}
.sv-hero .hx-lead{margin-top:14px;font-size:1.02rem}
.sv-circuit{padding:22px 20px}
.sv-cols,.sv-shared,.sv-groups,.tl-svc{grid-template-columns:1fr;gap:28px}
.sv-group-big{grid-row:auto}
.sv-box{padding:22px 20px}
.sv-end .wrap{grid-template-columns:1fr;gap:28px}
}
@media(max-width:560px){.sv-table th,.sv-table td{padding:13px 8px 13px 0;font-size:.92rem}.sv-table thead th{font-size:.7rem}}