.hero{text-align:center;padding-top:clamp(36px,6vh,64px);padding-bottom:clamp(28px,4vh,48px)}.hero .kicker{letter-spacing:.1em;margin-bottom:20px;font-size:clamp(19px,3.4vw,34px);line-height:1.2}.hero-titre{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(36px,5.5vw,64px);font-style:normal;font-weight:800;line-height:1.02}.hero-sous-titre{font-family:var(--font-lecture);color:var(--ink-soft);max-width:640px;margin:0 auto 26px;font-size:clamp(16px,2vw,19px);font-style:normal;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.accueil-besoins{margin-bottom:14px}.accueil-tout{text-align:center;margin:6px 0 4px}.accueil-tout a{font-family:var(--font-mono);letter-spacing:.04em;color:var(--olive);font-size:13px;text-decoration:none;transition:color .15s}.accueil-tout a:hover{color:var(--ink)}.section-demo{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(36px,5vw,80px);padding-block:clamp(32px,5vh,64px) clamp(44px,7vh,88px);display:grid}@media (width<=980px){.section-demo{grid-template-columns:1fr;gap:32px}}.demo-explication .kicker{margin-bottom:14px}.demo-titre{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.1}.demo-etapes{counter-reset:etape;flex-direction:column;gap:14px;max-width:46ch;margin:0 0 28px;padding:0;list-style:none;display:flex}.demo-etapes li{counter-increment:etape;font-family:var(--font-lecture);color:var(--ink-soft);grid-template-columns:30px 1fr;column-gap:12px;font-size:16px;line-height:1.55;display:grid}.demo-etapes li:before{content:counter(etape, decimal-leading-zero);font-family:var(--font-mono);font-size:13px;line-height:inherit;color:var(--olive);padding-top:1px}.demo-etapes strong{color:var(--ink);font-weight:600}.demo-etapes mark{color:inherit;background:#b8923340;border-radius:3px;padding:0 3px}.demo-reassurance{font-family:var(--font-lecture);color:var(--olive);max-width:44ch;margin:0;font-size:15px;font-style:italic;line-height:1.6}.demo-carte{background:var(--card-solid);border:1px solid var(--line);border-radius:var(--r-card);padding:clamp(20px,3vw,32px)}.demo-carte-titre{letter-spacing:-.02em;margin:10px 0 18px;font-size:clamp(20px,2.2vw,26px);font-weight:800;line-height:1.15}.demo-champs{grid-template-columns:1fr;max-width:420px}.demo-apercu{max-height:280px;overflow-y:auto}.demo-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.demo-bloc{min-width:0}.demo-carte{transition:opacity .22s}.demo-carte.demo-fade{opacity:0}.demo-points{justify-content:center;gap:9px;margin-top:16px;display:flex}.demo-point{cursor:pointer;background:var(--line);border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.demo-point:hover{background:var(--olive)}.demo-point.actif{background:var(--ink);transform:scale(1.2)}.demo-point:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.section-portes{border-top:1px solid var(--line);padding-top:clamp(36px,6vh,64px);padding-bottom:clamp(48px,8vh,96px)}.porte{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);padding:28px 28px 24px;text-decoration:none;transition:transform .2s;display:block}.porte:hover,.porte:focus-visible{transform:translateY(-3px);box-shadow:0 8px 28px #1a1a1a17}.porte-kicker{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--olive);margin-bottom:12px;font-size:10px}.porte-titre{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(20px,2.2vw,26px);font-weight:800;line-height:1.15}.porte-desc{font-family:var(--font-lecture);color:var(--ink-soft);margin-bottom:20px;font-size:clamp(14px,1.4vw,15px);line-height:1.6}.porte-bas{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.btn-porte{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--cream);cursor:pointer;border:0;border-radius:999px;align-items:center;padding:12px 22px;font-size:11px;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-porte:hover{opacity:.85}.dots-domaines{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}@media (width<=640px){.porte{padding:22px 20px 18px}}