/* meeting.digital · feuille de style unique · v38 */
:root{--or:#6366F1;--or2:#7274F3;--lav:#A1A3F7;--f1:#17181B;--f2:#1E1F23;--f3:#28292E;
--txt:#E6E6E6;--txt2:#AEB2B7;--txt3:#9CA3AF;--bord:rgba(255,255,255,.15);--bordf:rgba(255,255,255,.07);--antenne:#F87171}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--f1);color:var(--txt2);font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}strong{color:#fff;font-weight:600}
.contenu{max-width:1200px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem)}
h1,h2,h3{color:#fff;letter-spacing:-.015em}
.sous-titre{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lav)}
.degrade{background:linear-gradient(90deg,#8284F4,var(--lav));-webkit-background-clip:text;background-clip:text;color:transparent}
.fade-in{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.fade-in.visible{opacity:1;transform:none}
/* barre */
#entete{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(23,24,27,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--bordf)}
.barre-int{max-width:1200px;margin:0 auto;padding:.85rem clamp(1.2rem,4vw,2.5rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.marque{font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:#fff;text-transform:lowercase}
.marque i{font-style:normal;color:var(--or)}
.nav{display:flex;align-items:center;gap:1.5rem;font-size:.9rem;font-weight:500;color:var(--txt)}
.nav a:hover{color:#fff}
.nav-groupe{position:relative}
.nav-parent::after{content:'';display:inline-block;margin-left:.45rem;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5.5px solid var(--or);vertical-align:middle;transition:transform .25s}
.nav-groupe:hover .nav-parent::after,.nav-groupe:focus-within .nav-parent::after{transform:rotate(180deg)}
.sous-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:.9rem;opacity:0;visibility:hidden;transition:.22s}
.nav-groupe:hover .sous-menu,.nav-groupe:focus-within .sous-menu{opacity:1;visibility:visible}
.sous-menu-int{background:var(--f2);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);padding:.55rem;min-width:16.5rem}
.sous-menu-int a{display:block;padding:.6rem .85rem;border-radius:9px;color:var(--txt);font-size:.92rem}
.sous-menu-int a:hover{background:var(--f3);color:#fff}
.nav .cta{background:var(--f2);border:1px solid var(--bord);color:#fff;padding:.55rem 1.05rem;border-radius:12px;font-weight:700;font-size:.85rem;margin-left:1.2rem;transition:.3s}
.nav .cta:hover{background:var(--f3)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:.5rem}
.burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0;transition:.3s}
.menu-mobile{display:none}
@media (max-width:900px){
.nav{display:none}.burger{display:block}
#entete.menu-ouvert .menu-mobile{display:block;position:absolute;left:0;right:0;top:100%;background:var(--f1);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.4rem 1.6rem;box-shadow:0 30px 60px rgba(0,0,0,.55);max-height:calc(100vh - 4rem);overflow:auto}
#entete.menu-ouvert .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#entete.menu-ouvert .burger span:nth-child(2){opacity:0}
#entete.menu-ouvert .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
.menu-mobile a{display:block;padding:.8rem .2rem;color:var(--txt);border-bottom:1px solid var(--bordf);font-weight:500}
.mm-groupe{display:block;padding:.9rem .2rem .3rem;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--lav)}
.mm-sous{padding-left:1.1rem!important;color:var(--txt2)!important;font-size:.95rem}
.menu-mobile .cta{background:var(--or);color:#fff!important;text-align:center;border-radius:11px;margin-top:1.1rem;font-weight:700;border-bottom:none!important}
/* boutons */
.bouton{display:inline-flex;align-items:center;justify-content:center;height:3rem;min-width:11rem;padding:0 1.4rem;border-radius:10px;font-weight:700;font-size:.9rem;transition:.3s;cursor:pointer}
.bouton-plein{background:var(--or);color:#fff}
.bouton-plein:hover{background:var(--or2);box-shadow:0 0 30px rgba(99,102,241,.25)}
.bouton-contour{background:var(--f2);color:#fff;border:1px solid var(--or);border-radius:12px}
.bouton-contour:hover{background:var(--f3)}
/* héros */
.heros{padding:8.2rem 0 0;text-align:center}
.heros h1{font-size:clamp(1.9rem,4.4vw,3.35rem);font-weight:800;line-height:1.1;color:var(--txt);margin:1.5rem auto;max-width:56rem}
.heros .texte{max-width:41rem;margin:0 auto;color:var(--txt2);font-size:1rem}
.heros .texte + .texte{margin-top:.9rem}
.actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}
.chiffres{display:flex;gap:2.6rem;justify-content:center;flex-wrap:wrap;margin:2.6rem 0 3.4rem}
.chiffres b{display:block;font-size:1.35rem;font-weight:800;color:#fff}
.chiffres span{font-size:.82rem;color:var(--txt3)}
.heros-visuel{width:100%;margin:0 auto}
.image-glow-border{position:relative;border-radius:.75rem}
.image-glow-border>img{border-radius:.75rem;width:100%}
.image-glow-border::before{content:'';position:absolute;inset:0;border-radius:.75rem;padding:1px;background:radial-gradient(ellipse at 0% 0%,rgb(100,97,115),transparent 50%),radial-gradient(ellipse at 100% 100%,rgb(100,97,115),transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.image-glow-border::after{content:'';position:absolute;inset:-4px;border-radius:.75rem;pointer-events:none;z-index:1;background:linear-gradient(to right,rgba(100,97,115,.6),transparent 50%) top/100% 8px no-repeat,linear-gradient(to bottom,rgba(100,97,115,.6),transparent 50%) left/8px 100% no-repeat,linear-gradient(to left,rgba(100,97,115,.6),transparent 50%) bottom/100% 8px no-repeat,linear-gradient(to top,rgba(100,97,115,.6),transparent 50%) right/8px 100% no-repeat;filter:blur(8px)}
.legende-visuel{margin-top:1rem;font-size:.8rem;color:var(--txt3)}
/* rangées */
section{padding:4.2rem 0}
.rangee{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;padding:2.6rem 0}
@media (max-width:900px){.rangee{grid-template-columns:1fr}}
.rangee h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:800;margin:.9rem 0 1rem}
.rangee p{max-width:34rem}
.rangee ul{list-style:none;margin-top:1.2rem}
.rangee li{padding:.42rem 0 .42rem 1.8rem;position:relative;font-size:.97rem;color:var(--txt)}
.rangee li::before{content:'';position:absolute;left:0;top:.72rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--or)}
.mosaique{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.mosaique img{aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:.7rem;border:1px solid var(--bord)}
.visuel-simple{border-radius:.75rem;overflow:hidden}
.visuel-simple img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.75rem}
/* bande diagonale */
.diag{width:100%;overflow:hidden;line-height:0}
.diag svg{display:block;width:calc(100% + 1.3px);height:110px}
.diag-f2{fill:var(--f2)}
.bande2{background:var(--f2)}
.bande-int{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:900px){.bande-int{grid-template-columns:1fr}}
.bande-int h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;margin:.9rem 0 1rem}
/* tarifs */
.tete-section{text-align:center;max-width:44rem;margin:0 auto}
.tete-section h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;margin-top:1.2rem}
.tete-section p{margin-top:1rem}
.tarifs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.4rem;align-items:stretch}
@media (max-width:960px){.tarifs{grid-template-columns:1fr;max-width:24rem;margin-left:auto;margin-right:auto}}
.tarif{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;padding:2rem 1.7rem;display:flex;flex-direction:column;text-align:left;transition:.4s}
.tarif:hover{border-color:rgba(255,255,255,.16)}
.tarif.vedette{border:2px solid var(--or);box-shadow:0 0 46px rgba(99,102,241,.2);background:rgba(43,44,50,.55)}
.tarif h3{font-size:1.35rem;font-weight:800}
.tarif .prix{margin:1rem 0 .2rem;color:#fff;font-size:2.3rem;font-weight:800;letter-spacing:-.02em}
.tarif .prix small{font-size:.9rem;font-weight:500;color:var(--txt3);letter-spacing:0;margin-left:.4rem}
.tarif .desc{font-size:.9rem;color:var(--txt3);margin-bottom:1.2rem}
.tarif ul{list-style:none;margin-bottom:1.8rem}
.tarif li{padding:.4rem 0 .4rem 1.7rem;position:relative;font-size:.92rem;color:var(--txt)}
.tarif li::before{content:'✓';position:absolute;left:0;color:var(--or);font-weight:700}
.tarif .bouton{margin-top:auto;width:100%}
.note-tarifs{text-align:center;margin-top:1.8rem;font-size:.9rem;color:var(--txt3)}
.note-tarifs a{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
/* confiance */
.confiance-int{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media (max-width:900px){.confiance-int{grid-template-columns:1fr;text-align:center}}
.confiance-int h2{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:800;line-height:1.12}
.marques-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem 1.4rem}
@media (max-width:560px){.marques-grille{grid-template-columns:repeat(2,1fr)}}
.marques-grille span{color:#84878f;font-weight:700;font-size:1rem;text-align:center;padding:1rem .4rem;display:flex;align-items:center;justify-content:center}
.confiance .note{margin-top:1.4rem;font-size:.9rem;color:var(--txt3)}
.confiance .note a{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
/* onglets aperçu */
.onglets{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:2.4rem 0}
.onglet{background:var(--f2);border:1px solid var(--bordf);color:var(--txt2);border-radius:10px;padding:.6rem 1.15rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:.3s;font-family:inherit}
.onglet.actif{background:var(--or);border-color:var(--or);color:#fff}
.onglet:hover:not(.actif){background:var(--f3);color:#fff}
.panneau{display:none;width:100%;margin:0 auto}
.panneau.actif{display:block}
.panneau img{width:100%;border-radius:.75rem}
/* témoignages défilants */
.marquee{overflow:hidden;position:relative;margin-top:2.6rem}
.marquee-piste{display:flex;gap:1.2rem;width:max-content;animation:defiler 55s linear infinite}
.marquee-piste:hover{animation-play-state:paused}
.marquee.inverse .marquee-piste{animation-direction:reverse}
@keyframes defiler{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.temoin{width:23rem;flex:none;background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;padding:1.5rem 1.4rem;transition:.4s}
.temoin:hover{border-color:rgba(255,255,255,.14)}
.etoiles{color:var(--lav);letter-spacing:.15em;font-size:.85rem;margin-bottom:.9rem}
.temoin p{font-size:.9rem;color:var(--txt)}
.temoin-qui{display:flex;align-items:center;gap:.8rem;margin-top:1.1rem}
.temoin-rond{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(99,102,241,.18);border:1px solid rgba(99,102,241,.35);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--lav);flex:none}
.temoin-qui b{display:block;color:#fff;font-size:.88rem}
.temoin-qui span{font-size:.78rem;color:var(--txt3)}
/* événements */
.evenements-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem}
@media (max-width:900px){.evenements-grille{grid-template-columns:1fr}}
.carte-ev{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;padding:1.6rem 1.5rem;transition:.4s;display:block}
.carte-ev:hover{background:rgba(43,44,50,.7);border-color:rgba(99,102,241,.3);transform:translateY(-3px)}
.carte-ev h3{font-size:1.05rem;margin-bottom:.5rem}
.carte-ev p{font-size:.9rem;color:var(--txt2)}
.carte-ev .appel{display:inline-block;margin-top:1rem;color:var(--lav);font-weight:600;font-size:.88rem}
/* tableaux */
.compar-defile{overflow-x:auto;margin-top:2.4rem}
.compar{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;background:var(--f2);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}
.compar th,.compar td{padding:1rem 1.2rem;font-size:.95rem;line-height:1.55;text-align:left;border-bottom:1px solid var(--bordf);vertical-align:top;color:var(--txt2)}
.compar thead th{background:var(--f3);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;padding:.9rem 1.2rem}
.compar thead th:nth-child(2){color:var(--lav)}
.compar tbody th{font-weight:600;color:#fff;width:22%;background:#1B1C20;font-size:.9rem}
.compar td.md{background:rgba(99,102,241,.09);color:#fff;font-weight:600}
.compar td:last-child{color:var(--txt3)}
.compar tr:last-child th,.compar tr:last-child td{border-bottom:none}
.compar caption{color:var(--txt3)!important}
.compar.secteurs{min-width:600px}
.compar.secteurs tbody th{width:30%}
.compar.secteurs tbody th a{color:var(--lav)}
.compar-lien{margin-top:1.1rem;font-size:.94rem;text-align:center}
.compar-lien a{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
/* FAQ */
.faq-int{max-width:52rem;margin:2.8rem auto 0}
.faq-int details{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;margin-bottom:.8rem;overflow:hidden;transition:.4s}
.faq-int details:hover{border-color:rgba(255,255,255,.13)}
.faq-int summary{cursor:pointer;list-style:none;padding:1.15rem 3rem 1.15rem 1.5rem;font-weight:600;color:#fff;position:relative}
.faq-int summary::-webkit-details-marker{display:none}
.faq-int summary::after{content:'+';position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);color:var(--lav);font-size:1.3rem;transition:.25s}
.faq-int details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-int .reponse{padding:0 1.5rem 1.25rem;color:var(--txt2);font-size:.95rem}
.faq-int .reponse a{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
/* appel final */
.fin{position:relative;background:var(--f2);text-align:center;padding:6.2rem 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.05)}
.fin::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75rem;height:48rem;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 60%);pointer-events:none}
.fin .contenu{position:relative;z-index:1}
.fin h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;max-width:44rem;margin:0 auto 1.1rem}
.fin p{max-width:36rem;margin:0 auto 2rem}
/* footer */
.pied{background:var(--f1);border-top:1px solid var(--bordf);padding:3.4rem 0 2.4rem;font-size:.9rem;color:var(--txt3)}
.pied-int{max-width:1200px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.5rem);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.4rem}
@media (max-width:860px){.pied-int{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pied-int{grid-template-columns:1fr}}
.pied h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:1rem}
.pied a{display:block;padding:.28rem 0;color:var(--txt3)}
.pied a:hover{color:var(--txt)}
.pied .desc{margin-top:1rem;line-height:1.7}
.pied .desc a{display:inline;padding:0;color:var(--lav);text-decoration:underline;text-underline-offset:3px}
.pied-bas{max-width:1200px;margin:2.4rem auto 0;padding:1.5rem clamp(1.2rem,4vw,2.5rem) 0;border-top:1px solid var(--bordf);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.82rem}
.version{opacity:.55}

/* largeurs de la démo */
.contenu,.barre-int,.pied-int,.pied-bas{max-width:62.5rem}
@media (min-width:1280px){.contenu,.barre-int,.pied-int,.pied-bas{max-width:68.75rem}}
@media (min-width:1536px){.contenu,.barre-int,.pied-int,.pied-bas{max-width:75rem}}
.heros h1{max-width:56.25rem}
.heros .texte{max-width:44rem}

/* =====================================================================
   PAGES INTÉRIEURES · même direction artistique que l'accueil (Tailcast)
   ===================================================================== */
:root{--or-clair:var(--lav);--or-vif:#818CF8;--papier:transparent;--papier-2:var(--f2);--encre-2:var(--f2);--fond1:var(--f1);--fond2:var(--f2);--fond3:var(--f3)}
.nav a.actif,.nav .nav-parent.actif{color:#fff;position:relative}
.nav>a.actif::before,.nav .nav-parent.actif::before{content:'';position:absolute;left:0;right:0;bottom:-.55rem;height:2px;border-radius:2px;background:var(--or)}
.nav .nav-parent.actif::before{right:1rem}
.sous-menu-int a.actif{background:rgba(99,102,241,.16);color:#fff}
.menu-mobile a.actif{color:#fff;border-left:3px solid var(--or);padding-left:.8rem!important}
.menu-mobile a.mm-sous.actif{padding-left:1.1rem!important}
/* héros de page */
.heros-page{padding:7.4rem 0 0;position:relative}
.heros-page::before{content:'';position:absolute;top:-8rem;left:50%;transform:translateX(-50%);width:70rem;max-width:100%;height:36rem;background:radial-gradient(circle,rgba(99,102,241,.13) 0%,transparent 65%);pointer-events:none}
.heros-page .contenu{position:relative}
.heros-page.sans-visuel{padding-bottom:3.4rem}
.fil{font-size:.8rem;color:var(--txt3);margin-bottom:1.4rem}
.fil a{color:var(--txt2)}.fil a:hover{color:#fff}
.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lav)}
.heros-page h1{font-size:clamp(1.85rem,4vw,3.1rem)}
.display em,.heros h1 em{font-style:normal;background:linear-gradient(90deg,#8284F4,var(--lav));-webkit-background-clip:text;background-clip:text;color:transparent}
.chapeau{max-width:44rem;margin:0 auto;color:var(--txt2);font-size:1rem}
.heros-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin:2.3rem 0 3.2rem}
.bouton-or{background:var(--or);color:#fff}
.bouton-or:hover{background:var(--or2);box-shadow:0 0 30px rgba(99,102,241,.25)}
.bouton-ligne{background:var(--f2);color:#fff;border:1px solid var(--or);border-radius:12px}
.bouton-ligne:hover{background:var(--f3)}
.legende{margin-top:1rem;font-size:.8rem;color:var(--txt3);text-align:center}
/* titres de section */
h2.display{font-size:clamp(1.5rem,2.8vw,2.15rem);font-weight:800;line-height:1.2;margin:.9rem 0 1rem}
.tete-section h2.display{font-size:clamp(1.6rem,3vw,2.3rem);margin-top:1.1rem}
.lecture p{margin-bottom:1.05rem}
.lecture p:last-child{margin-bottom:0}
.lecture a,.lien-doux{color:var(--lav);text-decoration:underline;text-underline-offset:3px}
.lien-doux:hover{color:#fff}
.exergue,.verbatim{border-left:3px solid var(--or);padding:.4rem 0 .4rem 1.3rem;margin:1.6rem 0;color:#fff;font-size:1.08rem;font-weight:600;line-height:1.55}
.verbatim{font-weight:500;font-size:1.04rem}
.qui{font-size:.85rem;color:var(--txt3);font-weight:400;margin-top:.5rem}
/* duo : texte + visuel */
.duo{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.duo.inverse>.duo-visuel{order:-1}
@media (max-width:900px){.duo{grid-template-columns:1fr}.duo.inverse>.duo-visuel{order:0}}
.duo-visuel{position:sticky;top:6.5rem}
@media (max-width:900px){.duo-visuel{position:static}}
.duo-visuel img{width:100%;border-radius:.75rem}
.duo-visuel figcaption,.duo-visuel .legende{text-align:left}
/* bande avec diagonales */
.bande2 .display{margin-top:.9rem}
/* chiffres de cas */
.cas-chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.8rem 0 2.2rem}
@media (max-width:640px){.cas-chiffres{grid-template-columns:1fr}}
.cas-chiffres>div{background:rgba(40,41,46,.5);border:1px solid rgba(255,255,255,.07);border-radius:1.1rem;padding:1.2rem 1.3rem}
.cas-chiffres .val{font-size:1.9rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}
.cas-chiffres .lib{font-size:.85rem;color:var(--txt3);margin-top:.3rem}
/* cartes illustrées */
.trois-temps,.fonctions{display:grid;gap:1.2rem;margin-top:3rem}
.trois-temps{grid-template-columns:repeat(3,1fr)}
.fonctions{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.trois-temps,.fonctions{grid-template-columns:1fr}}
.temps,.fonction{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;overflow:hidden;transition:.4s;display:flex;flex-direction:column}
.temps:hover,.fonction:hover{border-color:rgba(99,102,241,.3);transform:translateY(-3px)}
.carte-visuel{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.06)}
.carte-corps{padding:1.4rem 1.5rem 1.6rem}
.temps h3,.fonction h3{font-size:1.08rem;font-weight:700;margin-bottom:.55rem}
.temps p,.fonction p{font-size:.93rem;color:var(--txt2)}
.quand{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--lav);margin-bottom:.55rem}
.fonction ul{list-style:none}
.fonction li{padding:.32rem 0 .32rem 1.5rem;position:relative;font-size:.92rem;color:var(--txt)}
.fonction li::before{content:'';position:absolute;left:0;top:.75rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--or)}
.trio-visuels{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1rem}
@media (max-width:820px){.trio-visuels{grid-template-columns:1fr}}
.trio-visuels figure{margin:0}
.trio-visuels img{width:100%;border-radius:.75rem;border:1px solid var(--bord)}
.trio-visuels figcaption{font-size:.84rem;color:var(--txt3);margin-top:.6rem;text-align:center}
/* FAQ intérieure : mêmes règles que .faq-int */
/* appel final en deux colonnes */
.fin .fin-grille{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;text-align:left}
@media (max-width:900px){.fin .fin-grille{grid-template-columns:1fr}}
.fin .fin-grille h2{margin:.9rem 0 1rem;max-width:none;font-size:clamp(1.6rem,3vw,2.3rem)}
.fin .fin-grille p{margin:0;max-width:none}
.fin-droite{background:rgba(40,41,46,.55);border:1px solid rgba(255,255,255,.1);border-radius:1.1rem;padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}
.fin-droite .bouton{width:100%}
/* tarifs (page) */
.paliers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem;align-items:stretch}
@media (max-width:960px){.paliers{grid-template-columns:1fr;max-width:24rem;margin-left:auto;margin-right:auto}}
.palier{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;padding:2rem 1.7rem;text-align:left;transition:.4s}
.palier.t-1000{border:2px solid var(--or);box-shadow:0 0 46px rgba(99,102,241,.2);background:rgba(43,44,50,.55)}
.jauge{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.05}
.jauge small{display:block;font-size:.82rem;font-weight:500;color:var(--lav);letter-spacing:0;margin-top:.35rem}
.palier .prix{font-size:.9rem;color:var(--txt3);margin-top:1.3rem}
.palier .prix b{display:block;font-size:1.9rem;font-weight:800;color:#fff;margin:.15rem 0}
.palier .prix i{font-style:normal;font-size:.8rem;color:var(--txt3)}
.note-capacite{font-size:.92rem;color:var(--txt3);margin:1.8rem auto 0;max-width:52rem;text-align:center}
.inclus-grille{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:3rem}
@media (max-width:860px){.inclus-grille{grid-template-columns:1fr}}
.inclus{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;padding:1.7rem 1.6rem}
.inclus h3{margin-bottom:.9rem;font-size:1.08rem}
.inclus ul{list-style:none}
.inclus li{padding:.36rem 0 .36rem 1.6rem;position:relative;font-size:.93rem;color:var(--txt)}
.inclus li::before{content:'✓';position:absolute;left:0;color:var(--or);font-weight:700}
.inclus a{color:var(--lav)!important}
/* contact */
.contact-grille{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}
@media (max-width:900px){.contact-grille{grid-template-columns:1fr}}
.forme{display:grid;gap:1rem;margin-top:1.8rem}
.forme label{font-size:.85rem;font-weight:600;color:#fff;display:block;margin-bottom:.4rem}
.forme input,.forme select,.forme textarea{width:100%;background:var(--f2);border:1px solid var(--bord);border-radius:11px;padding:.8rem .95rem;color:#fff;font-family:inherit;font-size:.95rem;transition:border-color .25s,box-shadow .25s}
.forme textarea{min-height:9rem;resize:vertical}
.forme input:focus,.forme select:focus,.forme textarea:focus{outline:none;border-color:var(--or);box-shadow:0 0 0 3px rgba(99,102,241,.22)}
.forme ::placeholder{color:var(--txt3)}
.forme button.bouton{border:0;font-family:inherit;justify-self:start}
.note-champ{font-size:.8rem;color:var(--txt3);margin-top:.3rem}
.joindre{background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.08);border-radius:1.1rem;overflow:hidden}
.joindre>img{width:100%;aspect-ratio:16/9;object-fit:cover}
.joindre-corps{padding:1.7rem 1.6rem}
.joindre p{margin:.85rem 0 0}
.joindre .renvoi{margin-top:1.5rem;padding-top:1.2rem;border-top:1px dashed rgba(255,255,255,.12);font-size:.92rem;color:var(--txt3)}
.joindre a{color:var(--lav)!important}
.confirmation:empty,.erreur:empty{display:none}
.confirmation{background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.4);color:#fff;border-radius:12px;padding:1rem 1.2rem}
.erreur{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.4);color:#FCA5A5;border-radius:12px;padding:1rem 1.2rem}
/* pages légales */
.legal .lecture{max-width:50rem;margin:0 auto}
.legal h2.display{font-size:1.35rem;margin-top:2.4rem}
.legal ul{margin:0 0 1.05rem 1.2rem}
::selection{background:rgba(99,102,241,.35);color:#fff}
/* ajustements v28 */
.mosaique{grid-template-columns:repeat(2,1fr)}
.visuel-simple img[src*="ejams-diffusion"]{object-position:top}
/* v29 : logo et héros mobile */
.marque{display:flex;align-items:center}
.marque img{height:33px;width:auto;display:block}
.pied .marque img{height:30px}
@media (max-width:900px){.marque img{height:28px}}
.heros-visuel picture{display:block}
@media (max-width:640px){.heros-visuel{max-width:25rem}.heros-visuel .image-glow-border,.heros-visuel img{border-radius:1rem}}
/* v31 : logos clients, listes sur deux colonnes */
.logos-clients{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem;margin-top:2.6rem}
@media (max-width:1000px){.logos-clients{grid-template-columns:repeat(4,1fr)}}
@media (max-width:620px){.logos-clients{grid-template-columns:repeat(3,1fr);gap:.6rem}}
.logo-client{background:#fff;border-radius:.9rem;height:5.4rem;display:flex;align-items:center;justify-content:center;padding:.9rem 1.1rem;transition:.35s;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.logo-client:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(99,102,241,.25)}
.logo-client img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media (max-width:620px){.logo-client{height:4.2rem;padding:.6rem .7rem}}
.confiance .tete-section h2{max-width:none}
.inclus ul.deux-colonnes{columns:2;column-gap:2.4rem}
.inclus ul.deux-colonnes li{break-inside:avoid}
@media (max-width:760px){.inclus ul.deux-colonnes{columns:1}}
#fonctions .fonctions,.outils .fonctions{margin-top:3rem}
/* v32 : H1 de l'accueil, du corail du logo à la lavande de l'interface */
.h1-degrade{display:inline-block;background:linear-gradient(90deg,#FF6B5E 0%,#F0508A 45%,#A78BFA 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h1-arrivee{color:#A78BFA}
/* v37 : écosystème */
.trois-temps.eco{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.trois-temps.eco{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.trois-temps.eco{grid-template-columns:1fr}}
.pied-eco{max-width:59.5rem;margin:2.2rem auto 0;padding:1.4rem 0 0;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;align-items:center;font-size:.85rem}
.pied-eco span{color:#fff;font-weight:600;margin-right:.4rem}
.pied-eco a{color:var(--txt3)}.pied-eco a:hover{color:#fff}
/* v38 : page écosystème, la chaîne des applications */
.chaine{list-style:none;max-width:60rem;margin:1rem auto 0;display:grid;gap:1.1rem;padding:0}
.maillon{display:grid;grid-template-columns:2.6rem 16rem 1fr;gap:1.7rem;align-items:center;background:rgba(40,41,46,.4);border:1px solid rgba(255,255,255,.06);border-radius:1.1rem;padding:1.5rem 1.7rem;transition:.4s}
.maillon:hover{border-color:rgba(99,102,241,.3)}
.maillon.phare{border:2px solid var(--or);box-shadow:0 0 46px rgba(99,102,241,.2);background:rgba(43,44,50,.55)}
.maillon-num{width:2.6rem;height:2.6rem;border-radius:50%;background:rgba(99,102,241,.16);border:1px solid rgba(99,102,241,.45);color:var(--lav);font-weight:800;display:flex;align-items:center;justify-content:center}
.maillon-logo{height:6rem;border-radius:.9rem;display:flex;align-items:center;justify-content:center;padding:1.1rem 1.4rem;background:#121316;border:1px solid var(--bord)}
.maillon-logo.clair{background:#fff;border-color:#fff}
.maillon-logo img{max-width:100%;max-height:3.4rem;width:auto;height:auto;object-fit:contain}
.maillon h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;line-height:1.35}
.maillon p{font-size:.94rem;color:var(--txt2)}
.maillon-lien{margin-top:.7rem}
@media (max-width:860px){.maillon{grid-template-columns:2.6rem 1fr;gap:1rem 1.1rem}.maillon-logo{grid-column:2;height:5rem;max-width:18rem}.maillon>div{grid-column:1/-1}}
.pied-eco .pied-eco-titre{color:#fff;font-weight:600;margin-right:.4rem}