@font-face{font-family:Oxanium;src:url('assets/Oxanium-Regular.ttf') format('truetype');font-weight:400 700;font-display:swap}:root{color-scheme:dark;--bg:#07101f;--panel:#101c31;--text:#eef6ff;--muted:#a8b7cd;--cyan:#4ee5f1;--gold:#f7bb55;--line:rgba(180,213,250,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.site-shell{overflow:hidden}.skip{position:absolute;left:1rem;top:-5rem;z-index:20;background:#fff;color:#07101f;padding:.6rem 1rem}.skip:focus{top:1rem}.site-header{height:86px;max-width:1480px;margin:auto;padding:0 clamp(22px,4.4vw,72px);display:flex;align-items:center;gap:2rem;position:relative;z-index:4}.brand{display:inline-flex;align-items:center;gap:.68rem;font:700 1.16rem/1 'Space Grotesk',sans-serif;letter-spacing:.09em;white-space:nowrap}.brand img{border-radius:10px;object-fit:cover;box-shadow:0 0 24px rgba(78,229,241,.16)}.brand-accent{color:var(--cyan);margin-left:.14em}.nav{display:flex;gap:2.1rem;margin:auto;font-size:.9rem;color:#d0ddef}.nav a,.footer a{transition:color .2s}.nav a:hover,.footer a:hover{color:var(--cyan)}.header-cta{border:1px solid var(--line);padding:.68rem 1.1rem;border-radius:999px;font-weight:700;font-size:.85rem;white-space:nowrap}.header-cta span{margin-left:.7rem;color:var(--cyan)}.header-cta:hover{border-color:var(--cyan)}
.hero{position:relative;min-height:720px;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:52% 48%;align-items:center;padding:4.5rem clamp(22px,4.4vw,72px) 5rem}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 73% 48%,rgba(35,77,176,.38),transparent 38%),radial-gradient(circle at 40% 2%,rgba(23,145,173,.15),transparent 37%);pointer-events:none}.hero-glow{position:absolute;right:14%;top:16%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(68,160,237,.14),transparent 66%);filter:blur(20px);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:720px;padding-bottom:2rem}.eyebrow,.overline{font:.72rem/1.4 'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.24em;color:var(--cyan)}.eyebrow{display:flex;align-items:center;gap:.9rem}.signal,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(78,229,241,.12),0 0 18px var(--cyan)}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}h1{font-size:clamp(3.6rem,6.2vw,7rem);line-height:.99;letter-spacing:-.075em;margin:2.1rem 0 1.8rem;font-weight:700}h1 em{color:var(--cyan);font-style:normal}.hero-lead{color:#c6d6ec;max-width:550px;font-size:clamp(1.06rem,1.4vw,1.23rem);line-height:1.75}.hero-lead strong{color:#fff}.hero-actions{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem;flex-wrap:wrap}.button{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;border-radius:9px;padding:.8rem 1.35rem;font-size:.9rem;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--cyan);color:#062433;box-shadow:0 8px 30px rgba(78,229,241,.22)}.primary:hover{background:#86f5fa}.text-button{padding-inline:0;color:#e6f3fc}.text-button span{color:var(--cyan)}.hero-notes{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:4rem;color:#93a9c1;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.hero-notes span+span:before{content:'✦';color:var(--gold);margin-right:1.2rem}.hero-art{position:relative;z-index:1;width:min(55vw,790px);max-width:none;justify-self:center;margin-left:-3vw;transform:rotate(2.5deg)}.hero-art img{width:100%;aspect-ratio:1.67;object-fit:cover;border-radius:17px;box-shadow:0 36px 90px rgba(0,0,0,.55),0 0 0 1px rgba(125,195,255,.35);position:relative}.art-backdrop{position:absolute;inset:8% 6%;border:1px solid rgba(78,229,241,.35);border-radius:23px;transform:rotate(-7deg) scale(1.06)}.art-caption{position:absolute;bottom:-22px;left:7%;background:#12213a;border:1px solid var(--line);padding:.72rem 1.2rem;border-radius:8px;font:.68rem 'Space Grotesk',sans-serif;letter-spacing:.2em;display:flex;align-items:center;gap:1rem;box-shadow:0 12px 30px rgba(0,0,0,.3)}.art-caption .live-dot{width:6px;height:6px}.hero-index{position:absolute;right:5%;bottom:2rem;color:#506c86;font:.72rem 'Space Grotesk',sans-serif;letter-spacing:.2em}
.marquee{border-block:1px solid var(--line);background:#0e1d32;overflow:hidden;white-space:nowrap;padding:1.15rem 0;text-align:center;color:#b8d1e3;font:.78rem 'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.16em}.marquee span{color:var(--gold);margin-inline:2.2rem}.section{max-width:1480px;margin:auto;padding:7rem clamp(22px,4.4vw,72px)}.section-kicker{font:.72rem 'Space Grotesk',sans-serif;color:#899bb3;letter-spacing:.2em;margin-bottom:3.5rem}.section-kicker span{color:var(--cyan)}h2{font-size:clamp(2.8rem,5.1vw,5.6rem);line-height:1.03;letter-spacing:-.066em;margin:.8rem 0 2rem}h2 span{color:var(--cyan)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end}.intro-text{max-width:510px;color:#b8c9df;font-size:1.1rem;line-height:1.8;padding-bottom:1.25rem}.intro-text p:last-child{margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.feature-card{min-height:245px;background:linear-gradient(145deg,#12233a,#0c182b);border:1px solid var(--line);border-radius:13px;padding:1.8rem 2rem;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(78,229,241,.55)}.feature-icon{font:700 .9rem 'Space Grotesk',sans-serif;color:var(--gold);display:block;margin-bottom:2.4rem}.feature-card h3{font-size:1.4rem;letter-spacing:-.035em;margin-bottom:.65rem}.feature-card p{color:var(--muted);font-size:.93rem;margin:0;max-width:25rem}
.gameplay-section{border-top:1px solid var(--line);max-width:none;background:radial-gradient(circle at 100% 0,rgba(23,108,149,.13),transparent 40%),#081321;padding-inline:max(clamp(22px,4.4vw,72px),calc((100vw - 1336px)/2))}.gameplay-head{display:flex;justify-content:space-between;gap:3rem;align-items:end}.gameplay-head p{max-width:330px;color:var(--muted);line-height:1.8}.steps{margin-top:2rem;border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:2rem .4rem}.step-number{font:700 2.1rem 'Space Grotesk',sans-serif;color:var(--cyan)}.steps h3{font-size:1.7rem;letter-spacing:-.05em;margin-bottom:.25rem}.steps p{color:var(--muted);margin:0}.step-arrow{font-size:1.5rem;color:var(--gold)}.studio-grid{display:grid;grid-template-columns:40% 1fr;gap:7vw;align-items:center}.studio-image{aspect-ratio:1;background:radial-gradient(circle at center,#194268,#0b1d33 56%,#081321 75%);border:1px solid var(--line);border-radius:20px;display:grid;place-items:center;position:relative;overflow:hidden}.studio-image:after{content:'';position:absolute;width:74%;height:74%;border-radius:50%;border:1px solid rgba(78,229,241,.18);box-shadow:0 0 0 40px rgba(78,229,241,.035),0 0 0 100px rgba(78,229,241,.025)}.studio-image img{width:44%;border-radius:20px;position:relative;z-index:1;box-shadow:0 22px 70px #020b17}.studio-grid p:not(.overline){color:var(--muted);max-width:500px;font-size:1.08rem;line-height:1.8}.inline-link{display:inline-flex;gap:2rem;border-bottom:1px solid var(--cyan);padding-bottom:.6rem;margin-top:1.4rem;font-weight:700}.inline-link span{color:var(--cyan)}
.closing{text-align:center;min-height:510px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6rem 1.5rem;position:relative;background:radial-gradient(circle at 50% 50%,rgba(17,110,156,.28),transparent 54%),#091827;border-top:1px solid var(--line)}.closing>*{position:relative;z-index:1}.closing h2{margin:1rem 0 2rem}.closing-orbit{position:absolute;z-index:0;color:rgba(78,229,241,.065);font:700 30rem/1 'Space Grotesk',sans-serif;top:0}.footer{max-width:1480px;margin:auto;padding:4rem clamp(22px,4.4vw,72px) 2rem}.footer-main p{color:#7891a9;font-size:.87rem;margin:1.4rem 0 3rem}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:1.8rem;color:#7b93aa;font-size:.82rem}.footer-bottom div{display:flex;gap:1.7rem;flex-wrap:wrap}
@media(min-width:751px){.section,.closing{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.section.visible,.closing.visible{opacity:1;transform:none}}@media(max-width:1050px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:5rem}.hero-copy{max-width:720px}.hero-art{width:min(85vw,740px);justify-self:end;margin:0 0 3rem}.hero-notes{margin-top:2.5rem}.intro-grid{gap:2rem}.studio-grid{gap:3rem}}@media(max-width:750px){.site-header{height:72px}.brand{font-size:.95rem}.brand img{width:36px;height:36px}.nav{display:none}.header-cta{margin-left:auto;font-size:.72rem;padding:.55rem .7rem}.hero{padding-top:4rem;padding-bottom:3rem}.hero-art{width:94vw;justify-self:center;transform:rotate(1deg);margin-top:2.5rem}.hero-index{display:none}.hero-notes{font-size:.65rem}.hero-notes span+span:before{margin-right:.6rem}.marquee{text-align:left}.section{padding-top:5rem;padding-bottom:5rem}.section-kicker{margin-bottom:2rem}.intro-grid,.studio-grid{grid-template-columns:1fr}.intro-text{padding:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-icon{margin-bottom:1.2rem}.gameplay-head{display:block}.steps article{grid-template-columns:60px 1fr 22px;padding:1.6rem 0}.step-number{font-size:1.5rem}.steps h3{font-size:1.3rem}.studio-image{max-width:420px;width:100%;margin:auto}.footer-bottom{flex-direction:column}.closing-orbit{font-size:24rem;top:4rem}}@media(max-width:430px){h1{font-size:3.25rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:.5rem}.hero-notes{line-height:1.9}.hero-art{width:105vw}.art-caption{font-size:.55rem}.header-cta span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body{font-family:'Segoe UI',Arial,sans-serif}h1,h2,h3,.brand,.eyebrow,.overline,.section-kicker,.feature-icon,.step-number,.marquee,.art-caption,.hero-index{font-family:Oxanium,Arial,sans-serif}
.games-section{border-top:1px solid var(--line)}.games-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.games-head>p{max-width:360px;color:var(--muted);line-height:1.8}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem;margin-top:2rem}.game-card{background:#101c31;border:1px solid var(--line);border-radius:14px;overflow:hidden}.game-cover{height:290px;background:#172941;overflow:hidden}.game-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.game-card:hover img{transform:scale(1.05)}.game-copy{padding:1.6rem 1.8rem 2rem}.game-copy>span{color:var(--cyan);font:.7rem Oxanium,Arial,sans-serif;letter-spacing:.15em}.game-copy h3{font-size:1.8rem;margin:.65rem 0 1.1rem}.game-copy a{font-weight:700;border-bottom:1px solid var(--cyan);padding-bottom:.35rem}.game-copy a span{color:var(--cyan);margin-left:1rem}@media(max-width:750px){.games-head{display:block}.games-grid{grid-template-columns:1fr}.game-cover{height:250px}}
.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-cover{display:block;height:245px}.game-copy{display:flex;flex-direction:column;min-height:250px}.game-copy h3{margin-bottom:.5rem}.game-copy p{color:var(--muted);font-size:.92rem;line-height:1.6}.game-links{display:flex;gap:1.2rem 1.6rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem}.game-links a{font-size:.86rem}.game-links a span{margin-left:.3rem}@media(max-width:1050px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:750px){.games-grid{grid-template-columns:1fr}.game-copy{min-height:0}}
