:root{
  --bg:#090d13;--bg2:#0d131c;--panel:#111923;--panel2:#151f2b;--line:#273242;
  --text:#edf1f7;--muted:#94a0af;--accent:#4fbfa0;--accent2:#e5b148;--danger:#d56d48;
  --display:'Arial Narrow','Roboto Condensed',Arial,sans-serif;--body:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:'IBM Plex Mono',Consolas,monospace;--max:1240px;--pad:clamp(20px,5vw,68px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(39,50,66,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(39,50,66,.3) 1px,transparent 1px);background-size:88px 88px;opacity:.18;mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 20%,transparent 80%)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto;position:relative;z-index:1}.eyebrow{font:700 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px;margin:0 0 18px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em}h1{font-size:clamp(60px,10vw,142px);line-height:.82;margin:0 0 25px;font-weight:900}h2{font-size:clamp(38px,6vw,78px);line-height:.9;margin:0 0 20px}h3{font-size:clamp(25px,3vw,38px);line-height:1;margin:0 0 12px}.accent{color:var(--accent2)}.muted{color:var(--muted)}
.nav{position:sticky;top:0;z-index:50;background:rgba(9,13,19,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-in{height:66px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{font:900 24px var(--display);border:1px solid var(--line);padding:3px 10px;color:var(--text)}.brand-copy b{display:block;font-size:15px;letter-spacing:.08em}.brand-copy span{display:block;font:500 9px var(--mono);letter-spacing:.25em;color:var(--muted)}.nav-links{margin-left:auto;display:flex;gap:24px;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.nav-links a{color:var(--muted);padding:23px 0;border-bottom:1px solid transparent}.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--accent)}.nav-cta{font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:10px 15px}.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);padding:8px 11px}
.ticker{border-bottom:1px solid var(--line);background:var(--bg2);overflow:hidden}.ticker-track{display:flex;width:max-content;animation:ticker 42s linear infinite}.ticker ul{display:flex;list-style:none;margin:0;padding:0}.ticker li{font:500 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:9px 0;white-space:nowrap}.ticker li:after{content:"◆";color:var(--accent);margin:0 28px}@keyframes ticker{to{transform:translateX(-50%)}}
.hero{padding:clamp(58px,9vh,105px) 0 80px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,80px);align-items:center}.hero h1 span{display:block;color:var(--accent2)}.hero-copy{font-size:clamp(17px,1.8vw,21px);max-width:38ch;color:#cbd2dc;margin:0 0 30px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:14px 22px;font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:transparent;color:var(--text);transition:.2s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent2);border-color:var(--accent2);color:#17120a}.btn.primary:hover{background:#f1c86f}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line);padding-top:18px;font:500 10px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.hero-visual{position:relative}.hero-visual img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);filter:saturate(.75) brightness(.85)}.hero-badge{position:absolute;right:-18px;bottom:28px;background:rgba(13,19,28,.94);border:1px solid var(--accent);padding:16px 18px;max-width:220px}.hero-badge small{display:block;font:600 9px var(--mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase}.hero-badge strong{display:block;font:800 24px var(--display);line-height:1;margin:7px 0}.hero-badge span{font-size:13px;color:var(--muted)}
.section{padding:clamp(68px,10vh,120px) 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:end;margin-bottom:46px}.section-head p{max-width:55ch;margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:var(--bg2);padding:28px 24px}.feature .icon{font-size:28px;color:var(--accent2);margin-bottom:14px}.feature h3{font-size:24px}.feature p{margin:0;color:var(--muted);font-size:14px}
.split-banner{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--panel)}.split-banner>div{padding:36px}.split-banner>div+div{border-left:1px solid var(--line)}.split-banner .label{font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.split-banner h3{font-size:34px;margin-top:12px}.split-banner p{color:var(--muted);margin:0 0 20px}
.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.game-card,.app-card{border:1px solid var(--line);background:var(--bg2);overflow:hidden;transition:.25s}.game-card:hover,.app-card:hover{transform:translateY(-5px);border-color:var(--accent)}.game-card img{aspect-ratio:7/9;object-fit:cover;filter:saturate(.8) brightness(.78)}.card-body{padding:20px}.status{display:inline-block;font:700 9px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.status.released{color:var(--accent2)}.card-body h3{font-size:28px}.card-body p{font-size:14px;color:var(--muted);min-height:70px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.tag{border:1px solid var(--line);padding:4px 7px;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.featured-game{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line);background:var(--panel)}.featured-game img{height:100%;object-fit:cover;min-height:410px;filter:saturate(.83) brightness(.82)}.featured-copy{padding:clamp(28px,5vw,60px)}.featured-copy ul{padding:0;list-style:none;margin:24px 0}.featured-copy li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted)}.featured-copy li:before{content:"+";color:var(--accent);margin-right:12px}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card{padding:26px}.app-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel2);font-size:28px;margin-bottom:22px}.app-card h3{font-size:28px}.app-card p{color:var(--muted);font-size:14px;min-height:68px}.app-card .meta{font:500 10px var(--mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.stat{background:var(--bg2);padding:25px}.stat b{display:block;font:900 36px var(--display);color:var(--accent2)}.stat span{color:var(--muted);font-size:13px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-card{border:1px solid var(--line);background:var(--bg2);padding:28px}.support-card h3{font-size:30px}.support-card a{color:var(--accent);font-family:var(--mono);font-size:13px}.support-card p{color:var(--muted)}
.page-hero{padding:80px 0 58px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(58px,9vw,120px)}.page-hero p{max-width:60ch;color:var(--muted);font-size:18px}.content{padding:60px 0 100px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.panel{border:1px solid var(--line);background:var(--bg2);padding:28px}.panel h2{font-size:40px}.panel p,.panel li{color:var(--muted)}.legal{max-width:900px}.legal h2{font-size:38px;margin-top:44px}.legal p,.legal li{color:var(--muted)}
footer{border-top:1px solid var(--line);background:var(--bg2);padding:58px 0 30px}.foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:30px}.foot-grid h4{font:600 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 15px}.foot-grid p{color:var(--muted);font-size:14px}.foot-grid a{display:block;color:var(--muted);font-size:14px;padding:4px 0}.foot-grid a:hover{color:var(--text)}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#5e6875;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(16px);transition:.65s}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.nav-links,.nav-cta{display:none}.menu-btn{display:block}.nav.open .nav-links{display:flex;position:absolute;left:0;right:0;top:66px;background:var(--bg2);flex-direction:column;padding:20px var(--pad);border-bottom:1px solid var(--line)}.nav.open .nav-links a{padding:10px 0}.hero-grid,.section-head,.featured-game,.content-grid{grid-template-columns:1fr}.hero-visual{max-width:620px}.feature-grid{grid-template-columns:1fr 1fr}.game-grid{grid-template-columns:1fr 1fr}.app-grid{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.split-banner{grid-template-columns:1fr}.split-banner>div+div{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:620px){h1{font-size:60px}.feature-grid,.game-grid,.app-grid,.stats,.support-grid,.foot-grid{grid-template-columns:1fr}.hero-badge{position:static;margin-top:12px}.split-banner>div{padding:26px}.featured-game img{min-height:280px}.card-body p,.app-card p{min-height:0}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ===== Premium refinement v2 ===== */
:root{
  --bg:#070a0f;
  --bg2:#0b1017;
  --panel:#0f1620;
  --panel2:#131c27;
  --line:#222d3a;
  --line-soft:rgba(148,160,175,.16);
  --text:#f4f6f8;
  --muted:#96a1af;
  --accent:#68b9a5;
  --accent2:#d8ad5a;
  --shadow:0 28px 70px rgba(0,0,0,.32);
}
body{
  background:
    radial-gradient(circle at 82% 3%,rgba(67,102,143,.13),transparent 29%),
    radial-gradient(circle at 8% 38%,rgba(104,185,165,.055),transparent 24%),
    var(--bg);
}
body:before{opacity:.11;background-size:104px 104px}
.wrap{width:min(1280px,calc(100% - 2*var(--pad)))}
.nav{background:rgba(7,10,15,.9);border-color:rgba(148,160,175,.13);box-shadow:0 12px 38px rgba(0,0,0,.2)}
.nav-in{height:72px}
.brand-mark{border-color:rgba(216,173,90,.45);color:var(--accent2);background:linear-gradient(145deg,rgba(216,173,90,.08),transparent);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.brand-copy b{font-size:16px}.brand-copy span{color:#7d8998}
.nav-links a{padding:26px 0}.nav-cta{border-color:rgba(216,173,90,.45);color:#eee3cf;background:rgba(216,173,90,.035)}
.nav-cta:hover{background:var(--accent2);color:#15100a}
.ticker{background:#090e14;border-color:rgba(148,160,175,.12)}
.ticker li{color:#75818e}.ticker li:after{color:var(--accent2);opacity:.7}
.hero{padding:clamp(70px,10vh,125px) 0 100px}
.hero-grid{gap:clamp(44px,7vw,94px)}
.hero h1{letter-spacing:-.015em;text-shadow:0 10px 35px rgba(0,0,0,.3)}
.hero h1 span{color:var(--accent2)}
.hero-copy{color:#c5ccd5;line-height:1.75}
.btn{border-color:rgba(148,160,175,.25);background:rgba(255,255,255,.012);border-radius:2px}
.btn:hover{background:rgba(104,185,165,.06)}
.btn.primary{background:var(--accent2);box-shadow:0 12px 30px rgba(216,173,90,.16)}
.hero-visual{padding:12px;border:1px solid rgba(148,160,175,.12);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005));box-shadow:var(--shadow)}
.hero-visual:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(7,10,15,.3));z-index:1}
.hero-visual img{border:0;filter:saturate(.67) brightness(.78) contrast(1.05)}
.hero-badge{z-index:2;right:-10px;bottom:24px;border-color:rgba(216,173,90,.55);background:rgba(8,12,17,.94);box-shadow:0 20px 50px rgba(0,0,0,.4)}
.hero-badge small{color:var(--accent2)}
.section{padding:clamp(78px,11vh,132px) 0;border-color:rgba(148,160,175,.12)}
.section-head{margin-bottom:54px}.section-head p{line-height:1.8}
.feature-grid,.stats{gap:0;border-color:rgba(148,160,175,.14);background:rgba(148,160,175,.14);box-shadow:var(--shadow)}
.feature,.stat{background:linear-gradient(180deg,#0c1219,#0a0f15)}
.feature{padding:34px 28px}.feature+.feature{border-left:0}.feature .icon{color:var(--accent2)}
.split-banner,.featured-game{border-color:rgba(148,160,175,.17);background:linear-gradient(145deg,#101822,#0c1219);box-shadow:var(--shadow)}
.split-banner>div{padding:44px}.split-banner .label{color:var(--accent2)}
.game-grid{gap:22px}.game-card,.app-card,.support-card,.panel{border-color:rgba(148,160,175,.15);background:linear-gradient(180deg,#0d141d,#0a1017);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.game-card:hover,.app-card:hover{transform:translateY(-7px);border-color:rgba(216,173,90,.48);box-shadow:0 28px 60px rgba(0,0,0,.35)}
.game-card img{filter:saturate(.68) brightness(.74) contrast(1.06);transition:filter .35s,transform .45s}
.game-card:hover img{filter:saturate(.8) brightness(.8);transform:scale(1.025)}
.card-body{padding:24px}.status{color:var(--accent)}.status.released{color:var(--accent2)}
.tag{border-color:rgba(148,160,175,.18);background:rgba(255,255,255,.018)}
.featured-game{overflow:hidden}.featured-game img{filter:saturate(.7) brightness(.74) contrast(1.08)}
.featured-copy{padding:clamp(36px,5vw,68px)}
.app-grid{gap:22px}.app-card{padding:30px}.app-icon{border-color:rgba(216,173,90,.26);background:rgba(216,173,90,.04);color:var(--accent2)}
.support-grid{gap:22px}.support-card{padding:34px}.support-card a{color:var(--accent2)}
.page-hero{padding:96px 0 72px;background:linear-gradient(180deg,rgba(19,28,39,.38),transparent);border-color:rgba(148,160,175,.12)}
.content{padding:76px 0 120px}
footer{background:#080d13;border-color:rgba(148,160,175,.12);padding-top:68px}.foot-grid a:hover{color:var(--accent2)}
.copyright{border-color:rgba(148,160,175,.12);color:#66717e}
.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
@media(max-width:980px){.hero-visual{max-width:680px}.hero-badge{right:10px}.nav.open .nav-links{top:72px;background:#0a1017}}
@media(max-width:640px){.hero{padding-top:54px}.hero h1{font-size:clamp(54px,18vw,82px)}.section{padding:68px 0}.hero-visual{padding:7px}.hero-badge{position:relative;right:auto;bottom:auto;margin-top:12px;max-width:none}.game-grid,.app-grid,.feature-grid,.stats,.support-grid,.foot-grid{grid-template-columns:1fr}.feature-grid{gap:1px}.foot-grid>div:first-child{grid-column:auto}.split-banner>div{padding:30px}}