@font-face{font-family:"Geist";font-style:normal;font-weight:400;font-display:swap;src:url(/polices/geist-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Geist";font-style:normal;font-weight:500;font-display:swap;src:url(/polices/geist-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Geist";font-style:normal;font-weight:600;font-display:swap;src:url(/polices/geist-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/polices/geist-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/polices/geist-mono-latin-500-normal.woff2) format("woff2")}
/* EasySCI : sobre et chaleureux. Fond crème, encre, un seul accent vert. Corps 18 px. */
:root{
  --fond:#FBF8F3; --fond2:#F3EEE5; --carte:#FFFFFF;
  --encre:#1B1F1D; --texte2:#4A514E; --texte3:#666D69;
  --filet:#E6DFD3; --filet2:#D9D1C3;
  --accent:#0F6B4F; --accent-fonce:#0B5540; --accent-doux:#E3EFE8;
  --attente:#8F5B12; --attente-doux:#F8EDDA;
  --r:20px; --r-petit:12px;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --e-entree:cubic-bezier(.16,1,.3,1); --e-ressort:cubic-bezier(.22,1.18,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--fond);color:var(--encre);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p,h1,h2,h3,h4,ul,ol,figure{margin:0}
h1,h2,h3{font-weight:500;letter-spacing:-.03em;line-height:1.1;text-wrap:balance}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
::selection{background:var(--accent-doux)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{max-width:1160px;margin:0 auto;padding-inline:24px}
.etroit{max-width:760px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* boutons */
.btn{appearance:none;border:0;cursor:pointer;font:500 17px/1 var(--sans);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:var(--r-petit);background:var(--encre);color:#fff;text-decoration:none;transition:background .15s,transform .1s;white-space:nowrap}
.btn:hover{background:#2F3633}
.btn:active{transform:translateY(1px)}
.btn.clair{background:var(--carte);color:var(--encre);box-shadow:inset 0 0 0 1px var(--filet2)}
.btn.clair:hover{background:var(--fond2)}
.btn.accent{background:var(--accent);color:#fff}
.btn.accent:hover{background:#0A5640}
.btn.petit{min-height:42px;padding:0 16px;font-size:15.5px;border-radius:10px}
.lien{color:var(--accent);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.lien:hover{text-decoration:underline;text-underline-offset:4px}
.lien::after{content:"→";transition:transform .15s}
.lien:hover::after{transform:translateX(3px)}

/* en-tête */
.top{position:sticky;top:0;z-index:40;background:rgba(251,248,243,.88);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s;padding-top:env(safe-area-inset-top,0px)}
.top.ligne{border-bottom-color:var(--filet)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;letter-spacing:-.02em}
.logo b{font-weight:600}.logo span{color:var(--accent)}
.nav{display:flex;align-items:center;gap:26px}
.nav a{text-decoration:none;font-size:16px;color:var(--texte2)}
.nav a:not(.btn):hover,.nav a[aria-current="page"]{color:var(--encre)}
.nav .btn{color:#fff}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--filet2);background:var(--carte);font-size:16px;font-weight:500}
.menu summary::-webkit-details-marker{display:none}
.menu .panneau{position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 32px));background:var(--carte);border:1px solid var(--filet);border-radius:16px;box-shadow:0 24px 48px -24px rgba(27,31,29,.3);padding:10px}
.menu .panneau a{display:block;padding:13px 14px;border-radius:10px;text-decoration:none;font-size:17px}
.menu .panneau a:not(.btn):hover{background:var(--fond2)}
.menu .panneau .btn{display:flex;margin-top:6px;color:#fff}

/* sections */
section{padding-block:104px}
.alt{background:var(--fond2)}
.titre-sec{max-width:680px}
.titre-sec h2{font-size:clamp(32px,4vw,50px)}
.titre-sec p{font-size:19px;color:var(--texte2);margin-top:16px}
.surtitre{display:inline-block;font-size:15px;font-weight:500;color:var(--accent);margin-bottom:14px}
.contenu{margin-top:56px}

/* héros */
.hero{padding-block:56px 72px}
.hero-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.pastille{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--texte2);background:var(--carte);border:1px solid var(--filet);border-radius:99px;padding:5px 14px 5px 6px}
.pastille b{font-weight:500;color:var(--accent);background:var(--accent-doux);border-radius:99px;padding:2px 10px}
.hero h1,.page-tete h1{font-size:clamp(42px,6vw,74px);letter-spacing:-.04em;line-height:1.02;margin-top:22px}
.hero h1 span{color:var(--texte3)}
.pour-qui{font-size:19px;font-weight:500;margin-top:22px}
.chapo{font-size:clamp(18px,1.6vw,20px);color:var(--texte2);margin-top:10px;max-width:31em}
.inscr{margin-top:30px;max-width:520px}
.ligne-form{display:flex;gap:8px;background:var(--carte);border:1px solid var(--filet2);border-radius:16px;padding:7px;box-shadow:0 1px 2px rgba(27,31,29,.05)}
.ligne-form:focus-within{border-color:var(--accent)}
.inscr input[type=email]{flex:1;min-width:0;border:0;background:transparent;font:400 18px var(--sans);padding:0 12px;color:var(--encre);height:52px}
.inscr input[type=email]:focus{outline:none}
.rassure{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:16px;color:var(--texte2)}
.rassure span{display:inline-flex;align-items:center;gap:7px}
.erreur{color:#A1281B;font-size:16px;margin-top:10px}
.heritiers{display:inline-flex;margin-top:28px;font-size:17px;color:var(--texte2);gap:6px;flex-wrap:wrap}

/* étape 2 et merci */
.suite{margin-top:28px;max-width:520px;background:var(--carte);border:1px solid var(--filet);border-radius:var(--r);padding:26px}
.suite h2{font-size:24px;letter-spacing:-.02em}
.suite p{font-size:17px;color:var(--texte2);margin-top:8px}
fieldset{border:0;margin:18px 0 0;padding:0;min-width:0}
legend{font-size:17px;font-weight:500;margin-bottom:10px;padding:0}
.segments{display:flex;flex-wrap:wrap;gap:8px}
.segments button{appearance:none;cursor:pointer;font:500 16px var(--sans);color:var(--encre);background:var(--carte);border:1px solid var(--filet2);border-radius:12px;min-height:48px;padding:0 16px;transition:border-color .12s,background .12s}
.segments button:hover{border-color:#B9B0A1}
.segments button[aria-pressed="true"]{background:var(--encre);border-color:var(--encre);color:#fff}
.suite .btn{margin-top:22px;width:100%}
.coche-ok{width:44px;height:44px;border-radius:50%;background:var(--accent-doux);display:grid;place-items:center;margin-bottom:16px}
.partage{display:grid;gap:8px;margin-top:20px}
.partage .btn{width:100%;margin:0}
.partage small{font-size:14.5px;color:var(--texte3)}

/* maquette : trois lignes lisibles */
.app{background:var(--carte);border:1px solid var(--filet);border-radius:24px;box-shadow:0 1px 2px rgba(27,31,29,.04),0 40px 70px -40px rgba(27,31,29,.32);overflow:hidden}
.app-tete{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--filet);background:#FDFBF8}
.app-tete .sci{display:flex;align-items:center;gap:12px;font-weight:500;font-size:17px}
.avatar{width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600}
.famille-av{display:flex}
.famille-av i{width:30px;height:30px;border-radius:50%;border:2px solid #FDFBF8;margin-left:-8px;display:grid;place-items:center;font:600 12px var(--sans);font-style:normal;color:#fff}
.app-corps{padding:24px 22px 22px}
.app-somme small{display:block;color:var(--texte2);font-size:16px}
.app-somme b{display:block;font:500 clamp(38px,4.4vw,48px)/1.1 var(--mono);letter-spacing:-.045em;margin-top:6px}
.app-lignes{margin-top:20px;display:grid;gap:10px}
.app-ligne{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--filet);border-radius:14px;font-size:17px}
.app-ligne .lib b{font-weight:500}
.app-ligne .lib{min-width:0}
.coche{width:30px;height:30px;border-radius:50%;background:var(--accent-doux);display:grid;place-items:center;flex:none}
.coche svg path{stroke:var(--accent);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:0;transition:stroke-dashoffset .45s var(--e-entree)}
.etat{font-size:15px;font-weight:500;border-radius:99px;padding:4px 12px;white-space:nowrap;transition:background .3s,color .3s}
.etat.ok{background:var(--accent-doux);color:var(--accent)}
.etat.attente{background:var(--attente-doux);color:var(--attente)}
.legende{font-size:15px;color:var(--texte3);margin-top:12px;text-align:right}

/* bandeau de réassurance */
.faits{border-block:1px solid var(--filet);background:var(--carte)}
.faits .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.faits .wrap>div{padding:24px 20px 24px 24px;border-left:1px solid var(--filet);display:flex;gap:14px;align-items:flex-start}
.faits .wrap>div:first-child{border-left:0;padding-left:0}
.faits b{display:block;font-weight:500;font-size:17px;line-height:1.35}
.faits b+span{font-size:15.5px;color:var(--texte2);line-height:1.45;display:block;margin-top:2px}
.icone{width:44px;height:44px;border-radius:12px;background:var(--accent-doux);color:var(--accent);display:grid;place-items:center;flex:none}
.icone svg{display:block}
.icone svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* cartes bénéfices */
.trois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.carte{background:var(--carte);border:1px solid var(--filet);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px;min-width:0}
.carte h3{font-size:23px;letter-spacing:-.025em}
.carte p{color:var(--texte2);font-size:17px}
.carte .visuel{margin-top:auto;padding-top:20px}
.carte .lien{margin-top:14px;font-size:16.5px}
a.carte{text-decoration:none;transition:border-color .15s,transform .15s}
a.carte:hover{border-color:var(--filet2);transform:translateY(-2px)}
.mini{border:1px solid var(--filet);border-radius:14px;overflow:hidden;font-size:16px;background:#FDFBF8}
.mini>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--filet)}
.mini>div:first-child{border-top:0}
.mini .etat{font-size:14px;padding:3px 10px}
.quittance{border:1px solid var(--filet);border-radius:14px;padding:16px;font-size:15px;color:var(--texte2);position:relative;background:#FDFBF8}
.quittance b{display:block;color:var(--encre);font-size:16px;font-weight:600}
.quittance hr{border:0;border-top:1px dashed var(--filet2);margin:12px 0}
.quittance .l{display:flex;justify-content:space-between;color:var(--encre);font-weight:600}
.tampon{position:absolute;right:14px;top:14px;border:2px solid var(--accent);color:var(--accent);border-radius:6px;padding:1px 8px;font-weight:600;font-size:13px;transform:rotate(-6deg)}
.part{display:flex;align-items:center;gap:14px;border:1px solid var(--filet);border-radius:14px;padding:16px;background:#FDFBF8}
.part .rond{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}
.part small{display:block;color:var(--texte2);font-size:15px}
.part b{display:block;font:500 24px var(--mono);letter-spacing:-.03em}

/* blocs texte et image */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.duo.inverse .duo-media{order:2}
.duo h2{font-size:clamp(32px,3.8vw,48px)}
.duo p{font-size:19px;color:var(--texte2);margin-top:18px}
.coches{list-style:none;padding:0;margin-top:24px;display:grid;gap:14px}
.coches li{display:flex;gap:12px;align-items:flex-start;font-size:18px}
.coches li::before{content:"";flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;background:var(--accent-doux) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.6 2.6L12 5.6' stroke='%230F6B4F' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.duo .lien{margin-top:26px;font-size:17.5px}
.photo{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#EDE6DA,#E2D9CA);aspect-ratio:4/3}
.photo img{width:100%;height:100%;object-fit:cover}
.photo .repli{position:absolute;inset:0;display:none;align-items:center;justify-content:center;color:var(--texte3);font-size:14px;text-align:center;padding:16px}
.photo.ko img{display:none}.photo.ko .repli{display:flex}
.photo.large{aspect-ratio:21/9}
.photo figcaption{position:absolute;left:28px;bottom:24px;right:28px;color:#fff;font-size:clamp(20px,2.4vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.2;max-width:18em;text-shadow:0 1px 18px rgba(0,0,0,.35)}
.photo.ko figcaption{color:var(--encre);text-shadow:none}
.credit{font-size:13.5px;color:var(--texte3);margin-top:10px}
.cadenas{background:var(--carte);border:1px solid var(--filet);border-radius:24px;padding:34px;display:grid;gap:18px}
.cadenas .ligne{display:flex;gap:16px;align-items:flex-start}
.cadenas .ligne b{display:block;font-weight:500;font-size:19px}
.cadenas .ligne span{color:var(--texte2);font-size:17px}
.signature{display:flex;align-items:center;gap:14px;margin-top:26px}
.signature .rond{width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:600;font-size:20px}
.signature b{display:block;font-weight:500}
.signature span{font-size:16px;color:var(--texte2)}

/* étapes */
.etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.etapes>div{border-top:2px solid var(--encre);padding-top:20px}
.etapes .n{font:500 15px var(--mono);color:var(--accent)}
.etapes h3{font-size:22px;margin-top:12px}
.etapes p{color:var(--texte2);margin-top:8px;font-size:17px}

/* prix */
.prix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;max-width:900px}
.offre{border:1px solid var(--filet);border-radius:24px;padding:34px;background:var(--carte);display:flex;flex-direction:column}
.offre.f{border:2px solid var(--accent);box-shadow:0 30px 60px -36px rgba(15,107,79,.4)}
.offre .haut{display:flex;justify-content:space-between;align-items:center;gap:12px}
.offre h3{font-size:20px;letter-spacing:-.01em}
.offre .badge{font-size:14.5px;font-weight:500;color:var(--accent);background:var(--accent-doux);border-radius:99px;padding:3px 12px}
.montant{font-size:58px;font-weight:500;letter-spacing:-.05em;margin-top:18px;line-height:1}
.montant small{font-size:18px;color:var(--texte2);letter-spacing:0;font-weight:400}
.offre .sous{font-size:16px;color:var(--texte2);margin-top:10px}
.offre ul{margin:22px 0 28px}
.offre .btn{margin-top:auto}
.compare{margin-top:22px;font-size:18px;color:var(--texte2);max-width:900px}
.tableau{width:100%;border-collapse:collapse;font-size:17px;background:var(--carte);border-radius:18px;overflow:hidden;border:1px solid var(--filet)}
.tableau th,.tableau td{text-align:left;padding:15px 18px;border-top:1px solid var(--filet);vertical-align:top}
.tableau thead th{border-top:0;background:#FDFBF8;font-weight:500;font-size:16px;color:var(--texte2)}
.tableau td:first-child{font-weight:500}
.defile{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* FAQ */
.faq-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px}
.faq details{border-top:1px solid var(--filet2)}
.faq details:last-child{border-bottom:1px solid var(--filet2)}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:500;font-size:19px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;transition:transform .2s;color:var(--texte3)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq details p{color:var(--texte2);padding:0 0 24px;max-width:62ch;font-size:17.5px}
.faq details p+p{margin-top:-12px}

/* guides */
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide{background:var(--carte);border:1px solid var(--filet);border-radius:var(--r);padding:26px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}
.guide:hover{border-color:var(--filet2);transform:translateY(-2px)}
.guide .cat{font-size:14.5px;font-weight:500;color:var(--accent)}
.guide h3{font-size:21px;letter-spacing:-.02em;line-height:1.2}
.guide p{font-size:16.5px;color:var(--texte2)}
.guide .meta{margin-top:auto;padding-top:10px;font-size:14.5px;color:var(--texte3)}

/* bloc final */
.fin-boite{background:var(--encre);color:#fff;border-radius:28px;padding:60px 56px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.fin-boite h2{font-size:clamp(30px,3.6vw,46px);color:#fff}
.fin-boite p{color:#B9C0BC;margin-top:12px;font-size:18px}
.fin-boite .btn{background:#fff;color:var(--encre)}
.fin-boite .btn:hover{background:#ECE7DE}
.fin-boite .btn.accent{background:#13805F;color:#fff}
.fin-boite .btn.accent:hover{background:#0F6B4F}

/* pages intérieures */
.page-tete{padding-block:56px 64px}
.page-tete h1{font-size:clamp(38px,5.2vw,64px);max-width:15em}
.page-tete .chapo{font-size:clamp(19px,1.7vw,21px);margin-top:20px;max-width:34em}
.page-tete .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.fil{font-size:15px;color:var(--texte3);display:flex;flex-wrap:wrap;gap:8px}
.fil a{color:var(--texte2);text-decoration:none}
.fil a:hover{text-decoration:underline}
.page-tete .fil{margin-bottom:6px}
.grand-visuel{max-width:640px}
.liste-fonctions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.liste-fonctions .carte .icone{margin-bottom:6px}

/* calculateur */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--filet);border-radius:24px;overflow:hidden;background:var(--carte)}
.calc .gauche{padding:34px;border-right:1px solid var(--filet)}
.calc .droite{padding:34px;background:#FDFBF8}
.etiq{display:inline-block;font-size:14.5px;color:var(--texte2);border:1px solid var(--filet);border-radius:99px;padding:3px 12px;margin-bottom:22px;background:var(--carte)}
.champ{display:grid;gap:8px;margin-bottom:18px}
.champ label{font-size:17px;color:var(--texte2)}
.champ input{width:100%;height:54px;border:1px solid var(--filet2);border-radius:12px;padding:0 14px;font:500 19px var(--mono);text-align:right;background:var(--carte);color:var(--encre)}
.champ input:focus{outline:2px solid var(--accent);outline-offset:-1px}
.assoc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--filet)}
.assoc .nom{display:flex;align-items:center;gap:10px;font-weight:500}
.assoc .nom i{width:12px;height:12px;border-radius:50%;flex:none}
.assoc .nom small{color:var(--texte3);font-weight:400;font-size:15px}
.pas{display:flex;align-items:center;border:1px solid var(--filet2);border-radius:12px;overflow:hidden;background:var(--carte)}
.pas button{appearance:none;border:0;background:var(--carte);width:46px;height:46px;font:500 20px var(--sans);cursor:pointer;color:var(--encre)}
.pas button:hover{background:var(--fond2)}
.pas output{min-width:52px;text-align:center;font:500 17px var(--mono);border-inline:1px solid var(--filet2);line-height:46px}
.droite .tot small{color:var(--texte2);font-size:16px}
.droite .tot b{display:block;font:500 clamp(36px,4vw,46px) var(--mono);letter-spacing:-.045em;margin-top:6px}
.quote{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--filet)}
.quote:first-of-type{margin-top:18px;border-top:1px solid var(--filet)}
.quote .q{display:flex;align-items:center;gap:10px;font-size:18px}
.quote .q i{width:12px;height:12px;border-radius:50%}
.quote b{font:500 21px var(--mono)}
.droite .pied{font-size:15px;color:var(--texte3);margin-top:16px}

/* article */
.article{padding-block:48px 96px}
.article .entete{max-width:760px}
.article h1{font-size:clamp(34px,4.6vw,54px);letter-spacing:-.035em;margin-top:18px}
.article .chapo{font-size:21px;margin-top:18px}
.article .meta{font-size:15.5px;color:var(--texte3);margin-top:18px}
.prose{max-width:720px;margin-top:40px;font-size:19px;line-height:1.75}
.prose>*+*{margin-top:22px}
.prose h2{font-size:clamp(26px,2.8vw,32px);margin-top:52px;letter-spacing:-.025em}
.prose h3{font-size:22px;margin-top:36px;letter-spacing:-.02em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:8px}
.prose a{color:var(--accent);text-underline-offset:3px}
.prose strong{font-weight:600}
.prose table{width:100%;border-collapse:collapse;font-size:17px;background:var(--carte);border:1px solid var(--filet);border-radius:14px;overflow:hidden;display:block;overflow-x:auto}
.prose th,.prose td{text-align:left;padding:12px 14px;border-top:1px solid var(--filet);vertical-align:top}
.prose thead th{border-top:0;background:#FDFBF8;font-weight:500}
.en-bref,.encart{border-radius:18px;padding:24px 26px}
.en-bref{background:var(--carte);border:1px solid var(--filet)}
.en-bref .t,.encart .t{font-weight:600;font-size:16px;letter-spacing:.01em;color:var(--accent);margin:0 0 8px}
.en-bref ul{margin:0}
.encart{background:var(--accent-doux);margin-top:48px!important}
.encart p+p{margin-top:12px}
.encart .btn{color:#fff;text-decoration:none}
.a-lire{margin-top:72px}
.a-lire h2{font-size:26px;margin-bottom:22px}

/* pied de page */
footer{border-top:1px solid var(--filet);padding:56px 0 40px;font-size:16px;color:var(--texte2);background:var(--fond2)}
.pied-grille{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:32px}
.pied-grille h2{font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--encre);margin-bottom:12px}
.pied-grille ul{list-style:none;padding:0;display:grid;gap:8px}
.pied-grille a{text-decoration:none}
.pied-grille a:hover{color:var(--encre);text-decoration:underline}
.pied-bas a{color:inherit}
.mention{font-size:14.5px;color:var(--texte3);margin-top:10px;line-height:1.5}
.mention a{color:inherit;text-underline-offset:3px}
.a-completer{background:var(--attente-doux);color:var(--attente);padding:1px 6px;border-radius:6px}
.pied-bas{margin-top:40px;padding-top:22px;border-top:1px solid var(--filet);display:flex;flex-wrap:wrap;gap:8px 24px;font-size:14.5px;color:var(--texte3)}

/* barre collante mobile */
.collant{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(251,248,243,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--filet);display:none;transform:translateY(110%);transition:transform .25s}
.collant.vu{transform:none}
.collant .btn{width:100%}

/* mouvement : seulement ce qui raconte un soulagement */
html.anim [data-scene]:not(.joue) [data-entree]{opacity:0;transform:translateY(10px)}
html.anim [data-entree]{transition:opacity .5s var(--e-entree),transform .5s var(--e-entree);transition-delay:calc(var(--i,0) * 160ms + 150ms)}
html.anim [data-scene]:not(.joue) .coche svg path{stroke-dashoffset:16}
html.anim .coche svg path{transition-delay:calc(var(--i,0) * 160ms + 650ms)}
html.anim .tampon{transition:opacity .2s var(--e-entree) .5s,transform .45s var(--e-ressort) .5s}
html.anim [data-scene]:not(.joue) .tampon{opacity:0;transform:rotate(-14deg) scale(1.6)}

@media (max-width:980px){
  .hero-grille,.duo,.faq-grille,.calc,.fin-boite{grid-template-columns:minmax(0,1fr)}
  .duo.inverse .duo-media{order:0}
  .hero{padding-block:36px 56px}
  .hero-grille{gap:44px}
  .duo{gap:36px}
  .calc .gauche{border-right:0;border-bottom:1px solid var(--filet)}
  .faq-grille{gap:24px}
  .fin-boite{padding:44px 30px}
  .trois,.guides{grid-template-columns:minmax(0,1fr)}
  .pied-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav{display:none}
  .menu{display:block}
}
@media (max-width:760px){
  body{font-size:18px}
  section{padding-block:76px}
  .contenu{margin-top:40px}
  .etapes,.prix,.liste-fonctions{grid-template-columns:minmax(0,1fr)}
  .faits .wrap{grid-template-columns:minmax(0,1fr)}
  .faits .wrap>div{border-left:0;padding:18px 0;border-top:1px solid var(--filet)}
  .faits .wrap>div:first-child{border-top:0}
  .photo.large{aspect-ratio:4/3}
  .collant{display:block}
  footer{padding-bottom:96px}
}
@media (max-width:440px){
  .wrap{padding-inline:16px}
  .ligne-form{flex-direction:column;padding:6px}
  .inscr .btn{width:100%}
  .app-corps{padding:20px 16px 16px}
  .app-ligne{padding:12px;font-size:16px;gap:10px}
  .calc .gauche,.calc .droite{padding:22px}
  .offre{padding:26px}
  .pied-grille{grid-template-columns:minmax(0,1fr)}
}

/* assistant IA (15/10/2026) */
.surtitre-ia{display:inline-flex;align-items:center;gap:8px;background:var(--accent-doux);border-radius:99px;padding:4px 14px 4px 4px}


.ia-puce{flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent);display:grid;place-items:center}
.ia-puce svg{width:15px;height:15px;fill:#fff;stroke:none}
.app-ligne.ia-ligne{border-color:var(--accent);background:var(--accent-doux)}
.app-ligne .lib small{display:block;font-size:14.5px;color:var(--texte2);margin-top:1px}
.ia{display:grid;gap:14px}
.ia-carte{background:var(--carte);border:1px solid var(--filet);border-radius:24px;padding:24px;box-shadow:0 1px 2px rgba(27,31,29,.04),0 40px 70px -40px rgba(27,31,29,.32)}
.ia-tete{display:flex;align-items:center;gap:12px;font-size:17.5px}
.ia-tete b{font-weight:500;flex:1}
.ia-champs{margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ia-champs div{border:1px solid var(--filet);border-radius:12px;padding:10px 14px}
.ia-champs dt{font-size:14.5px;color:var(--texte2)}
.ia-champs dd{margin:2px 0 0;font-size:17px;font-weight:500}
.ia-champs .num{font-family:var(--mono);letter-spacing:-.02em}
.ia-lien{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--accent-doux);color:var(--accent-fonce);font-size:16.5px;font-weight:500}
.ia-lien .icone{width:30px;height:30px}
.ia-bulle{margin:0;font-size:17px;line-height:1.45;padding:12px 16px;border-radius:18px;max-width:88%}
.ia-bulle.moi{justify-self:end;background:var(--encre);color:#fff;border-bottom-right-radius:6px}
.ia-bulle.lui{display:flex;gap:12px;align-items:flex-start;background:var(--carte);border:1px solid var(--filet);border-bottom-left-radius:6px}
.ia-note{font-size:16.5px!important;margin-top:22px!important}
.ia-note b{color:var(--encre);font-weight:500}
@media (max-width:640px){.ia-carte{padding:18px}.ia-champs{gap:8px}.ia-bulle{max-width:96%;font-size:16px}}
/* IA encore plus en avant (15/10/2026) */
.hero h1 .ia-mot{font-style:normal;color:var(--accent)}
.bande-ia{background:var(--encre);color:#fff}
.bande-ia h2{color:#fff;font-size:clamp(36px,4.6vw,60px)}
.bande-ia .duo p{color:#C9CFCC}
.bande-ia .coches li{color:#fff}
.bande-ia .coches li::before{background-color:#E3EFE8}
.bande-ia .surtitre-ia{background:#E3EFE8}
.bande-ia .ia-note b{color:#fff}
.bande-ia .lien{color:#9FD7BE}
.bande-ia .legende{color:#A7AEAA}
.bande-ia .ia-carte{border-color:transparent;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.bande-ia .ia-bulle.moi{background:#fff;color:var(--encre)}
.bande-ia .ia-bulle.lui{border-color:transparent;color:var(--encre)}
.nav a[href="/#assistant"]{color:var(--accent);font-weight:500}
.bande-ia .ia-carte,.bande-ia .ia-carte dd{color:var(--encre)}
.pastille b{white-space:nowrap}
@media (min-width:901px){.hero-grille{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:48px}.hero h1{font-size:clamp(42px,4.6vw,66px)}} /* titre du héros sur 2 lignes (Chris, 15/10) */