@import url('/design/fonts.css');

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0A0A;color:#fff;font-family:'Montserrat',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#E10600;color:#fff}
a{color:#fff;text-decoration:none}
a:hover{color:#E10600}
.ph{background:#141414;border:1px dashed #333;display:flex;align-items:center;justify-content:center;text-align:center;color:#5f5f5f;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px;line-height:1.4}
.grid-bg{background-image:linear-gradient(#141414 1px,transparent 1px),linear-gradient(90deg,#141414 1px,transparent 1px);background-size:52px 52px}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
@keyframes logoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lc-i{display:inline-block}
.lc-i::first-letter{text-transform:lowercase}
.flow-node{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.flow-in .flow-node{opacity:1;transform:translateY(0)}
.flow-in .flow-node:nth-of-type(1){transition-delay:.05s}
.flow-arrow path{transition:stroke-dashoffset .7s ease}
.flow-steps{flex-wrap:nowrap}
.flow-node > div:last-child{max-width:100%!important}
.flow-arrow{width:44px}
@media (max-width:760px){
  .flow-steps{flex-direction:column!important;flex-wrap:wrap!important}
  .flow-arrow{transform:rotate(90deg);margin:4px 0!important}
}
.flow-in .flow-arrow[data-i="0"] path{stroke-dashoffset:0!important;transition-delay:.5s}
.flow-in .flow-arrow[data-i="1"] path{stroke-dashoffset:0!important;transition-delay:1.05s}
.flow-in .flow-arrow[data-i="2"] path{stroke-dashoffset:0!important;transition-delay:1.6s}
.logo-marq{display:flex;align-items:center;width:max-content;animation:logoScroll 32s linear infinite}
.logo-marq img{margin-right:88px}
.logo-marq:hover{animation-play-state:paused}
.nav-burger{display:none}
.nav-burger{margin-left:14px;flex:0 0 auto}
@media (min-width:981px){.nav-panel{display:none!important}}

img{max-width:100%}
/* ---------- responsive ---------- */
@media (max-width:1180px){
  .games-grid{grid-template-columns:repeat(3,1fr)!important}

  .nav-links{gap:24px!important}
  .hero-copy h1{font-size:82px!important}
  .spot-title{font-size:54px!important}
}
@media (max-width:980px){
  .nav{padding:0 24px!important;height:66px!important}
  .nav-links{gap:14px!important}
  .nav-links > a:not(:last-child){display:none!important}
  .nav-burger{display:flex!important}
  .hero-inner{padding:0 24px 72px!important}
  .hero-copy h1{font-size:60px!important}
  .spot-grid{grid-template-columns:1fr!important;padding:64px 24px!important;gap:40px}
  .spot-title{font-size:48px!important}
  .spot-art{width:min(360px,80vw)!important;height:min(360px,80vw)!important}
  .pillars-grid{grid-template-columns:1fr!important;gap:40px}
  .pillar-stack{width:100%!important;max-width:400px;height:340px}
  .rgs-grid{grid-template-columns:1fr!important}
  .why-grid{grid-template-columns:1fr!important;gap:40px}
  .cta-grid{grid-template-columns:1fr!important;gap:40px}
  .stats-grid{grid-template-columns:repeat(2,1fr)!important}
  .games-grid{grid-template-columns:repeat(2,1fr)!important}
  .foot-grid{grid-template-columns:1fr 1fr!important;gap:32px;padding-left:24px!important;padding-right:24px!important}
  .quote-grid{grid-template-columns:1fr!important}
  .sec{padding-left:24px!important;padding-right:24px!important}
  .proof-pad{padding:40px 24px 32px!important}
  .sec-head{flex-direction:column;align-items:flex-start!important;gap:18px}
  .tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tabs button{white-space:nowrap}
  .quote-card{padding:32px!important}
  .foot-bar{padding-left:24px!important;padding-right:24px!important}
}
@media (max-width:640px){
  .hero-copy h1{font-size:42px!important}
  .hero-copy p{font-size:15px!important}
  .edge-phone{width:min(300px,80vw)!important;height:auto!important;aspect-ratio:9/16}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta a{justify-content:center}
  .spot-title{font-size:38px!important}
  .spot-specs{flex-wrap:wrap;gap:22px!important}
  .proof-head{font-size:26px!important}
  .games-grid{grid-template-columns:1fr!important}
  .stats-grid{grid-template-columns:1fr!important}
  .foot-grid{grid-template-columns:1fr!important}
  .logo-marq img{margin-right:52px}
  h2{font-size:34px!important}
}


[data-hv="hv1"]:hover{transform:translateY(-8px) scale(1.03) !important;border-color:#E10600 !important;box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(225,6,0,.25) !important}
[data-hv="hv2"]:hover{opacity:1 !important}
[data-hv="hv3"]:hover{transform:translateY(-4px) scale(1.04) !important;box-shadow:0 12px 40px rgba(225,6,0,.65) !important}
[data-hv="hv4"]:hover{transform:translateY(-4px) scale(1.04) !important;border-color:#E10600 !important;box-shadow:0 12px 30px rgba(0,0,0,.5) !important}
[data-hv="hv5"]:hover{transform:translateY(-4px) scale(1.04) !important;box-shadow:0 12px 40px rgba(225,6,0,.6) !important}
[data-hv="hv6"]:hover{border-color:#E10600 !important;transform:translateX(3px) !important}
[data-hv="hv7"]:hover{transform:scale(1.08) !important}
[data-hv="hv8"]:hover{border-color:#E10600 !important;transform:translateY(-3px) !important}
[data-hidden="1"]{display:none !important}
[data-idx]:hover [data-hv]{opacity:1 !important}
[data-idx] [data-hv] a:hover{filter:brightness(1.12)}
#navPanel a{padding:12px 0;border-bottom:1px solid #141414;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
button{font-family:inherit}
select option{background:#0e0e0e;color:#fff}
.grecaptcha-badge{visibility:hidden}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
 .flow-node{opacity:1 !important;transform:none !important}}