/* Onglets "univers" sous l'introduction */
.hero .hero-inner{padding-bottom:44px}
.universes{max-width:1240px;margin:0 auto;padding:0 32px 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.uni{display:flex;flex-direction:column;gap:2px;padding:16px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#f7f1e8;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;position:relative}
.uni b{font-size:1rem;letter-spacing:-.01em}
.uni span{font-size:.82rem;color:#b8ada0}
.uni::after{content:"\2192";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--ember-l);font-weight:800}
.uni:hover{background:rgba(255,255,255,.1);border-color:var(--ember);transform:translateY(-2px)}
.uni.active{background:var(--ember);border-color:var(--ember);color:var(--ink)}
.uni.active span{color:rgba(20,17,15,.75)}
.uni.active::after{content:"\2193";color:var(--ink)}
.page-hero .hero-inner{padding-bottom:36px}
@media (max-width:900px){
  .universes{grid-template-columns:1fr;padding:0 22px 36px;gap:10px}
  .uni{padding:14px 18px}
}
/* Hero compact : les trois univers restent visibles sans faire défiler */
.hero:not(.page-hero) .hero-inner{padding-top:48px;padding-bottom:30px}
.hero:not(.page-hero) h1{font-size:clamp(2.3rem,4.6vw,3.8rem);margin-bottom:16px}
.hero:not(.page-hero) .lead{margin-bottom:22px}
.hero:not(.page-hero) .hero-cta{margin-bottom:0}
.hero:not(.page-hero) .hero-trust{display:none}
.hero:not(.page-hero) .hero-art svg{width:min(290px,70%)}
@media (max-width:900px){
  .hero:not(.page-hero) .hero-inner{padding-top:26px;padding-bottom:22px}
  .hero:not(.page-hero) .hero-art{display:none}
  .hero:not(.page-hero) .lead{font-size:1rem}
}