.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}}.hero-images{padding-bottom:clamp(24px,4vh,40px)}.mosaique{aspect-ratio:32/10;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:clamp(40px,7vh,72px);display:grid}.mosaique-item{background:#dcd6c9;border-radius:12px;display:block;position:relative;overflow:hidden}.mosaique-item:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mosaique-1{grid-area:1/1/3/3}.mosaique-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.mosaique-item:hover img{transform:scale(1.035)}.mosaique-modele{font-family:var(--font-mono);color:#fff;background:#141414bd;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:10px;left:10px}.mosaique-6{display:none}@media (width<=760px){.mosaique{aspect-ratio:auto;grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.mosaique-1{aspect-ratio:16/9;grid-area:auto/1/auto/3}.mosaique-item:not(.mosaique-1){aspect-ratio:16/10}.mosaique-6{display:block}}.accueil-familles{margin-bottom:clamp(40px,7vh,72px)}.familles{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:20px 14px;display:grid}.famille{color:var(--ink);border-radius:12px;align-content:start;gap:6px;text-decoration:none;display:grid}.famille:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.famille-nom{font-family:var(--font-titre);font-size:17px;font-weight:700;line-height:1.3}.famille:hover .famille-nom{text-underline-offset:3px;text-decoration:underline}.famille-n{font-family:var(--font-mono);color:var(--olive);font-size:12.5px}.kit-portes{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-bottom:clamp(44px,8vh,88px);display:grid}.kit-porte{background:var(--card-solid);border:1px solid var(--line);color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:22px 22px 46px;text-decoration:none;transition:border-color .15s;display:flex;position:relative}.kit-porte:hover{border-color:var(--ink)}.kit-porte:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.kit-porte-titre{font-family:var(--font-titre);letter-spacing:-.01em;font-size:22px;font-weight:800}.kit-porte-texte{font-family:var(--font-lecture);color:var(--ink-soft);font-size:15px;line-height:1.5}.kit-porte-fleche{color:var(--olive);position:absolute;bottom:18px;right:20px}