/* FLUDEA — feuille de style du site. Polices hébergées ici : aucun appel externe. */
@font-face{font-family:Archivo;font-weight:600;font-display:swap;src:url(fonts/archivo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Archivo;font-weight:700;font-display:swap;src:url(fonts/archivo-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Archivo;font-weight:700;font-display:swap;src:url(fonts/archivo-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:Archivo;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-weight:700;font-display:swap;src:url(fonts/source-sans-3-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

:root{
  --encre:#0E1B3D; --encre-2:#16285A; --nuit:#0A1430; --fond:#F3F6FB; --fond-2:#E8EEF8; --blanc:#FFFFFF;
  --trait:#DCE3EF; --trait-fonce:#26386A; --texte:#1B2742; --gris:#55627D; --gris-clair:#A9B6D0;
  --jaune:#FCCD0B; --cyan:#10E7ED; --bleu:#1E7BEA; --rouge:#E0322B;
  --t-vert:#1F7A3A; --t-orange:#D2691E; --t-ocre:#A65C00; --t-violet:#5E35B1; --t-sarcelle:#0E7C86; --t-rouge:#C0282D; --t-indigo:#4527A0; --t-carmin:#A0003C; --t-ardoise:#58626F; --t-bleu:#1565C0;
  --degrade:linear-gradient(90deg,#1E7BEA 0%,#10E7ED 45%,#7ED957 70%,#FCCD0B 100%);
  --titre:Archivo,"Arial Narrow",Arial,sans-serif; --corps:"Source Sans 3","Segoe UI",Arial,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --large:1200px; --rayon:18px; --ombre:0 1px 2px rgba(14,27,61,.06),0 18px 40px -18px rgba(14,27,61,.28);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--corps);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--jaune);outline-offset:3px}
h1,h2,h3{font-family:var(--titre);color:var(--encre);margin:0;letter-spacing:-0.02em;line-height:1.08;text-wrap:balance}
h1{font-weight:800;font-size:clamp(40px,5.6vw,72px)}
h2{font-weight:800;font-size:clamp(30px,3.4vw,44px)}
h3{font-weight:700;font-size:21px;letter-spacing:-0.01em;line-height:1.25}
p{margin:0}
.conteneur{max-width:var(--large);margin:0 auto;padding:0 24px}
.ref{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--bleu)}
.chapo{font-size:20px;color:var(--gris);max-width:640px}
.surligne{background:linear-gradient(transparent 62%,rgba(252,205,11,.55) 62%);padding:0 2px}
.cache{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.passer{position:absolute;left:-10000px;top:8px;background:var(--encre);color:#fff;padding:10px 16px;z-index:100}
.passer:focus{left:8px}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:12px;font-family:var(--corps);font-weight:700;font-size:17px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s,color .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-plein{background:var(--encre);color:#fff;box-shadow:0 10px 24px -12px rgba(14,27,61,.6)}
.btn-plein:hover{background:var(--encre-2)}
.btn-jaune{background:var(--jaune);color:var(--encre);box-shadow:0 10px 24px -10px rgba(252,205,11,.7)}
.btn-jaune:hover{background:#FFD83A}
.btn-ligne{border-color:var(--encre);color:var(--encre);background:transparent}
.btn-ligne:hover{background:var(--encre);color:#fff}
.sombre .btn-ligne,.appel .btn-ligne{border-color:rgba(255,255,255,.45);color:#fff}
.sombre .btn-ligne:hover,.appel .btn-ligne:hover{background:#fff;color:var(--encre);border-color:#fff}
.lien-fleche{font-weight:700;text-decoration:none;color:var(--bleu);border-bottom:2px solid currentColor;padding-bottom:2px}
.lien-fleche::after{content:" →"}
.sombre .lien-fleche{color:var(--cyan)}

/* En-tête */
.entete{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--trait)}
.entete::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--degrade)}
.entete .conteneur{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo img:first-child{width:40px;height:40px}
.logo img:last-child{height:22px;width:auto}
.menu{display:flex;align-items:center;gap:28px}
.menu a{text-decoration:none;font-weight:600;font-size:16px;color:var(--encre)}
.menu a:not(.btn):hover{color:var(--bleu)}
.menu .btn{min-height:44px;padding:0 18px;font-size:15px}

/* Sections */
.section{padding:104px 0}
.section-tete{max-width:760px;margin-bottom:52px}
.section-tete.centre{margin-left:auto;margin-right:auto;text-align:center}
.section-tete.centre .chapo{margin-left:auto;margin-right:auto}
.section-tete h2{margin-top:12px}
.section-tete h2+p{margin-top:18px}
.sombre{background:radial-gradient(1200px 600px at 85% -10%,#1C3A8A 0%,transparent 60%),radial-gradient(900px 500px at -10% 110%,#0F5E78 0%,transparent 55%),var(--nuit);color:#DCE4F3}
.sombre h1,.sombre h2,.sombre h3{color:#fff}
.sombre .ref{color:var(--jaune)}
.sombre .chapo{color:#B8C5DE}
.blanc{background:var(--blanc)}

/* Héros */
.heros{padding:84px 0 110px;overflow:hidden;position:relative}
.heros .conteneur{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.heros h1{margin:18px 0 22px}
.heros h1 em{font-style:normal;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.heros .chapo{margin-bottom:34px;font-size:21px}
.heros .actions{display:flex;flex-wrap:wrap;gap:12px}
.heros .note{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px;color:#B8C5DE}
.heros .note span{display:inline-flex;align-items:center;gap:8px}
.heros .note span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.scene{position:relative;min-height:520px}
.scene .plan{position:absolute;left:0;top:30px;width:86%;background:#fff;border-radius:16px;padding:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(-2deg)}
.scene .plan img{border-radius:10px}
.scene .tel{position:absolute;right:0;bottom:-10px;width:38%;max-width:230px;border-radius:30px;border:7px solid #050B1C;box-shadow:0 40px 80px -20px rgba(0,0,0,.7);transform:rotate(4deg);animation:flotte 6s ease-in-out infinite}
.scene .tel img{border-radius:22px}
.pastille{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--encre);border-radius:14px;padding:10px 14px;font-weight:700;font-size:14px;line-height:1.25;box-shadow:0 16px 36px -12px rgba(0,0,0,.5);animation:apparait .7s both}
.pastille small{display:block;font-weight:400;color:var(--gris);font-size:12px}
.pastille i{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}
.pastille svg{width:18px;height:18px}
.pastille.p1{left:-14px;top:0;animation-delay:.6s}
.pastille.p2{left:6%;bottom:40px;animation-delay:1.1s}
.pastille.p3{right:30%;top:-6px;animation-delay:1.6s}
@keyframes flotte{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-12px)}}
@keyframes apparait{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}

/* Bandeau métiers */
.bandeau{background:#fff;border-bottom:1px solid var(--trait)}
.bandeau .conteneur{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 12px;padding-top:22px;padding-bottom:22px}
.bandeau .ref{color:var(--gris);margin-right:8px}
.bandeau a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:16px;color:var(--encre);background:var(--fond);border:1px solid var(--trait);border-radius:999px;padding:9px 16px;transition:all .15s}
.bandeau a:hover{background:var(--encre);color:#fff;border-color:var(--encre)}
.bandeau a i{width:10px;height:10px;border-radius:50%}

/* Tuiles façon appli */
.tuiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tuile{position:relative;border-radius:16px;padding:20px 18px 18px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:0 14px 30px -18px rgba(0,0,0,.55);transition:transform .2s,box-shadow .2s;overflow:hidden}
.tuile::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08)}
.tuile:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 26px 40px -20px rgba(0,0,0,.6)}
.tuile svg{width:30px;height:30px}
.tuile strong{font-family:var(--titre);font-size:18px;line-height:1.2;display:block}
.tuile span{display:block;font-size:14px;line-height:1.4;color:rgba(255,255,255,.85);margin-top:4px}
.tuile.large{grid-column:span 2}

/* Cartes de fonctions */
.liste{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.liste>div{background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);padding:26px 26px 30px;box-shadow:var(--ombre);transition:transform .2s}
.liste>div:hover{transform:translateY(-4px)}
.liste .ref{display:inline-flex;margin-bottom:14px;padding:5px 10px;border-radius:999px;font-size:12px;color:#fff;background:var(--bleu)}
.liste>div:nth-child(9n+1) .ref{background:var(--t-vert)}
.liste>div:nth-child(9n+2) .ref{background:var(--t-orange)}
.liste>div:nth-child(9n+3) .ref{background:var(--t-violet)}
.liste>div:nth-child(9n+4) .ref{background:var(--t-sarcelle)}
.liste>div:nth-child(9n+5) .ref{background:var(--t-rouge)}
.liste>div:nth-child(9n+6) .ref{background:var(--t-bleu)}
.liste>div:nth-child(9n+7) .ref{background:var(--t-indigo)}
.liste>div:nth-child(9n+8) .ref{background:var(--t-carmin)}
.liste>div:nth-child(9n+9) .ref{background:var(--t-ocre)}
.liste h3{margin-bottom:10px}
.liste p{color:var(--gris);font-size:17px}
.liste.deux{grid-template-columns:repeat(2,1fr)}
.sombre .liste>div{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:none}
.sombre .liste p{color:#B8C5DE}

/* Deux colonnes */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.duo p+p{margin-top:16px}
.puces{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.puces li{position:relative;padding:14px 16px 14px 52px;background:#fff;border:1px solid var(--trait);border-radius:14px}
.puces li::before{content:"";position:absolute;left:16px;top:16px;width:22px;height:22px;border-radius:7px;background:var(--jaune) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1B3D' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat}
.sombre .puces li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}

/* Planche de plan */
.planche{margin:0;background:#fff;border-radius:var(--rayon);overflow:hidden;border:1px solid var(--trait);box-shadow:var(--ombre)}
.planche img{width:100%}
.cartouche{display:grid;grid-template-columns:repeat(4,auto);border-top:1px solid var(--trait);font-family:var(--mono);font-size:12px;color:var(--gris);text-transform:uppercase;letter-spacing:.04em}
.cartouche span{padding:10px 14px;border-right:1px solid var(--trait)}
.cartouche span:last-child{border-right:0}
.cartouche b{display:block;color:var(--encre);font-weight:500}
.legende{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 14px;border-top:1px solid var(--trait);font-family:var(--mono);font-size:12px;color:var(--gris)}
.legende i{display:inline-block;width:18px;height:4px;border-radius:2px;vertical-align:middle;margin-right:6px}

/* Plan animé */
.dessin{background:#fff;border-radius:var(--rayon);box-shadow:var(--ombre);border:1px solid var(--trait);overflow:hidden}
.dessin svg{display:block;width:100%;height:auto}
.dessin .barre{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-bottom:1px solid var(--trait);background:var(--fond)}
.dessin .barre span{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--trait)}
.dessin .barre i{width:14px;height:4px;border-radius:2px}
.trace{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--l);stroke-dashoffset:var(--l)}
.joue .trace{animation:trace 2.2s ease forwards}
.joue .trace.t2{animation-delay:.9s}.joue .trace.t3{animation-delay:1.8s}.joue .trace.t4{animation-delay:2.6s}
.epingle{opacity:0;transform-box:fill-box;transform-origin:50% 100%}
.joue .epingle{animation:tombe .5s cubic-bezier(.3,1.6,.5,1) forwards}
.joue .epingle.e1{animation-delay:2.4s}.joue .epingle.e2{animation-delay:2.8s}.joue .epingle.e3{animation-delay:3.2s}.joue .epingle.e4{animation-delay:3.6s}
@keyframes trace{to{stroke-dashoffset:0}}
@keyframes tombe{from{opacity:0;transform:translateY(-18px) scale(.6)}to{opacity:1;transform:none}}

/* Captures */
.ecrans{display:grid;grid-template-columns:3fr 1fr 1fr;gap:24px;align-items:end}
.ecrans figure{margin:0}
.ecrans img{width:100%;border-radius:12px}
.ecrans .tel img{border-radius:24px;border:6px solid #050B1C}
.ecrans>figure:first-child img{border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.ecrans figcaption{margin-top:12px;font-size:15px;color:var(--gris-clair)}
.bascule{display:inline-flex;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px;margin-bottom:28px}
.bascule button{background:transparent;border:0;border-radius:999px;min-height:42px;padding:0 20px;font-weight:700;color:#fff;cursor:pointer}
.bascule button[aria-pressed=true]{background:var(--jaune);color:var(--encre)}

/* Étapes */
.etapes-ligne{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:e}
.etapes-ligne>div{counter-increment:e;background:#fff;border-radius:var(--rayon);padding:26px;border:1px solid var(--trait);position:relative}
.etapes-ligne>div::before{content:counter(e);display:grid;place-items:center;width:44px;height:44px;border-radius:14px;margin-bottom:16px;font-family:var(--titre);font-weight:800;font-size:20px;color:var(--encre);background:var(--jaune)}
.etapes-ligne>div:nth-child(2)::before{background:var(--cyan)}
.etapes-ligne>div:nth-child(3)::before{background:#7ED957}
.etapes-ligne>div:nth-child(4)::before{background:#9DC3FF}
.etapes-ligne h3{font-size:19px;margin-bottom:8px}
.etapes-ligne p{color:var(--gris);font-size:16px}

/* Preuves */
.preuves{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.preuves>div{background:#fff;border-radius:var(--rayon);padding:30px;border:1px solid var(--trait);box-shadow:var(--ombre)}
.preuves .icone{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:18px}
.preuves .icone svg{width:26px;height:26px}
.preuves strong{display:block;font-family:var(--titre);font-weight:800;font-size:22px;color:var(--encre);margin-bottom:8px;letter-spacing:-.01em;line-height:1.2}
.preuves p{color:var(--gris);font-size:17px}

/* Offres */
.offres{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.offres>div{background:#fff;border:1px solid var(--trait);border-radius:var(--rayon);padding:34px 30px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--ombre)}
.offres h3{font-size:28px}
.offres ul{margin:0;padding:0;list-style:none}
.offres li{padding:9px 0 9px 26px;border-top:1px solid var(--trait);font-size:16px;position:relative}
.offres li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:12px;border-radius:4px;background:var(--cyan)}
.offres .fondateur{background:var(--encre) radial-gradient(500px 300px at 100% 0%,#2246A8 0%,transparent 60%);color:#DCE4F3;border:0;position:relative;overflow:hidden}
.offres .fondateur::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--degrade)}
.offres .fondateur h3{color:#fff}
.offres .fondateur .ref{color:var(--jaune)}
.offres .btn{align-self:flex-start;margin-top:auto}

/* Essai */
.essai{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.etapes{counter-reset:e;list-style:none;margin:28px 0 0;padding:0}
.etapes li{counter-increment:e;display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14)}
.etapes li::before{content:counter(e);display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--jaune);color:var(--encre);font-family:var(--titre);font-weight:800}

/* Formulaires */
.formulaire{background:#fff;border:1px solid var(--trait);border-radius:22px;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;color:var(--texte);box-shadow:var(--ombre)}
.formulaire .plein{grid-column:1/-1}
.formulaire h2,.formulaire h3{color:var(--encre)!important}
.champ{display:flex;flex-direction:column;gap:6px}
.champ label{font-weight:600;font-size:15px;color:var(--encre)}
.champ input,.champ select,.champ textarea{font:inherit;font-size:17px;border:1.5px solid #C9D3E4;border-radius:10px;padding:12px 14px;min-height:50px;background:#fff;color:var(--texte)}
.champ textarea{min-height:110px;resize:vertical}
.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--bleu)}
.formulaire .mention{font-size:14px;color:var(--gris)}
.formulaire .btn{justify-self:start}

/* Questions */
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{background:#fff;border:1px solid var(--trait);border-radius:14px;padding:0 22px}
.faq details[open]{box-shadow:var(--ombre)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:var(--titre);font-weight:700;font-size:19px;color:var(--encre);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;width:30px;height:30px;border-radius:9px;background:var(--fond-2);display:grid;place-items:center;font-family:var(--corps);font-weight:700;font-size:20px;line-height:30px;text-align:center}
.faq details[open] summary::after{content:"–";background:var(--jaune)}
.faq details p{padding:0 0 22px;color:var(--gris);max-width:780px}

/* Pages intérieures */
.fil{font-size:14px;color:var(--gris-clair);padding-top:24px;position:relative;z-index:1}
.fil a{text-decoration:none}.fil a:hover{text-decoration:underline}
.page-tete{padding:28px 0 96px}
.page-tete h1{font-size:clamp(36px,5vw,62px);margin:16px 0 22px;max-width:900px}
.texte{max-width:780px;margin:0 auto;padding:48px 24px 112px}
.texte h1{font-size:clamp(32px,4vw,48px);margin:0 0 28px}
.texte h2{font-size:24px;margin:40px 0 12px}
.texte p,.texte li{color:#3A4560}
.texte p+p{margin-top:12px}
.a-completer{background:#FFF0A8;padding:0 4px;border-radius:4px}
.autres{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.autres a{display:block;padding:20px;text-decoration:none;background:#fff;border:1px solid var(--trait);border-radius:14px;font-family:var(--titre);font-weight:700;font-size:18px;color:var(--encre);transition:all .15s}
.autres a span{display:block;font-family:var(--corps);font-weight:400;font-size:15px;color:var(--gris);margin-top:6px}
.autres a:hover{border-color:var(--bleu);transform:translateY(-3px);box-shadow:var(--ombre)}

/* Appel final */
.appel{background:radial-gradient(800px 400px at 90% 0%,#2246A8 0%,transparent 60%),var(--nuit);color:#fff;padding:96px 0;position:relative}
.appel::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--degrade)}
.appel .conteneur{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.appel h2{color:#fff;max-width:680px}
.appel p{color:#B8C5DE;margin-top:12px;font-size:19px}
.appel .actions{display:flex;flex-wrap:wrap;gap:12px}

/* Pied de page */
.pied{background:#070E22;color:#A9B6D0;padding:64px 0 40px;font-size:15px}
.pied .grille{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.pied h3{font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#7F8DAA;margin-bottom:14px}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pied a{text-decoration:none;color:#D8E0EE}
.pied a:hover{color:var(--cyan)}
.pied .bas{margin-top:48px;padding-top:24px;border-top:1px solid #1A2647;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14px}
.pied .marque{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.pied .marque img{width:30px;height:30px}
.pied .marque span{font-family:var(--titre);font-weight:800;font-size:20px;color:#fff;letter-spacing:.04em}

/* Apparition au défilement */
.revele{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.revele.vu{opacity:1;transform:none}

/* Assistant */
.assistant-ouvrir{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:10px;background:var(--encre);color:#fff;border:0;border-radius:999px;min-height:56px;padding:0 22px 0 8px;font-weight:700;font-size:16px;box-shadow:0 16px 36px -10px rgba(14,27,61,.7);cursor:pointer;transition:transform .15s}
.assistant-ouvrir:hover{transform:translateY(-2px)}
.assistant-ouvrir svg{width:22px;height:22px}
.assistant-ouvrir .rond{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--jaune);color:var(--encre)}
.assistant{position:fixed;right:20px;bottom:20px;z-index:41;width:min(400px,calc(100vw - 24px));height:min(620px,calc(100vh - 40px));background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(14,27,61,.55);display:flex;flex-direction:column}
.assistant[hidden]{display:none}
.assistant-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--encre);color:#fff;position:relative}
.assistant-tete::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--degrade)}
.assistant-tete strong{font-family:var(--titre);font-size:17px}
.assistant-tete small{display:block;color:#B8C5DE;font-size:13px}
.assistant-tete button{background:rgba(255,255,255,.08);border:0;color:#fff;border-radius:10px;min-width:44px;min-height:40px;cursor:pointer;font-size:20px}
.assistant-fil{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;background:var(--fond)}
.bulle{max-width:88%;padding:11px 14px;font-size:16px;line-height:1.5;white-space:pre-wrap;border-radius:16px}
.bulle.ia{background:#fff;border:1px solid var(--trait);align-self:flex-start;border-bottom-left-radius:4px}
.bulle.moi{background:var(--bleu);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.bulle.attente{color:var(--gris);font-style:italic}
.assistant-suggestions{display:flex;flex-wrap:wrap;gap:8px}
.assistant-suggestions button{background:#fff;border:1px solid var(--trait);border-radius:999px;padding:8px 14px;min-height:40px;font-size:14px;cursor:pointer;color:var(--encre)}
.assistant-suggestions button:hover{border-color:var(--bleu);color:var(--bleu)}
.assistant-saisie{display:flex;gap:8px;padding:12px;border-top:1px solid var(--trait);background:#fff}
.assistant-saisie textarea{flex:1;font:inherit;font-size:16px;border:1.5px solid #C9D3E4;border-radius:12px;padding:10px 12px;min-height:46px;max-height:120px;resize:none}
.assistant-saisie button{background:var(--jaune);color:var(--encre);border:0;border-radius:12px;min-width:52px;font-weight:800;font-size:18px;cursor:pointer}
.assistant-note{padding:0 12px 10px;font-size:12px;color:var(--gris);background:#fff}

/* Tablette */
@media (max-width:1024px){
  .heros .conteneur,.duo,.essai{grid-template-columns:1fr;gap:48px}
  .scene{min-height:auto;aspect-ratio:1.15/1;max-width:640px;width:100%;margin:0 auto}
  .liste{grid-template-columns:1fr 1fr}
  .tuiles{grid-template-columns:repeat(3,1fr)}
  .etapes-ligne{grid-template-columns:1fr 1fr}
  .offres{grid-template-columns:1fr 1fr}
  .offres .fondateur{grid-column:1/-1}
  .ecrans{grid-template-columns:1fr 1fr}
  .ecrans>figure:first-child{grid-column:1/-1}
  .ecrans .tel{max-width:280px;justify-self:center}
  .preuves{grid-template-columns:1fr}
  .pied .grille{grid-template-columns:1fr 1fr}
  .autres{grid-template-columns:1fr 1fr}
  .menu a:not(.btn):not(.toujours){display:none}
  .section{padding:84px 0}
}
/* Mobile */
@media (max-width:640px){
  body{font-size:17px}
  .chapo,.heros .chapo{font-size:18px}
  .section{padding:64px 0}
  .section-tete{margin-bottom:34px}
  .heros{padding:44px 0 72px}
  .scene{aspect-ratio:1/1.05}
  .scene .plan{width:92%}
  .scene .tel{width:44%;border-width:5px;border-radius:24px}
  .pastille{font-size:12px;padding:8px 10px}
  .pastille i{flex-basis:28px;height:28px}
  .pastille.p3{display:none}
  .liste,.liste.deux,.offres,.formulaire,.autres,.etapes-ligne{grid-template-columns:1fr}
  .tuiles{grid-template-columns:1fr 1fr;gap:12px}
  .tuile{min-height:128px;padding:16px 14px}
  .tuile.large{grid-column:span 2}
  .formulaire{padding:24px}
  .cartouche{grid-template-columns:1fr 1fr}
  .cartouche span:nth-child(2){border-right:0}
  .cartouche span:nth-child(-n+2){border-bottom:1px solid var(--trait)}
  .entete .conteneur{min-height:64px}
  .logo img:last-child{height:18px}
  .menu .toujours{display:none}
  .pied .grille{grid-template-columns:1fr}
  .appel{padding:64px 0}
  .assistant-ouvrir span:not(.rond){display:none}
  .assistant-ouvrir{padding:0 8px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .revele{opacity:1;transform:none}
  .trace{stroke-dashoffset:0}.epingle{opacity:1}
}

.page-tete.sombre{padding-top:0}.page-tete .fil{padding-bottom:20px}
.texte .fil,.fil.clair{color:var(--gris)}