/* B-WONDER — pages intérieures */
:root{
  --noir:#141618; --noir-2:#191c20; --noir-3:#202328; --blanc:#fff;
  --sur-1:rgba(255,255,255,.92); --sur-2:rgba(255,255,255,.72); --sur-3:rgba(255,255,255,.5);
  --filet:rgba(255,255,255,.12);
  --vert:#009922; --vert-logo:#00a632; --vert-action:#007a1b; --vert-survol:#006616; --vert-vif:#19a30a;
  --marge:clamp(16px,2.6vw,40px); --large:1240px; --texte-l:760px;
  --display:Montserrat,"Helvetica Neue",Arial,sans-serif; --texte:Poppins,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{background:var(--noir);color:var(--blanc)}
body{font-family:var(--texte);font-weight:300;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--vert-vif);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p{color:var(--vert-vif)}
.cap{display:inline-block;font-family:var(--texte);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:var(--sur-3)}
.cap.v{color:var(--vert-vif)}
.wrap{max-width:var(--large);margin:0 auto;padding:0 var(--marge)}
.etroit{max-width:var(--texte-l)}

/* nav */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:0 var(--marge);border-bottom:1px solid var(--filet);background:rgba(20,22,24,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav .logo img{height:26px;width:auto}
.nav .liens{display:flex;gap:26px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sur-2)}
.nav .liens a:hover,.nav .liens a[aria-current]{color:#fff}
.nav .liens a[aria-current]{box-shadow:inset 0 -2px 0 var(--vert-vif)}
.nav .droite{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--sur-2)}
.menu-btn{display:none;background:none;border:1px solid var(--filet);color:#fff;width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:18px}
@media (max-width:1366px){.nav .tel{display:none}.nav .liens{gap:22px;letter-spacing:.06em}}
@media (max-width:1180px){
  .nav .liens{position:fixed;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--noir);border-bottom:1px solid var(--filet);
    padding:8px var(--marge) 20px;display:none;font-size:13px}
  .nav .liens a{padding:14px 0;border-bottom:1px solid var(--filet)}
  .nav.ouvert .liens{display:flex}
  .menu-btn{display:grid;place-items:center}
  .nav .tel{display:none}
}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:14px;height:46px;padding:0 6px 0 22px;border-radius:50px;border:0;cursor:pointer;
  background:var(--vert-action);color:#fff;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;transition:background .25s,color .25s}
.btn i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--vert-action);font-style:normal;font-size:14px;transition:transform .3s}
.btn:hover{background:var(--vert-survol)} .btn:hover i{transform:rotate(-45deg)}
.btn.ligne{background:transparent;border:1px solid rgba(255,255,255,.55)} .btn.ligne:hover{background:#fff;color:var(--noir)}
.btn.petit{height:38px;padding:0 4px 0 16px;font-size:10.5px}.btn.petit i{width:30px;height:30px}

/* fil d'ariane */
.ariane{font-size:12px;color:var(--sur-3);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ariane a:hover{color:#fff} .ariane span[aria-hidden]{opacity:.5}

/* héros de page */
.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;padding:140px 0 72px;overflow:hidden}
.hero .fond{position:absolute;inset:0}
.hero .fond img{width:100%;height:100%;object-fit:cover;filter:brightness(.62)}
.hero .fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,24,.55) 0%,rgba(20,22,24,.15) 35%,rgba(20,22,24,.92) 88%,var(--noir) 100%)}
.hero .wrap{position:relative;width:100%}
.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(38px,6.4vw,92px);line-height:.98;letter-spacing:-.025em;max-width:15ch;text-shadow:0 2px 30px rgba(0,0,0,.45)}
.hero .chapo{margin-top:26px;max-width:62ch;font-size:clamp(16px,1.35vw,19px);line-height:1.65;color:var(--sur-1);font-weight:400;text-shadow:0 1px 14px rgba(0,0,0,.6)}
.hero .act{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;align-items:center}
.hero .act .tel{font-size:14px;color:var(--sur-2);margin-left:6px}
.hero.court{min-height:auto;padding:150px 0 40px}
.hero.court h1{font-size:clamp(34px,5vw,68px);max-width:20ch}

/* sections */
section.bloc{padding:clamp(64px,9vw,120px) 0;border-top:1px solid var(--filet)}
section.bloc.clair{background:#f4f5f4;color:#16181b;border-top:0}
section.bloc.clair .cap{color:#6b7178} section.bloc.clair .cap.v{color:var(--vert-action)}
section.bloc.clair p,section.bloc.clair li{color:#3c4147}
.titre-s{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,50px);line-height:1.05;letter-spacing:-.02em;margin:14px 0 22px;max-width:22ch}
.intro{font-size:clamp(16px,1.25vw,18px);color:var(--sur-2);max-width:68ch}
section.bloc.clair .intro{color:#3c4147}
.deux{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,90px);align-items:start}
.deux.inverse{grid-template-columns:6fr 5fr}
@media (max-width:900px){.deux,.deux.inverse{grid-template-columns:1fr}}
.colle{position:sticky;top:100px}
@media (max-width:900px){.colle{position:static}}

/* liste de prestations */
.prest{display:grid;gap:0;margin-top:10px}
.prest article{display:grid;grid-template-columns:minmax(180px,4fr) 7fr;gap:28px;padding:30px 0;border-top:1px solid var(--filet)}
section.bloc.clair .prest article{border-top-color:rgba(0,0,0,.1)}
.prest h3{font-family:var(--display);font-weight:700;font-size:clamp(19px,1.7vw,24px);line-height:1.2;letter-spacing:-.01em}
.prest p{color:var(--sur-2)} .prest p+p{margin-top:10px}
.prest ul{margin:12px 0 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.prest li{font-size:12.5px;border:1px solid var(--filet);border-radius:40px;padding:4px 12px;color:var(--sur-2)}
section.bloc.clair .prest li{border-color:rgba(0,0,0,.15)}
@media (max-width:700px){.prest article{grid-template-columns:1fr;gap:10px}}

/* image */
.visuel{border-radius:4px;overflow:hidden;background:var(--noir-2)}
.visuel img{width:100%;aspect-ratio:3/2;object-fit:cover}
.visuel figcaption{font-size:12px;color:var(--sur-3);padding:10px 2px 0}

/* IA concrètement */
.ia{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--filet);border:1px solid var(--filet);margin-top:40px}
.ia div{background:var(--noir);padding:30px 26px}
.ia b{display:block;font-family:var(--display);font-weight:700;font-size:18px;margin:12px 0 8px}
.ia p{font-size:14.5px;color:var(--sur-2)}
.ia .n{font-family:var(--display);font-size:12px;font-weight:700;color:var(--vert-vif);letter-spacing:.1em}
@media (max-width:900px){.ia{grid-template-columns:1fr}}

/* étapes */
.etapes{counter-reset:e;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px}
.etapes li{list-style:none;counter-increment:e;border-top:2px solid var(--vert-vif);padding-top:18px}
.etapes li::before{content:"0" counter(e);font-family:var(--display);font-weight:800;font-size:13px;color:var(--vert-vif);letter-spacing:.1em}
.etapes b{display:block;font-family:var(--display);font-weight:700;font-size:18px;margin:8px 0 6px}
.etapes p{font-size:14.5px;color:var(--sur-2)}
section.bloc.clair .etapes p{color:#4a4f55}
@media (max-width:900px){.etapes{grid-template-columns:1fr 1fr}} @media (max-width:560px){.etapes{grid-template-columns:1fr}}

/* chiffres / preuves */
.preuves{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.preuves div{border-left:1px solid var(--filet);padding-left:18px}
.preuves b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(26px,3vw,40px);line-height:1.1}
.preuves span{font-size:13px;color:var(--sur-2)}
@media (max-width:800px){.preuves{grid-template-columns:1fr 1fr}}

/* cartes (réalisations, blog, services liés) */
.cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.cartes.deuxc{grid-template-columns:repeat(2,1fr)}
@media (max-width:960px){.cartes,.cartes.deuxc{grid-template-columns:1fr 1fr}} @media (max-width:620px){.cartes,.cartes.deuxc{grid-template-columns:1fr}}
.carte{display:flex;flex-direction:column;background:var(--noir-2);border:1px solid var(--filet);border-radius:4px;overflow:hidden;transition:border-color .25s,transform .25s}
.carte:hover{border-color:rgba(25,163,10,.6);transform:translateY(-3px)}
.carte img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:brightness(.85)}
.carte .c{padding:22px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.carte h3{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.25}
.carte p{font-size:14px;color:var(--sur-2)}
.carte .plus{margin-top:auto;padding-top:10px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vert-vif)}
section.bloc.clair .carte{background:#fff;border-color:rgba(0,0,0,.08)} section.bloc.clair .carte p{color:#4a4f55}

/* FAQ */
.faq{margin-top:30px;border-top:1px solid var(--filet)}
.faq details{border-bottom:1px solid var(--filet)}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;position:relative;font-family:var(--display);font-weight:700;font-size:clamp(16px,1.3vw,19px);line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:18px;font-size:24px;font-weight:400;color:var(--vert-vif);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .r{padding:0 0 24px;color:var(--sur-2);max-width:72ch}
.faq .r p+p{margin-top:10px}

/* texte long (articles, mentions) */
.prose{max-width:var(--texte-l);margin:0 auto;font-size:17px}
.prose>*+*{margin-top:1.05em}
.prose h2{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,34px);line-height:1.15;letter-spacing:-.015em;margin-top:2em}
.prose h3{font-family:var(--display);font-weight:700;font-size:clamp(19px,1.8vw,23px);line-height:1.25;margin-top:1.6em}
.prose p,.prose li{color:var(--sur-1)}
.prose a{color:var(--vert-vif);text-decoration:underline;text-underline-offset:3px}
.prose strong{font-weight:600;color:#fff}
.prose ul,.prose ol{padding-left:1.3em} .prose li+li{margin-top:.4em}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:1.4em 0}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--filet)}
.prose th{font-family:var(--display);font-weight:700;color:#fff}
.prose .encadre,.prose .bwa-tldr,.prose .bwa-callout,.prose .bwa-note{background:var(--noir-2);border-left:3px solid var(--vert-vif);padding:20px 24px;border-radius:2px}
.prose .lab{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vert-vif);margin-bottom:6px}
.prose .big{font-weight:600;color:#fff}
.prose details{border-bottom:1px solid var(--filet);padding:12px 0} .prose summary{cursor:pointer;font-weight:600;color:#fff}
.meta-art{font-size:13px;color:var(--sur-3);margin-top:18px}

/* bandeau d'appel */
.appel{position:relative;padding:clamp(80px,11vw,150px) 0;overflow:hidden;border-top:1px solid var(--filet)}
.appel .fond{position:absolute;inset:0}.appel .fond img{width:100%;height:100%;object-fit:cover;filter:brightness(.35)}
.appel .wrap{position:relative}
.appel h2{font-family:var(--display);font-weight:800;font-size:clamp(34px,5.4vw,78px);line-height:1;letter-spacing:-.025em;max-width:16ch}
.appel p{margin-top:20px;max-width:56ch;color:var(--sur-1)}
.appel .act{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

/* formulaire */
.formulaire{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.formulaire .plein{grid-column:1/-1}
.formulaire label{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sur-3);margin-bottom:8px}
.formulaire input,.formulaire select,.formulaire textarea{width:100%;background:var(--noir-2);border:1px solid var(--filet);border-radius:3px;color:#fff;font:inherit;font-size:15px;padding:13px 14px}
.formulaire input:focus,.formulaire select:focus,.formulaire textarea:focus{border-color:var(--vert-vif);outline:0}
.formulaire .hp{position:absolute;left:-9999px}
.formulaire .envoi{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.formulaire .msg{font-size:14px;color:var(--sur-2)}
@media (max-width:640px){.formulaire{grid-template-columns:1fr}}
.coord{display:grid;gap:24px}
.coord div{border-top:1px solid var(--filet);padding-top:14px}
.coord b{display:block;font-family:var(--display);font-size:20px;font-weight:700;margin-top:4px}

/* pied de page */
footer{border-top:1px solid var(--filet);padding:64px 0 28px;background:var(--noir)}
footer .haut{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
footer .haut div{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--sur-2)}
footer .haut a:hover{color:#fff}
footer .bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:50px;padding-top:22px;border-top:1px solid var(--filet);font-size:12px;color:var(--sur-3)}
footer .bas a:hover{color:#fff}
@media (max-width:800px){footer .haut{grid-template-columns:1fr 1fr}}

/* apparition */
.rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* composants d'articles (guides du blog) */
.prose .key-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--filet);border:1px solid var(--filet);margin:1.6em 0}
.prose .kn-item{background:var(--noir-2);padding:20px}
.prose .kn-num{font-family:var(--display);font-weight:800;font-size:28px;color:#fff;line-height:1.1}
.prose .kn-label{font-size:13.5px;color:var(--sur-2);margin-top:6px}
.prose .steps{display:grid;gap:14px;margin:1.4em 0}
.prose .step{display:grid;grid-template-columns:52px 1fr;gap:14px;background:var(--noir-2);border:1px solid var(--filet);padding:18px}
.prose .step-num,.prose .idea-num{font-family:var(--display);font-weight:800;color:var(--vert-vif);font-size:18px}
.prose .step-title,.prose .idea-title{font-family:var(--display);font-weight:700;color:#fff;font-size:17px}
.prose .step-desc,.prose .idea-desc{color:var(--sur-2);font-size:15px;margin-top:4px}
.prose .idea{background:var(--noir-2);border:1px solid var(--filet);padding:20px;margin:1.2em 0}
.prose .idea-head{display:flex;gap:12px;align-items:baseline}
.prose .idea-proof,.prose .note{font-size:13.5px;color:var(--sur-3);margin-top:8px}
.prose .highlight-box,.prose .warn-box,.prose .bwa-tip{background:var(--noir-2);border-left:3px solid var(--vert-vif);padding:18px 22px}
.prose .warn-box{border-left-color:#d9a400}
.prose .inline-cta{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;border:1px solid rgba(25,163,10,.5);padding:20px 22px;border-radius:3px;margin:1.6em 0}
.prose .inline-cta strong{display:block;font-family:var(--display)}
.prose .inline-cta p{font-size:14.5px;color:var(--sur-2);margin-top:4px}
.prose .btn-cta,.prose .bwa-btn{display:inline-flex;align-items:center;height:42px;padding:0 20px;border-radius:40px;background:var(--vert-action);color:#fff !important;text-decoration:none !important;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.prose .compare-strip{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--filet);margin:1.4em 0}
.prose .cs-col{background:var(--noir-2);padding:18px}.prose .cs-col.light{background:#20242a}
.prose .cs-col-label,.prose .cs-item-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--sur-3)}
.prose .cs-item{margin-top:10px}.prose .cs-item-val{color:#fff}
.prose ul.styled,.prose ul.checklist,.prose ul.bwa-list,.prose ul.bwa-check{list-style:none;padding-left:0}
.prose ul.styled li,.prose ul.checklist li,.prose ul.bwa-list li,.prose ul.bwa-check li{position:relative;padding-left:22px}
.prose ul.styled li::before,.prose ul.checklist li::before,.prose ul.bwa-list li::before,.prose ul.bwa-check li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--vert-vif)}
.prose .price-table,.prose .bwa-tablewrap{overflow-x:auto}
.prose .pilier{border-top:1px solid var(--filet);padding-top:12px}
@media (max-width:640px){.prose .key-numbers,.prose .compare-strip{grid-template-columns:1fr}}

/* salle de cinéma (lecteur vidéo) */
.seance{padding-top:clamp(48px,6vw,80px)}
.cinema{margin-top:34px}
.cinema .scene{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#000}
.cinema .salle{position:absolute;left:0;width:100%;aspect-ratio:4/3;top:5%;transform:scale(1.1);transform-origin:49.4% 33.8%;transition:transform 1.6s cubic-bezier(.65,0,.25,1)}
.cinema .salle>img{width:100%;height:100%;object-fit:cover;transition:filter 1.6s}
.cinema .ecran{position:absolute;left:34.375%;top:22.5%;width:30.125%;height:22.6%;background:#000;overflow:hidden}
.cinema .ecran iframe,.cinema .ecran video,.cinema .ecran>img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#000}
.cinema .ecran .jouer{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.cinema .ecran .jouer span{width:16%;aspect-ratio:1;border-radius:50%;background:rgba(0,122,27,.94);display:grid;place-items:center;color:#fff;font-size:clamp(9px,1.4vw,20px);box-shadow:0 0 0 5px rgba(255,255,255,.14);transition:transform .3s}
.cinema .ecran .jouer:hover span{transform:scale(1.1)}
.cinema .ecran .yt{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;font-size:clamp(5px,.7vw,10px);padding:.5em 1em;border-radius:30px;white-space:nowrap}
.cinema .halo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 60% at 50% 50%,transparent 60%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity 1.6s}
.cinema .rallumer{position:absolute;right:14px;top:14px;z-index:3;border:1px solid rgba(255,255,255,.4);background:rgba(20,22,24,.6);color:#fff;font:600 10.5px/1 var(--texte);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;border-radius:30px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .6s}
.cinema.joue .salle{transform:scale(2.95)}
.cinema.joue .salle>img{filter:brightness(.25)}
.cinema.joue .halo{opacity:1}
.cinema.joue .rallumer{opacity:1;pointer-events:auto}
.cinema .legende{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:baseline;margin-top:16px}
.cinema .legende b{font-family:var(--display);font-size:20px}
.cinema .legende span{font-size:13px;color:var(--sur-2)}
.playlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,42vw),1fr));gap:16px;margin-top:30px}
.playlist button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:7px;border-top:2px solid var(--filet);padding-top:12px;transition:border-color .25s}
.playlist button img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.5) brightness(.8);transition:filter .3s}
.playlist button:hover img,.playlist button[aria-pressed="true"] img{filter:none}
.playlist button[aria-pressed="true"]{border-top-color:var(--vert-vif)}
.playlist button:focus-visible{outline:2px solid var(--vert-vif);outline-offset:4px}
.playlist button b{font-family:var(--display);font-size:15px;line-height:1.3}
.playlist button span{font-size:12.5px;color:var(--sur-2);line-height:1.5}
.playlist button em{font-style:normal;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--vert-vif);font-weight:600}
@media (max-width:760px){.cinema .scene{aspect-ratio:4/3}.cinema .salle{top:16.2%;transform:scale(1.5)}.cinema.joue .salle{transform:scale(3.2)}.cinema .ecran .yt{font-size:7px}}
.hero.compact{min-height:min(72vh,700px)}
/* plan d'accès chargé à la demande (aucun appel tiers sans clic) */
.carte{position:relative;height:380px;border:1px solid rgba(255,255,255,.12);border-radius:4px;overflow:hidden;background:linear-gradient(135deg,#1b1e21,#23272b)}
.carte iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(.9) contrast(.9)}
.carte-voile{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}
.carte-voile p{max-width:460px;font-size:14px;line-height:1.6;color:var(--sur-2)}
.carte-voile a{font-size:13px;color:var(--sur-2);text-decoration:underline}