html,body{min-height:100%;margin:0;background:#02070f}
html{scrollbar-gutter:stable}
#stage{position:fixed;inset:0;width:100%;height:100dvh;z-index:100000;isolation:isolate;overflow:hidden;background:#030712}
#stage.is-done{display:none}
#stage.is-playing.is-revealing{background:transparent}
#stage .demo-intro,#stage .rush-layer{position:absolute;inset:0}
#stage .grid-skin{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(70,139,207,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(70,139,207,.14) 1px,transparent 1px);background-size:60px 60px}
#stage .original-enter{font-family:Manrope,Arial,sans-serif;cursor:pointer}
#stage .original-enter:focus-visible{outline:2px solid #d9f1ff;outline-offset:5px}
#approved-home .site-footer{position:relative}
#approved-home h1[tabindex="-1"]:focus{outline:none}
@media(max-width:920px){#approved-home .phone{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}}


/* Match the logo's 74px header and 24px left inset on the main pages. */
@media(max-width:920px){
  .home-mobile-header{position:fixed;top:0;left:0;width:100%;height:74px;z-index:1000;display:flex;align-items:center;padding:0 24px;box-sizing:border-box;pointer-events:none;background:transparent}
  .home-mobile-logo{display:flex;align-items:center;pointer-events:auto}
  .home-mobile-logo img{display:block;width:auto;height:75px;max-height:75px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(74,144,217,.8)) drop-shadow(0 0 24px rgba(26,58,110,.6))}
}

/* Approved HEARD wordmark over the existing animated wave. */
/* The selected image is unchanged; blue glow is applied separately. */
#stage .opener-wordmark{position:absolute;z-index:2;left:50%;bottom:calc(50% + 90px);width:min(63vw,585px);transform:translateX(-50%);pointer-events:none}
#stage .opener-wordmark img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 8px rgba(74,144,217,.38)) drop-shadow(0 0 24px rgba(74,144,217,.2))}
@media(max-width:920px){#stage .opener-wordmark{width:min(70.2vw,324px);bottom:calc(50% + 82px)}}

/* Approved mobile portrait: wider crop with headroom inside the existing circle. */
@media(max-width:920px){
  #approved-home .nine-portrait .portrait-crop img{transform:scale(1);object-position:center top}
}