@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');

:root{color-scheme:dark;--bg:#090e16;--panel:#101821;--panel-2:#131e2a;--line:#283543;--muted:#91a0ad;--text:#f1f4f6;--cyan:#55dce0;--amber:#f1af4c;--green:#7ce0a1;--font-display:'Barlow Condensed',Impact,sans-serif;--font-mono:'DM Mono',monospace;--font-body:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 77% 15%,rgba(33,83,91,.2),transparent 40%),linear-gradient(180deg,#0b111a 0,#090e16 50%,#0b1119 100%)}
a{color:inherit;text-decoration:none}
.topbar{height:80px;padding:0 clamp(22px,5.5vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(158,181,200,.11);position:relative;z-index:2;background:rgba(9,14,22,.82);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:12px;min-width:218px}
.brand-mark{width:30px;height:30px;display:flex;align-items:flex-end;gap:3px;transform:skew(-20deg)}
.brand-mark i{display:block;width:7px;background:var(--cyan);box-shadow:0 0 12px rgba(85,220,224,.26)}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:18px;background:var(--amber)}
.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-size:15px;font-weight:900;letter-spacing:1.8px}.brand-copy small{font:9px var(--font-mono);color:#8395a3;letter-spacing:2.2px}
.main-nav{display:flex;gap:38px;margin-left:auto;margin-right:52px}.main-nav a{font:11px var(--font-mono);letter-spacing:.8px;color:#a9b4bf;transition:color .2s}.main-nav a:hover{color:var(--cyan)}
.online-chip{min-width:178px;display:flex;align-items:center;gap:10px;border:1px solid #293742;background:#0e1720;padding:9px 11px;border-radius:8px;transition:border-color .2s}.online-chip:hover{border-color:var(--cyan)}.online-chip b{font:13px var(--font-mono);display:block;color:#fff}.online-chip small{display:block;font:8px var(--font-mono);letter-spacing:1.1px;color:#8796a3;margin-top:2px}.status-light{display:block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(124,224,161,.09),0 0 12px rgba(124,224,161,.56);flex:0 0 auto}.status-light.offline{background:#f07468;box-shadow:0 0 0 4px rgba(240,116,104,.1),0 0 12px rgba(240,116,104,.42)}.chip-arrow{margin-left:auto;color:#8da4b3}
.hero{min-height:640px;position:relative;display:grid;grid-template-columns:minmax(340px,.84fr) minmax(460px,1.16fr);align-items:center;gap:clamp(20px,4.8vw,80px);padding:62px clamp(24px,8.4vw,132px) 82px;max-width:1600px;margin:auto;overflow:hidden}.hero:before{content:"";position:absolute;width:620px;height:620px;top:-130px;right:5%;border-radius:50%;background:radial-gradient(circle,rgba(49,127,132,.12),transparent 67%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:18px 0 30px}.eyebrow{font:10px var(--font-mono);letter-spacing:1.7px;color:#9eafbc;display:flex;align-items:center;gap:10px}.eyebrow-line{display:inline-block;width:24px;height:2px;background:var(--amber)}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(76px,8.5vw,128px)/.79 var(--font-display);letter-spacing:-2px;margin:32px 0 26px;text-transform:uppercase;text-shadow:0 5px 0 rgba(0,0,0,.22)}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-description{max-width:440px;color:#a7b3bf;font-size:15px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:52px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:6px;font:11px var(--font-mono);letter-spacing:.8px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#071116;background:var(--cyan);border:1px solid #8ff5f0;font-weight:500;box-shadow:0 7px 22px rgba(85,220,224,.12)}.button-primary:hover{background:#8af1e8}.button-secondary{background:rgba(255,255,255,.015);border:1px solid #35434f;color:#b4c0ca}.button-secondary:hover{border-color:#768b98;color:#fff}.button-icon{font-size:10px}.hero-meta{margin-top:27px;display:flex;align-items:center;gap:10px;color:#788895;font:8px var(--font-mono);letter-spacing:1.1px}.meta-dot{width:3px;height:3px;background:var(--amber);border-radius:50%}
.city-art{position:relative;z-index:1}.art-frame{position:relative;border:1px solid #354652;background:#0c151e;border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.36),0 0 0 7px rgba(255,255,255,.015);overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.art-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(85,220,224,.055),transparent 40%,rgba(243,172,67,.035))}.art-topline{height:38px;padding:0 15px;border-bottom:1px solid #26333e;display:flex;align-items:center;justify-content:space-between;color:#788996;font:9px var(--font-mono);letter-spacing:1px}.art-topline span:last-child{color:var(--amber)}.city-svg{display:block;width:100%;height:auto}.art-coordinates{height:34px;padding:0 15px;display:flex;align-items:center;gap:8px;border-top:1px solid #26333e;color:#80929f;font:8px var(--font-mono);letter-spacing:1px}.art-coordinates>span{color:var(--green);font-size:12px}.art-coordinates i,.footer>span:last-child i{width:3px;height:3px;display:inline-block;background:var(--amber);border-radius:50%;margin:0 2px}.art-note{display:flex;align-items:center;gap:9px;position:absolute;right:-18px;bottom:23px;color:#80909c;font:8px var(--font-mono);letter-spacing:1.1px;transform:rotate(-4deg)}.note-line{width:37px;height:1px;background:var(--amber)}.hero-scroll{position:absolute;left:clamp(24px,8.4vw,132px);bottom:24px;display:flex;align-items:center;gap:13px;color:#71818e;font:8px var(--font-mono);letter-spacing:1.2px}.hero-scroll i{height:29px;width:1px;background:linear-gradient(var(--amber),transparent)}
.world-strip{border-top:1px solid rgba(158,181,200,.13);border-bottom:1px solid rgba(158,181,200,.13);background:#0d141d;display:grid;grid-template-columns:repeat(4,1fr);padding:20px clamp(24px,8.4vw,132px);gap:15px}.world-strip>div{display:flex;align-items:center;gap:14px;min-height:43px;border-right:1px solid rgba(158,181,200,.12)}.world-strip>div:last-child{border:0}.world-strip>div>strong{font:19px var(--font-display);color:#546371}.world-strip span b,.world-strip span small{display:block}.world-strip span b{font:9px var(--font-mono);letter-spacing:1px}.world-strip span small{font-size:10px;color:#778894;margin-top:5px}.strip-version{padding-left:14px}
.download-section{max-width:1360px;margin:auto;padding:105px clamp(24px,8.4vw,132px) 110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px}.section-heading h2,.final-cta h2{font:800 clamp(44px,5vw,70px)/.93 var(--font-display);letter-spacing:.2px;text-transform:uppercase;margin:18px 0 0}.section-heading p{max-width:340px;color:#8f9ca8;font-size:13px;line-height:1.8;margin:0 0 4px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.platform-card{min-height:255px;padding:24px 24px 20px;border:1px solid #293743;border-radius:9px;background:linear-gradient(145deg,rgba(21,31,43,.96),rgba(13,20,29,.95));display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.platform-card:after{content:"";position:absolute;width:160px;height:160px;right:-48px;top:-80px;border:1px solid rgba(85,220,224,.11);border-radius:50%;box-shadow:0 0 0 19px rgba(85,220,224,.025),0 0 0 39px rgba(85,220,224,.015);pointer-events:none}.platform-card:hover{transform:translateY(-4px);border-color:#476471}.pc-card:after{border-color:rgba(241,175,76,.14);box-shadow:0 0 0 19px rgba(241,175,76,.025),0 0 0 39px rgba(241,175,76,.015)}.android-card:after{border-color:rgba(124,224,161,.13);box-shadow:0 0 0 19px rgba(124,224,161,.025),0 0 0 39px rgba(124,224,161,.015)}.platform-top{display:flex;align-items:center;justify-content:space-between}.platform-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3f6571;border-radius:7px;background:rgba(85,220,224,.08);color:var(--cyan);font-size:20px}.pc-card .platform-icon{border-color:#765e37;background:rgba(241,175,76,.09);color:var(--amber)}.android-card .platform-icon{border-color:#42674f;background:rgba(124,224,161,.08);color:var(--green)}.platform-tag{padding:5px 8px;border:1px solid #34424e;border-radius:4px;color:#8797a4;font:8px var(--font-mono);letter-spacing:.9px}.platform-card h3{font:700 29px var(--font-display);letter-spacing:.5px;margin:16px 0 6px;text-transform:uppercase}.platform-card p{max-width:300px;color:#8d9aa5;font-size:11px;line-height:1.7;margin-bottom:15px}.platform-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2b3842;padding-top:15px;color:var(--cyan);font:10px var(--font-mono);letter-spacing:1px}.pc-card .platform-link{color:var(--amber)}.android-card .platform-link{color:var(--green)}.platform-link span{font-size:15px}.download-footnote{margin:17px 0 0;color:#778691;font:9px var(--font-mono);display:flex;gap:8px;align-items:center}.download-footnote>span{width:15px;height:15px;border:1px solid #55616c;color:#9eacb6;border-radius:50%;display:grid;place-items:center;font-size:9px;flex:0 0 auto}
.final-cta{margin:0 clamp(24px,8.4vw,132px) 68px;max-width:1096px;margin-left:auto;margin-right:auto;min-height:166px;padding:24px 38px;position:relative;overflow:hidden;border:1px solid #3b555e;border-radius:9px;background:linear-gradient(105deg,#152a31,#101b24 72%);display:flex;align-items:center;gap:24px}.cta-stamp{width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(85,220,224,.55);color:var(--cyan);font:700 17px var(--font-display);line-height:.8;transform:rotate(-5deg);flex:0 0 auto}.cta-stamp small{font:7px var(--font-mono);margin-top:5px}.final-cta>div:nth-child(2){position:relative;z-index:1}.final-cta .eyebrow{font-size:8px}.final-cta h2{font-size:37px;margin-top:10px}.final-cta>.button{margin-left:auto;position:relative;z-index:1;white-space:nowrap}.cta-road{position:absolute;right:0;top:0;bottom:0;width:32%;opacity:.23;background:repeating-linear-gradient(115deg,transparent 0 35px,#bbc5c9 36px 38px,transparent 39px 80px);mask-image:linear-gradient(90deg,transparent,#000)}
.footer{min-height:82px;padding:18px clamp(24px,5.5vw,88px);border-top:1px solid rgba(158,181,200,.11);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#75838e;font:8px var(--font-mono);letter-spacing:1px}.footer-brand{transform:scale(.85);transform-origin:left center}.footer>span:last-child{white-space:nowrap}
@media(max-width:1050px){.hero{grid-template-columns:.86fr 1.14fr;padding-left:5vw;padding-right:5vw;gap:25px}.hero h1{font-size:clamp(72px,9.2vw,110px)}.world-strip{padding-left:5vw;padding-right:5vw}.download-section{padding-left:5vw;padding-right:5vw}.hero-scroll{left:5vw}.main-nav{margin-right:26px;gap:22px}.final-cta{margin-left:5vw;margin-right:5vw}}
@media(max-width:760px){.topbar{height:68px;padding:0 18px}.brand{min-width:0}.brand-copy strong{font-size:13px}.main-nav{display:none}.online-chip{min-width:145px;padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:23px;padding:52px 22px 70px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(76px,19vw,112px);margin:25px 0 18px}.hero-description{font-size:13px;line-height:1.75;max-width:470px;margin-bottom:22px}.hero-actions{display:grid;grid-template-columns:1fr}.button{min-height:50px}.hero-meta{font-size:7px;gap:7px;letter-spacing:.7px;margin-top:18px}.art-frame{transform:none}.art-topline{height:32px;font-size:8px}.city-svg{min-height:220px}.art-coordinates{height:29px;font-size:7px}.art-note{right:0;bottom:-17px}.hero-scroll{display:none}.world-strip{grid-template-columns:1fr 1fr;padding:17px 22px;gap:15px 8px}.world-strip>div{border-right:0;gap:10px}.world-strip>div>strong{font-size:16px}.world-strip span b{font-size:8px}.world-strip span small{font-size:9px}.strip-version{padding-left:0}.download-section{padding:75px 22px 74px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:55px}.section-heading p{margin-top:14px;font-size:12px}.platform-grid{grid-template-columns:1fr;gap:10px}.platform-card{min-height:224px;padding:20px}.platform-card h3{margin-top:10px}.final-cta{margin:0 22px 45px;padding:22px;min-height:0;display:grid;grid-template-columns:52px 1fr;gap:16px}.final-cta h2{font-size:31px}.final-cta>.button{grid-column:1/-1;width:100%;margin:0}.cta-road{width:52%}.footer{padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:10px}.footer>span:nth-child(2){grid-column:1/-1;grid-row:2}.footer>span:last-child{font-size:7px}.footer-brand{transform:scale(.78)}}
@media(max-width:380px){.online-chip{min-width:125px}.online-chip small{font-size:7px}.hero{padding-left:17px;padding-right:17px}.world-strip{padding-left:17px;padding-right:17px}.download-section{padding-left:17px;padding-right:17px}.final-cta{margin-left:17px;margin-right:17px}.hero-meta{font-size:6.2px}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}