.hero { position: relative; display: flex; align-items: center; min-height: 100vh; min-height: 100svh; padding: 120px 0 60px; overflow: hidden; }
.hero .container { position: relative; }
.hero__grid { position: relative; }
.hero__texto { position: relative; z-index: 1; max-width: min(900px, 68vw); }
.hero__eyebrow { margin-bottom: var(--space-5); color: var(--text-faint); }
.hero .c-roxo { color: var(--wp-purple); }
.hero .c-teal { color: var(--wp-teal); }
.hero__txt { max-width: 540px; margin: 44px 0 36px; color: var(--text-secondary); }

/* Sublinhado laranja que se desenha */
.risco { position: relative; display: inline-block; white-space: nowrap; }
.risco svg { position: absolute; left: -2%; bottom: -0.34em; width: 104%; height: 0.3em; overflow: visible; }
.risco path { fill: none; stroke: var(--wp-orange); stroke-width: 7; stroke-linecap: round; stroke-dasharray: 600; stroke-dashoffset: 600; animation: risca 1.1s 0.9s cubic-bezier(0.6, 0, 0.2, 1) forwards; }
@keyframes risca { to { stroke-dashoffset: 0; } }

/* Símbolo grande, translúcido, que só flutua */
.hero__palco { position: absolute; right: -14%; top: 55%; translate: 0 -50%; width: min(38vw, 560px); aspect-ratio: 1.15; z-index: 0; pointer-events: none; }
.hero__forma { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; opacity: 0; animation: forma-entra 1.6s 0.2s ease forwards; }
.hero__forma img { width: 100%; height: auto; rotate: -12deg; scale: 0.84; animation: forma-gira 2.2s 0.2s var(--ease-standard) forwards, flutua-topo 10s 2.4s ease-in-out infinite; }
@keyframes forma-entra { to { opacity: 0.5; } }
@keyframes forma-gira { to { rotate: 0deg; scale: 1; } }
@keyframes flutua-topo { 0%, 100% { transform: translate(0, 0) rotate(0); } 33% { transform: translate(-8px, -16px) rotate(1.5deg); } 66% { transform: translate(6px, -6px) rotate(-1deg); } }

.hero__provas { display: flex; flex-wrap: wrap; gap: 10px 34px; margin-top: 64px; padding-top: 26px; border-top: 1px solid var(--border-default); position: relative; z-index: 1; }
.hero__prova { display: flex; align-items: baseline; gap: 10px; color: var(--text-secondary); font-size: 0.95rem; }
.hero__prova b { font: var(--fw-semibold) 1.5rem/1 var(--font-display); letter-spacing: var(--ls-heading); color: var(--text-heading); }

@media (max-width: 980px) {
  .hero { padding-top: 110px; }
  .hero__texto { max-width: none; }
  .hero__palco { position: relative; right: auto; top: auto; translate: none; width: 92%; max-width: 460px; margin: 0 0 0 auto; }
  .hero__grid { display: flex; flex-direction: column-reverse; gap: 10px; }
}
@media (max-width: 560px) { .risco { white-space: normal; } }
@media (prefers-reduced-motion: reduce) {
  .hero__forma { opacity: 0.5; }
  .hero__forma img { rotate: 0deg; scale: 1; }
  .risco path { stroke-dashoffset: 0; }
}