/* Home: hero invertido (escuro, continua no palco do vídeo) e header mais legível. */
.hero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:112px;padding-bottom:96px;color:#fff}
.hero::before{content:"";position:absolute;z-index:-1;inset:-120px calc(50% - 50vw) 0;background:radial-gradient(60% 55% at 50% 62%,rgba(194,24,91,.2),rgba(194,24,91,0) 70%),#050505}
.nav{background:rgba(255,255,255,.96)}
.hero-kicker{color:rgba(255,255,255,.62)}
.hero .hero-title{color:#fff}
.hero .hero-title em{color:#ff6fa5}
.hero-lead{color:rgba(255,255,255,.74)}
.hero .button-outline{color:#fff;border-color:rgba(255,255,255,.4);background:transparent}
.hero .button-outline:hover{background:rgba(255,255,255,.1)}
.hero .scroll-indicator{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);margin:0;gap:0;font-size:0;color:#ff6fa5}
.hero .scroll-indicator .icon{width:28px;height:28px}
.stage{height:auto;min-height:0;padding:48px var(--pad) 96px}
.stage::before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:260px;background:linear-gradient(#050505,rgba(5,5,5,.7) 40%,rgba(5,5,5,0));pointer-events:none}
.stage-frame{z-index:1;width:min(var(--fw),1280px);height:auto;aspect-ratio:16/9;transform-origin:50% 100%}
@supports(animation-timeline:view()){
  .stage{view-timeline:--stage block}
  .stage-frame{animation:stage-rise linear both;animation-timeline:--stage;animation-range:entry 0% cover 34%}
  @keyframes stage-rise{from{transform:perspective(1600px) translateY(70px) rotateX(42deg) scale(.9);opacity:.35}to{transform:perspective(1600px) translateY(0) rotateX(0) scale(1);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.stage-frame{animation:none}}
/* sem rolagem horizontal: o fundo do hero usa 50vw, que passa da largura útil quando há barra de rolagem */
body{overflow-x:clip}
@media(min-width:801px){
  .nav{width:min(1080px,calc(100% - 40px));height:66px;padding:0 10px 0 26px;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.95);box-shadow:0 10px 40px rgba(0,0,0,.28)}
  .logo{font-size:25px}
  .nav-links{gap:4px;margin-left:40px}
  .nav-links a{padding:9px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink)}
  .nav-links a:hover{background:var(--pink-soft);color:var(--pink)}
  .nav-actions{gap:10px}
  .login{padding:9px 14px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink)}
  .login:hover{background:var(--soft)}
  .nav .button-sm{min-height:46px;padding:10px 20px;font-size:14px;font-weight:600}
}
@media(max-width:800px){.hero{padding-top:104px;padding-bottom:88px}.stage{padding:32px var(--pad) 56px}}
/* Tags de hierarquia: rótulo de seção em pílula */
.section-intro .eyebrow{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--pink-soft);color:var(--pink);font:600 11px Inter,Arial,sans-serif;letter-spacing:.12em}
.section-intro .eyebrow+h2{margin-top:18px}