/* VS_SCROLL_AUTH_009 (marketing) */
:root{ --vs-scrollbar-w: 12px; }

html, body{
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden !important;          /* browser scrollbar OFF */
  background:#000 !important;
  color:#fff !important;
  font-family:"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
}

.vs-mkt-page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

#vsHeaderMount,#vsFooterMount{ flex:0 0 auto; }

/* Single scroll host between header/footer */
.vs-mkt-scroll-shell{
  flex:1 1 auto;
  width:100%;
  overflow-y:auto !important;          /* thumb shows only when needed */
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scrollbar-gutter: stable;
  background:transparent;
}
/* Debug borders ON */

/* VS_SCROLL_NOHF_010 (marketing) */
/* VS-MKT-FRAME-019C: removed frame lines count=2 */

/* VS-MKT-HIW-023 */
/* Make HIW content transparent over black */
html, body { background: #000 !important; }
.vs-mkt-scroll-shell > main,
main.vs-main,
.vs-shell,
.vs-content {
  background: transparent !important;
}

/* VS-MKT-HIW-FINAL-028 */
/* How It Works: transparent content, window-edge scrollbar, centered container */

html, body {
  background: #000 !important;
}

/* Remove dark grey slabs */
.vs-mkt-scroll-shell > main,
main.vs-main,
.vs-shell,
.vs-content {
  background: transparent !important;
}


/* Scroll shell must not constrain width */
.vs-mkt-scroll-shell {
  width: 100% !important;
  max-width: none !important;
}

/* Center content */
:root {
  --vs-container-max: 1360px;
  --vs-container-pad: 28px;
}

.vs-mkt-scroll-shell > main,
main.vs-main {
  max-width: var(--vs-container-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--vs-container-pad) !important;
  padding-right: var(--vs-container-pad) !important;
}

/* Transparent scrollbar track */
::-webkit-scrollbar-track {
  background: transparent !important;
}

/* VS-MKT-HIW-OVERRIDE-029 */
/*
  Why: HIW still shows grey slab + inner scrollbar even though 028 marker is served.
  This block targets the likely actual scroll host/wrappers and forces:
  - window scroll (html/body)
  - transparent content wrappers over black
  - neutralize inner overflow:auto/scroll on HIW wrappers
*/


/* Kill inner scroll hosts (most common reason scrollbar sits near content) */
.vs-mkt-scroll-shell,
.vs-mkt-scroll-shell > main,
main.vs-main,
.vs-shell,
.vs-content,
.vs-page,
.vs-wrap {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
}

/* Remove grey slab fills */
.vs-mkt-scroll-shell > main,
main.vs-main,
.vs-shell,
.vs-content,
.vs-page,
.vs-wrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* If HIW uses a section wrapper with panel/card background, force the OUTER wrapper transparent only */
section, article, main {
  background: transparent !important;
}

/* Keep scrollbar gutter visually clean */
::-webkit-scrollbar-track { background: transparent !important; }


/* VS-MKT-HIW-030 */
/* Scope fixes ONLY to HIW wrapper via data-vs-hiw attribute */

/* 1) Remove the grey slab coming from bg-neutral-950 on HIW wrappers */
[data-vs-hiw],
[data-vs-hiw] .bg-neutral-950,
[data-vs-hiw].bg-neutral-950 {
  background: transparent !important;
  background-color: transparent !important;
}


/* Keep black invariant behind everything */
html, body{
  height: 100% !important;
  overflow: hidden !important;
}

/* Scroll owner between header and footer */
.vs-mkt-scroll-shell{
  flex: 1 1 auto;
  min-height: 0 !important;
  width: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
}
VS_MKT_SCROLLBAR_BODY_OFF_V002 */


/* VS_MKT_SCROLLBAR_FIX_V004
   Force browser scroll OFF (prevents full-window scrollbar).
   Marketing scroll must occur inside the scroll shell between header and footer.
*/

/* VS_SCROLLBAR_CUSTOM_SHELL_V001
   Guard: never allow browser scroll on marketing.
*/

/* VS_MKT_LANDING_SCROLL_OWNER_V001
   Canonical shell behavior for marketing landing:
   - Browser scroll OFF
   - Single scroll owner: .vs-mkt-scroll-shell
   - Custom scrollbar only on the scroll owner
*/

/* Apply custom scrollbar only to the marketing scroll owner */
.vs-mkt-scroll-shell::-webkit-scrollbar{ width: 12px !important; }
.vs-mkt-scroll-shell::-webkit-scrollbar-track{
  background: linear-gradient(to left, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.00) 100%) !important;
}
.vs-mkt-scroll-shell::-webkit-scrollbar-thumb{
  background-color: #EFE521 !important;
  border-radius: 9999px !important;
  border: 0 !important;
  background-clip: border-box !important;
}
VS_MKT_LANDING_SCROLL_OWNER_V001 */


/* VS_HIW_SCROLLBAR_STANDARD_V001
   Single global scrollbar standard (HIW):
   - Browser scroll OFF
   - Scroll owners:
     - .vs-scroll-shell (global shell)
     - .vs-mkt-scroll-shell (marketing wrapper)
   - Custom yellow scrollbar, width 12px
*/
html, body{
  height: 100% !important;
  overflow: hidden !important;
}

.vs-scroll-shell,
.vs-mkt-scroll-shell{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin;
  scrollbar-color: #EFE521 rgba(0,0,0,0);
}

.vs-scroll-shell::-webkit-scrollbar,
.vs-mkt-scroll-shell::-webkit-scrollbar{
  width: 12px !important;
}

.vs-scroll-shell::-webkit-scrollbar-track,
.vs-mkt-scroll-shell::-webkit-scrollbar-track{
  background: linear-gradient(to left, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.00) 100%) !important;
}

.vs-scroll-shell::-webkit-scrollbar-thumb,
.vs-mkt-scroll-shell::-webkit-scrollbar-thumb{
  background-color: #EFE521 !important;
  border-radius: 9999px !important;
  border: 0 !important;
  background-clip: border-box !important;
}
VS_HIW_SCROLLBAR_STANDARD_V001 */


/* VS_LAYOUT_SHELL_V001_MKT_OVERRIDE_BEGIN
   Lock decisions:
   - Browser scroll OFF
   - No body scrollbar styling
   - Only .__VS_SCROLL_OWNER__ owns scroll
*/
html, body{
  overflow: hidden !important;
}

body::-webkit-scrollbar,
body::-webkit-scrollbar-track,
body::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-button{
  all: unset !important;
}
/* VS_LAYOUT_SHELL_V001_MKT_OVERRIDE_END */