:host{--primary:#4ccc80;--accent:#7ce9a7;--ring:#4ccc80;--primary-foreground:#fff;--shadow-glow:0 0 0 1px #4ccc8059,0 18px 50px -18px #4ccc808c}
.lp-html{scroll-behavior:smooth;scroll-padding-top:96px}.lp-body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #73e6a0;outline-offset:4px}.ds-btn-primary{background:linear-gradient(180deg,#73dfa0,var(--primary));box-shadow:inset 0 1px #ffffff40,0 10px 24px -12px #4ccc80cc}.ds-btn-primary:hover{background:linear-gradient(#8ce9b0,#57d28a);box-shadow:inset 0 1px #ffffff4d,0 14px 32px -12px #4ccc80f2}.ds-text-sheen{background-image:linear-gradient(100deg,#fff 0% 40%,#c4ffdb 50%,#fff 60% 100%)}.ds-aurora>i:nth-child(2){background:radial-gradient(circle,#3daf78,transparent 65%)}
.reveal{will-change:transform,opacity;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1),filter 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1!important;transform:translateY(0) scale(1) rotate(0deg)!important;filter:blur(0)!important}.hero-marquee{will-change:transform}.hero-marquee>a{flex-shrink:0}.notification-card{transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .65s ease,filter .7s ease;will-change:transform,opacity}.notification-card[aria-hidden=true]{pointer-events:none}header>div{transition:background-color .4s,box-shadow .4s,backdrop-filter .4s}header.scrolled>div{background:#111317d9!important;box-shadow:inset 0 0 0 1px #ffffff12,0 12px 40px #0003;backdrop-filter:blur(24px)}.game-card{will-change:transform;transition:transform .65s cubic-bezier(.22,1,.36,1)}.demo-video{filter:hue-rotate(145deg);background:#0d0e12}.motion-frame{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,1,.36,1)}.orbit-wrap{position:relative}.orbit-logo{position:absolute;left:50%;top:50%;width:15%;height:22%;transform:translate(-50%,-50%);border-radius:20%;background:#131719;display:grid;place-items:center;box-shadow:0 0 20px 8px #131719}.orbit-logo img{width:55%;height:65%;object-fit:contain}.preview-footer{color:#6b727f;font-size:11px;text-align:center;padding:0 20px 24px}.game-menu{position:absolute;top:44px;left:0;min-width:240px;padding:10px;border:1px solid #ffffff12;border-radius:18px;background:#17191ef5;backdrop-filter:blur(24px);box-shadow:0 20px 60px #0008;display:grid;gap:4px;transform-origin:top left;animation:menu-in .25s ease}.game-menu a{padding:11px 14px;border-radius:9px;font-size:13px;color:#b5bac5}.game-menu a:hover{background:#ffffff08;color:#fff}.game-menu[hidden]{display:none}@keyframes menu-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
.vision-promo{background:radial-gradient(ellipse at 8% 12%,#245c3d70,transparent 56%),linear-gradient(125deg,#151e19,#14171a 70%);box-shadow:inset 0 0 0 1px #79d59a26,0 24px 70px -40px #000;isolation:isolate}
.vision-promo>div:first-child{background:#4ccc80!important;opacity:.18}
.vision-orbit-video{filter:none!important;object-fit:contain!important;background:transparent;mix-blend-mode:screen}
.vision-promo>div:last-child{mix-blend-mode:screen}
.vision-demo-video,.vision-support-video{filter:none!important;object-fit:contain!important;background:#0c0d10}
.rank-radiant{width:28px!important;height:28px!important;filter:none!important;object-fit:contain}
.rank-badge-radiant{background:#e5d5a812!important;box-shadow:inset 0 0 0 1px #e5d5a82b}
.vision-how-layout{display:grid;gap:40px;align-items:center}
#como-funciona .vision-how-layout+.grid{margin-top:32px}
@media(min-width:1024px){.vision-how-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:56px}}
header img[src*="vision-logo-transparent"],footer a img[src*="vision-logo-transparent"]{transform:scale(1.35)}
.orbit-logo img{width:100%;height:100%;filter:drop-shadow(0 0 10px #4ccc8033)}
#games .vision-game-grid{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:24px;width:100%;max-width:650px;margin-inline:auto}
@media(max-width:540px){#games .vision-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.game-menu a{display:flex;align-items:center;gap:11px}
.menu-game-logo{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:7px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff22}
.menu-game-logo.valorant{background:#ff4655;padding:5px}
.menu-game-logo.fortnite{background:#1a6fd8}
.menu-game-logo img{width:100%;height:100%;object-fit:contain}
.vision-main-nav{display:none;align-items:center}
@media(min-width:900px){.vision-main-nav{display:flex}header [data-mobile-menu]{display:none}}
@media(max-width:899px){header.mobile-open .vision-main-nav{display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;flex-direction:column;align-items:stretch;padding:12px;background:#15171cf5;border:1px solid #ffffff14;border-radius:18px;backdrop-filter:blur(24px);box-shadow:0 20px 50px #0008}.vision-main-nav>div,.vision-main-nav>a{width:100%}.vision-main-nav>a,.vision-main-nav>div>button{height:46px;width:100%;justify-content:space-between}.vision-main-nav .game-menu{position:static;min-width:0;width:100%;margin:6px 0;background:#0c0d1080;box-shadow:none}}
.lp-html.smooth-wheel{scroll-behavior:auto!important}
.lp-body :not(.hero-marquee),.lp-body *::before,.lp-body *::after{animation:none!important}
.hero-marquee{animation-play-state:running}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1!important;transform:none!important;filter:none!important}.hero-marquee{animation:none!important}.notification-card{transition:none}}