:root{--bg:#050711;--panel:#0b1020;--panel2:#10182d;--text:#f8fbff;--muted:#9da9bf;--blue:#1c8dff;--cyan:#00e4ff;--orange:#ff8c00;--yellow:#ffd22e;--line:rgba(255,255,255,.09);--shadow:0 25px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.bg-grid{position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.bg-grid:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 15%,#006eff2b,transparent 24%),radial-gradient(circle at 15% 35%,#ff65001c,transparent 25%);filter:blur(30px)}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{text-decoration:none;color:inherit}.header{height:76px;padding:0 6%;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:#050711cc;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-family:Orbitron;font-size:13px;font-weight:800;letter-spacing:.4px}.brand img{width:43px;height:43px;border-radius:13px;object-fit:cover;box-shadow:0 0 30px #1499ff44}.brand b{color:var(--cyan)}nav{display:flex;align-items:center;gap:27px;color:#aeb8cb;font-size:12px;font-weight:700}nav a:hover{color:#fff}.nav-download,.btn-main{background:linear-gradient(135deg,#128dff,#7048ff);box-shadow:0 12px 35px #128dff33;color:#fff}.nav-download{padding:12px 17px;border-radius:12px}.hamb{display:none;background:none;border:0;color:#fff;font-size:25px}.mobile-download{display:none}
.hero{min-height:710px;padding:80px 8% 65px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px;position:relative}.hero-copy{position:relative;z-index:2}.live-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #2c9dff45;background:#0a1427cc;padding:9px 12px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#72d7ff}.live-pill i{width:7px;height:7px;border-radius:50%;background:#24e37a;box-shadow:0 0 15px #24e37a}.live-pill span{color:#ffb62d;border-left:1px solid #ffffff1a;padding-left:10px}h1{font-family:Orbitron;font-size:clamp(55px,7.8vw,96px);line-height:.9;letter-spacing:-4px;margin:24px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#2da1ff,#00e4ff 40%,#ffad00);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.8}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{min-height:53px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:.7px;transition:.25s;border:1px solid var(--line)}.btn:hover{transform:translateY(-3px)}.btn-main{border:0}.btn-main strong{font-size:20px}.btn-soft{background:#ffffff07}.trust-row{display:flex;gap:17px;flex-wrap:wrap;margin-top:18px;color:#748098;font-size:10px;font-weight:700}
.hero-visual{height:540px;position:relative;display:grid;place-items:center}.phone{height:500px;width:258px;padding:9px;border-radius:40px;background:linear-gradient(145deg,#354058,#080b12);box-shadow:0 40px 100px #000,0 0 70px #008cff25;transform:rotate(5deg);position:relative;z-index:3}.phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#111}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-notch{position:absolute;width:85px;height:22px;background:#05070c;border-radius:0 0 14px 14px;top:9px;left:50%;transform:translateX(-50%);z-index:5}.ring{position:absolute;border:1px solid #2d9cff30;border-radius:50%;transform:rotate(-20deg)}.ring1{width:530px;height:260px}.ring2{width:370px;height:520px;transform:rotate(55deg)}.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffb300;box-shadow:0 0 25px #ff9c00}.s1{right:8%;top:18%}.s2{left:7%;bottom:22%;background:#00e5ff;box-shadow:0 0 25px #00dfff}.float-card{position:absolute;z-index:5;padding:13px 15px;border-radius:15px;background:#0a1223e8;border:1px solid #ffffff15;box-shadow:var(--shadow);backdrop-filter:blur(15px);min-width:125px}.float-card b{font-size:22px;display:block}.float-card span{display:block;color:#6e7b94;font-size:8px;letter-spacing:1.2px;font-weight:800;margin-top:4px}.float-card strong{display:block;font-size:11px;margin-top:4px}.c1{top:75px;right:3%}.c2{bottom:80px;right:0}.c3{left:1%;top:220px}
.ticker{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080c17cc}.ticker div{padding:17px;text-align:center;color:#647089;font-family:Orbitron;font-size:10px;letter-spacing:1.4px;border-right:1px solid var(--line)}
.section{max-width:1400px;margin:auto;padding:105px 7% 15px}.section-title{margin-bottom:35px}.section-title small{color:#5ecbff;font-weight:900;letter-spacing:2px;font-size:9px}.section-title h2{font-family:Orbitron;font-size:clamp(31px,4.2vw,55px);margin:10px 0}.section-title h2 span{background:linear-gradient(90deg,#31a4ff,#00e3ff 50%,#ffad00);-webkit-background-clip:text;color:transparent}.section-title p{color:var(--muted);max-width:580px;line-height:1.7;font-size:14px}.section-title.center{text-align:center}.section-title.center p{margin:auto}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.game{background:#0a1020;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.3s}.game:hover{transform:translateY(-7px);border-color:#1c9dff66;box-shadow:var(--shadow)}.game-photo{height:190px;background-position:center;background-size:cover}.game-a .game-photo{background-image:linear-gradient(135deg,#ff740099,#08101caa),url("assets/screenshot-3.jpg")}.game-b .game-photo{background-image:linear-gradient(135deg,#f23d0088,#08101caa),url("assets/screenshot-4.jpg")}.game-c .game-photo{background-image:linear-gradient(135deg,#008cff99,#08101caa),url("assets/screenshot-5.jpg")}.giveaway-art{height:190px;display:grid;place-items:center;font-size:75px;background:radial-gradient(circle at 50% 40%,#ffb00028,transparent 55%),#080d18}.game-info{padding:20px}.game-info small{font-size:8px;letter-spacing:1.6px;color:#5ecbff;font-weight:900}.game-info h3{font-family:Orbitron;font-size:21px;margin:7px 0}.game-info p{color:var(--muted);font-size:12px;line-height:1.6;min-height:40px}.game-info a{display:inline-block;color:#69caff;font-size:9px;font-weight:900;margin-top:16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#0c1427,#080d19);border-radius:20px;transition:.25s}.feature-grid article:hover{transform:translateY(-4px);border-color:#2d9cff55}.feature-grid i{font-style:normal;font-size:29px}.feature-grid h3{margin:17px 0 7px;font-size:16px}.feature-grid p{font-size:12px;color:var(--muted);line-height:1.65}
.preview-section{overflow:hidden}.preview-wrap{display:flex;align-items:center;gap:14px}.preview-track{display:flex;gap:16px;overflow:hidden;width:100%;padding:12px 2px}.shot{min-width:215px;height:440px;border:1px solid var(--line);background:#080d18;padding:7px;border-radius:24px;cursor:pointer;transition:.35s;opacity:.65}.shot.active{opacity:1;transform:translateY(-8px);border-color:#2d9cff66;box-shadow:0 25px 60px #000}.shot img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:18px}.arrow{width:45px;height:45px;flex:0 0 45px;border:1px solid var(--line);background:#0c1425;color:#fff;border-radius:50%;font-size:30px;cursor:pointer}.dots{display:flex;justify-content:center;gap:7px;margin-top:16px}.dots button{width:7px;height:7px;border:0;border-radius:50%;background:#354157;cursor:pointer}.dots button.active{background:#26a0ff;box-shadow:0 0 15px #26a0ff}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps>div{padding:28px;border-radius:20px;border:1px solid var(--line);background:#0a1020;position:relative;overflow:hidden}.steps b{font-family:Orbitron;font-size:30px;color:#278fff}.steps i{position:absolute;right:22px;top:22px;font-size:25px;color:#53617b;font-style:normal}.steps h3{margin:23px 0 7px}.steps p{font-size:12px;line-height:1.6;color:var(--muted)}
.mega-cta{margin:105px 5% 15px;padding:55px 7%;border-radius:30px;border:1px solid #218fff55;background:radial-gradient(circle at 90% 0,#007dff30,transparent 40%),linear-gradient(135deg,#0d1730,#080c17);display:flex;align-items:center;gap:30px;position:relative;overflow:hidden}.cta-glow{position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;bottom:-170px;background:#00d9ff;filter:blur(100px);opacity:.18}.cta-icon img{width:125px;height:125px;object-fit:cover;border-radius:28px;box-shadow:0 0 50px #008cff45}.mega-cta small{font-size:9px;color:#64cbff;font-weight:900;letter-spacing:2px}.mega-cta h2{font-family:Orbitron;font-size:clamp(30px,4vw,53px);margin:9px 0}.mega-cta h2 span{color:#ffb000}.mega-cta p{color:var(--muted);font-size:13px;line-height:1.7;max-width:650px}.install-box{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.install-box>div{padding:25px;background:#0a1020;border:1px solid var(--line);border-radius:18px}.install-box strong{font-family:Orbitron;color:#2c9cff;font-size:24px}.install-box h3{margin:14px 0 7px;font-size:15px}.install-box p{color:var(--muted);font-size:12px;line-height:1.6}
.faq-list{max-width:900px}.faq{width:100%;text-align:left;padding:21px;border:1px solid var(--line);border-radius:15px;background:#0a1020;color:#fff;margin-bottom:9px;cursor:pointer;font:700 13px Inter}.faq b{float:right;color:#5ecbff;font-size:20px}.faq p{display:none;color:var(--muted);font-weight:400;line-height:1.7;font-size:12px;padding:14px 30px 0 0}.faq.active{border-color:#2d9cff55}.faq.active p{display:block}.faq.active b{transform:rotate(45deg)}.source-strip{margin:90px 5% 0;padding:25px 7%;background:#070b14;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.source-strip span{display:block;color:#5ecbff;font-size:8px;font-weight:900;letter-spacing:2px}.source-strip strong{display:block;font-family:Orbitron;margin:7px 0}.source-strip p{color:#707b91;font-size:11px}.source-strip>a{padding:12px 16px;border:1px solid #ffffff14;border-radius:12px;font-size:10px;font-weight:900;color:#67cbff}
footer{padding:45px 7% 25px;background:#03050a}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px}.footer-top p{color:#657188;font-size:12px}.footer-dl{color:#65caff;font-size:10px;font-weight:900}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#5e697e;font-size:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:120;padding:14px 17px;border-radius:14px;background:#101b30;border:1px solid #2d9cff66;box-shadow:var(--shadow);font-size:11px;font-weight:800;transform:translateY(120px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}
@media(max-width:1050px){nav{gap:14px}.hero{padding-left:6%;padding-right:6%}.game-grid{grid-template-columns:repeat(2,1fr)}.shot{min-width:190px}}
@media(max-width:800px){.header{height:68px;padding:0 17px}.brand{font-size:10px}.brand img{width:39px;height:39px}.hamb{display:block}nav{display:none;position:absolute;top:74px;left:12px;right:12px;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#080e1df7;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}nav.open{display:flex}nav a{padding:12px}.nav-download{text-align:center}.mobile-download{display:block;position:sticky;top:68px;z-index:40;background:#0a1325e8;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);text-align:center}.mobile-download a{display:block;padding:11px;color:#fff;font-size:9px;font-weight:900;letter-spacing:1px}.hero{grid-template-columns:1fr;padding:60px 6% 35px;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-copy>p{font-size:14px}.hero-buttons{justify-content:center;width:100%}.btn{width:100%}.trust-row{justify-content:center}.hero-visual{height:460px}.phone{height:410px;width:215px}.c1{right:-2%;top:65px}.c2{right:-3%;bottom:45px}.c3{left:-3%;top:190px}.ticker{grid-template-columns:repeat(3,1fr)}.ticker div{font-size:8px}.section{padding:80px 5% 15px}.feature-grid,.steps,.install-box{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr 1fr}.preview-track{overflow-x:auto;scrollbar-width:none}.preview-track::-webkit-scrollbar{display:none}.shot{min-width:205px}.source-strip{margin-left:4%;margin-right:4%}}
@media(max-width:520px){h1{font-size:52px;letter-spacing:-3px}.live-pill{font-size:7px}.hero-visual{height:390px}.phone{height:350px;width:184px;border-radius:32px}.phone-screen{border-radius:25px}.float-card{padding:10px;min-width:108px}.float-card b{font-size:17px}.float-card span{font-size:7px}.float-card strong{font-size:9px}.c1{top:40px}.c2{bottom:25px}.c3{left:-8px;top:170px}.game-grid,.feature-grid,.steps,.install-box{grid-template-columns:1fr}.shot{min-width:190px;height:390px}.arrow{display:none}.mega-cta{margin:75px 4% 10px;padding:38px 7%;flex-direction:column;align-items:flex-start}.cta-icon img{width:95px;height:95px}.source-strip{flex-direction:column;align-items:flex-start}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}}


/* ===== MOBILE FIT / NO HORIZONTAL SCROLL FIX ===== */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}
body {
  position: relative;
}
main, header, footer, section, .section, .hero, .mega-cta, .source-strip {
  max-width: 100%;
}
img, video, iframe {
  max-width: 100%;
}
.hero, .section, .header, .ticker, .mega-cta, .source-strip, footer {
  overflow: hidden;
}

@media (max-width: 800px) {
  .hero {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-copy, .hero-visual {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .hero-visual {
    overflow: hidden;
    isolation: isolate;
  }

  .ring1 {
    width: 420px;
    max-width: 120%;
  }

  .ring2 {
    width: 300px;
    max-width: 100%;
  }

  .phone {
    width: min(215px, 58vw);
    height: min(410px, 108vw);
    max-width: 58vw;
    max-height: 108vw;
    transform: none;
  }

  .phone-screen {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
  }

  .phone-screen img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: top center;
  }

  .float-card {
    max-width: 28vw;
    overflow: hidden;
    white-space: nowrap;
  }

  .c1 { right: 1%; }
  .c2 { right: 1%; }
  .c3 { left: 1%; }

  .section-title,
  .game-grid,
  .feature-grid,
  .steps,
  .install-box,
  .preview-wrap {
    width: 100%;
    min-width: 0;
  }

  .game, .feature-grid article, .steps > div, .install-box > div {
    min-width: 0;
    max-width: 100%;
  }

  .preview-track {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  .shot {
    flex: 0 0 min(190px, 68vw);
    min-width: min(190px, 68vw);
    max-width: min(190px, 68vw);
  }

  .mega-cta {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }

  .source-strip {
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }

  .footer-top, .footer-bottom {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 520px) {
  .hero {
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero-visual {
    height: 370px;
    max-width: 100vw;
  }

  .phone {
    width: 184px;
    height: 350px;
    max-width: 184px;
    max-height: 350px;
  }

  .ring1 {
    width: 330px;
    height: 180px;
  }

  .ring2 {
    width: 250px;
    height: 360px;
  }

  .float-card {
    min-width: 0;
    max-width: 105px;
    padding: 9px;
  }

  .c1 { right: 0; }
  .c2 { right: 0; }
  .c3 { left: 0; }

  .ticker {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .game-grid, .feature-grid, .steps, .install-box {
    width: 100%;
  }

  .shot {
    flex-basis: 185px;
    min-width: 185px;
    max-width: 185px;
    height: 380px;
  }

  .section {
    padding-left: 14px;
    padding-right: 14px;
  }

  .mega-cta {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }

  .source-strip {
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;
  }
}


/* ===== INSTANT DOWNLOAD CTA ===== */
.direct-fallback{
  margin:22px 5% 0;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#080d18;
  font-size:10px;
  font-weight:800;
}
.direct-fallback span{color:#75829a;letter-spacing:1px}
.direct-fallback a{color:#62caff;text-decoration:underline}
.download-link{cursor:pointer}
@media(max-width:520px){
  .direct-fallback{margin-left:12px;margin-right:12px;text-align:center}
}

.direct-badge{
  margin:18px auto 0;
  width:max-content;
  max-width:90%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(0,228,255,.18);
  border-radius:999px;
  background:rgba(0,228,255,.04);
  color:#7b8aa3;
  font-size:9px;
  font-weight:800;
}
.direct-badge span{color:#62d8ff;letter-spacing:1px}
.direct-badge b{font-weight:700}
@media(max-width:520px){
 .direct-badge{font-size:8px;gap:7px}
}

/* V4 signup bonus + SEO */
.signup-bonus{margin:28px 6% 0;padding:18px 22px;border:1px solid rgba(255,177,0,.32);border-radius:20px;background:radial-gradient(circle at 0 50%,rgba(255,166,0,.18),transparent 30%),linear-gradient(135deg,#16120a,#0a1020);display:flex;align-items:center;gap:18px;position:relative;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.bonus-icon{width:66px;height:66px;flex:0 0 66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ffd43b,#ff8500);color:#241300;font-family:Orbitron;font-weight:900;font-size:18px;box-shadow:0 0 30px rgba(255,157,0,.28)}
.bonus-copy{flex:1}.bonus-copy small{color:#ffc247;font-size:8px;font-weight:900;letter-spacing:1.8px}.bonus-copy h2{font-family:Orbitron;font-size:20px;margin:4px 0}.bonus-copy h2 span{background:linear-gradient(90deg,#ffd43b,#ff8a00);-webkit-background-clip:text;color:transparent}.bonus-copy p{color:#8e99ad;font-size:11px;line-height:1.5}.bonus-btn{white-space:nowrap;padding:13px 17px;border-radius:12px;background:linear-gradient(135deg,#ffb300,#ff6f00);color:#180d00;font-size:10px;font-weight:900;box-shadow:0 10px 30px rgba(255,126,0,.2)}
.seo-content{padding-top:85px}.seo-pills{display:flex;flex-wrap:wrap;gap:9px}.seo-pills span{padding:10px 13px;border:1px solid rgba(255,255,255,.08);background:#0a1020;border-radius:999px;color:#8fa0ba;font-size:10px;font-weight:800}
@media(max-width:800px){.signup-bonus{margin:18px 16px 0;padding:16px;gap:12px;align-items:flex-start}.bonus-icon{width:55px;height:55px;flex-basis:55px;border-radius:15px;font-size:15px}.bonus-copy h2{font-size:16px}.bonus-copy p{font-size:10px}.bonus-btn{align-self:center;padding:11px 12px;font-size:8px}}
@media(max-width:520px){.signup-bonus{flex-wrap:wrap}.bonus-copy{min-width:calc(100% - 70px)}.bonus-btn{width:100%;text-align:center}.seo-content{padding-top:65px}}