/* CRO: targeted copy, conversion blocks and CTA motion. */
.hero-tagline{font-family:var(--display);font-size:28px;line-height:1.12;letter-spacing:.1px;max-width:560px;margin-bottom:17px}
.hero-tagline span{color:#fff}
.hero .cta-note{font-size:11px;color:#d8dbe0;margin-top:16px}
.conversion-band{margin-top:26px;padding:30px 32px;background:#171a21;border:1px solid #ffffff14;border-left:3px solid var(--red);display:flex;align-items:center;justify-content:space-between;gap:40px}
.conversion-band h3,.sports-invite h3{font-size:29px;letter-spacing:0;line-height:1.1;margin:0 0 10px}
.conversion-band p{max-width:560px;font-size:12px;line-height:1.85;color:var(--gray);margin:0}
.conversion-band .cta{flex:none;font-size:18px;gap:17px}
.sports-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;margin-top:28px;border-top:1px solid #ffffff1e}
.sports-invite p{font-size:12px;color:var(--gray);margin:0}
.sports-invite .cta{flex:none;font-size:18px}
.connection-copy .connection-punch{border-left:3px solid var(--red);padding-left:17px;margin-block:25px}
.connection-copy .connection-punch strong{font-family:var(--display);font-size:25px;font-weight:700;line-height:1.15;letter-spacing:.1px}
.connection-copy .cta{font-size:17px;gap:13px}
.final-section p:not(.eyebrow){max-width:610px;margin-inline:auto;line-height:1.9}
@keyframes jogoGringaPulse{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(237, 28, 36, 0.4),0 5px 22px rgba(237,28,36,.12)}
  50%{transform:scale(1.035);box-shadow:0 0 24px 8px rgba(237, 28, 36, 0.4),0 0 0 10px rgba(237,28,36,.08)}
  100%{transform:scale(1);box-shadow:0 0 34px 17px rgba(237,28,36,0),0 0 0 18px rgba(237,28,36,0)}
}
a.cta--pulse{animation:jogoGringaPulse 2.6s ease-in-out infinite;transform-origin:center;position:relative}
a.cta--pulse[data-pulse-visible="false"],a.cta--pulse[data-page-hidden="true"]{animation-play-state:paused}
@media(max-width:1050px) and (min-width:721px){.conversion-band{gap:24px;padding:26px 24px}.conversion-band>div{max-width:52%}.conversion-band h3,.sports-invite h3{font-size:26px}.conversion-band .cta,.sports-invite .cta{font-size:16px;padding-inline:17px;gap:12px}}
@media(max-width:720px){
  .hero-tagline{font-size:25px;max-width:340px;line-height:1.14;margin-bottom:15px}
  .hero-tagline span{display:block}
  .hero .cta{min-height:60px;font-size:18px}
  .hero .cta span{text-align:center}
  .hero .cta-note{font-size:9px;max-width:none;margin-top:14px}
  .conversion-band{margin-top:23px;padding:25px 21px 28px;gap:24px;flex-direction:column;align-items:stretch}
  .conversion-band h3,.sports-invite h3{font-size:29px;line-height:1.08}
  .conversion-band p,.sports-invite p{font-size:11px;line-height:1.85}
  .conversion-band .cta,.sports-invite .cta{font-size:18px;gap:12px;padding-inline:16px;min-height:58px}
  .sports-invite{align-items:stretch;flex-direction:column;gap:23px;margin-top:25px;padding-top:27px}
  .connection-copy .connection-punch strong{font-size:27px}
  .connection-copy .cta{font-size:18px}
  .final-section p:not(.eyebrow){max-width:330px}
  .final-section .cta{font-size:18px}
  /* The fixed mobile invitation is the sole animated CTA in this viewport. */
  a.cta--pulse:not(.cta--fixed){animation:none;transform:none}
  .mobile-bar{padding:12px 20px calc(12px + env(safe-area-inset-bottom));}
  .mobile-bar a.cta--fixed{min-height:50px;font-size:19px;animation-name:jogoGringaPulse}
  .footer{padding-bottom:calc(118px + env(safe-area-inset-bottom))}
  html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:374px){.hero-tagline{font-size:23px}.hero .cta,.connection-copy .cta,.final-section .cta{font-size:16px}.conversion-band .cta,.sports-invite .cta{font-size:16px}.conversion-band h3,.sports-invite h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){
  a.cta--pulse,a.cta--pulse:hover{animation:none!important;transform:none!important;box-shadow:0 6px 24px rgba(237,28,36,.07)}
}