.hero-accueil{padding-block:112px 48px}.hero-accueil-conteneur{align-items:center;gap:40px;display:grid}.hero-accueil-texte,.hero-accueil-scene{min-width:0}.hero-accueil h1{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08}.hero-accueil .btn-base{white-space:normal;max-width:100%}.hero-accueil .btn-base svg{flex-shrink:0}.scene-accueil{flex-direction:column;min-height:420px;display:flex}.scene-accueil-entete{border-block:1px solid var(--t-rule);align-items:center;gap:12px;min-height:80px;padding-block:12px;display:flex}.scene-accueil-repere{height:44px;color:var(--t-blue);border:1px solid var(--t-rule-strong);font-family:var(--font-mono);flex:0 0 44px;place-items:center;font-size:.875rem;display:grid}.scene-accueil-titre{color:var(--t-blue-deep);font-weight:600;line-height:1.4}.scene-accueil-detail{color:var(--t-ink-3);margin-top:4px;font-size:.8125rem;line-height:1.5}.scene-accueil-outils{flex-shrink:0;margin-left:auto;display:flex}.scene-accueil-outils button{width:44px;height:44px;color:var(--t-blue);place-items:center;display:grid}.scene-accueil-outils button:hover{background:var(--t-surface-alt)}.scene-accueil-vue{flex:1;min-height:300px;position:relative}.scene-accueil-geste{pointer-events:none;color:var(--t-ink-3);font-size:.75rem;position:absolute;bottom:12px;left:0}.scene-accueil-etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.scene-accueil-etapes button{border-top:2px solid var(--t-rule);min-height:56px;color:var(--t-ink-3);justify-content:center;align-items:center;gap:8px;font-size:.875rem;transition:color .18s,border-color .18s,background-color .18s;display:flex}.scene-accueil-etapes button span{font-family:var(--font-mono);font-size:.75rem}.scene-accueil-etapes button[aria-pressed=true]{color:var(--t-blue-deep);border-color:var(--t-red);background:var(--t-surface);font-weight:600}.scene-accueil-etapes button:hover:not(:disabled){background:var(--t-surface-alt);color:var(--t-blue)}.scene-accueil-etapes button:disabled{cursor:default}@media (max-width:639px){.scene-accueil-repere{display:none}.scene-accueil-detail{max-width:26ch}.scene-accueil-etapes button{gap:4px;font-size:.8125rem}}@media (min-width:640px){.hero-accueil{padding-top:144px}.scene-accueil{min-height:500px}}@media (min-width:1024px){.hero-accueil{padding-block:160px 64px}.hero-accueil-conteneur{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:48px}.scene-accueil{min-height:560px}}