:root{--void:#08080b;--charcoal:#1a1a1f;--dust:#2a2a32;--mist:#ecedef;--muted:#92929d;--blush:#ff2d8a;--violet:#8a5cff;--amber:#ffc857;--gradient:linear-gradient(105deg, #ff2d8a 0%, #8a5cff 100%);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:Inter, system-ui, sans-serif;--font-script:Caveat, cursive;--page-pad:20px;--section-y:56px;--content:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--void);min-width:320px;color:var(--mist);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0;font-size:16px;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.page{position:relative;overflow-x:hidden}.lang-bar{z-index:20;padding:calc(12px + env(safe-area-inset-top)) var(--page-pad) 0;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:0;left:0;right:0}.lang-switch{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080b8c;border:1px solid #2a2a32e6;border-radius:999px;padding:3px;display:inline-flex}.lang-switch__btn{min-width:44px;min-height:36px;color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:.8rem;font-weight:600}.lang-switch__btn.is-active{background:var(--gradient);color:#fff}.hero{isolation:isolate;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);align-items:end;display:grid;position:relative}.hero__media{z-index:0;position:absolute;inset:0}.hero__media img{object-fit:cover;object-position:center 28%;width:100%;height:100%}.hero__veil{background:linear-gradient(180deg, #08080b47 0%, #08080b73 38%, #08080be0 72%, var(--void) 100%), radial-gradient(ellipse 90% 55% at 75% 18%, #8a5cff4d, transparent 62%), radial-gradient(ellipse 70% 45% at 15% 75%, #ff2d8a3d, transparent 55%);position:absolute;inset:0}.hero__content{z-index:1;width:min(var(--content), calc(100% - var(--page-pad) * 2));padding:32px 0 calc(40px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;animation:.9s ease-out both rise;display:flex;position:relative}.brand{align-items:center;gap:10px;max-width:100%;display:inline-flex}.brand__ring{flex-shrink:0;width:36px;height:36px;animation:3.2s ease-in-out infinite glow}.brand__word{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;color:var(--mist);margin:0;font-size:clamp(2.35rem,11vw,3.5rem);font-weight:700;line-height:.95;position:relative}.brand__word:before,.brand__word:after{content:"OTHERWISE";pointer-events:none;position:absolute;inset:0}.brand__word:before{color:var(--blush);opacity:.55;mix-blend-mode:screen;clip-path:inset(0 0 55%);transform:translate(-1.5px,1px)}.brand__word:after{color:var(--violet);opacity:.45;mix-blend-mode:screen;clip-path:inset(45% 0 0);transform:translate(1.5px,-1px)}.hero__claim{max-width:16ch;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,5.2vw,1.65rem);font-weight:600;line-height:1.2}.hero__support{max-width:32ch;color:var(--muted);margin:0;font-size:.98rem}.cta-row{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.btn{width:100%;min-height:52px;font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:1rem;font-weight:600;transition:transform .18s,opacity .18s,border-color .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--gradient);color:#fff;box-shadow:0 0 28px #ff2d8a59}.btn--primary:hover{opacity:.92}.btn--ghost{border-color:var(--dust);color:var(--mist);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1fb8}.btn--ghost:hover{border-color:var(--muted)}.section{width:min(var(--content), calc(100% - var(--page-pad) * 2));padding:var(--section-y) 0;margin:0 auto}.section__eyebrow{font-family:var(--font-script);color:var(--blush);margin:0 0 10px;font-size:1.35rem;display:inline-block;transform:rotate(-2deg)}.section__title{font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;margin:0 0 12px;font-size:clamp(1.75rem,7.5vw,2.4rem);font-weight:700;line-height:1.08}.section__text{max-width:38ch;color:var(--muted);margin:0;font-size:1rem}.section--band{width:100%;padding:var(--section-y) 0;isolation:isolate;position:relative}.section--band .section__inner{width:min(var(--content), calc(100% - var(--page-pad) * 2));z-index:1;margin:0 auto;position:relative}.section--band__bg{z-index:0;position:absolute;inset:0}.section--band__bg img{object-fit:cover;opacity:.4;width:100%;height:100%}.section--band__bg:after{content:"";background:linear-gradient(#08080be0,#08080b8c 45%,#08080be6);position:absolute;inset:0}.showcase{width:100%;padding:var(--section-y) 0 calc(var(--section-y) + 8px);position:relative;overflow:hidden}.showcase__intro{width:min(var(--content), calc(100% - var(--page-pad) * 2));margin:0 auto 28px}.phones{width:100%;padding:16px var(--page-pad) 8px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-pad);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.phones::-webkit-scrollbar{display:none}.phone{scroll-snap-align:center;filter:drop-shadow(0 18px 28px #00000080);flex:none;width:min(248px,72vw);margin:0;transition:transform .25s;animation:.75s ease-out both rise}.phone img{border-radius:24px;width:100%;height:auto}.phone__label{text-align:center;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:10px 0 0;font-size:.72rem}.steps{grid-template-columns:1fr;gap:12px;margin-top:32px;display:grid}.step{border:1px solid var(--dust);background:linear-gradient(165deg,#1a1a1fe6,#08080b66);border-radius:18px;padding:20px 18px;animation:.7s ease-out both rise}.step:nth-child(2){animation-delay:80ms}.step:nth-child(3){animation-delay:.16s}.step:nth-child(4){animation-delay:.24s}.step__num{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:.8rem;font-weight:700;display:block}.step__title{font-family:var(--font-display);margin:0 0 6px;font-size:1.15rem;font-weight:600}.step__text{color:var(--muted);margin:0;font-size:.92rem}.games{grid-template-columns:1fr;gap:12px;margin-top:28px;display:grid}.game{border:1px solid var(--dust);background:var(--charcoal);border-radius:18px;min-height:240px;transition:transform .25s,border-color .25s;display:block;position:relative;overflow:hidden}.game img{object-fit:cover;width:100%;height:100%;min-height:240px}.game__meta{background:linear-gradient(#0000,#08080beb 55%);padding:64px 16px 16px;position:absolute;inset:auto 0 0}.game__name{font-family:var(--font-display);margin:0 0 4px;font-size:1.1rem;font-weight:700}.game__blurb{color:var(--muted);margin:0;font-size:.88rem}.closing{text-align:left}.closing .section__title{max-width:12ch}.closing .cta-row{margin-top:24px}.safety{border-top:1px solid var(--dust);border-bottom:1px solid var(--dust)}.safety p{max-width:52ch;color:var(--muted);margin:0;font-size:.95rem}.safety strong{color:var(--mist);font-weight:600}.footer{width:min(var(--content), calc(100% - var(--page-pad) * 2));padding:32px 0 calc(40px + env(safe-area-inset-bottom));color:var(--muted);flex-direction:column;align-items:flex-start;gap:8px;margin:0 auto;font-size:.88rem;display:flex}.footer__brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--mist);font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 6px #ff2d8a59)}50%{filter:drop-shadow(0 0 16px #8a5cff8c)}}@media (width>=640px){:root{--page-pad:28px;--section-y:72px}.cta-row{flex-flow:wrap;width:auto}.btn{width:auto;min-width:148px;min-height:48px}.brand__ring{width:40px;height:40px}.brand__word{font-size:clamp(3rem,8vw,4.5rem)}.hero__claim{max-width:18ch;font-size:clamp(1.4rem,3.2vw,1.85rem)}.section__title{font-size:clamp(2rem,4.5vw,2.85rem)}.steps{grid-template-columns:repeat(2,1fr);gap:16px}.games{grid-template-columns:repeat(2,1fr);gap:14px}.game,.game img{min-height:260px}.footer{flex-flow:wrap;justify-content:space-between;align-items:center;gap:16px 32px}.section--band__bg:after{background:linear-gradient(90deg,#08080beb,#08080b8c 55%,#08080bd9)}}@media (width>=900px){:root{--page-pad:40px;--section-y:88px}.hero__content{gap:20px;padding:48px 0 64px}.brand{gap:14px}.brand__ring{width:44px;height:44px}.brand__word{font-size:clamp(3.5rem,7vw,5.5rem)}.brand__word:before{transform:translate(-2px,1px)}.brand__word:after{transform:translate(2px,-1px)}.hero__claim{font-size:clamp(1.5rem,2.8vw,2rem)}.hero__support{font-size:1.05rem}.section__eyebrow{font-size:1.5rem}.section__title{font-size:clamp(2.25rem,4vw,3.25rem)}.section__text{max-width:42ch;font-size:1.05rem}.steps{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.step{border-radius:20px;padding:24px 20px}.games{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.game{border-radius:20px;min-height:280px}.game img{min-height:280px}.game:hover{border-color:#ff2d8a73;transform:translateY(-3px)}.phone:hover{transform:translateY(-8px)}}@media (width>=1100px){.phones{width:min(var(--content), calc(100% - var(--page-pad) * 2));scroll-snap-type:none;grid-template-columns:repeat(6,1fr);gap:16px;margin:0 auto;padding:24px 0 8px;display:grid;overflow:visible}.phone{width:100%}.phone--1{transform:translateY(18px)rotate(-3deg)}.phone--2{transform:translateY(6px)rotate(-1.5deg)}.phone--3,.phone--4{transform:translateY(0)}.phone--5{transform:translateY(6px)rotate(1.5deg)}.phone--6{transform:translateY(18px)rotate(3deg)}.phone--1:hover,.phone--2:hover,.phone--3:hover,.phone--4:hover,.phone--5:hover,.phone--6:hover{transform:translateY(-8px)rotate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}