/* ─── RVG MASS — shared city landing page styles ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#030202;--dark:#090908;--dark2:#0e0d0c;
  --blue:#ffd22a;--purple:#e72f3c;--pink:#e72f3c;--green:#ff9234;--orange:#ff6a00;
  --white:#fff4e0;--muted:#bbb0a2;
  --font-game:'Orbitron',sans-serif;--font-body:'Rajdhani',sans-serif;--font-mono:'Share Tech Mono',monospace;
}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.grad{background:linear-gradient(135deg,var(--blue),var(--purple) 55%,var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* starfield backdrop (CSS only — light) */
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,210,42,.10),transparent 45%),
    radial-gradient(circle at 85% 70%,rgba(231,47,60,.10),transparent 45%),
    radial-gradient(2px 2px at 30% 40%,rgba(255,255,255,.25),transparent),
    radial-gradient(1px 1px at 70% 60%,rgba(255,210,42,.4),transparent),
    radial-gradient(1.5px 1.5px at 50% 80%,rgba(231,47,60,.35),transparent),
    radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.3),transparent);
}
main,.topbar,footer{position:relative;z-index:2}

/* top bar */
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;background:rgba(3,2,2,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,210,42,.12)}
.tb-logo{display:flex;align-items:center;gap:10px}
.tb-ico{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 0 18px rgba(255,210,42,.4)}
.tb-txt{font-family:var(--font-game);font-size:12px;font-weight:900;line-height:1.3}
.tb-txt small{display:block;font-size:8px;color:var(--blue);letter-spacing:3px;font-family:var(--font-mono);font-weight:400}
.tb-links{display:flex;align-items:center;gap:22px}
.tb-links a{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);transition:color .2s}
.tb-links a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:8px;cursor:pointer;
  font-family:var(--font-game);font-size:12px;font-weight:700;letter-spacing:1.5px;transition:all .3s;border:none}
.btn-main{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;box-shadow:0 0 26px rgba(255,210,42,.35)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(255,210,42,.6)}
.btn-ghost{background:transparent;border:1px solid rgba(255,210,42,.4);color:var(--blue)}
.btn-ghost:hover{background:rgba(255,210,42,.08);border-color:var(--blue)}

/* hero */
.c-hero{padding:64px 0 70px;border-bottom:1px solid rgba(255,255,255,.05)}
.c-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.c-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;margin-bottom:22px;border-radius:4px;
  background:rgba(255,210,42,.06);border:1px solid rgba(255,210,42,.25);
  font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--blue);text-transform:uppercase}
.c-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.c-h1{font-family:var(--font-game);font-size:clamp(30px,4.6vw,52px);font-weight:900;line-height:1.08;margin-bottom:20px}
.c-hero-sub{color:var(--muted);font-size:18px;line-height:1.7;margin-bottom:30px;max-width:560px}
.c-hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.c-hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.c-stat .n{font-family:var(--font-game);font-size:22px;font-weight:900;color:var(--blue);text-shadow:0 0 18px rgba(255,210,42,.4)}
.c-stat .l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}
.c-hero-img{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,210,42,.2);
  box-shadow:0 30px 70px rgba(0,0,0,.7),-16px 0 50px rgba(231,47,60,.12),16px 0 50px rgba(255,210,42,.1)}
.c-hero-img img{width:100%;height:100%;object-fit:cover}

/* sections */
.c-sec{padding:70px 0}
.c-sec.alt{background:rgba(14,13,12,.5);border-block:1px solid rgba(255,255,255,.04)}
.c-label{font-family:var(--font-mono);font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--blue);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.c-label::before{content:'//';color:var(--purple)}
.c-h2{font-family:var(--font-game);font-size:clamp(24px,3.4vw,38px);font-weight:900;line-height:1.12;margin-bottom:20px}
.c-body p{color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:18px;max-width:760px}
.c-body strong{color:var(--white)}
.c-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.c-chip{padding:8px 16px;border-radius:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--muted);
  background:rgba(255,210,42,.05);border:1px solid rgba(255,210,42,.18)}

/* benefit cards */
.c-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
.c-card{background:rgba(9,9,8,.7);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px 24px;transition:transform .3s,border-color .3s}
.c-card:hover{transform:translateY(-5px);border-color:rgba(255,210,42,.4)}
.c-card .ico{font-size:26px;margin-bottom:14px}
.c-card h3{font-family:var(--font-game);font-size:15px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}
.c-card p{color:var(--muted);font-size:14.5px;line-height:1.65}

/* price strip */
.c-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}
.c-price{background:rgba(9,9,8,.8);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 22px;text-align:center;position:relative}
.c-price.hot{border-color:rgba(255,210,42,.4);background:linear-gradient(160deg,rgba(255,210,42,.07),rgba(231,47,60,.06),rgba(9,9,8,.9))}
.c-price .dur{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--blue);text-transform:uppercase}
.c-price .amt{font-family:var(--font-game);font-size:40px;font-weight:900;line-height:1.2;background:linear-gradient(135deg,var(--blue),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.c-price .nm{font-family:var(--font-body);font-size:14px;color:var(--muted);font-weight:600}
.c-pop{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--blue),var(--purple));font-family:var(--font-game);font-size:8px;font-weight:700;letter-spacing:2px;color:#fff;padding:5px 14px;border-radius:6px;white-space:nowrap}
.c-incl{text-align:center;color:var(--muted);font-size:14px;margin-top:22px}
.c-incl b{color:var(--blue)}

/* big CTA */
.c-cta{text-align:center;padding:70px 0}
.c-cta h2{font-family:var(--font-game);font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.1;margin-bottom:16px}
.c-cta p{color:var(--muted);font-size:17px;margin-bottom:30px}
.c-phone{font-family:var(--font-game);font-size:22px;font-weight:900;color:var(--blue);letter-spacing:2px;text-shadow:0 0 26px rgba(255,210,42,.5)}

/* nearby links */
.c-nearby{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.c-nearby a{padding:11px 20px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  font-size:14px;font-weight:600;transition:all .25s}
.c-nearby a:hover{color:var(--blue);border-color:rgba(255,210,42,.4);transform:translateY(-2px)}

/* footer */
footer{background:rgba(5,5,4,1);border-top:1px solid rgba(255,255,255,.05);padding:46px 0 30px;text-align:center}
footer .f-logo{font-family:var(--font-game);font-size:14px;font-weight:900;margin-bottom:10px}
footer p{color:var(--muted);font-size:14px;margin-bottom:6px}
footer a{color:var(--blue)}
.f-bottom{margin-top:24px;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:1px}

/* FAQ */
.c-faq{max-width:820px;margin:14px auto 0}
.c-faq-item{border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:10px;padding:20px 24px;background:rgba(9,9,8,.5)}
.c-faq-item h3{font-family:var(--font-body);font-size:17px;font-weight:700;color:var(--white);margin-bottom:8px}
.c-faq-item p{color:var(--muted);font-size:15px;line-height:1.7}

/* FULL GAME LIBRARY CATALOG */
.lib-tier{margin-bottom:40px}
.lib-tier-head{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:12px;margin-bottom:18px}
.lib-e{background:rgba(255,146,52,.05);border:1px solid rgba(255,146,52,.18)}
.lib-t{background:rgba(255,210,42,.05);border:1px solid rgba(255,210,42,.18)}
.lib-m{background:rgba(255,106,0,.05);border:1px solid rgba(255,106,0,.18)}
.lib-vr{background:rgba(231,47,60,.05);border:1px solid rgba(231,47,60,.18)}
.lib-rate{width:40px;height:54px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6))}
.lib-rate-vr{width:48px;height:48px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-game);font-weight:900;font-size:15px;background:rgba(231,47,60,.18);color:#ff8a8f;border:1px solid rgba(231,47,60,.45)}
.lib-tier-head h2{font-family:var(--font-game);font-size:clamp(18px,2.6vw,24px);font-weight:900;margin-bottom:2px}
.lib-tier-head p{color:var(--muted);font-size:13px;font-family:var(--font-mono);letter-spacing:1px}
.lib-tier-head .cnt{margin-left:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--muted);white-space:nowrap}
.lib-chips{display:flex;flex-wrap:wrap;gap:9px}
.lib-chip{padding:9px 15px;border-radius:8px;font-size:14px;font-weight:600;color:var(--white);
  background:rgba(9,9,8,.7);border:1px solid rgba(255,255,255,.08);transition:all .2s}
.lib-chip.pop{border-color:rgba(255,180,0,.55);background:rgba(255,180,0,.08)}
.lib-chip.pop::before{content:'★ ';color:#ffc23a}
.lib-e .lib-chip:hover{border-color:rgba(255,146,52,.5);color:var(--green)}
.lib-t .lib-chip:hover{border-color:rgba(255,210,42,.5);color:var(--blue)}
.lib-m .lib-chip:hover{border-color:rgba(255,106,0,.5);color:var(--orange)}
.lib-vr .lib-chip:hover{border-color:rgba(231,47,60,.5);color:#ff8a8f}

/* BLOG */
.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:14px}
.post-card{display:flex;flex-direction:column;background:rgba(9,9,8,.7);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:transform .3s,border-color .3s}
.post-card:hover{transform:translateY(-5px);border-color:rgba(255,210,42,.4)}
.post-card .pc-body{padding:22px 22px 24px}
.post-card .pc-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--blue);text-transform:uppercase}
.post-card h3{font-family:var(--font-game);font-size:16px;font-weight:700;line-height:1.25;margin:10px 0 10px}
.post-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:14px}
.post-card .pc-link{margin-top:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--blue)}
.article{max-width:760px;margin:0 auto}
.article .a-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:14px}
.article h1{font-family:var(--font-game);font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.15;margin-bottom:18px}
.article h2{font-family:var(--font-game);font-size:22px;font-weight:700;margin:34px 0 14px;color:var(--white)}
.article p{color:var(--muted);font-size:17px;line-height:1.85;margin-bottom:18px}
.article ul{margin:0 0 18px 22px;color:var(--muted);font-size:17px;line-height:1.8}
.article li{margin-bottom:8px}
.article strong{color:var(--white)}
.article a{color:var(--blue);text-decoration:underline}
.article .a-cta{margin:34px 0;padding:26px;border-radius:14px;background:linear-gradient(120deg,rgba(255,210,42,.08),rgba(231,47,60,.08));border:1px solid rgba(255,210,42,.18);text-align:center}
.article .a-cta p{font-size:16px;margin-bottom:16px;color:var(--white)}

@media(max-width:860px){
  .c-hero-grid{grid-template-columns:1fr;gap:34px}
  .c-hero-img{order:-1}
  .c-cards{grid-template-columns:1fr}
  .c-prices{grid-template-columns:1fr}
  .post-list{grid-template-columns:1fr}
  .tb-links{display:none}
}
@media(max-width:560px){
  body{font-size:16px}
  .c-sec{padding:52px 0}
  .c-hero{padding:40px 0 50px}
}

/* Make inline links recognizable without relying only on color. */
p a:not(.btn),li a:not(.btn),.f-bottom a{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}