html, body {
    width: 100%;
    height: auto !important;
    min-height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  html.lenis {
    height: auto;
  }

  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }

  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  .lenis.lenis-scrolling iframe {
    pointer-events: none;
  } 

  .w-editor .load-w{
    display: none;
  }	 

  .is--transitioning{
    height:100svh;
    overflow:hidden;
  }  
  
  .main-w .section:nth-child(1) [data-hero-content]{opacity:0;}
  .w-editor .main-w .section:nth-child(1) [data-hero-content]{opacity:1;}

	#navContainer{transform: translate(0px, -300%)}
  .w-editor #navContainer{transform: translate(0px, 0%)}

/* ─────────────────────── */

.home-logo-letter-el.is--t { width: 9.02em; }
.home-logo-letter-el.is--r { width: 9.78em; }
.home-logo-letter-el.is--e { width: 7.54em; }
.home-logo-letter-el.is--n { width: 10.9em; }
.home-logo-letter-el.is--d { width: 9.82em; }
.home-logo-letter-el.is--i { width: 4.87em; }

/* ─────────────────────── */

/* ------------------------- Scaling System by Osmo [https://osmo.supply/] -------------------------  */

:root {
  --size-unit: 16; 
  --size-container-ideal: 1440;
  --size-container-min: 992px;
  --size-container-max: 2250px;
  --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));
  --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));
}

/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-ideal: 1200;
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-ideal: 550; 
    --size-container-min: 480px;
    --size-container-max: 767px;
  }
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-ideal: 390;
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
}
  
body {font-size: var(--size-font);}
  
/* ------------------------- Hide Scrollbar -------------------------------------------------- */

body ::-webkit-scrollbar{display: none;}
body {-ms-overflow-style: none;}
html {scrollbar-width: none;} 

/* ------------------------- body -------------------------------------------------- */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html {scroll-behavior: initial;}
html, body {-webkit-font-smoothing: antialiased;}
svg {max-width: none; height: auto; box-sizing: border-box; vertical-align: middle;}
button{background: transparent; padding: 0px;}
  
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

::selection{
   background-color: black;
   color: white;
   text-shadow: none;
}

a{
	color: inherit;
	text-decoration: none;
}

textarea{
	resize: none;
}

.main-w{ --overlay: 0; }

.main-w::after{
	content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height:100%;
  background:white;
  z-index:10;
  pointer-events:none;
  opacity: var(--overlay);
}

.download-button__logo img{ width: 100%; height: 100%;}


.button-main[data-button-theme="light"] .button-main-inner__bg{
  background: var(--color--light);
  border: 0.125em solid var(--color--dark);
}

.button-main[data-button-theme="light"] .button-main-inner__text{
  color: var(--color--dark)
}  

.button-main[data-button-accent="white"]  .button-main-inner__back{ background: var(--color--light) }
.button-main[data-button-accent="blue"]   .button-main-inner__back{ background: var(--color--blue-700) }
.button-main[data-button-accent="yellow"] .button-main-inner__back{ background: var(--color--yellow-700) }
.button-main[data-button-accent="violet"] .button-main-inner__back{ background: var(--color--violet-700) }
.button-main[data-button-accent="green"]  .button-main-inner__back{ background: var(--color--green-700) }
.button-main[data-button-accent="orange"] .button-main-inner__back{ background: var(--color--orange-800) }
.button-main[data-button-accent="dark"] .button-main-inner__back{ background: var(--color--dark); color:var(--color--light); }

[data-box-theme="white"] { background: var(--color--light) !important;  }
[data-box-theme="black"] { background: var(--color--dark) !important; color: var(--color--light) !important; }
[data-box-theme="blue"]  { background: var(--color--blue-700) !important;  }
[data-box-theme="yellow"]{ background: var(--color--yellow-700) !important;  }
[data-box-theme="violet"]{ background: var(--color--violet-700) !important; }
[data-box-theme="green"] { background: var(--color--green-700)  !important; }
[data-box-theme="orange"]{ background: var(--color--orange-800) !important;  }
[data-box-theme="purple"]{ background: var(--color--purple-800) !important;  }
[data-box-theme="glacier"]{ background: #DCEEFF !important;  }

.cta-banner-inner .download-cta-el:nth-child(odd) .marquee-cta-h{ font-variation-settings: "slnt" 100; padding-right: 0.05em; }
.cta-banner-inner .download-cta-el{margin: 0 0.75em;}

@media screen and (max-width: 479px){
	.cta-banner-inner .download-cta-el{margin: 0 0.125em;}
}

html.wf-design-mode .tab-content__text{position: relative; visibility: visible;}

body:has( [data-cursor]:hover ) .cursor{ opacity: 1; }

body:has( [data-cursor="download for chrome"]:hover ) #cursorLogoChrome{display:block;}
body:has( [data-cursor="download for arc"]:hover ) #cursorLogoArc{display:block;}
body:has( [data-cursor="download for edge"]:hover ) #cursorLogoEdge{display:block;}
body:has( [data-cursor="download for brave"]:hover ) #cursorLogoBrave{display:block;}
body:has( [data-cursor="download for android"]:hover ) #cursorLogoAndroid{display:block;}
body:has( [data-cursor="download for ios"]:hover ) #cursorLogoIos{display:block;}

body:has( [data-cursor-logo]:hover ) .cursor-img__wrap{width:3.625em; height:3em;padding-right:0.625em;}
body:has( [data-cursor]:not([data-cursor-logo]):hover ) .cursor-paragraph{display:block;}

#lottie-remove-bg rect[fill="#cee6ff"]{display: none;}

[data-na-button]{display: none;}
.page-w.not-available [data-na-button]{display: flex;}
.page-w.not-available [data-download-cta]{display: none;}


[data-anim-slant] .char{display:inline-block !important; padding: 0 .1em; margin: 0 -.1em;}
[data-anim-hero] .char{display:inline-block !important; padding: 0 .1em; margin: 0 -.1em;}
.img-slider .char{display:inline-block !important; padding: 0 .1em; margin: 0 -.1em;}

.guides-detail-asset:not(:first-child){opacity: 0;}

.nav-inner-li:nth-of-type(1) .button-main.w--current .button-main-inner__bg{ background: var(--color--violet-700);}
.nav-inner-li:nth-of-type(2) .button-main.w--current .button-main-inner__bg{ background: var(--color--blue-700);}
.nav-inner-li:nth-of-type(3) .button-main.w--current .button-main-inner__bg{ background: var(--color--green-700);}
.nav-inner-li:nth-of-type(4) .button-main.w--current .button-main-inner__bg{ background: var(--color--yellow-700);}
.nav-inner-li:nth-of-type(5) .button-main.w--current .button-main-inner__bg{ background: var(--color--orange-800);}

[data-lottie-size="small"]{inset: 20%; width: auto; height: auto;}

.nav-w{
	transition: top 0.6s var(--elastic-ease-out);
}

body[data-scrolling-started="false"]:has( .main-w[data-barba-namespace="home"]) .nav-w{top: 4.5em;}
body[data-scrolling-started="true"] .nav-w{top: 1.5em;}

@media screen and (max-width: 479px){

	body[data-scrolling-started="false"]:has( .main-w[data-barba-namespace="home"]) .nav-w{top: 4em;}
	body[data-scrolling-started="true"] .nav-w{top: 0.75em;}

}

/* ─────────────────────── */

:root{
  --cubic-default: cubic-bezier(0.65, 0.05, 0, 1);
  --cubic-bounce: linear(0, 1.3, 1, 0.92, 1, 0.99, 1, 1.004, 0.998, 1 100% 100%);
  --duration-default: 0.75s;
  --duration-medium: 0.85s;
  --duration-fade: 0.15s;
  --smooth-ease: cubic-bezier(.32, .72, 0, 1);
  --color-ease: cubic-bezier(.216, .62, .356, 1);  
  --elastic-ease-out: linear(
    0,
    0.5737 7.6%,
    0.8382 11.87%,
    0.9463 14.19%,
    1.0292 16.54%,
    1.0886 18.97%,
    1.1258 21.53%,
    1.137 22.97%,
    1.1424 24.48%,
    1.1423 26.1%,
    1.1366 27.86%,
    1.1165 31.01%,
    1.0507 38.62%,
    1.0219 42.57%,
    0.9995 46.99%,
    0.9872 51.63%,
    0.9842 58.77%,
    1.0011 81.26%,
    1
  );  
}

.text-link-underline::before,
.text-link-underline::after{
  content: "";
  position:absolute;
  right:0;
  top:0;
  width:100%;
  height:100%;
  background: currentColor;
}  

.button-main, .nav-btn-circle, .footer-social-link{ transition: 0.5s var(--elastic-ease-out); }
.nav-btn-circle.is--nav-logo{ transition: 1s var(--elastic-ease-out); }
.button-main:active, .nav-btn-circle:active { transform: scale(0.955); }
.button-main-inner__bg { transition: background-color .2s var(--color-ease); }
.button-main-inner__front {transition: translate var(--duration-medium) var(--elastic-ease-out), rotate var(--duration-default) var(--elastic-ease-out), opacity var(--duration-fade) ease-out;}
.button-main-inner__text {transition: translate var(--duration-default) var(--elastic-ease-out);}

.button-main-inner__back::before {
  transition: translate var(--duration-default) var(--elastic-ease-out);
  translate: 0 .75em 0;
}

.button-main-inner__back {
  transition: translate var(--duration-medium) var(--elastic-ease-out), rotate var(--duration-default) var(--elastic-ease-out), opacity .15s ease-out;
  opacity: 0;
  translate: 0 2em -6em;
  rotate: 1 0 0 -90deg;
}

.button-main-inner__back::before {
  --index: 1;
  content: attr(data-text);
  display: contents;
  font-weight: bold;
  text-transform: uppercase;
}
.button-main-inner__back.is--download::before {
  margin-bottom: -.1em;
  padding-top: .08em;
  font-family: Lateral, Impact, sans-serif;
  font-size: 17.5em;
  font-weight: 800;
  line-height: .8;
  transform: translate(0px, -85%);
  display: block;
}


/* ————————————— HOVER STUFF ————————————— */

@media (hover: hover) and (prefers-reduced-motion: no-preference){

  .link::after{
    content: "";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0.125em;
    background: currentColor;
    transform: scale(0, 1);
    transform-origin: left center;
    transition: transform 0.4s var(--cubic-default);
  }
  .link:hover::after{ transform: scale(1, 1); transform-origin: right center;}

	.footer-social-link:hover{transform:scale(0.92)}

  .text-link-underline::before{ transform:translate(-100%, 0px); }
  .text-link-underline::after{ transform:translate(100%, 0px); }
  
  .text-link-underline{
    transition: transform 0.75s var(--cubic-default);
    transform: translate(-100%, 0px);
  }

  [data-text-link]:hover  .text-link-underline{
    transform: translate(100%, 0px);
  }
  
  .button-main:is(:hover, :focus-visible) .button-main-inner__front {
  	translate: 0 -2em -6em;
    rotate: 1 0 0 85deg;
    opacity: 0;
  }
  
  .button-main:is(:hover, :focus-visible) .button-main-inner__text {
  	translate: 0 -.75em 0;
    transition-delay: 0s;
  }
  
  .button-main:is(:hover, :focus-visible) .button-main-inner__back {
    transition: translate var(--duration-medium) var(--elastic-ease-out), rotate var(--duration-default) var(--elastic-ease-out), opacity .075s ease-in;
    rotate: 1 0 0 0deg;
    translate: 0 0 0;
    opacity: 1;
  }
  
  .button-main:is(:hover, :focus-visible) :is(.button-main-inner__back::before) {
  	translate: 0 0em 0;
    transition-delay: calc(var(--index) * .012s);
  }  
  
  .button-main:hover .button-main-inner__back::before {
  	translate: 0 0em 0 !important;
  }
  .button-main-inner__back.is--download::before{
  	translate: 0 0em 0 !important;
  	transform: translate(0px, 0%) !important;
  }

}

@media (hover: hover) and (prefers-reduced-motion){
  .button-main:is(:hover, :focus-visible) .button-main-inner__bg{
    background: var(--color--dark) !important;
  }
  .button-main:is(:hover, :focus-visible) .button-main-inner__text{
    color: var(--color--light) !important;
  }
  
  .button-main[data-button-theme="dark"]:is(:hover, :focus-visible) .button-main-inner__bg{
    background: var(--color--light) !important;
    border:0.125em solid var(--color--dark) !important;
  }
  .button-main[data-button-theme="dark"]:is(:hover, :focus-visible) .button-main-inner__text{
    color: var(--color--dark) !important;
  }  
  
  .download-cta-el.button-main:is(:hover, :focus-visible) .button-main-inner__bg{
  	background: var(--color--light) !important;
  }
  .download-cta-el.button-main:is(:hover, :focus-visible) .button-main-inner__text{
  	color: var(--color--dark) !important;
  }  
  
}

@media (hover:hover){
  #menuButton:hover .nav-btn-menu__line.is--h{ transform: scaleX(0) }
	
  .nav-btn-chevron, .nav-chevron-wrap{ transition: 0.5s var(--elastic-ease-out)}
  .nav-btn-circle:hover .nav-chevron-wrap{ transform: rotate(-90deg); }
  .nav-btn-circle:hover .nav-btn-chevron{ transform: translate(175%, 0px); }
	.nav-btn-circle[data-slideshow]:active { transform: scale(0.955) rotate(90deg); }
  
	.home-qr-wrap{transition: transform 0.65s cubic-bezier(0.65, 0.05, 0, 1) }
  
	.home-qr-el:hover .home-qr-el__col{transform: translate(100%, 0px)}
	.home-qr-el:hover .home-qr-wrap{transform: translate(1.25em, 0px)}	
}


.home-logo-letter:nth-child(2){clip-path:inset(70% 0px 0px 0px)}
.home-logo-letter:nth-child(3){clip-path:inset(78% 0px 0px 0px)}
.home-logo-letter:nth-child(4){clip-path:inset(85% 0px 0px 0px)}
.home-logo-letter:nth-child(5){clip-path:inset(95% 0px 0px 0px)}


@media screen and (max-width: 767px){

  .button-main-inner__back.is--download::before {
    font-size: 10em;
  }
  
}


/* ── Inline styles extracted from HTML ── */
.color--orange { color: #fb4903; }
.contact-email { font-size: 50px; font-weight: 700; }

@media (max-width: 768px) {
  .contact-email { font-size: 24px; }
}

@media (max-width: 768px) {
  .home-hero-row {
    text-align: center;
    align-items: center;
  }
  .home-hero-row .h-sm {
    text-align: center;
  }
  .home-hero-row .button-row {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .home-i-3 { display: none !important; }
  .home-i-4 { bottom: 0 !important; inset: auto !important; }
  .game-type-btn { padding: 8px 10px !important; }
}

.copyright {
  text-align: center;
  padding: 1.5em;
  font-size: 0.85em;
  opacity: 0.45;
  color: inherit;
}