/* ===== DESKTOP ===== */
html,body{height:100svh;overflow:hidden;background:#FFFFFF!important}
body{display:flex;flex-direction:column;min-height:0}
#nav{flex:none;background:rgba(255,255,255,.85)!important}
.hero,.clients{background:#FFFFFF}
.nav-toggle,.nav-drawer,.to-top,#rail{display:none!important}
.nav-links{display:flex!important}
.hero{flex:1 1 auto;min-height:0!important;padding-top:5.4rem!important;padding-bottom:.2rem!important;border:0!important;box-shadow:none!important}
.hero-copy{padding-left:clamp(4rem,10vw,13rem)}
/* every panel/outline layer in the hero: dead */
.hero-inner::before,.hero-inner::after,.la-stage,.la-stage::before,.la-stage::after{display:none!important;border:0!important;box-shadow:none!important}
.hero-inner{border:0!important;box-shadow:none!important;background:transparent!important;outline:0!important}
.hero h1{font-size:clamp(2rem,3.9vw,3.25rem)}
.hero .sub{font-size:clamp(.98rem,1.15vw,1.1rem);margin-top:1.1rem!important}
.hero .cta-row{margin-top:1.6rem!important}
.hero .cta-row .btn{font-size:.86rem;padding:.66rem 1.35rem}
.hero-vid{border:0!important;border-radius:0!important;box-shadow:none!important;transform:scale(.53);transform-origin:60% 50%}
.hero-vid::before,.hero-vid::after{display:none!important}
.hero-vid{-webkit-mask-image:radial-gradient(closest-side at 55% 50%,#000 30%,transparent 76%);mask-image:radial-gradient(closest-side at 55% 50%,#000 30%,transparent 76%)}
/* logo wall: lifted, airy, completely non-reactive */
.clients{flex:none;border:0!important;padding:0 0 clamp(7rem,20vh,15rem);margin-top:-1rem}
.clients .lab{margin-bottom:1.5rem}
.marq{overflow:visible;-webkit-mask-image:none;mask-image:none}
.marq-track{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.6rem;animation:none!important;transform:none!important}
.lrow{display:flex;justify-content:center;align-items:center;gap:clamp(2.6rem,4.4vw,4rem)}
.clients .marq-track img,.clients .marq-track img:hover,.clients .marq img,.clients .marq img:hover{
  height:20px!important;width:auto;opacity:.55!important;filter:grayscale(1)!important;
  transition:none!important;transform:none!important;background:none!important;content:normal!important}
.clients .marq-track img.cl-replit{height:16px!important}
.clients .marq-track img.cl-polymarket{height:23px!important}
.clients .marq-track img.cl-coderabbit{height:19px!important}
.clients .marq-track img.cl-superpower{height:15px!important}
.clients .marq-track img.cl-magiceden{height:26px!important}
.clients .marq-track img.cl-prizepicks{height:22px!important}
.clients .marq-track img.cl-sanctum{height:26px!important}
.clients .marq-track img.cl-getjacked{height:15px!important}
.clients .marq-track img.cl-force{height:19px!important}
.clients .marq-track img.cl-cloud{height:26px!important}
.clients .marq-track img.cl-gs{height:28px!important}
@media (max-height:640px){html,body{height:auto;overflow:auto}}

/* ===== PHONE ===== */
@media (max-width:760px){
  html,body{height:100svh;overflow:hidden;background:#FFFFFF!important}
  body{display:flex;flex-direction:column;justify-content:flex-start;min-height:100svh}
  body::before,#bgWaves,.la-stage{display:none!important}
  #nav{display:none!important}
  .hero{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:8.5rem var(--gutter,1.25rem) 0!important}
  .la-stage,.hero-mark{display:none!important}
  .hero-inner{display:flex!important;flex-direction:column;align-items:center;width:100%;min-height:0!important}
  /* mini 3D logo: deeper crop so the frame edge never shows */
  .hero-vid{display:none!important}
  .hero-copy{display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important;padding:0!important}
  .hero h1{font-size:clamp(1.45rem,6.2vw,1.8rem)!important;max-width:none!important;margin:0 auto}
  .hero .sub{font-size:.84rem!important;max-width:31ch;margin-left:auto;margin-right:auto}
  .cta-row{margin-top:1.5rem!important;gap:.7rem!important;justify-content:center!important;flex-wrap:nowrap}
  .cta-row .btn{flex:0 1 auto!important;min-width:118px;justify-content:center;text-align:center;font-size:.72rem!important;padding:.55rem 1rem!important}
  /* clients: pushed a good chunk lower, bigger and airier, wraps into rows */
  .clients{flex:none;padding:min(9svh,4.5rem) 0 0!important;border:0!important;margin-top:0}
  .clients .lab{font-size:.56rem!important;letter-spacing:.16em;margin-bottom:.9rem!important}
  .marq-track{gap:1rem!important;padding:0 1.4rem}
  .lrow{gap:.95rem!important;flex-wrap:nowrap;justify-content:center;max-width:none;margin:0 auto}
  .clients .marq-track img,.clients .marq-track img:hover{height:9px!important}
  .clients .marq-track img.cl-replit{height:7px!important}
  .clients .marq-track img.cl-polymarket{height:10px!important}
  .clients .marq-track img.cl-coderabbit{height:9px!important}
  .clients .marq-track img.cl-superpower{height:7px!important}
  .clients .marq-track img.cl-magiceden{height:12px!important}
  .clients .marq-track img.cl-prizepicks{height:10px!important}
  .clients .marq-track img.cl-sanctum{height:12px!important}
  .clients .marq-track img.cl-getjacked{height:7px!important}
  .clients .marq-track img.cl-force{height:9px!important}
  .clients .marq-track img.cl-cloud{height:12px!important}
  .clients .marq-track img.cl-gs{height:13px!important}
  @media (max-height:560px){html,body{height:auto;overflow:auto}}
}
/* main typeface on every control */
.btn,button,.link,.lab,.nav-links a{font-family:'Ubuntu',system-ui,sans-serif!important}