:root{--bg:#050505;--panel:#0d0d0f;--gold:#d8b84f;--gold2:#f0d06d;--text:#f6f2e7;--muted:#c9c3b5;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at top,#17130a 0,#070707 34%,#050505 100%);color:var(--text);font-family:Georgia,'Times New Roman',serif;line-height:1.5;overflow-x:hidden}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:10px}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,5,5,.94);border-bottom:1px solid rgba(216,184,79,.32);backdrop-filter:blur(10px)}
.nav-wrap{max-width:var(--max);margin:auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{text-decoration:none;color:var(--gold2);font-weight:700;font-size:15px;letter-spacing:.3px}
.menu-toggle{border:1px solid var(--gold);background:transparent;color:var(--gold2);border-radius:999px;padding:9px 14px;font:inherit;font-size:14px}
.main-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#090909;border-bottom:1px solid rgba(216,184,79,.35);padding:10px 16px 18px}
.main-menu.open{display:grid;gap:8px}.main-menu a{text-decoration:none;color:#fff;padding:11px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.section{padding:30px 14px}.content{width:min(100%,var(--max));margin:auto}
.hero{padding-top:24px}.image-card{overflow:hidden;border-radius:18px;background:#050505;border:1px solid rgba(216,184,79,.26);box-shadow:0 18px 55px rgba(0,0,0,.34)}
.image-card img{width:100%;object-fit:contain;background:#050505}
.logo-card{max-width:920px}.portrait-card{max-width:620px}.portrait-card.medium{max-width:720px}.landscape-card{max-width:900px}
.section-title{text-align:center;margin:0 auto 22px;max-width:800px}.section-title span,.contact-card>span{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;margin-bottom:8px}
.section-title h1,.section-title h2,.contact-card h2{margin:0;color:#fff;line-height:1.08;font-size:clamp(30px,9vw,58px);font-weight:500}
.video-card{max-width:560px;margin:auto;border:1px solid rgba(216,184,79,.55);border-radius:18px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.42)}
.video-card video{width:100%;max-height:78vh;background:#000}
.security-banner{max-width:850px;margin:0 auto 18px}.security-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:920px;margin:auto}.security-grid .image-card{border-radius:14px}
.offers-stack{display:grid;grid-template-columns:1fr;gap:20px;max-width:760px;margin:auto}.offer-card{border-color:rgba(216,184,79,.54)}
.contact-card{max-width:980px;text-align:center;border:1px solid rgba(216,184,79,.54);border-radius:20px;padding:34px 20px;background:linear-gradient(145deg,rgba(216,184,79,.09),rgba(255,255,255,.02));box-shadow:0 20px 60px rgba(0,0,0,.35)}
.contact-card p{color:var(--muted);font-size:17px}
.contact-intro{max-width:680px;margin:16px auto 26px}
.contact-people{display:grid;grid-template-columns:1fr;gap:18px;margin-top:24px}
.person-card{border:1px solid rgba(216,184,79,.42);border-radius:16px;padding:24px 16px;background:rgba(0,0,0,.24)}
.person-card h3{margin:0 0 10px;color:#fff;font-size:clamp(32px,9vw,46px);line-height:1.08;font-weight:700}
.person-role{margin:0 0 14px;color:var(--gold2)!important;font-size:15px!important;font-weight:700}



.contact-details{font-size:16px!important;overflow-wrap:anywhere;line-height:1.9;color:#fff!important;margin-top:16px}


.site-footer{border-top:1px solid rgba(216,184,79,.26);padding:28px 16px 40px;text-align:center;color:#aaa;font-size:13px}.site-footer a{color:var(--gold2);text-decoration:none}
@media(min-width:760px){.menu-toggle{display:none}.main-menu{display:flex!important;position:static;background:transparent;border:0;padding:0;gap:24px}.main-menu a{border:0;padding:4px 0;color:#e8dfc0;font-size:14px}.section{padding:54px 24px}.security-grid{grid-template-columns:repeat(2,1fr);gap:22px}.offers-stack{gap:30px}.contact-people{grid-template-columns:1fr 1fr}.brand{font-size:17px}}
@media(min-width:1100px){.section{padding:68px 24px}.offers-stack{max-width:820px}.portrait-card{max-width:680px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* V3.3 — Page Plus d'informations */
.floating-info-link,.info-link{
  color:var(--gold2);text-decoration:none;font-weight:700;
}
.floating-info-link{
  position:fixed;right:14px;top:14px;z-index:1000;
  background:rgba(8,8,10,.92);border:1px solid var(--gold);
  border-radius:999px;padding:10px 14px;font-size:13px;
}
.info-page{padding:42px 0 70px}
.info-page-header{text-align:center;max-width:900px;margin:34px auto 42px}
.info-page-header h1{font-size:clamp(42px,10vw,72px);line-height:1.05;margin:12px 0 18px}
.info-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px;margin:0 auto}
.info-content-grid{display:grid;grid-template-columns:1fr;gap:18px}
.info-content-card{
  border:1px solid rgba(216,184,79,.48);border-radius:18px;
  padding:24px 18px;background:linear-gradient(145deg,rgba(216,184,79,.08),rgba(255,255,255,.02));
}
.info-content-card h2{color:var(--gold2);font-size:clamp(27px,7vw,38px);margin:0 0 14px}
.info-content-card p,.info-content-card li{font-size:17px;line-height:1.75;color:#f2f2f2}
.info-content-card ul{padding-left:22px}
.info-contact-block{
  text-align:center;border:1px solid rgba(216,184,79,.54);border-radius:20px;
  padding:32px 20px;margin-top:28px;background:rgba(216,184,79,.06)
}
.info-contact-block h2{font-size:clamp(30px,8vw,44px);margin:0 0 12px}
.info-contact-block p{color:var(--muted);font-size:17px;margin-bottom:20px}
.info-contact-block .button{max-width:320px;margin:0 auto}
@media(min-width:760px){
  .info-content-grid{grid-template-columns:1fr 1fr}
  .info-wide{grid-column:1/-1}
}

/* V3 officielle — Infrastructure, FAQ et navigation */
.button{display:block;text-decoration:none;background:var(--gold);color:#090909;font-weight:700;padding:15px 18px;border-radius:10px;text-align:center}
.button.secondary{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.faq-grid,.infra-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:980px;margin:auto}
.faq-card,.infra-card,.why-infra{
  border:1px solid rgba(216,184,79,.46);border-radius:18px;
  padding:24px 18px;background:linear-gradient(145deg,rgba(216,184,79,.08),rgba(255,255,255,.02))
}
.faq-card h3,.infra-card h2,.why-infra h2{color:var(--gold2);font-size:clamp(24px,7vw,34px);margin:0 0 12px}
.faq-card p,.faq-card li,.infra-card p,.why-infra p{color:#f2f2f2;font-size:17px;line-height:1.72}
.faq-card ul{padding-left:22px;margin-bottom:0}
.subpage{min-height:70vh}
.subpage-hero{padding:66px 16px 30px;text-align:center}
.subpage-hero span{display:block;color:var(--gold2);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}
.subpage-hero h1{font-size:clamp(40px,10vw,72px);line-height:1.05;margin:12px auto 18px;max-width:920px}
.subpage-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:18px;line-height:1.7}
.infra-main-image,.infra-tech-image{max-width:1100px;margin:auto}
.why-infra{max-width:980px;margin:0 auto 22px;text-align:center}
.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:980px;margin:28px auto}
.trust-strip div{border:1px solid rgba(216,184,79,.38);border-radius:14px;padding:18px 10px;text-align:center;background:rgba(216,184,79,.05);font-size:24px}
.trust-strip strong{display:block;color:#fff;font-size:14px;margin-top:8px}
.page-actions{display:grid;grid-template-columns:1fr;gap:12px;max-width:720px;margin:30px auto 0}
@media(min-width:760px){
  .faq-grid,.infra-grid{grid-template-columns:1fr 1fr}
  .tech-grid{grid-template-columns:repeat(3,1fr)}
  .trust-strip{grid-template-columns:repeat(4,1fr)}
  .trust-strip.five{grid-template-columns:repeat(5,1fr)}
  .page-actions{grid-template-columns:1fr 1fr}
}

/* V3.1 — Paiements PayPal */
.payment-offer{max-width:760px;width:100%;margin:0 auto 34px}
.payment-panel{
  margin-top:16px;padding:24px 18px;text-align:center;
  border:1px solid rgba(216,184,79,.55);border-radius:18px;
  background:linear-gradient(145deg,rgba(216,184,79,.09),rgba(255,255,255,.025));
  box-shadow:0 20px 55px rgba(0,0,0,.34)
}
.payment-panel h3{margin:0 0 10px;color:#fff;font-size:clamp(26px,7vw,38px)}
.payment-price{margin:0 0 8px;color:var(--gold2)!important;font-size:clamp(38px,10vw,58px)!important;font-weight:800}
.payment-price small{font-size:.42em;font-weight:600}
.payment-note{max-width:590px;margin:0 auto 22px;color:var(--muted)!important;font-size:15px!important;line-height:1.65}





.legal-company{
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
  margin:8px auto 10px;
  max-width:980px;
}

/* V3.4 — Paiements Qonto officiels */
.qonto-payment-button{
  display:block;
  max-width:560px;
  margin:0 auto;
  padding:17px 20px;
  border-radius:12px;
  background:linear-gradient(135deg,#d8b84f,#f1d87a);
  color:#090909;
  text-decoration:none;
  text-align:center;
  font-weight:800;
  font-size:17px;
  line-height:1.35;
  box-shadow:0 10px 28px rgba(216,184,79,.22);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.qonto-payment-button:hover,
.qonto-payment-button:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(216,184,79,.30);
  filter:brightness(1.05);
}


/* V3.4.2 — Bandeau cookies RGPD */
.cookie-banner[hidden],
.cookie-modal[hidden]{display:none!important}
.cookie-banner{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:5000;
  padding:14px;
  background:rgba(5,5,5,.98);
  border-top:1px solid rgba(216,184,79,.65);
  box-shadow:0 -18px 50px rgba(0,0,0,.55);
  transform:translateY(110%);
  transition:transform .22s ease;
}
.cookie-banner.is-visible{transform:translateY(0)}
.cookie-banner-inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
}
.cookie-copy h2{margin:4px 0 8px;font-size:clamp(23px,6vw,32px)}
.cookie-copy p{margin:0;color:#e5e5e5;line-height:1.55;font-size:14px}
.cookie-kicker{
  color:var(--gold2)!important;
  text-transform:uppercase;
  letter-spacing:1.6px;
  font-size:11px!important;
  font-weight:800;
}
.cookie-more{margin-top:8px!important}
.cookie-more a{color:var(--gold2)}
.cookie-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.cookie-btn{
  appearance:none;
  border:1px solid transparent;
  border-radius:10px;
  min-height:46px;
  padding:12px 16px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.cookie-btn:hover,.cookie-btn:focus-visible{transform:translateY(-1px)}
.cookie-btn-primary{background:var(--gold);color:#090909}
.cookie-btn-secondary{background:#171717;color:#fff;border-color:#737373}
.cookie-btn-outline{background:transparent;color:var(--gold2);border-color:var(--gold)}
.cookie-modal{
  position:fixed;
  inset:0;
  z-index:5100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.cookie-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(5px);
}
.cookie-modal-card{
  position:relative;
  z-index:1;
  width:min(760px,100%);
  max-height:90vh;
  overflow:auto;
  border:1px solid rgba(216,184,79,.65);
  border-radius:20px;
  background:#0b0b0d;
  color:#fff;
  padding:28px 20px;
  box-shadow:0 30px 90px rgba(0,0,0,.72);
}
.cookie-modal-card h2{font-size:clamp(28px,7vw,42px);margin:5px 0 10px}
.cookie-modal-card>p{color:var(--muted);line-height:1.65}
.cookie-modal-close{
  position:absolute;
  right:14px;
  top:12px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(216,184,79,.45);
  background:#161616;
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
.cookie-preference{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  border-top:1px solid rgba(216,184,79,.24);
  padding:20px 0;
}
.cookie-preference h3{margin:0 0 6px;color:var(--gold2);font-size:20px}
.cookie-preference p{margin:0;color:#d4d4d4;font-size:14px;line-height:1.55}
.cookie-switch{position:relative;width:54px;height:30px;display:block}
.cookie-switch input{position:absolute;opacity:0;pointer-events:none}
.cookie-switch span{
  position:absolute;inset:0;
  border-radius:999px;
  background:#3b3b3b;
  border:1px solid #656565;
  transition:.2s;
}
.cookie-switch span:before{
  content:"";
  position:absolute;
  width:22px;height:22px;
  left:3px;top:3px;
  border-radius:50%;
  background:#fff;
  transition:.2s;
}
.cookie-switch input:checked+span{background:var(--gold);border-color:var(--gold)}
.cookie-switch input:checked+span:before{transform:translateX(24px);background:#090909}
.cookie-switch-disabled{opacity:.65}
.cookie-modal-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
.cookie-modal-open{overflow:hidden}
.footer-cookie-link{
  border:0;
  padding:0;
  background:none;
  color:inherit;
  font:inherit;
  text-decoration:underline;
  cursor:pointer;
}
.footer-cookie-link:hover,.footer-cookie-link:focus-visible{color:var(--gold2)}
@media(min-width:760px){
  .cookie-banner-inner{grid-template-columns:1fr auto}
  .cookie-actions{grid-template-columns:repeat(3,auto)}
  .cookie-modal-actions{grid-template-columns:1fr 1fr}
}

/* V3.5 — RGPD Expert */
.rgpd-expert-section{
  margin:28px 0;
  padding:22px 18px;
  border:1px solid rgba(216,184,79,.34);
  border-radius:16px;
  background:rgba(216,184,79,.035);
}
.rgpd-expert-section h2{margin-top:0}
.rgpd-notice{
  max-width:980px;
  margin:0 auto;
  padding:24px 18px;
  border:1px solid rgba(216,184,79,.5);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(216,184,79,.08),rgba(255,255,255,.02));
}
.rgpd-notice h2{color:var(--gold2);margin-top:0}


/* V3.7 — Qualifications & confiance */
.qualifications-section{background:linear-gradient(180deg,rgba(216,184,79,.025),rgba(255,255,255,0))}
.qualification-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:1050px;margin:0 auto}
.qualification-card{border:1px solid rgba(216,184,79,.48);border-radius:18px;padding:26px 20px;background:linear-gradient(145deg,rgba(216,184,79,.09),rgba(255,255,255,.02));box-shadow:0 18px 45px rgba(0,0,0,.24)}
.qualification-icon{font-size:34px;margin-bottom:10px}
.qualification-card h2,.qualification-card h3{color:var(--gold2);margin:0 0 12px;font-size:clamp(24px,6vw,34px)}
.qualification-card p{margin:0;color:#f0f0f0;font-size:17px;line-height:1.72}
.qualification-card a,.qualification-clarification a{color:var(--gold2);overflow-wrap:anywhere}
.qualification-action{max-width:360px;margin:26px auto 0}
.qualification-clarification{max-width:980px;margin:24px auto 0;padding:26px 20px;border-left:4px solid var(--gold);border-radius:14px;background:rgba(216,184,79,.055)}
.qualification-clarification h2{margin:0 0 12px;color:var(--gold2);font-size:clamp(27px,7vw,38px)}
.qualification-clarification p{margin:0;color:#ededed;font-size:17px;line-height:1.75}
.footer-trust-line{max-width:1050px;margin:8px auto;color:#d9c98d;font-size:12px;line-height:1.65}
.footer-trust-line a{color:var(--gold2);overflow-wrap:anywhere}
@media(min-width:760px){.qualification-grid{grid-template-columns:1fr 1fr}.qualification-grid-page{gap:22px}}


/* V3.7.1 — Visuel officiel Formation CNIL & DPO sur toutes les pages */
.qualification-visual-band {
  padding: 34px 18px;
  background: linear-gradient(180deg, rgba(7,18,38,.98), rgba(10,28,58,.98));
  border-top: 1px solid rgba(109,170,255,.24);
  border-bottom: 1px solid rgba(109,170,255,.18);
}
.qualification-visual-inner {
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
}
.qualification-visual-link {
  display: inline-block;
  width: min(100%, 920px);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 55px rgba(0,0,0,.34), 0 0 0 1px rgba(88,153,255,.28);
  transition: transform .2s ease, box-shadow .2s ease;
}
.qualification-visual-link:hover,
.qualification-visual-link:focus-visible {
  transform: translateY(-3px);
  box-shadow: 0 24px 65px rgba(0,0,0,.42), 0 0 0 2px rgba(88,153,255,.48);
}
.qualification-visual-link img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 700px) {
  .qualification-visual-band { padding: 22px 12px; }
  .qualification-visual-link { border-radius: 14px; }
}

/* V3.7.2 — Optimisation du visuel CNIL/DPO sur ordinateur uniquement */
@media (min-width: 1100px) {
  .qualification-visual-link {
    width: min(100%, 620px);
  }
}
@media (min-width: 1400px) {
  .qualification-visual-link {
    width: min(100%, 560px);
  }
}


/* Certification Hygiène et Salubrité — ajout V3.7.4 */
.certification-showcase{display:grid;grid-template-columns:1fr;gap:26px;align-items:center;max-width:1100px;margin:34px auto;padding:24px;border:1px solid rgba(216,184,79,.48);border-radius:22px;background:linear-gradient(145deg,rgba(216,184,79,.09),rgba(255,255,255,.02));box-shadow:0 22px 55px rgba(0,0,0,.28)}
.certification-kicker{display:inline-block;margin-bottom:10px;color:var(--gold2);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.certification-copy h2{margin:0 0 16px;color:var(--gold2);font-size:clamp(30px,7vw,46px);line-height:1.08}
.certification-copy p{margin:0 0 14px;color:#f1f1f1;font-size:17px;line-height:1.72}
.certification-copy .certification-meta{color:#d9c98d;font-weight:700}
.certification-open{display:inline-flex;width:auto;margin-top:8px}
.certification-document{margin:0;padding:10px;border-radius:16px;background:#f6f4ed;box-shadow:0 16px 38px rgba(0,0,0,.38)}
.certification-document a{display:block;border-radius:11px;overflow:hidden}
.certification-document img{display:block;width:100%;height:auto;aspect-ratio:2084/1485;object-fit:contain;background:#fff}
.certification-document figcaption{padding:10px 8px 2px;color:#393939;font-size:12px;line-height:1.45;text-align:center}
@media(min-width:860px){.certification-showcase{grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);padding:34px}.certification-document{padding:12px}}
@media(max-width:520px){.certification-showcase{padding:17px;margin-top:24px}.certification-open{display:flex;width:100%;justify-content:center}.certification-document{padding:7px}.certification-document figcaption{font-size:11px}}

/* Attestation MOOC L’Atelier RGPD — ajout V3.7.5 */
.certification-showcase-cnil{background:linear-gradient(145deg,rgba(20,74,130,.13),rgba(216,184,79,.055));border-color:rgba(86,145,207,.48)}
.certification-document-cnil{background:#f8f7f2}
.certification-document-cnil img{aspect-ratio:auto;object-fit:contain;background:#fff}
.certification-legal-note{padding:12px 14px;border-left:3px solid var(--gold);border-radius:8px;background:rgba(216,184,79,.06);font-size:14px!important;color:#dedede!important}


/* V3.7.6 — Certifications verticales, non cliquables */
.certifications-vertical{
  max-width:1100px;
  margin:40px auto 34px;
}
.certifications-heading{
  max-width:850px;
  margin:0 auto 28px;
  text-align:center;
}
.certifications-heading h2{
  margin:4px 0 12px;
  color:var(--gold2);
  font-size:clamp(30px,6vw,48px);
  line-height:1.1;
}
.certifications-heading p{
  margin:0;
  color:#ededed;
  font-size:17px;
  line-height:1.7;
}
.certificate-full{
  margin:0 0 34px;
  padding:24px;
  border:1px solid rgba(216,184,79,.48);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(216,184,79,.09),rgba(255,255,255,.02));
  box-shadow:0 22px 55px rgba(0,0,0,.28);
}
.certificate-full-copy{
  display:flex;
  align-items:flex-start;
  gap:18px;
  margin-bottom:20px;
}
.certificate-number{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(216,184,79,.7);
  border-radius:50%;
  color:var(--gold2);
  font-weight:900;
}
.certificate-full-copy h3{
  margin:0 0 8px;
  color:var(--gold2);
  font-size:clamp(25px,5vw,36px);
  line-height:1.15;
}
.certificate-full-copy p{
  margin:0 0 8px;
  color:#f1f1f1;
  font-size:17px;
  line-height:1.65;
}
.certificate-full-document{
  margin:0;
  padding:12px;
  border-radius:16px;
  background:#f6f4ed;
  box-shadow:0 16px 38px rgba(0,0,0,.38);
}
.certificate-full-document img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  background:#fff;
  border-radius:10px;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.certificate-full-document figcaption{
  padding:10px 8px 2px;
  color:#393939;
  font-size:13px;
  line-height:1.45;
  text-align:center;
}
@media(max-width:600px){
  .certifications-vertical{margin-top:28px}
  .certificate-full{padding:14px;border-radius:17px}
  .certificate-full-copy{gap:12px}
  .certificate-number{width:40px;height:40px;font-size:14px}
  .certificate-full-copy p{font-size:15px}
  .certificate-full-document{padding:6px}
  .certificate-full-document figcaption{font-size:11px}
}


/* V3.8 — Parcours commercial : problème → solution → preuves → offre */
.problem-section{padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(3rem,7vw,6rem)}
.problem-intro{max-width:900px;margin:0 auto 2rem;text-align:center;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.75;color:var(--text-soft,#d8d8d8)}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.problem-card{padding:1.6rem;border:1px solid rgba(212,175,55,.42);border-radius:20px;background:linear-gradient(145deg,rgba(25,25,25,.96),rgba(8,8,8,.98));box-shadow:0 15px 40px rgba(0,0,0,.28)}
.problem-card h3{margin:.7rem 0 .55rem;color:#d9b65d;font-size:1.2rem}
.problem-card p{margin:0;line-height:1.65;color:#e4e4e4}
.problem-icon{font-size:2rem;line-height:1}
.problem-transition{max-width:920px;margin:2rem auto 0;padding:1.2rem 1.4rem;text-align:center;border-left:4px solid #d4af37;background:rgba(212,175,55,.09);border-radius:10px;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.6}
.problem-transition strong{color:#d9b65d}
@media(max-width:900px){.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.problem-grid{grid-template-columns:1fr}.problem-card{padding:1.25rem}.problem-intro{text-align:left}}

/* V3.8.3 — formulaire de contact */
.contact-form{margin:2rem 0 2.5rem;padding:1.5rem;border:1px solid rgba(212,175,55,.45);border-radius:18px;background:rgba(4,8,12,.72)}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}
.form-field{display:flex;flex-direction:column;gap:.45rem}
.form-field-full{grid-column:1/-1}
.form-field label{font-weight:700;color:#f4f0e6}
.form-field input,.form-field textarea{width:100%;box-sizing:border-box;border:1px solid rgba(212,175,55,.65);border-radius:10px;background:#0b1015;color:#fff;padding:.9rem 1rem;font:inherit;transition:border-color .2s,box-shadow .2s}
.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#f0c84b;box-shadow:0 0 0 3px rgba(240,200,75,.17)}
.form-field textarea{resize:vertical;min-height:180px}
.form-field small,.required-note{color:#bfc4ca;font-size:.86rem}
.rgpd-consent{display:flex;align-items:flex-start;gap:.75rem;margin:1.15rem 0;color:#d7d9dc;line-height:1.45}
.rgpd-consent input{margin-top:.25rem;accent-color:#d4af37;min-width:18px;min-height:18px}
.rgpd-consent a{color:#f0c84b}
.contact-submit{display:block;margin:1rem auto 0;border:0;border-radius:10px;background:linear-gradient(135deg,#d6ad32,#f4d66c);color:#090b0e;font-weight:800;font-size:1rem;padding:.95rem 1.6rem;cursor:pointer}
.contact-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-status{display:none;margin:1rem 0;padding:1rem 1.1rem;border-radius:10px;font-weight:700}
.contact-status.success{display:block;background:rgba(38,150,88,.16);border:1px solid rgba(71,210,126,.55);color:#bdf2cf}
.contact-status.error{display:block;background:rgba(190,46,46,.16);border:1px solid rgba(255,103,103,.55);color:#ffd0d0}
.contact-details a{color:inherit;text-decoration:underline}
@media(max-width:700px){.contact-form-grid{grid-template-columns:1fr}.contact-form{padding:1rem}.form-field-full{grid-column:auto}}

/* V4.0 — Compatibilité renforcée Android, iPhone, iPad et petits écrans */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{min-width:320px;overflow-x:hidden}
img,video,iframe,svg{max-width:100%;height:auto}
video{display:block;width:100%;background:#000}
button,a,input,textarea,select{font-family:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.main-menu a,.menu-toggle,.button,.qonto-payment-button,.paypal-pack-button,.contact-submit{min-height:44px}
.qonto-payment-button,.paypal-pack-button,.button,.contact-submit{display:inline-flex;align-items:center;justify-content:center;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
.content,.nav-wrap{width:min(100% - 32px,1200px);margin-inline:auto;box-sizing:border-box}
.image-card img{display:block;width:100%;height:auto;object-fit:contain}
.payment-offer,.payment-panel,.contact-card,.problem-card,.faq-card,.qualification-card{min-width:0}
.payment-panel p,.contact-details,.footer-trust-line,.legal-company{overflow-wrap:anywhere;word-break:normal}

@media(max-width:900px){
  .site-header{position:sticky;top:0;z-index:1000}
  .nav-wrap{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand{font-size:clamp(.95rem,4vw,1.2rem);line-height:1.15}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:10px}
  .main-menu{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:none;flex-direction:column;max-height:calc(100vh - 88px);overflow-y:auto;padding:.75rem;border:1px solid rgba(212,175,55,.45);border-radius:14px;background:rgba(5,7,9,.98);box-shadow:0 20px 45px rgba(0,0,0,.5)}
  .main-menu.open{display:flex}
  .main-menu a{display:flex;align-items:center;padding:.8rem .9rem;border-radius:9px}
  .security-grid,.offers-stack,.contact-people,.qualification-grid,.faq-grid{grid-template-columns:1fr!important}
  .payment-offer{grid-template-columns:1fr!important;gap:1.25rem}
}

@media(max-width:700px){
  .content,.nav-wrap{width:min(100% - 24px,1200px)}
  .section{padding-left:0;padding-right:0}
  .section-title h1,.section-title h2{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.12}
  .problem-intro,.problem-card p,.faq-card p,.qualification-card p,.contact-intro{font-size:1rem;line-height:1.65}
  .image-card,.video-card,.contact-card,.payment-panel,.problem-card,.faq-card,.qualification-card{border-radius:14px}
  .payment-panel{padding:1.15rem!important}
  .payment-price{font-size:clamp(2rem,12vw,3.25rem)!important}
  .qonto-payment-button,.paypal-pack-button,.button,.contact-submit{width:100%;padding:1rem 1.1rem;font-size:1rem;line-height:1.35}
  .contact-form input,.contact-form textarea{font-size:16px!important}
  .cookie-banner-inner,.cookie-modal-card{width:min(100% - 20px,680px)!important;max-height:calc(100vh - 20px);overflow:auto}
  .site-footer{font-size:.92rem}
}

@media(max-width:420px){
  .content,.nav-wrap{width:min(100% - 18px,1200px)}
  .section{padding-top:2.2rem;padding-bottom:2.2rem}
  .problem-card,.faq-card,.qualification-card,.contact-card,.payment-panel{padding:1rem!important}
  .rgpd-consent{font-size:.9rem}
}

/* Android avec encoche et barres système */
@supports(padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .site-header{padding-top:env(safe-area-inset-top)}
}

/* Sprint 4 — image Studio Manager ajoutée sous le logo principal */
.secondary-logo-section{padding-top:0}
.secondary-logo-card{max-width:760px}
.secondary-logo-card img{display:block;width:100%;height:auto}
@media (max-width:700px){
  .secondary-logo-section{padding-top:0;padding-bottom:22px}
  .secondary-logo-card{max-width:100%;border-radius:14px}
}

/* Sprint — Offres strictement verticales : 59 € puis 859 € */
#offres .offers-stack{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:32px !important;
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
}
#offres .payment-offer{
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 !important;
}
#offres .payment-offer + .payment-offer{
  margin-top:0 !important;
}
@media (max-width:700px){
  #offres .offers-stack{gap:22px !important;}
  #offres .payment-offer{width:100% !important;}
}


/* V4.3.2 — formulaire Contact visible uniquement après clic */
.contact-modal[hidden]{display:none!important}
.contact-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px;overflow:auto}
.contact-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}
.contact-modal-window{position:relative;z-index:1;width:min(100%,1020px);max-height:calc(100vh - 36px);overflow:auto;border-radius:20px}
.contact-modal .contact-card{width:100%;margin:0;box-sizing:border-box;background:#0b0b0d}
.contact-modal-close{position:absolute;z-index:3;top:12px;right:14px;width:44px;height:44px;border:1px solid rgba(216,184,79,.7);border-radius:50%;background:#111;color:#fff;font-size:30px;line-height:1;cursor:pointer}
.contact-modal-close:hover,.contact-modal-close:focus-visible{background:#d8b84f;color:#090909;outline:none}
.contact-modal-open{overflow:hidden}
@media(max-width:700px){.contact-modal{padding:8px}.contact-modal-window{max-height:calc(100vh - 16px)}.contact-modal-close{top:8px;right:8px}.contact-modal .contact-card{padding-top:58px!important}}


/* V4.3.4 — Avantage clients visible uniquement après clic */
.advantages-modal[hidden]{display:none!important}
.advantages-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:start center;padding:18px;overflow:auto;background:#050505}
.advantages-modal-backdrop{position:fixed;inset:0;background:#050505}
.advantages-modal-window{position:relative;z-index:1;width:min(100%,760px);margin:auto;padding:58px 0 32px}
.advantages-modal-close{position:fixed;z-index:3;top:16px;right:16px;width:46px;height:46px;border:1px solid rgba(216,184,79,.8);border-radius:50%;background:#111;color:#fff;font-size:31px;line-height:1;cursor:pointer}
.advantages-modal-close:hover,.advantages-modal-close:focus-visible{background:#d8b84f;color:#090909;outline:none}
.advantages-images{display:grid;gap:34px;justify-items:center}
.advantages-images img{display:block;width:auto;max-width:min(100%,560px);height:auto;border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.55)}
.advantages-modal-open{overflow:hidden}
@media(max-width:700px){
  .advantages-modal{padding:8px}
  .advantages-modal-window{padding:56px 10px 24px}
  .advantages-modal-close{top:10px;right:10px}
  .advantages-images{gap:34px}
  .advantages-images img{max-width:100%}
}

/* V4.6.0 — Tunnel diagnostic intégré */
.diagnostic-cta-card{max-width:920px;margin:auto;padding:42px 28px;border:1px solid rgba(201,162,39,.45);border-radius:24px;background:linear-gradient(145deg,#151515,#080808);text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.diagnostic-cta-card h2{margin:8px 0 14px;font-size:clamp(2rem,5vw,3.6rem);color:#fff}.diagnostic-cta-card p{max-width:700px;margin:0 auto 24px;color:#ddd;font-size:1.08rem}.diagnostic-cta-card small{display:block;margin-top:15px;color:#aaa}.diagnostic-kicker,.diagnostic-eyebrow{color:#d8b84a;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.78rem}.diagnostic-open-button,.diagnostic-primary{border:0;border-radius:12px;padding:16px 25px;background:linear-gradient(135deg,#e0c15a,#a77b12);color:#090909;font-weight:900;cursor:pointer;box-shadow:0 12px 30px rgba(201,162,39,.25)}
body.diagnostic-modal-open{overflow:hidden}.diagnostic-modal[hidden]{display:none!important}.diagnostic-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:14px}.diagnostic-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(7px)}.diagnostic-modal-window{position:relative;width:min(1180px,100%);height:min(92vh,900px);overflow:auto;border:1px solid rgba(201,162,39,.5);border-radius:22px;background:#0b0b0b;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.7)}.diagnostic-modal-close{position:sticky;top:12px;float:right;margin:12px 12px -55px 0;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid #80691f;background:#111;color:#e1c45d;font-size:28px;cursor:pointer}.diagnostic-app{min-height:100%;display:flex;flex-direction:column}.diagnostic-topbar{padding:22px 70px 18px 28px;border-bottom:1px solid #292929;background:#111;position:sticky;top:0;z-index:2}.diagnostic-topbar strong{color:#d8b84a;font-size:1.1rem}.diagnostic-progress-wrap{margin-top:13px}.diagnostic-progress-meta{display:flex;justify-content:space-between;color:#aaa;font-size:.82rem}.diagnostic-progress-track{height:7px;background:#292929;border-radius:99px;overflow:hidden;margin-top:7px}.diagnostic-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#e0c15a,#a77b12);transition:width .25s}.diagnostic-step{display:none;min-height:570px;padding:50px 24px;align-items:center;justify-content:center}.diagnostic-step.active{display:flex}.diagnostic-content{width:min(880px,100%);text-align:center}.diagnostic-narrow{width:min(760px,100%)}.diagnostic-content h2{font-size:clamp(2rem,5vw,4rem);line-height:1.08;margin:10px auto 26px;color:#fff}.diagnostic-lead{color:#cfcfcf;font-size:1.14rem;line-height:1.6}.diagnostic-trust{display:flex;gap:16px 28px;justify-content:center;flex-wrap:wrap;color:#dfc45c;font-weight:750;margin:26px 0}.diagnostic-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.diagnostic-choices button{min-height:92px;padding:18px;border:1px solid #3a3a3a;border-radius:16px;background:#171717;color:#fff;text-align:left;font-size:1rem;font-weight:800;cursor:pointer}.diagnostic-choices button:hover{border-color:#d4b343;transform:translateY(-2px)}.diagnostic-result-grid{width:min(1050px,100%);display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.diagnostic-result-card,.diagnostic-form-card{padding:30px;border:1px solid #333;border-radius:20px;background:#151515}.diagnostic-result-card{text-align:center}.diagnostic-score-ring{width:170px;height:170px;border-radius:50%;margin:18px auto;display:grid;place-content:center;position:relative}.diagnostic-score-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#151515}.diagnostic-score-ring strong,.diagnostic-score-ring span{position:relative;z-index:1}.diagnostic-score-ring strong{font-size:3rem}.diagnostic-result-card h2{font-size:1.8rem}.diagnostic-result-card p,.diagnostic-form-card p{color:#bbb;line-height:1.55}.diagnostic-form-card form{display:grid;gap:13px;margin-top:18px}.diagnostic-form-card label{display:grid;gap:6px;color:#ddd;font-size:.86rem;font-weight:700}.diagnostic-form-card input{width:100%;padding:12px 13px;border:1px solid #454545;border-radius:10px;background:#090909;color:#fff}.diagnostic-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.diagnostic-consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important;font-size:.78rem!important;line-height:1.4}.diagnostic-consent input{width:18px;height:18px;flex:0 0 auto}.diagnostic-consent a{color:#e0c15a}.diagnostic-hp{position:absolute;left:-9999px}
@media(max-width:760px){.diagnostic-modal{padding:0}.diagnostic-modal-window{height:100vh;border-radius:0}.diagnostic-step{padding:38px 16px;min-height:calc(100vh - 100px)}.diagnostic-choices,.diagnostic-result-grid,.diagnostic-field-grid{grid-template-columns:1fr}.diagnostic-content h2{font-size:2.3rem}.diagnostic-topbar{padding-left:18px}.diagnostic-cta-card{padding:32px 18px}}

/* V4.6.3 — correction du menu tablette/iPad : fermé par défaut */
@media (max-width: 900px){
  .main-menu:not(.open){display:none !important;}
  .main-menu.open{display:flex !important;}
}

/* =========================================================
   V5.0 — POSITIONNEMENT « STUDIOS NOUVELLE GÉNÉRATION »
   Ajout isolé pour préserver les composants existants.
   ========================================================= */
:root{--v5-bg:#07090c;--v5-surface:#11151b;--v5-surface-2:#171c23;--v5-text:#f7f8fa;--v5-muted:#b8c0ca;--v5-accent:#d6b35b;--v5-border:rgba(255,255,255,.12);--v5-max:1180px}
.v5-container{width:min(calc(100% - 40px),var(--v5-max));margin-inline:auto}.v5-narrow{max-width:820px;text-align:center}.v5-section{padding:96px 0;background:var(--v5-bg);color:var(--v5-text)}.v5-eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:var(--v5-accent)}.v5-section h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1.04;letter-spacing:-.04em}.v5-section p{color:var(--v5-muted);font-size:1.08rem;line-height:1.75}.v5-section-heading{max-width:780px;margin:0 auto 48px;text-align:center}.v5-section-heading>p:last-child{max-width:680px;margin:18px auto 0}
.v5-hero{position:relative;min-height:88vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(125deg,#050608 0%,#0b1017 55%,#17130b 100%);color:var(--v5-text)}.v5-hero:after{content:"";position:absolute;inset:auto -12% -40% auto;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(214,179,91,.22),transparent 66%)}.v5-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.34)),url('00-logo-principal.png') center right/contain no-repeat;opacity:.28}.v5-hero-content{position:relative;z-index:1;padding:150px 0 100px}.v5-hero h1{max-width:860px;margin:0;font-size:clamp(3rem,8vw,6.8rem);line-height:.96;letter-spacing:-.065em}.v5-lead{max-width:760px;margin:30px 0;color:#dbe0e6;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.55}.v5-proofline{margin-top:24px!important;font-size:.9rem!important;color:#9da6b2!important}.v5-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.v5-actions-center{justify-content:center}.v5-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 25px;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.v5-button:hover{transform:translateY(-2px)}.v5-button-primary{background:var(--v5-accent);color:#111}.v5-button-secondary{background:transparent;color:var(--v5-text);border-color:rgba(255,255,255,.35)}
.v5-intro{background:#0c0f13}.v5-intro p:last-child{max-width:760px;margin:26px auto 0;font-size:1.2rem}.v5-grid{display:grid;gap:22px}.v5-grid-3{grid-template-columns:repeat(3,1fr)}.v5-grid-2{grid-template-columns:repeat(2,1fr)}.v5-card,.v5-comparison,.v5-offer-card{padding:34px;border:1px solid var(--v5-border);border-radius:24px;background:linear-gradient(145deg,var(--v5-surface),var(--v5-surface-2));box-shadow:0 22px 55px rgba(0,0,0,.2)}.v5-card h3,.v5-comparison h3{margin:16px 0 10px;font-size:1.35rem}.v5-icon{font-size:2rem}.v5-card p,.v5-comparison p{margin:0;font-size:1rem}
.v5-split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.v5-split h2{margin-bottom:24px}.v5-visual-card{overflow:hidden;border-radius:28px;border:1px solid var(--v5-border);background:var(--v5-surface);box-shadow:0 30px 80px rgba(0,0,0,.35)}.v5-visual-card img{display:block;width:100%;height:auto}.v5-checklist{list-style:none;padding:0;margin:28px 0 0}.v5-checklist li{position:relative;padding:13px 0 13px 34px;border-bottom:1px solid var(--v5-border);color:#e6e9ed}.v5-checklist li:before{content:"✓";position:absolute;left:0;color:var(--v5-accent);font-weight:900}
.v5-demo{background:#0b0e12}.v5-video-card{max-width:980px;margin:0 auto;overflow:hidden;border-radius:28px;border:1px solid var(--v5-border);background:#000;box-shadow:0 35px 90px rgba(0,0,0,.5)}.v5-video-card video{display:block;width:100%;height:auto}.v5-before-after{background:#080a0d}.v5-comparison{min-height:210px}.v5-comparison-old{opacity:.82}.v5-comparison-new{border-color:rgba(214,179,91,.52);box-shadow:inset 0 0 0 1px rgba(214,179,91,.08),0 22px 55px rgba(0,0,0,.25)}
.v5-offers{background:#0c0f13}.v5-offer-grid{max-width:930px;margin:0 auto}.v5-offer-card ul{padding-left:20px;color:var(--v5-muted);line-height:2}.v5-offer-featured{border-color:rgba(214,179,91,.62);transform:translateY(-10px)}.v5-offer-label{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--v5-accent)!important}.v5-price{margin:10px 0 20px!important;font-size:3.7rem!important;font-weight:900;line-height:1;color:var(--v5-text)!important}.v5-price span{margin-left:8px;font-size:1rem;font-weight:700;color:var(--v5-muted)}.v5-offer-card .v5-button{width:100%;margin-top:12px}.v5-trust{background:#080a0d}.v5-trust-image{padding:16px}.v5-text-link{color:var(--v5-accent);font-weight:800;text-decoration:none}.v5-final-cta{background:radial-gradient(circle at 50% 0,rgba(214,179,91,.18),transparent 52%),#090b0e;text-align:center;padding-bottom:120px}
@media(max-width:900px){.v5-section{padding:72px 0}.v5-grid-3,.v5-grid-2,.v5-split{grid-template-columns:1fr}.v5-split{gap:36px}.v5-hero{min-height:auto}.v5-hero-content{padding:130px 0 80px}.v5-hero-overlay{background-size:cover;background-position:center;opacity:.16}.v5-offer-featured{transform:none}}
@media(max-width:640px){.v5-container{width:min(calc(100% - 28px),var(--v5-max))}.v5-section{padding:58px 0}.v5-hero-content{padding:115px 0 64px}.v5-hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.v5-actions{flex-direction:column}.v5-button{width:100%}.v5-card,.v5-comparison,.v5-offer-card{padding:25px;border-radius:20px}.v5-price{font-size:3rem!important}.v5-section h2{font-size:clamp(2rem,11vw,3.2rem)}}

/* Sprint 1 — Offre commerciale V6.1 */
.sprint1-offer-wrap{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch}
.sprint1-main-offer{border-color:rgba(214,179,91,.68);background:linear-gradient(145deg,rgba(214,179,91,.10),var(--v5-surface) 45%,var(--v5-surface-2))}
.sprint1-offer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.sprint1-offer-head h3,.sprint1-access-card h3{margin:5px 0 0;font-size:1.55rem;line-height:1.22}
.sprint1-offer-head .v5-price{flex:0 0 auto;text-align:right;margin-top:0!important}
.sprint1-offer-intro{margin:22px 0 10px!important;font-size:1.06rem!important}
.sprint1-included-list{list-style:none;padding:0!important;margin:20px 0 0;color:var(--v5-muted);line-height:1.55!important}
.sprint1-included-list li{position:relative;padding:10px 0 10px 31px;border-bottom:1px solid rgba(255,255,255,.07)}
.sprint1-included-list li:last-child{border-bottom:0}
.sprint1-included-list li::before{content:'✓';position:absolute;left:0;top:10px;color:var(--v5-accent);font-weight:900}
.sprint1-access-card{display:flex;flex-direction:column}
.sprint1-access-card .v5-price{margin-top:24px!important}
.sprint1-badges{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.sprint1-badges span{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid rgba(214,179,91,.44);border-radius:999px;background:rgba(214,179,91,.08);color:#f3dfaa;font-size:.9rem;font-weight:800}
.sprint1-freedom{max-width:780px;margin:38px auto 0;padding:25px 28px;border:1px solid rgba(214,179,91,.32);border-radius:20px;background:rgba(214,179,91,.06);text-align:center}
.sprint1-freedom p{margin:0!important;color:var(--v5-text)!important;font-size:clamp(1.25rem,3vw,1.75rem)!important;font-weight:800;line-height:1.25!important}
.sprint1-freedom strong{display:block;margin-top:5px;color:var(--v5-accent);font-size:1.08rem}
.sprint1-offer-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
@media(max-width:900px){.sprint1-offer-wrap{grid-template-columns:1fr}.sprint1-offer-head{align-items:flex-start}.sprint1-offer-head .v5-price{text-align:left}}
@media(max-width:640px){.sprint1-offer-head{display:block}.sprint1-offer-head .v5-price{margin-top:22px!important}.sprint1-badges{gap:8px}.sprint1-freedom{padding:22px 18px}.sprint1-offer-actions{flex-direction:column}.sprint1-offer-actions .v5-button{width:100%}}

/* V6.3 — Paiements Qonto + paiement fractionné */
.v63-payment-box{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.v63-payment-title{margin:0 0 14px!important;color:#fff!important;font-size:1rem!important;font-weight:850;line-height:1.35!important}
.v63-pay-button,.v63-klarna-button{width:100%;box-sizing:border-box;margin-top:10px!important;text-align:center}
.v63-klarna-button{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.035)}
.v63-klarna-button:hover,.v63-klarna-button:focus-visible{border-color:#ffb3c7;background:rgba(255,179,199,.08)}
.v63-payment-legal{margin:15px 0 0!important;color:#9fa7b2!important;font-size:.78rem!important;line-height:1.55!important}
.v63-payment-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.v63-payment-methods span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.04);color:#e7eaf0;font-size:.76rem;font-weight:750}
.v63-payment-methods .v63-klarna-chip{border-color:rgba(255,179,199,.55);background:rgba(255,179,199,.08);color:#ffd7e2}
.v63-subscription-box{margin-top:auto;padding-top:24px}
@media(max-width:640px){.v63-payment-box{margin-top:22px;padding-top:20px}.v63-pay-button,.v63-klarna-button{min-height:56px;padding:14px 16px!important}.v63-payment-methods{justify-content:center}}


/* V6.4 — Offre sans prix, moyens de paiement premium */
.v63-payment-methods span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 2.35rem;
  padding: .55rem .8rem;
  border: 1px solid rgba(15, 23, 42, .13);
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  font-weight: 700;
  line-height: 1.1;
}
.v63-payment-methods small {
  font-size: .68em;
  font-weight: 600;
  opacity: .68;
}
.sprint1-offer-head { align-items: flex-start; }
@media (max-width: 640px) {
  .v63-payment-methods { display: grid; grid-template-columns: 1fr 1fr; }
  .v63-payment-methods span:last-child { grid-column: 1 / -1; }
}

/* V8.1 — Tarifs visibles, vente accompagnée */
.sprint1-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .2rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(201, 162, 39, .5);
  border-radius: 14px;
  background: rgba(201, 162, 39, .08);
  text-align: right;
  white-space: nowrap;
}
.sprint1-price strong {
  color: #f5d86e;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  line-height: 1;
}
.sprint1-price span {
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
}
@media (max-width: 680px) {
  .sprint1-offer-head { align-items: flex-start; }
  .sprint1-price { align-items: flex-start; text-align: left; width: 100%; }
}


/* V8.2 — moyens de paiement visibles et préférences de rappel */
.form-field select{
  width:100%;box-sizing:border-box;border:1px solid rgba(212,175,55,.65);border-radius:10px;
  background:#0b1015;color:#fff;padding:.9rem 1rem;font:inherit;
  transition:border-color .2s,box-shadow .2s
}
.form-field select:focus{outline:none;border-color:#f0c84b;box-shadow:0 0 0 3px rgba(240,200,75,.17)}
.contact-preference-title{margin-top:.4rem;padding-top:1rem;border-top:1px solid rgba(212,175,55,.28)}
.contact-preference-title h3{margin:0;color:#f5d86e;font-size:1.08rem}
.contact-preference-title p{margin:.25rem 0 0!important;color:#c7cbd1!important;font-size:.9rem!important}
.v63-payment-methods{margin-top:16px!important}
.v63-payment-methods span{color:#111827!important}
.v63-payment-methods .v63-klarna-chip{color:#5a1632!important}
@media(max-width:640px){.v63-payment-methods{grid-template-columns:1fr!important}.v63-payment-methods span:last-child{grid-column:auto!important}}


/* V8.3 — correction visible : paiements + formulaire de rappel permanent */
.v83-payment-section{background:linear-gradient(180deg,#11151b,#080a0d)!important;border-top:1px solid rgba(216,184,79,.3);border-bottom:1px solid rgba(216,184,79,.3)}
.v83-payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1050px;margin:0 auto}
.v83-payment-grid article{padding:25px 20px;border:1px solid rgba(216,184,79,.45);border-radius:18px;background:rgba(255,255,255,.045);text-align:center;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.v83-payment-grid article>strong{display:block;font-size:2.2rem;margin-bottom:10px}
.v83-payment-grid h3{margin:0 0 8px;color:#f5d86e;font-size:1.15rem}
.v83-payment-grid p{margin:0!important;color:#d6d9de!important;font-size:.92rem!important;line-height:1.5!important}
.v83-payment-note{max-width:920px;margin:25px auto 0;padding:18px;border-radius:14px;background:rgba(216,184,79,.1);border:1px solid rgba(216,184,79,.45);text-align:center}
.v83-payment-note strong,.v83-payment-note span{display:block}.v83-payment-note strong{color:#fff}.v83-payment-note span{margin-top:6px;color:#bfc5cd}
.v83-contact-section{position:relative!important;display:block!important;inset:auto!important;z-index:auto!important;padding:90px 20px!important;overflow:visible!important;background:radial-gradient(circle at 50% 0,rgba(216,184,79,.15),transparent 48%),#090b0e}
.v83-contact-window{position:relative!important;width:min(100%,1050px)!important;max-height:none!important;overflow:visible!important;margin:0 auto!important;border-radius:22px!important}
.v83-contact-section .contact-card{max-width:1050px!important;margin:0 auto!important;text-align:left!important;padding:38px!important;border:1px solid rgba(216,184,79,.6)!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important}
.v83-contact-section .contact-card>span,.v83-contact-section .contact-card>h2,.v83-contact-section .contact-intro{text-align:center}
.v83-callback-banner{display:flex;flex-direction:column;gap:5px;margin:0 0 22px;padding:18px 20px;border:1px solid rgba(216,184,79,.5);border-radius:14px;background:rgba(216,184,79,.1);text-align:center}
.v83-callback-banner strong{color:#f5d86e;font-size:1.18rem}.v83-callback-banner span{color:#fff}
.contact-preference-title{grid-column:1/-1!important;margin-top:14px!important;padding:18px!important;border:1px solid rgba(216,184,79,.45)!important;border-radius:14px!important;background:rgba(216,184,79,.08)!important;text-align:center!important}
#jour_souhaite,#creneau_souhaite,#heure_souhaitee,#contact_prefere{min-height:52px;border-width:2px!important;border-color:#d8b84f!important;background:#111820!important}
@media(max-width:850px){.v83-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.v83-payment-grid{grid-template-columns:1fr}.v83-contact-section{padding:60px 10px!important}.v83-contact-section .contact-card{padding:58px 15px 25px!important}.v83-payment-grid article{padding:20px 15px}}

/* V8.4.1 — Lisibilité renforcée des moyens de paiement */
.v63-payment-methods span{
  background:#111820!important;
  color:#ffffff!important;
  border:1px solid #d8b84f!important;
  box-shadow:0 2px 8px rgba(0,0,0,.35)!important;
  font-weight:800!important;
  opacity:1!important;
}
.v63-payment-methods span small{
  color:#ffffff!important;
  opacity:.9!important;
  font-weight:700!important;
}
.v63-payment-methods .v63-klarna-chip{
  background:#3a1725!important;
  color:#ffd9e5!important;
  border-color:#ff9fbd!important;
}
.v63-payment-methods .v63-klarna-chip small{
  color:#ffd9e5!important;
}

/* V10.0 — résultat économique et préférences de rappel dans le diagnostic intégré */
.diagnostic-result-grid-v10{grid-template-columns:1fr 1fr;align-items:start}.diagnostic-economic-card{display:flex;flex-direction:column;align-items:stretch}.diagnostic-economic-box{padding:22px;border:2px solid rgba(224,193,90,.55);border-radius:17px;background:linear-gradient(145deg,#1d1a10,#151515);margin:8px 0 14px}.diagnostic-economic-label{margin:0 0 8px!important;color:#fff!important;font-weight:900;font-size:1rem}.diagnostic-economic-amount{display:block;color:#e4c85f;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.08;margin-bottom:12px}.diagnostic-economic-detail{margin:0!important;color:#d4d4d4!important;font-size:.9rem!important;line-height:1.55!important}.diagnostic-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.diagnostic-comparison-grid>div{padding:16px;border:1px solid #3a3a3a;border-radius:14px;background:#111}.diagnostic-comparison-grid span,.diagnostic-comparison-grid small{display:block}.diagnostic-comparison-grid span{color:#aaa;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.diagnostic-comparison-grid strong{display:block;color:#fff;font-size:1.1rem;margin:7px 0}.diagnostic-comparison-grid small{color:#aaa;font-size:.75rem}.diagnostic-comparison-grid .diagnostic-saving{border-color:#3f7d68;background:#10251e}.diagnostic-comparison-grid .diagnostic-saving strong{color:#73d6b3}.diagnostic-basis{font-size:.82rem!important;color:#d0d0d0!important;font-weight:700;margin:2px 0 16px!important}.diagnostic-compliance-note{text-align:left;border-left:5px solid #d4b343;background:#211d10;padding:16px 17px;border-radius:10px;margin-bottom:18px}.diagnostic-compliance-note strong{color:#e4c85f}.diagnostic-compliance-note p{margin:7px 0 0!important;color:#ddd!important;font-size:.88rem!important}.diagnostic-score-compact{display:flex;align-items:center;justify-content:center;gap:14px;margin:2px 0 12px;font-weight:850}.diagnostic-score-compact .diagnostic-score-ring{width:94px;height:94px;margin:0}.diagnostic-score-compact .diagnostic-score-ring:before{inset:8px}.diagnostic-score-compact .diagnostic-score-ring strong{font-size:1.65rem}.diagnostic-callback-box{border:1.5px solid #80691f;background:#18150c;border-radius:16px;padding:17px;margin:3px 0}.diagnostic-callback-box legend{padding:0 8px;color:#e4c85f;font-weight:900}.diagnostic-callback-box>p{margin:0 0 14px!important;font-size:.83rem!important}.diagnostic-form-card select{width:100%;padding:12px 13px;border:1px solid #454545;border-radius:10px;background:#090909;color:#fff}.diagnostic-callback-row{margin-top:13px}@media(max-width:760px){.diagnostic-result-grid-v10,.diagnostic-comparison-grid{grid-template-columns:1fr}.diagnostic-economic-box{padding:18px 14px}.diagnostic-callback-box{padding:15px 12px}.diagnostic-score-compact{flex-wrap:wrap}}


/* V11 — Paiement en plusieurs fois visible sur le Pack Fondation */
.sprint1-installment-badge{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.28rem;
  margin:10px 0 0!important;
  padding:8px 12px;
  border:1px solid rgba(214,179,91,.62);
  border-radius:999px;
  background:rgba(214,179,91,.11);
  color:#f7e4a4!important;
  font-size:.82rem!important;
  font-weight:750;
  line-height:1.25!important;
}
.sprint1-installment-badge strong{color:#ffd65a;font-weight:900}
@media(max-width:640px){
  .sprint1-installment-badge{display:flex;width:fit-content;max-width:100%;border-radius:14px}
}

/* ── Maquette dossier (aperçu anonymisé) ── */
.docmock{position:relative;padding:28px;border:1px solid var(--v5-border);border-radius:24px;background:linear-gradient(165deg,#12161d,#0c0f14);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.docmock-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--v5-border)}
.docmock-header span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--v5-muted);font-weight:800}
.docmock-header b{color:var(--v5-accent);font-size:.78rem;font-weight:900}
.docmock-section{margin-bottom:16px}
.docmock-badge{display:inline-block;padding:4px 12px;border-radius:8px;background:rgba(214,179,91,.14);color:var(--v5-accent);font-size:.72rem;font-weight:900;letter-spacing:.04em;margin-bottom:8px}
.docmock-line{height:9px;border-radius:5px;background:rgba(255,255,255,.09);margin:7px 0}
.docmock-line.w60{width:60%}.docmock-line.w80{width:80%}.docmock-line.w40{width:40%}.docmock-line.w90{width:90%}.docmock-line.w50{width:50%}
.docmock-legal{margin:14px 0;padding:10px 14px;border-radius:12px;background:rgba(214,179,91,.08);border:1px solid rgba(214,179,91,.25);font-size:.78rem;color:var(--v5-muted)}
.docmock-signrow{display:flex;gap:14px;margin-top:16px}
.docmock-sign{flex:1;height:44px;border:1px dashed var(--v5-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--v5-muted);letter-spacing:.06em;text-transform:uppercase}