/* ==========================================================================
   Clémence Le Bian — Kinésiologue à Landerneau
   Charte échantillonnée dans le logo floral (goutte prune #812D4E,
   corail #D07463 de « KINÉSIOLOGIE », olive #AC9F60 du nom, sauge des feuilles)
   ========================================================================== */

:root{
  /* Marque — issues du logo */
  --plum:        #812D4E;   /* goutte du logo — 8,68:1 sur blanc */
  --plum-deep:   #5C2338;   /* dérivée sombre — sections foncées */
  --plum-ink:    #3E1B2B;   /* dérivée très sombre — topbar, footer */
  --coral:       #D07463;   /* « KINÉSIOLOGIE » du logo — 3,3:1 → DÉCORATIF */
  --terracotta:  #A8402C;   /* dérivée texte du corail — 6,11:1 */
  --olive:       #AC9F60;   /* nom du logo — 2,66:1 → DÉCORATIF */
  --sage:        #84843C;   /* feuilles du logo — décoratif */
  --sage-ink:    #5E6229;   /* dérivée texte — 6,45:1 */

  /* Textes */
  --ink:         #2E2126;   /* 15,4:1 */
  --muted:       #63525A;   /* 7,28:1 */

  /* Surfaces */
  --paper:       #FFFCFA;
  --paper-2:     #FBF4EF;
  --paper-3:     #F4E8E0;
  --line:        #E9DAD1;

  --shadow-s: 0 2px 10px rgba(62,27,43,.06);
  --shadow-m: 0 10px 30px rgba(62,27,43,.10);
  --shadow-l: 0 20px 48px rgba(62,27,43,.15);

  --r-s: 10px;
  --r-m: 14px;
  --r-l: 16px;

  --wrap: 1180px;
  --head-h: 74px;

  --f-title: "Bricolage Grotesque", "Trebuchet MS", system-ui, sans-serif;
  --f-body:  "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}

html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 16px)}

body{
  margin:0;
  font-family:var(--f-body);
  font-size:17px;
  line-height:1.65;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{font-family:var(--f-title);line-height:1.14;margin:0;font-weight:600;letter-spacing:-.015em}
h1{font-size:clamp(2.1rem,5.2vw,3.5rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:clamp(1.15rem,1.9vw,1.4rem)}
p{margin:0 0 1rem}
h1 + p, h2 + p, h2 + .lead, h2 + ol, h2 + ul{margin-top:1rem}
h3 + p{margin-top:.45rem}
a{color:var(--plum)}
img{display:block;max-width:100%}
ul{margin:0;padding:0;list-style:none}

.wrap{width:min(100% - 2.5rem, var(--wrap));margin-inline:auto}
.section{padding:clamp(3.5rem,7vw,6rem) 0}
.lead{font-size:1.075rem;color:var(--muted);max-width:38rem}
.center{text-align:center;margin-inline:auto}

/* Kicker eyebrow ---------------------------------------------------------- */
.kicker{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.775rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--terracotta);margin-bottom:.85rem;
}
.kicker::before{content:"";width:24px;height:2px;background:var(--coral);border-radius:2px;flex:none}
.kicker.on-dark{color:#F0C9B8}
.kicker.on-dark::before{background:var(--coral)}

/* Boutons ----------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--f-body);font-size:.95rem;font-weight:600;
  padding:.8rem 1.5rem;border-radius:999px;border:1.5px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-solid{background:var(--plum);color:#fff}
.btn-solid:hover{background:var(--plum-deep)}
.btn-ghost{background:transparent;color:var(--plum);border-color:var(--plum)}
.btn-ghost:hover{background:var(--plum);color:#fff}
.btn-light{background:#fff;color:var(--plum-deep)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.btn-outline-light:hover{background:#fff;color:var(--plum-deep)}

/* Topbar ------------------------------------------------------------------ */
.topbar{background:var(--plum-ink);color:#F3E4E9;font-size:.83rem}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:center;justify-content:center;padding:.5rem 0}
.topbar a{color:#F3E4E9;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;max-width:100%;overflow-wrap:anywhere}
.topbar a:hover{text-decoration:underline}
.topbar svg{width:14px;height:14px;flex:none;opacity:.8}

/* Header ------------------------------------------------------------------ */
.header{
  position:sticky;top:0;z-index:220;
  background:var(--paper);           /* solide : pas de backdrop-filter (casse le drawer) */
  border-bottom:1px solid var(--line);
}
.header .wrap{display:flex;align-items:center;gap:1rem;min-height:var(--head-h)}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);position:relative;z-index:240}
.brand img{width:46px;height:46px;object-fit:contain;flex:none}
.brand-name{font-family:var(--f-title);font-weight:600;font-size:1.02rem;line-height:1.15;letter-spacing:-.01em}
.brand-sub{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sage-ink);font-weight:600}

.nav{margin-left:auto;display:flex;align-items:center;gap:1.5rem}
.nav a{color:var(--ink);text-decoration:none;font-size:.93rem;font-weight:500;padding:.3rem 0;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--coral);transition:right .22s ease}
.nav a:hover::after{right:0}
.head-cta{position:relative;z-index:240}
.nav-cta{margin-left:.4rem}
.nav a.btn-solid{color:#fff}          /* spécificité : le CTA reste blanc dans la nav */
.nav a.btn-solid::after{display:none}

.burger{
  margin-left:auto;display:none;width:44px;height:44px;border:1px solid var(--line);
  border-radius:var(--r-s);background:var(--paper);cursor:pointer;position:relative;z-index:240;
}
.burger span{display:block;width:19px;height:2px;background:var(--ink);margin:4px auto;border-radius:2px;transition:transform .22s ease,opacity .22s ease}
body.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.backdrop{position:fixed;inset:0;background:rgba(62,27,43,.42);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:210}
body.menu-open .backdrop{opacity:1;pointer-events:auto}

.drawer{
  position:fixed;top:var(--drawer-top,var(--head-h));left:0;right:0;z-index:200;
  background:var(--paper);border-bottom:1px solid var(--line);
  padding:1rem 1.25rem 1.5rem;box-shadow:var(--shadow-m);
  transform:translateY(-115%);visibility:hidden;
  transition:transform .28s ease, visibility 0s linear .28s;
}
body.menu-open .drawer{
  transform:translateY(0);visibility:visible;
  transition:transform .28s ease, visibility 0s;
}
.drawer a{display:block;padding:.72rem .2rem;color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}
.drawer a:last-of-type{border-bottom:0}
.drawer .btn{width:100%;margin-top:.9rem}
.drawer a.btn{display:flex;border-bottom:0}       /* .drawer a{display:block} tuait le centrage */
.drawer a.btn-solid{color:#fff}                    /* et écrasait aussi .btn-solid{color:#fff} */

/* Hero -------------------------------------------------------------------- */
.hero{position:relative;isolation:isolate;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.hero-media::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(105deg, rgba(62,27,43,.90) 0%, rgba(92,35,56,.80) 46%, rgba(129,45,78,.55) 100%),
    linear-gradient(to top, rgba(62,27,43,.72), rgba(62,27,43,0) 55%);
}
.hero-inner{position:relative;padding:clamp(4rem,10vw,7.5rem) 0 clamp(5rem,9vw,7rem);max-width:44rem}
.hero h1{color:#fff;text-shadow:0 2px 18px rgba(40,15,26,.45)}
.hero h1 em{font-style:normal;font-weight:300;color:#F6D3C6}
.hero p{color:#F4E6E4;font-size:1.09rem;max-width:36rem;text-shadow:0 1px 10px rgba(40,15,26,.4)}

.badge-pill{
  display:inline-flex;align-items:center;gap:.55rem;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.05em;
  padding:.42rem 1rem;border-radius:999px;margin-bottom:1.15rem;
}
.badge-pill svg{width:14px;height:14px}

.hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 1.8rem}
.hero-pills li{
  font-size:.845rem;font-weight:500;color:#FBEDE9;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);
  padding:.35rem .9rem;border-radius:999px;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}

.wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
.wave svg{width:100%;height:clamp(38px,5vw,68px);display:block}

/* Strip de réassurance ---------------------------------------------------- */
.facts{background:var(--paper);border-bottom:1px solid var(--line)}
.facts ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2.1rem 0}
.facts li{display:flex;gap:.8rem;align-items:flex-start}
.facts svg{width:26px;height:26px;flex:none;stroke:var(--terracotta);fill:none;stroke-width:1.6;margin-top:2px}
.facts b{display:block;font-family:var(--f-title);font-size:1.22rem;font-weight:600;line-height:1.2}
.facts span{font-size:.87rem;color:var(--muted);line-height:1.4}

/* Split portrait ---------------------------------------------------------- */
.split{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.portrait{position:relative}
.portrait img{
  width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;
  border-radius:190px 190px 20px 20px;   /* arche */
  box-shadow:var(--shadow-l);
}
.portrait::before{
  content:"";position:absolute;inset:auto -18px -18px 22px;height:72%;
  border-radius:190px 190px 20px 20px;border:1.5px solid var(--olive);z-index:-1;
}
.float-badge{
  position:absolute;right:-14px;bottom:34px;
  background:#fff;border-radius:var(--r-m);padding:.85rem 1.1rem;
  box-shadow:var(--shadow-m);max-width:190px;
}
.float-badge b{display:block;font-family:var(--f-title);font-size:1.5rem;color:var(--plum);line-height:1}
.float-badge span{font-size:.79rem;color:var(--muted);line-height:1.35;display:block;margin-top:.2rem}

.split > div:last-child p,
.steps-grid > div:first-child > p{max-width:36rem}

.pullquote{
  border-left:3px solid var(--coral);padding:.35rem 0 .35rem 1.15rem;
  margin:1.5rem 0;font-size:1.06rem;color:var(--ink);
}
.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}
.tags li{
  font-size:.8rem;font-weight:500;color:var(--sage-ink);
  background:rgba(132,132,60,.10);padding:.32rem .8rem;border-radius:999px;
}

/* Cartes prestations ------------------------------------------------------ */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.6rem}
.card{
  background:#fff;border-radius:var(--r-l);overflow:hidden;
  box-shadow:var(--shadow-s);display:flex;flex-direction:column;
  transition:transform .22s ease,box-shadow .22s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-m)}
.card-media{position:relative}
.card-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 14%}
.card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(62,27,43,.80) 0%,rgba(62,27,43,.15) 52%,rgba(62,27,43,0) 100%)}
.card-media h3{position:absolute;left:1.1rem;right:5.2rem;bottom:.9rem;color:#fff;z-index:2;text-shadow:0 1px 8px rgba(40,15,26,.5)}
.price{
  position:absolute;right:.85rem;bottom:.85rem;z-index:2;
  background:#fff;color:var(--plum);font-family:var(--f-title);font-weight:600;
  font-size:.92rem;padding:.3rem .7rem;border-radius:999px;box-shadow:var(--shadow-s);
}
.card-body{padding:1.15rem 1.25rem 1.4rem;display:flex;flex-direction:column;flex:1}
.card-body p{font-size:.94rem;color:var(--muted);margin-bottom:.9rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}
.chips li{font-size:.755rem;font-weight:600;color:var(--terracotta);background:rgba(208,116,99,.12);padding:.24rem .62rem;border-radius:999px}

/* Bande immersive --------------------------------------------------------- */
.band{position:relative;isolation:isolate;color:#fff;text-align:center;overflow:hidden}
.band-media{position:absolute;inset:0;z-index:-2;background:var(--plum-deep)}
.band-media img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.band-media::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(62,27,43,.90),rgba(129,45,78,.84))}
.band .wrap{padding:clamp(3.5rem,8vw,6rem) 0}
.band blockquote{
  margin:0 auto;max-width:44rem;font-family:var(--f-title);font-weight:500;
  font-size:clamp(1.3rem,2.7vw,1.95rem);line-height:1.32;letter-spacing:-.01em;
}
.band cite{display:block;margin-top:1.1rem;font-style:normal;font-size:.88rem;letter-spacing:.09em;text-transform:uppercase;color:#F0C9B8}

/* Étapes ------------------------------------------------------------------ */
.steps-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.steps{counter-reset:s;margin-top:1.8rem}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:1.05rem;padding-bottom:1.5rem;position:relative}
.steps li::before{
  content:counter(s,decimal-leading-zero);
  font-family:var(--f-title);font-size:.88rem;font-weight:600;color:#fff;background:var(--plum);
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
}
.steps li:not(:last-child)::after{content:"";position:absolute;left:16.5px;top:38px;bottom:6px;width:1.5px;background:var(--line)}
.steps h3{font-size:1.06rem;margin-bottom:.2rem}
.steps p{font-size:.94rem;color:var(--muted);margin:0}
.steps-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;border-radius:var(--r-l);box-shadow:var(--shadow-m)}

/* Valeurs ----------------------------------------------------------------- */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.4rem}
.value{position:relative;background:#fff;border-radius:var(--r-l);padding:1.9rem 1.5rem 1.6rem;box-shadow:var(--shadow-s);overflow:hidden}
.value::before{content:"";position:absolute;left:0;right:100%;top:0;height:3px;background:var(--coral);transition:right .3s ease}
.value:hover::before{right:0}
.value svg{width:30px;height:30px;stroke:var(--plum);fill:none;stroke-width:1.5;margin-bottom:.9rem}
.value h3{margin-bottom:.4rem}
.value p{font-size:.94rem;color:var(--muted);margin:0}

/* Témoignages ------------------------------------------------------------- */
.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.4rem}
.testi{background:var(--paper-2);border-radius:var(--r-l);padding:1.7rem 1.6rem;position:relative}
.testi p{font-size:.97rem;margin-bottom:.9rem}
.stars{display:flex;gap:2px;margin-bottom:.8rem}
.stars svg{width:16px;height:16px;fill:var(--olive)}
.testi footer{font-size:.83rem;color:var(--muted);font-weight:600}

/* FAQ --------------------------------------------------------------------- */
.faq{max-width:50rem;margin:2.4rem auto 0}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);margin-bottom:.7rem;overflow:hidden}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.05rem 1.25rem;cursor:pointer;list-style:none;
  font-family:var(--f-title);font-weight:600;font-size:1.02rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--paper-3);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23812D4E' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-size:16px;background-repeat:no-repeat;background-position:center;
  transition:transform .25s ease;
}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq .answer{padding:0 1.25rem 1.15rem;color:var(--muted);font-size:.96rem}
.faq .answer p{max-width:36rem}   /* 65-75 caractères */
.faq .answer p:last-child{margin-bottom:0}

/* Section RDV ------------------------------------------------------------- */
.rdv{background:var(--plum-deep);color:#F7EAEF}
.rdv h2{color:#fff}
.rdv .lead{color:#EBD3DC}
.rdv-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,4vw,3.2rem);margin-top:2.6rem;align-items:start}

.table-wrap{overflow-x:auto;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}
.tarifs{width:100%;border-collapse:collapse;font-size:.93rem}
.tarifs caption{text-align:left;font-family:var(--f-title);font-weight:600;font-size:1.06rem;color:#fff;padding-bottom:.7rem}
.tarifs th,.tarifs td{padding:.62rem .3rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.16)}
.tarifs th{font-weight:600;color:#F0C9B8;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}
.tarifs td:last-child{text-align:right;font-weight:600;color:#fff;white-space:nowrap}
.tarifs tr:last-child td{border-bottom:0}

.contact-list{margin:1.6rem 0 0}
.contact-list li{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.05rem}
.contact-list .ico{
  width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.11);
  display:grid;place-items:center;flex:none;
}
.contact-list svg{width:17px;height:17px;stroke:#F0C9B8;fill:none;stroke-width:1.7}
.contact-list b{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#EBB9A8;font-weight:600}
.contact-list a{color:#fff;text-decoration:none;font-size:1rem;overflow-wrap:anywhere}
.contact-list div{min-width:0}
.contact-list a:hover{text-decoration:underline}
.contact-list span{font-size:.95rem;color:#F0DDE4}

.tipbox{
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r-m);padding:1rem 1.15rem;font-size:.9rem;color:#F5E3E9;margin-top:1.4rem;
}
.tipbox b{color:#fff}

.rdv-widget{
  border-radius:var(--r-l);overflow:hidden;min-height:620px;background:#fff;
}
.rdv-alt{font-size:.86rem;color:#E4C6D0;margin-top:.9rem;text-align:center}
.rdv-alt a{color:#fff}

.hours{margin-top:1.6rem;font-size:.92rem}
.hours h3{color:#fff;font-size:1.02rem;margin-bottom:.7rem}
.hours li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.12);color:#F0DDE4}
.hours li:last-child{border-bottom:0}
.hours li span:last-child{color:#fff;font-weight:600;white-space:nowrap}

/* Footer ------------------------------------------------------------------ */
.footer{background:var(--plum-ink);color:#E9D6DD;font-size:.92rem}
.footer .wrap{padding:3.2rem 0 1.8rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}
.footer h4{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#EBB9A8;margin-bottom:.9rem;font-weight:600}
.footer a{color:#E9D6DD;text-decoration:none;overflow-wrap:anywhere}
.footer a:hover{text-decoration:underline}
.footer li{margin-bottom:.5rem}
.foot-brand img{width:78px;height:78px;object-fit:contain;background:#fff;border-radius:var(--r-m);padding:6px;margin-bottom:.9rem}
.foot-brand p{font-size:.9rem;color:#D6BFC8;max-width:22rem}
.zones{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}
.zones li{margin:0;font-size:.78rem;background:rgba(255,255,255,.09);padding:.24rem .68rem;border-radius:999px;color:#EFDCE3}
.socials{display:flex;gap:.6rem;margin-top:.9rem}
.socials a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.socials svg{width:17px;height:17px;fill:#EFDCE3}
.disclaimer{
  margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.14);
  text-align:center;font-size:.82rem;color:#C9AFB9;
}
.disclaimer p{margin:.3rem 0}

/* CTA flottant mobile ----------------------------------------------------- */
.floating-cta{display:none}

/* Reveals ----------------------------------------------------------------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* Responsive -------------------------------------------------------------- */
/* Le drawer est mobile : sinon son bas dépasse au-dessus de la topbar */
@media (min-width:1041px){
  .drawer,.backdrop{display:none}
}

@media (max-width:1180px){
  .facts ul{gap:1.1rem}
}
@media (max-width:1040px){
  .nav{display:none}
  .burger{display:block}
  .head-cta{display:none}
  .cards{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr;gap:2.5rem}
  .portrait{max-width:24rem;margin-inline:auto}
  .float-badge{right:0}
  .steps-grid{grid-template-columns:1fr}
  .steps-photo{max-width:24rem;margin-inline:auto}
  .rdv-grid{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .facts ul{grid-template-columns:repeat(2,1fr);padding:1.7rem 0}
  .values{grid-template-columns:1fr}
  .testimonials{grid-template-columns:1fr}
}
@media (max-width:660px){
  body{font-size:16px}
  .cards{grid-template-columns:1fr}
  .card-media h3{right:4.6rem}
  .foot-grid{grid-template-columns:1fr}
  .topbar .wrap{justify-content:flex-start;gap:.3rem 1rem}
  .rdv-widget{min-height:720px}
  .tarifs{font-size:.87rem}
  .tarifs th,.tarifs td{padding:.55rem .25rem}
  .hero-inner{padding-bottom:6rem}
  .floating-cta{
    display:block;position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:190;
    text-align:center;box-shadow:var(--shadow-l);
  }
  .floating-cta .btn{width:100%}
  .footer .wrap{padding-bottom:5.5rem}
  .portrait::before{inset:auto -10px -12px 14px}
  .float-badge{right:-6px;bottom:20px;max-width:165px;padding:.7rem .9rem}
}
@media (max-width:400px){
  .hero-pills li{font-size:.79rem}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .btn:hover,.card:hover{transform:none}
}