/* DA néo-brutaliste (celle du logiciel Lead Factory de Gauthier). Chargé APRÈS style.css, seulement sur accueil, conciergeries, cliniques, en. Les pages onboarding/contrat/légales gardent style.css seul. */
@font-face{font-family:'Space Grotesk';src:url('SpaceGrotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('InterTight.ttf') format('truetype');font-weight:100 900;font-display:swap}

body.da{
  --bg:#FFFDF5;--bg-card:#fff;--violet:#3B82F6;--violet-light:#000;--violet-dim:#FDE047;--blue:#3B82F6;--blue-light:#000;--blue-dim:#FFC4EB;
  --border:#000;--border-tint:#000;--text:#000;--text-muted:#000;--text-dim:#6B7280;--gradient:#3B82F6;
  --font-d:'Space Grotesk','Inter Tight',system-ui,sans-serif;--font-b:'Space Grotesk','Inter Tight',system-ui,sans-serif;
  --r-card:0;--r-pill:0;
  --pink:#FFC4EB;--yellow:#FDE047;--green:#58BC82;--bd:3px solid #000;--sh:8px 8px 0 #000;--sh-sm:4px 4px 0 #000;--sh-xs:2px 2px 0 #000;
  background:#FFFDF5;color:#000;font-family:var(--font-b);
  background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:80px 80px;background-attachment:scroll;
}
html:has(body.da){background:#FFFDF5}
body.da *,body.da *::before,body.da *::after{border-radius:0 !important}
body.da .mesh,body.da .bento-watermark,body.da .card::before,body.da .modele-card::before,body.da .modele-card::after,body.da .cta-box::before,body.da .section-accent::before,body.da .bento-item::after,body.da .step-card::after,body.da .hero-badge::before,body.da #vertex-canvas{display:none !important}
body.da #top{-webkit-mask-image:none;mask-image:none}
body.da .grad{background:none;-webkit-text-fill-color:#000;color:#000;background-color:var(--yellow);padding:0 .15em}

/* texte */
body.da h1,body.da h2,body.da h3,body.da h4,body.da .hero-title,body.da .section-title{font-family:var(--font-d);text-transform:uppercase;font-weight:900;letter-spacing:-.025em;color:#000;line-height:1.05}
body.da .hero-title{font-size:clamp(34px,5.4vw,60px)}
body.da .section-title{font-size:clamp(28px,4vw,44px)}
body.da .section-sub,body.da .hero-sub,body.da .hero-note,body.da p{color:#000}
body.da .section-sub,body.da .hero-note{color:#6B7280;font-weight:500}
body.da .eyebrow,body.da .sub-label,body.da .hero-badge,body.da .journey-label{display:inline-block;background:var(--pink);color:#000;border:var(--bd);box-shadow:var(--sh-sm);padding:8px 20px;font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}
body.da .sub-label{background:var(--yellow)}
body.da .journey-label{background:var(--blue);color:#fff;margin-bottom:18px}
body.da a{color:inherit}

/* nav */
body.da header.site-nav{top:0;left:0;transform:none;width:100%;max-width:none;background:#000;border:0;border-bottom:var(--bd);backdrop-filter:none;-webkit-backdrop-filter:none;padding:12px 24px;box-shadow:none}
body.da header.site-nav .wrap{max-width:var(--max-w)}
body.da header.site-nav.scrolled{box-shadow:none;border-color:#000}
body.da .brand-name,body.da .nav-links a{color:#fff;text-transform:uppercase;font-weight:800;letter-spacing:.05em;font-size:.85rem}
body.da .brand-mark{background:var(--yellow);border:2px solid #fff;box-shadow:none}
body.da .brand-mark svg path{stroke:#000}
body.da .nav-links a:hover{color:var(--yellow);background:none}
body.da .lang-switch span[aria-current]{color:var(--yellow)}
body.da .nav-toggle span{background:#fff}
body.da #top{padding-top:110px}

/* boutons */
body.da .btn{border:var(--bd);box-shadow:var(--sh-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:15px 30px;transition:all .1s;background:#fff;color:#000;opacity:1}
body.da .btn:hover{box-shadow:var(--sh-xs);transform:translate(2px,2px);opacity:1}
body.da .btn-primary{background:var(--blue);color:#fff}
body.da .btn-ghost{background:#fff;color:#000}
body.da .btn-ghost:hover{background:var(--yellow);border-color:#000}
body.da header.site-nav .btn-primary{border-color:#fff;box-shadow:var(--sh-xs);color:#fff}

/* cartes */
body.da .card,body.da .bento-item,body.da .step-card,body.da .modele-card,body.da .cas-card,body.da .price-item,body.da .funnel-step,body.da .pourqui-col,body.da .proof-wrap,body.da .legal-card,body.da .split-col{background:#fff;border:var(--bd);box-shadow:var(--sh);color:#000;backdrop-filter:none;-webkit-backdrop-filter:none}
body.da .card:hover,body.da .bento-item:hover,body.da .step-card:hover,body.da .cas-card:hover{transform:translate(2px,2px);box-shadow:var(--sh-sm);border-color:#000;background:#fff}
body.da .constat-grid .card:nth-child(1),body.da .bento-item:nth-child(1),body.da .step-card:nth-child(1){background:var(--yellow)}
body.da .constat-grid .card:nth-child(2),body.da .bento-item:nth-child(2),body.da .step-card:nth-child(2){background:var(--pink)}
body.da .constat-grid .card:nth-child(3),body.da .bento-item:nth-child(3),body.da .step-card:nth-child(3){background:var(--green)}
body.da .bento-item:nth-child(4),body.da .step-card:nth-child(4){background:var(--blue);color:#fff}
body.da .bento-item:nth-child(4) *,body.da .step-card:nth-child(4) *{color:#fff}
body.da .bento-item:nth-child(5){background:var(--yellow)}
body.da .bento-item:nth-child(6){background:var(--pink)}
body.da .card h3,body.da .bento-h3,body.da .step-body h3{font-size:1.15rem}
body.da .card p,body.da .bento-p,body.da .step-body p{color:#000;font-weight:500}
body.da .card-icon,body.da .modele-point-icon,body.da .pq-icon,body.da .arrow-circle{background:#000;border:var(--bd);box-shadow:var(--sh-xs)}
body.da .card-icon svg,body.da .modele-point-icon svg,body.da .pq-icon svg,body.da .arrow-circle svg{stroke:#fff;color:#fff}
body.da .step-n,body.da .road-n,body.da .funnel-n,body.da .angle-n,body.da .proof-big,body.da .price-big,body.da .cas-stat{color:#000;font-weight:900;background:none;-webkit-text-fill-color:#000}
body.da .road-n{background:var(--yellow);border:var(--bd);box-shadow:var(--sh-xs);color:#000}

/* hero : cartes du parcours */
body.da .hero-visual{background:none}
body.da .jcard{background:#fff;border:var(--bd);box-shadow:var(--sh);color:#000;backdrop-filter:none}
body.da .jcard-2{background:var(--yellow)}
body.da .jcard-3{background:var(--green)}
body.da .jad-avatar{background:#000;color:#fff;border:0}
body.da .jad-sponsored,body.da .jad-who,body.da .jad-text,body.da .jn-title,body.da .ja-title,body.da .jn-rows span,body.da .ja-rows span{color:#000;font-weight:700}
body.da .jad-sponsored svg{stroke:#000}
body.da .jad-media{background:var(--pink);border:var(--bd)}
body.da .jad-media svg path{fill:#000}
body.da .jad-btn{background:var(--blue);color:#fff;border:var(--bd);box-shadow:var(--sh-xs);font-weight:800;text-transform:uppercase}
body.da .jn-icon,body.da .ja-icon{background:#000;border:0}
body.da .jn-icon svg,body.da .ja-icon svg{stroke:#fff}
body.da .jline{background:#000;opacity:1}
body.da .jping{background:var(--pink);border:2px solid #000;box-shadow:none}

/* sections */
body.da .section-accent{background:transparent}
body.da .roadmap::before{background:#000;height:5px}
body.da .roadmap li{color:#000}
body.da .roadmap li > span:last-child{background:#fff;border:var(--bd);box-shadow:var(--sh-xs);color:#000;font-weight:700;padding:8px 8px;width:118px;font-size:12.5px}
body.da .road-n{width:44px;height:44px;font-size:15px}
body.da .roadmap li:nth-child(1) .road-n,body.da .roadmap li:nth-child(6) .road-n{background:var(--pink);border-color:#000;color:#000}
@media(max-width:768px){body.da .roadmap::before{width:5px}body.da .roadmap li > span:last-child{width:auto}}
body.da .modele-card{background:var(--yellow)}
body.da .modele-point h3{font-size:1.05rem}
body.da .modele-point p,body.da .modele-note{color:#000;font-weight:500}
body.da .modele-card .btn{background:#000;color:#fff}

/* split / pour qui */
body.da .split-we{background:var(--blue);color:#fff}
body.da .split-we *{color:#fff}
body.da .split-you{background:#fff}
body.da .split-label{font-weight:900;text-transform:uppercase;letter-spacing:.05em}
body.da .split-list li,body.da .split-list li b{color:inherit}
body.da .split-list svg{stroke:currentColor}
body.da .split-arrow svg{stroke:#000}
body.da .split-foot{color:#000;font-weight:700}
body.da .pq-yes{background:var(--green)}
body.da .pq-no{background:var(--pink)}
body.da .pourqui-col li{color:#000;font-weight:600}
body.da .pq-yes .pq-icon,body.da .pq-no .pq-icon{background:#000}

/* tableaux / preuves */
body.da .proof-table th{background:#000;color:#fff;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}
body.da .proof-table td{color:#000;border-color:#000}
body.da .proof-table td.num,body.da .proof-table td.kw{color:#000;font-weight:800}
body.da .proof-side,body.da .proof-note{color:#000}
body.da .angle-q{background:#fff;border:var(--bd);box-shadow:var(--sh-xs);color:#000}

/* cas clients */
body.da .cas-tag{background:var(--pink);color:#000;border:2px solid #000;font-weight:800;text-transform:uppercase}
body.da .cas-sub,body.da .cas-lire{color:#000;font-weight:700}
body.da .cas-lire{text-decoration:underline;text-decoration-thickness:3px}

/* FAQ */
body.da .faq-list{background:#fff;border:var(--bd);box-shadow:var(--sh)}
body.da .faq-item{border-color:#000;border-bottom:var(--bd);background:#fff}
body.da .faq-item:last-child{border-bottom:0}
body.da .faq-q{color:#000;font-weight:800;text-transform:uppercase;letter-spacing:.02em;background:#fff}
body.da .faq-q:hover{background:var(--yellow);color:#000}
body.da .faq-icon{background:#000;border:0;color:#fff}
body.da .faq-icon svg{stroke:#fff}
body.da .faq-item.open .faq-q{background:var(--yellow)}
body.da .faq-a{color:#000;font-weight:500;background:#fff}

/* CTA */
body.da .cta-box{background:var(--pink);border:var(--bd);box-shadow:var(--sh);color:#000}
body.da .cta-box .section-title,body.da .cta-box p{color:#000}
body.da .cta-box .btn-primary{background:#000;color:#fff}
body.da .cta-actions .mailto-link,body.da .cta-actions .mailto-link a{color:#000;font-weight:700}
body.da .cta-actions .mailto-link a{text-decoration:underline;text-decoration-thickness:2px}

/* pied de page */
body.da footer.site-footer{background:#000 !important;border-top:var(--bd);color:#fff}
body.da footer.site-footer *{color:#fff}
body.da .footer-col h4{color:var(--yellow);font-size:.85rem;letter-spacing:.05em}
body.da footer.site-footer a:hover{color:var(--yellow)}
body.da .footer-bottom{border-top:2px solid #fff}
body.da .footer-brand-row .brand-mark{background:var(--yellow)}
body.da .footer-brand-row .brand-mark svg path{stroke:#000}
body.da a:focus-visible,body.da button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

@media(max-width:768px){
  body.da header.site-nav{padding:10px 16px}
  body.da .nav-links{background:#000;border:var(--bd);border-color:#fff}
  body.da .card,body.da .bento-item,body.da .modele-card,body.da .cta-box,body.da .faq-list,body.da .jcard{box-shadow:var(--sh-sm)}
}
body.da .split-col{padding:28px 26px}
body.da .split-you .split-label{color:#000}
body.da .brand-mark,body.da .footer-brand-row .brand-mark{background:var(--blue);border:2px solid #fff;box-shadow:none}
body.da .brand-mark svg path,body.da .footer-brand-row .brand-mark svg path{stroke:#fff}
