@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-background:#08080b;--color-surface:#1b1822;--color-border:#ffffff1a;--color-text:#cbd5e1;--color-text-muted:#c7d0dd;--color-heading:#f8fafc;--color-accent:#f2362f;--color-accent-hover:#e22b24;--color-panel:#1b1822;--color-panel-border:#ffffff2e;--container-width:880px;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(120% 120%,#0000 55%,#08080bd9 100%),radial-gradient(60% 80% at 24% 26%,#2f6bf529,#0000 55%),radial-gradient(60% 80% at 80% 82%,#f2362f29,#0000 55%);background-repeat:no-repeat;background-attachment:scroll;min-height:100%;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:1.5rem}.hero{text-align:center;padding:clamp(1.5rem,4vw,3rem) 1.5rem 0}.hero__capsule{width:100%;max-width:var(--container-width);place-items:center;margin-inline:auto;display:grid;container-type:inline-size}.hero__content{flex-direction:column;align-items:center;gap:2.61cqw;display:flex}.hero__logo{object-fit:contain;filter:drop-shadow(0 10px 28px #f2362f73);width:16.09cqw;height:16.09cqw;display:block}.hero__wordmark{align-items:baseline;gap:1.52cqw;display:flex}.hero__title{color:var(--color-heading);margin:0;font-family:Space Grotesk,sans-serif;font-size:10.43cqw;font-weight:700;line-height:.9}.hero__dot{background:var(--color-accent);border-radius:50%;width:1.74cqw;height:1.74cqw;transform:translateY(-1.09cqw);box-shadow:0 0 22px 2px #f2362fbf}.hero__tagline{max-width:46ch;color:var(--color-text-muted);margin:clamp(1rem,3vw,1.75rem) auto 0;font-size:clamp(1.05rem,3vw,1.35rem)}.content-section{padding:clamp(2.5rem,5vw,3.5rem) 0}.container--wide{max-width:1200px}.content-section__title{color:var(--color-heading);text-align:center;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,4vw,2.2rem)}.lead-paragraph{color:var(--color-text);margin:0;font-size:clamp(1.05rem,2.4vw,1.2rem)}.lead-paragraph+.lead-paragraph{margin-top:1rem}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.steps__item{text-align:center;color:var(--color-heading);background:var(--color-panel);counter-increment:step;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:.9rem .5rem;font-size:clamp(.85rem,2.4vw,1rem);font-weight:600;line-height:1.3;display:flex}.steps__item:before{content:counter(step);color:#fff;background:var(--color-accent);border-radius:50%;place-items:center;width:2rem;height:2rem;font-family:Space Grotesk,sans-serif;font-weight:700;display:grid}.feature-group{background:var(--color-panel);border:1px solid #ffffff14;border-radius:16px;margin-top:2.25rem;padding:clamp(1.25rem,3vw,1.75rem)}.feature-group .bullet-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));column-gap:2rem}.feature-group__title{color:var(--color-heading);margin:0 0 1rem;font-size:1.2rem}.bullet-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.bullet-list li{color:var(--color-text-muted);padding-left:1.4rem;position:relative}.bullet-list li:before{content:"";background:var(--color-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.bullet-list strong{color:var(--color-heading);font-weight:600}.more{margin-top:1.5rem}.more__toggle{width:fit-content;height:44px;color:var(--color-heading);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.6rem;margin-inline:auto;padding:0 1.25rem;font-size:.9375rem;font-weight:600;list-style:none;transition:background .15s;display:flex}.more__toggle::-webkit-details-marker{display:none}.more__toggle:after{content:"";border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:8px;height:8px;transition:transform .2s;transform:translateY(-25%)rotate(45deg)}.more[open] .more__toggle:after{transform:translateY(25%)rotate(-135deg)}.more__toggle:hover{background:#ffffff1a}picture{display:contents}.picture__img{object-fit:cover;width:100%;height:100%;display:block}.picture--blurup{background-position:50%;background-size:cover}.picture--blurup .picture__img{opacity:0;transition:opacity .4s}.picture--blurup.is-loaded .picture__img{opacity:1}@media (prefers-reduced-motion:reduce){.picture--blurup .picture__img{transition:none}.cookie-notice{animation:none}.steam-cta,.social-link,.cookie-notice__accept,.compare__tab,.faq__question:after,.youtube__play,.more__toggle,.more__toggle:after,.sticky-cta,.sticky-cta.is-visible{transition:none}.youtube--cover:hover .youtube__play{transform:translate(-50%,-50%)}.social-link:hover{transform:none}}.steam-cta{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg, #ff4c44 0%, var(--color-accent) 55%, #dc251e 100%);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;width:min(100%,320px);height:56px;margin-top:clamp(1.5rem,4vw,2rem);padding:0 1.75rem;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;text-decoration:none;transition:filter .15s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 10px 28px -10px #f2362fb3,0 2px 6px #00000059}.steam-cta__mark{flex:none;width:1.375rem;height:1.375rem}.steam-cta:hover{filter:brightness(1.07);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0003,0 14px 34px -10px #f2362fd9,0 2px 6px #00000059}.steam-cta:active{filter:brightness(.95);transform:translateY(1px)scale(.99)}.hero__cta{flex-direction:column;align-items:center;display:flex}.loop-video{aspect-ratio:16/9;object-fit:cover;background:var(--color-panel);border:1px solid #ffffff14;border-radius:16px;width:100%;display:block}.youtube{aspect-ratio:16/9;background:var(--color-panel);border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.youtube--short{aspect-ratio:9/16;width:min(100%,360px);margin-inline:auto}.youtube__frame{border:0;width:100%;height:100%;display:block}.youtube--cover{width:100%;font:inherit;cursor:pointer;padding:0;display:block;position:relative}.youtube--cover.youtube--short{width:min(100%,360px)}.youtube__thumbnail{object-fit:cover;width:100%;height:100%;display:block}.youtube__play{aspect-ratio:1;color:#fff;background:var(--color-accent);border-radius:50%;place-items:center;width:clamp(56px,8vw,80px);transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px 2px #f2362f8c,0 7px 23px #00000059}.youtube__play svg{width:42%;height:42%;margin-left:6%}.youtube--cover:hover .youtube__play{background:var(--color-accent-hover);transform:translate(-50%,-50%)scale(1.06)}.media-placeholder{text-align:center;color:var(--color-text-muted);border:1px dashed #ffffff40;place-items:center;padding:1rem;display:grid}.compare-section{padding-top:clamp(1.25rem,3vw,2rem)}.compare__tabs{scrollbar-width:none;gap:.5rem;margin-top:.625rem;padding:6px;display:flex;overflow-x:auto}.compare__tabs::-webkit-scrollbar{display:none}.compare__tab{height:38px;font:inherit;white-space:nowrap;color:var(--color-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;flex:none;padding:0 1rem;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.compare__tab:first-child{margin-left:auto}.compare__tab:last-child{margin-right:auto}.compare__tab:hover{color:var(--color-heading);background:#ffffff1a}.compare__tab--active,.compare__tab--active:hover{color:#0b0b0f;background:#fff;border-color:#fff}.compare__frame{aspect-ratio:16/9;background:var(--color-panel);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:1px solid #ffffff14;border-radius:16px;position:relative;overflow:hidden}.compare__layer,.compare__slide{position:absolute;inset:0}.compare__slide--hidden{visibility:hidden}.compare__frame img{pointer-events:none;-webkit-user-drag:none}.compare__layer--before{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare__blank{color:var(--color-text-muted);align-items:center;font-size:clamp(.8rem,1.6vw,1rem);display:grid}.compare__layer--before.compare__blank{background:#121016;padding:0 55% 0 clamp(1rem,4vw,2.5rem)}.compare__layer--after.compare__blank{text-align:right;background:linear-gradient(135deg, #f2362f38, #2f6bf52e), var(--color-panel);padding:0 clamp(1rem,4vw,2.5rem) 0 55%}.compare__label{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#08080b99;border:1px solid #ffffff2e;border-radius:999px;padding:.2rem .75rem;font-size:clamp(.75rem,1.6vw,.9rem);font-weight:600;position:absolute;top:.9rem}.compare__label--before{left:.9rem}.compare__label--after{right:.9rem}.compare__handle{top:0;bottom:0;left:var(--position);background:#fff;outline:none;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 12px #00000080}.compare__knob{color:#fff;background:var(--color-accent);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f2362f8c,0 4px 14px #0006}.compare__knob svg{width:22px;height:22px}.faq{gap:.75rem;display:grid}.faq__item{background:var(--color-panel);border:1px solid #ffffff14;border-radius:14px}.faq__question{color:var(--color-heading);cursor:pointer;padding:1.1rem 3rem 1.1rem 1.25rem;font-weight:600;list-style:none;position:relative}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"";border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:9px;height:9px;transition:transform .2s;position:absolute;top:50%;right:1.35rem;transform:translateY(-70%)rotate(45deg)}.faq__item[open] .faq__question:after{transform:translateY(-30%)rotate(-135deg)}.faq__answer{color:var(--color-text-muted);margin:0;padding:0 1.25rem 1.2rem}.final-cta{padding-top:0}.site-footer{border-top:1px solid #ffffff14}.spec-requirements-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.spec-requirements{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem}.spec-requirements__title{color:var(--color-heading);margin:0 0 .9rem;font-size:1.1rem}.social-links{--social-icon:clamp(32px, 9vw, 48px);flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(0px,6vw - 1rem,2rem);margin:1rem 0 clamp(3rem,8rem - 10vw,6.5rem);padding:0;list-style:none;display:flex}.social-link{padding:calc(var(--social-icon) / 2);color:#fff;border-radius:16px;justify-content:center;align-items:center;transition:transform .15s;display:flex}.social-link__icon{width:auto;height:var(--social-icon);display:block}.social-link--youtube .social-link__icon{height:calc(var(--social-icon) * .75)}.social-link:hover{transform:translateY(-3px)}.bottom-dock{z-index:100;pointer-events:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-dock>*{pointer-events:auto}.sticky-cta{padding:.75rem clamp(1rem,4vw,2.5rem);padding-left:calc(clamp(1rem, 4vw, 2.5rem) + env(safe-area-inset-left));padding-right:calc(clamp(1rem, 4vw, 2.5rem) + env(safe-area-inset-right));border-top:1px solid var(--color-panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;background:#08080be6;justify-content:center;transition:opacity .25s,transform .25s,visibility 0s linear .25s;display:flex;transform:translateY(100%)}.sticky-cta.is-visible{opacity:1;visibility:visible;transition:opacity .25s,transform .25s,visibility;transform:none}.sticky-cta:last-child{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.sticky-cta .steam-cta{width:100%;max-width:420px;height:52px;margin-top:0;font-size:1.0625rem}.cookie-notice{padding:1rem clamp(1rem,4vw,2.5rem);padding-bottom:calc(1rem + env(safe-area-inset-bottom));padding-left:calc(clamp(1rem, 4vw, 2.5rem) + env(safe-area-inset-left));padding-right:calc(clamp(1rem, 4vw, 2.5rem) + env(safe-area-inset-right));border-top:1px solid var(--color-panel-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b1822f0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;animation:.25s ease-out cookie-notice-in;display:grid;position:relative}@keyframes cookie-notice-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-notice__text{color:var(--color-text-muted);margin:0;font-size:.9rem}.cookie-notice__accept{min-width:88px;height:44px;font:inherit;color:#0b0b0f;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:0 1.25rem;font-weight:600;transition:background .15s}.cookie-notice__accept:hover{background:#e8e8ee}.cookie-notice__accept:active{background:#d6d6de}.steam-cta:focus-visible,.social-link:focus-visible,.cookie-notice__accept:focus-visible,.compare__tab:focus-visible,.compare__handle:focus-visible .compare__knob,.faq__question:focus-visible,.youtube--cover:focus-visible,.more__toggle:focus-visible{outline:2px solid var(--color-heading);outline-offset:3px}.faq__question:focus-visible{border-radius:14px}
