*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#111827;background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.brand-logo{display:block;max-width:170px;max-height:48px;object-fit:contain}.app-icon{width:88px;height:88px;object-fit:contain;border-radius:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:8px;font-weight:700}.primary{background:#e31b23;color:#fff}.ghost{border:1px solid #cbd5e1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:88px 0}.section-head{max-width:720px;margin:0 auto 38px;text-align:center}.section-head.left{margin-left:0;text-align:left}.section-head.center{text-align:center}.section-head>span,.eyebrow,.hero-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#e31b23}.section-head h2{font-size:38px;margin:10px 0 12px;line-height:1.15}.section-head p{color:#64748b;line-height:1.8}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.six-grid article,.three-cards article,.review-cards article,.feature4-grid article,.voices4 article{padding:28px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.six-grid article i{font-style:normal;font-weight:800;color:#e31b23}.six-grid h3,.three-cards h3,.review-cards h3,.feature4-grid h3,.voices4 h3{margin:12px 0 8px}.six-grid p,.three-cards p,.review-cards p,.feature4-grid p,.voices4 p{color:#64748b;line-height:1.75}.faq-list{max-width:860px;margin:auto}.faq-item{border-bottom:1px solid #e5e7eb}.faq-q{width:100%;padding:22px 0;background:none;border:0;display:flex;justify-content:space-between;text-align:left;font-size:18px;font-weight:700;cursor:pointer;color:inherit}.faq-a{display:none;padding:0 0 22px;color:#64748b;line-height:1.8}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{transform:rotate(45deg)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}.footer-grid h4{margin:0 0 14px}.footer-grid a,.footer-grid span{display:block;margin:8px 0;color:#94a3b8}.copyright{text-align:center;border-top:1px solid rgba(148,163,184,.18);padding:20px;color:#64748b;font-size:13px}.nav-toggle{display:none}
@media(max-width:820px){.wrap{width:min(calc(100% - 28px),1160px)}.section{padding:64px 0}.six-grid,.footer-grid,.feature4-grid,.voices4,.review-cards,.three-cards{grid-template-columns:1fr!important}.section-head h2{font-size:30px}.nav-toggle{display:block;background:none;border:0;font-size:24px}.nav-links{display:none}.nav-links.show{display:flex;position:absolute;left:14px;right:14px;top:70px;flex-direction:column;background:#fff;padding:18px;border-radius:12px;box-shadow:0 20px 50px #0002;z-index:50}.hero-actions .btn{width:100%}}body{background:#f8fafc}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;width:min(1160px,calc(100% - 40px));margin:auto}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px}.nav-cta{background:#111827;color:#fff;padding:11px 16px;border-radius:7px}.hero{min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.hero h1{font-size:60px;line-height:1.02;margin:14px 0 18px;max-width:690px}.lead{font-size:18px;color:#475569;line-height:1.8}.trust-row{display:flex;gap:20px;margin-top:28px;font-size:13px;font-weight:700;color:#475569}.hero-card{background:#111827;border-radius:22px;min-height:380px;color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:0 30px 70px #0f172a30}.hero-card strong{display:block;font-size:42px;margin-top:24px}.hero-card span{color:#94a3b8}.device-tags{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;margin-top:36px}.device-tags b{font-size:12px;padding:13px;border:1px solid #334155;border-radius:7px}.stats-band{background:#111827;color:#fff;padding:42px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat-grid strong{display:block;font-size:26px}.stat-grid span{font-size:13px;color:#94a3b8}.three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.three-cards b{color:#e31b23;font-size:12px;text-transform:uppercase}.three-cards a{font-weight:700}.faq-section{background:#fff}.final-cta{background:#e31b23;color:#fff;padding:68px 0}.final-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:40px;margin:8px 0}.final-cta p{opacity:.9}.light{background:#fff;color:#111827}footer{background:#0f172a;color:#fff;padding-top:58px}footer p{color:#94a3b8;line-height:1.7}@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero h1{font-size:42px}.hero-card{min-height:310px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:30px}.final-cta .wrap{flex-direction:column;align-items:flex-start}.final-cta h2{font-size:32px}.trust-row{flex-wrap:wrap}}

/* ===== OPTIMIZED VISUAL LAYER ===== */
:root{
  --gg-red:#e31b23;
  --gg-red-dark:#bd151c;
  --gg-ink:#111827;
  --gg-soft:#f8fafc;
  --gg-line:#e8edf3;
}

.topbar{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(248,250,252,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(226,232,240,.9);
}

.nav-links a{
  transition:color .2s ease,background .2s ease,transform .2s ease;
}
.nav-links a:hover{color:var(--gg-red)}
.nav-cta:hover{background:#020617;transform:translateY(-1px)}

.hero{
  position:relative;
  padding-top:28px;
}
.hero:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-100px;
  top:30px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(227,27,35,.10),rgba(227,27,35,0) 68%);
  pointer-events:none;
}

.hero h1{
  letter-spacing:-.045em;
}
.lead{
  max-width:720px;
}
.primary{
  box-shadow:0 12px 28px rgba(227,27,35,.23);
  transition:.22s ease;
}
.primary:hover{
  background:var(--gg-red-dark);
  transform:translateY(-2px);
}
.ghost{
  background:#fff;
  transition:.22s ease;
}
.ghost:hover{
  border-color:#94a3b8;
  transform:translateY(-2px);
}

.hero-card{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(227,27,35,.24),transparent 28%),
    linear-gradient(145deg,#111827,#090e16 72%);
}
.hero-card:after{
  content:"GGPOKER";
  position:absolute;
  right:-18px;
  bottom:10px;
  font-size:64px;
  font-weight:900;
  letter-spacing:-.06em;
  color:rgba(255,255,255,.025);
}
.device-tags b{
  transition:.2s ease;
}
.device-tags b:hover{
  border-color:#e31b23;
  color:#fff;
}

.six-grid article,.three-cards article{
  position:relative;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  box-shadow:0 6px 18px rgba(15,23,42,.025);
}
.six-grid article:hover,.three-cards article:hover{
  transform:translateY(-5px);
  border-color:#fecaca;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
}
.six-grid article i{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#fff1f2;
}

.stats-band{
  background:
    radial-gradient(circle at 20% 0%,rgba(227,27,35,.18),transparent 25%),
    #111827;
}
.stat-grid>div{
  position:relative;
}
.stat-grid>div:not(:last-child):after{
  content:"";
  position:absolute;
  right:0;
  top:12%;
  bottom:12%;
  width:1px;
  background:#ffffff14;
}

.faq-q{
  transition:color .2s ease;
}
.faq-q:hover{color:var(--gg-red)}
.faq-item.open .faq-q{color:var(--gg-red)}

.final-cta{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.13),transparent 25%),
    linear-gradient(135deg,#e31b23,#c81920);
}
.light{
  font-weight:800;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

footer{
  background:linear-gradient(180deg,#0f172a,#090e18);
}

@media(max-width:820px){
  .topbar{height:68px}
  .hero{padding-top:44px}
  .hero h1{font-size:40px}
  .hero-card{padding:32px}
  .hero-card strong{font-size:34px}
  .stat-grid>div:nth-child(2):after{display:none}
  .nav-links.show{
    border:1px solid #e5e7eb;
  }
}