html{scroll-behavior:smooth;scrollbar-gutter:stable}body.modal-open{overflow:hidden}.header{position:relative;z-index:10;animation:header-in .6s ease-out both}.hero h1{animation:content-in .8s cubic-bezier(.2,.75,.25,1) .08s both}.hero-actions{animation:content-in .7s cubic-bezier(.2,.75,.25,1) .2s both}.preview-stage{animation:preview-in 1s cubic-bezier(.2,.75,.25,1) .15s both}.app-preview{transform:perspective(1500px) rotateY(calc(-7deg + var(--tilt-y,0deg))) rotateX(calc(3deg + var(--tilt-x,0deg)));transition:transform .45s ease-out,box-shadow .3s,border-color .3s}.app-preview:hover{border-color:#445269;box-shadow:0 32px 80px #0008,0 0 75px #7d9ecb0b}.light-ribbon{animation:ribbon-drift 22s ease-in-out infinite alternate}.ribbon-two{animation-duration:28s;animation-delay:-8s}.ribbon-three{animation-duration:32s;animation-delay:-12s}.page-hidden .light-ribbon{animation-play-state:paused}.brand img{transition:filter .25s,transform .25s}.brand:hover img{filter:brightness(1.15);transform:translateY(-1px)}.nav-link{transition:color .2s}.nav-link:after{content:'';display:block;position:absolute;bottom:3px;left:0;right:0;width:auto;height:1px;background:#7d9ecb;opacity:0;transform:scaleX(.4);transform-origin:left;transition:transform .22s,opacity .22s;border-radius:0}.nav-link:hover:after,.nav-link:focus-visible:after{opacity:.7;transform:scaleX(1)}.nav-link.active:after{opacity:.45;transform:scaleX(1)}.primary-action,.secondary-action,.account-button,.dialog-done{transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.primary-action:hover,.account-button:hover{box-shadow:0 4px 22px #a6c2e411}.primary-action:active,.secondary-action:active,.account-button:active,.dialog-done:active{transform:translateY(1px)}.primary-action svg{transition:transform .22s}.primary-action:hover svg{transform:translateX(3px)}.preview-game{padding:0;border:0;background:transparent;transition:background .2s,transform .2s}.preview-game:hover{background:#7d9ecb0c}.preview-game.selected{background:#7d9ecb20}.preview-game:active{transform:scale(.94)}.preview-game img{pointer-events:none}.preview-launch{width:100%;border:1px solid #ffffff0a;transition:background .2s,transform .15s}.preview-launch:hover{background:#8daedb}.preview-launch:active{transform:translateY(1px)}.preview-product{min-height:77px}.preview-product h2{font-size:clamp(12px,1.5vw,18px)}.preview-tools{flex-shrink:0}.footer-links{display:flex;gap:24px}.footer-links button{border:0;padding:8px 0;background:none;color:#80828b;font-size:11px;transition:color .2s}.footer-links button:hover{color:#e4e4e7}.menu-toggle{display:none}dialog[open]{animation:modal-in .25s cubic-bezier(.2,.75,.25,1) both}dialog[open]::backdrop{animation:backdrop-in .25s ease both}dialog.is-closing{animation:modal-out .18s ease both}dialog.is-closing::backdrop{animation:backdrop-out .18s ease both}.dialog-close{transition:color .2s,transform .2s}.dialog-close:hover{color:#f2f3f5;transform:rotate(90deg)}#product-list>div{padding:17px 0}.dialog-logo{margin-bottom:10px}#dialog-description[hidden]{display:none}dialog h2{margin-top:6px}footer{animation:content-in .7s ease .3s both}
@keyframes header-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes preview-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ribbon-drift{from{translate:-14px -12px;opacity:.6}to{translate:22px 18px;opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes modal-out{to{opacity:0;transform:translateY(5px) scale(.985)}}@keyframes backdrop-in{from{background-color:#080a1000;backdrop-filter:blur(0)}to{background-color:#080a10bb;backdrop-filter:blur(9px)}}@keyframes backdrop-out{to{background-color:#080a1000;backdrop-filter:blur(0)}}
@media(max-width:1100px){.preview-tools{display:none}}@media(max-width:800px){.app-preview{transform:none}.preview-product h2{font-size:18px}.preview-product{min-height:75px}}@media(max-width:620px){.header{height:70px;flex-wrap:nowrap;gap:12px;overflow:visible}.brand{flex-shrink:0}.account-button{margin-left:auto;font-size:10px;padding:9px;gap:5px}.account-button>svg:first-child{display:none}.menu-toggle{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex-shrink:0;width:32px;height:34px;border:1px solid #30323a;border-radius:7px;background:#18191e;color:#d7dce5;padding:0}.menu-toggle span{width:13px;height:1px;background:currentColor;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}.navigation{position:absolute;left:12px;right:12px;top:calc(100% + 7px);width:auto;height:auto;transform:translateY(-6px);margin:0;padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#131519f7;border:1px solid #2a2c33;border-radius:10px;box-shadow:0 15px 30px #0005;backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.menu-open .navigation{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.navigation .nav-link{width:100%;padding:13px 12px;text-align:left;border-radius:6px}.navigation .nav-link:after{display:none}.navigation .nav-link:hover,.navigation .nav-link.active{background:#7d9ecb0d}.preview-product h2{font-size:12px}.preview-product{min-height:60px}.footer-links{gap:16px}.footer-links button{font-size:10px}dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.app-preview{transform:none}}