/* Transparent ruby-glass artwork sits over the animated fiber surface. */
body .hero { padding-top: 64px; overflow: visible; min-height: 0; }
body .hero::before { display: none; }
body .hero-content { padding: 0; }
body .hero-layout { display: grid; grid-template-columns: 1fr 1.06fr; gap: 52px; align-items: center; min-height: 520px; }
body .hero-copy { width: auto; max-width: none; padding: 0; }
body .hero h1 { font-size: clamp(40px, 4.45vw, 64px); line-height: 1.07; font-weight: 550; letter-spacing: -2.5px; text-transform: none; margin: 0 0 24px; }
body .hero-description { font-size: 16px; line-height: 1.8; max-width: 450px; color: #b4b4bc; margin: 0 0 28px; }
body .hero-actions { gap: 20px; flex-wrap: wrap; margin: 0 0 26px; }
body .hero-actions .btn { min-height: 48px; padding: 13px 20px; font-size: 13px; }
body .hero-secondary { font-size: 11px; }
body .hero .search { width: 100%; max-width: 440px; margin-top: 0; }
body .hero .search-input-wrap { height: 52px; border-radius: 11px; padding: 0 16px; }
body .hero .search input { font-size: 13px; }
body .hero .requirements { margin-top: 16px; gap: 14px; }
body .hero .requirements span { padding: 0; border: 0; font-size: 9px; background: none; color: #82838d; }
body .hero-dashboard { margin: 0; min-height: 0; }
.hero-dashboard:has(.search-preview[hidden]) { display: none; }
.hero-dashboard .search-preview:not([hidden]) { margin-top: 32px; }
/* The full artwork is an illustration, not a product screenshot. */
.hero-art-stage { position: relative; min-width: 0; height: 510px; overflow: clip; }
.hero-controller { position: absolute; width: 108%; max-width: none; left: -6%; top: 45px; height: auto; transform: translate3d(var(--hero-x,0px),var(--hero-y,0px),0); will-change: transform; animation: gaming-drift 9s ease-in-out infinite; }
.hero-art-glow { position: absolute; inset: 15% 0 0; background: radial-gradient(ellipse at 55% 50%,rgb(var(--brand-to-rgb) / 12%),transparent 60%); mask-image: radial-gradient(ellipse at center,#000 30%,transparent 70%); }
.hero-art-flare { position: absolute; width: 90px; height: 1px; top: 31%; right: -90px; background: linear-gradient(90deg,transparent,var(--brand-from),transparent); box-shadow: 0 0 20px var(--brand-to); transform: rotate(-25deg); animation: gaming-flare 8s ease-in-out infinite; opacity: 0; pointer-events: none; }
@keyframes gaming-drift { 0%,100% { translate: 0 0; rotate: -.5deg; } 50% { translate: 0 -13px; rotate: .7deg; } }
@keyframes gaming-flare { 0%,65%,100% { opacity: 0; translate: 0 0; } 75% { opacity: .6; } 88% { opacity: 0; translate: -440px 170px; } }
.hero-art-stage.pn-motion-offscreen *, .pn-motion-paused .hero-art-stage * { animation-play-state: paused; }
body .launch-facts { margin-top: 36px; padding-block: 23px; }
body .launch-fact > .icon { color: #ee6a7f; width: 20px; height: 20px; }
@media(min-width:1500px) { body .hero-layout { gap: 60px; min-height: 570px; } .hero-art-stage { height: 570px; } }
@media(max-width:1000px) { body .hero-layout { gap: 24px; } .hero-art-stage { height: 470px; } .hero-controller { top: 40px; } }
@media(max-width:850px) {
  body .hero { padding-top: 38px; }
  body .hero-layout { grid-template-columns: 1fr; gap: 6px; }
  body .hero-copy { max-width: 600px; }
  body .hero h1 { font-size: clamp(38px,7vw,60px); }
  body .hero-actions { flex-direction: row; }
  .hero-art-stage { height: 410px; max-width: 600px; width: 100%; margin: 0 auto; }
  .hero-controller { top: 0; }
}
@media(max-width:560px) {
  body .hero h1 { font-size: clamp(34px,9vw,48px); letter-spacing: -1.7px; }
  body .hero-description { font-size: 14px; }
  body .hero-actions { gap: 16px; }
  body .hero-actions .btn { font-size: 12px; padding-inline: 16px; }
  body .hero-secondary { font-size: 10px; }
  body .hero .search input { font-size: 13px; }
  .hero-art-stage { height: 270px; margin-top: 20px; }
  body .launch-facts { gap: 17px; margin-top: 6px; }
}
@media(prefers-reduced-motion:reduce) { .hero-art-stage * { animation: none!important; transform: none!important; will-change: auto; } }