*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  background-color:#0B1220;
  background-image:
    linear-gradient(rgba(92,148,252,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,148,252,.07) 1px,transparent 1px);
  background-size:16px 16px;
  color:#E9F2FF;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;border-radius:0;image-rendering:pixelated;}
a{color:#4CD964;text-decoration:none;}
a:hover{color:#FFD84D;}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px;}
.section{padding:52px 0;}
.sec-head{margin-bottom:26px;border-left:10px solid #C0392B;padding-left:14px;}
.sec-title{font-size:clamp(20px,3vw,30px);color:#4CD964;letter-spacing:1px;text-shadow:3px 3px 0 rgba(0,0,0,.6);}
.sec-sub{color:#9FB6D6;font-size:14px;margin-top:4px;}
.pixel-card{
  background:#141E2E;
  border:4px solid #2C5FBD;
  border-radius:0;
  box-shadow:8px 8px 0 rgba(0,0,0,.75),inset 0 0 0 3px #0B1220;
  padding:20px;
  transition:transform .12s ease,border-color .12s ease;
}
.pixel-card:hover{transform:translate(-2px,-2px);border-color:#5C94FC;}
.pixel-card h3{color:#FFD84D;font-size:17px;margin-bottom:10px;letter-spacing:.5px;}
.pixel-card p{color:#C6D8F0;font-size:14.5px;}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:22px;}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;}
/* header */
.site-header{position:sticky;top:0;z-index:99;background:#131E2C;border-bottom:5px solid #C0392B;box-shadow:0 6px 0 rgba(0,0,0,.55);}
.nav-wrap{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:#4CD964;letter-spacing:1px;}
.brand .cube{width:20px;height:20px;background:#C0392B;box-shadow:6px 0 0 #27AE60,0 6px 0 #5C94FC;display:inline-block;}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.nav-links a{
  display:inline-block;padding:8px 13px;font-size:14px;font-weight:700;color:#E9F2FF;
  background:#0F1A28;border:3px solid #2C5FBD;border-radius:0;box-shadow:3px 3px 0 rgba(0,0,0,.6);
}
.nav-links a:hover{background:#C0392B;border-color:#E74C3C;color:#fff;}
/* hero */
#geo-intro{
  background:linear-gradient(180deg,#12406F 0%,#0D2748 60%,#0B1220 100%);
  border-bottom:5px solid #27AE60;padding:46px 0 52px;
}
h1{
  font-size:clamp(21px,3.6vw,38px);line-height:1.45;color:#FFD84D;letter-spacing:1px;
  text-shadow:4px 4px 0 #C0392B,8px 8px 0 rgba(0,0,0,.5);margin-bottom:20px;
}
.geo-text{font-size:15.5px;color:#DCE9FB;background:rgba(11,18,32,.72);border:4px solid #27AE60;border-radius:0;box-shadow:8px 8px 0 rgba(0,0,0,.6);padding:18px;}
.hero-flex{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:start;margin-top:26px;}
.hero-img{border:4px solid #5C94FC;border-radius:0;box-shadow:10px 10px 0 rgba(0,0,0,.7);background:#0F1A28;}
@media(max-width:820px){.hero-flex{grid-template-columns:1fr;}}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;}
.btn{
  display:inline-block;padding:12px 22px;font-weight:800;font-size:15px;color:#0B1220;
  background:#4CD964;border:4px solid #1E8449;border-radius:0;box-shadow:6px 6px 0 rgba(0,0,0,.7);
}
.btn:hover{background:#FFD84D;border-color:#C0392B;color:#0B1220;}
.btn.alt{background:#5C94FC;border-color:#2C5FBD;color:#fff;}
.btn.alt:hover{background:#E74C3C;border-color:#C0392B;color:#fff;}
/* stats */
.stat{background:#101B2A;border:4px solid #C0392B;border-radius:0;box-shadow:6px 6px 0 rgba(0,0,0,.7);padding:20px 14px;text-align:center;}
.stat .num{font-size:30px;font-weight:900;color:#FFD84D;letter-spacing:1px;text-shadow:3px 3px 0 rgba(0,0,0,.6);}
.stat .lbl{font-size:13.5px;color:#A9C0E0;margin-top:6px;}
/* timeline */
.tl{position:relative;padding-left:26px;}
.tl::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:6px;background:#27AE60;}
.tl-item{position:relative;margin-bottom:22px;background:#141E2E;border:4px solid #2C5FBD;border-radius:0;box-shadow:7px 7px 0 rgba(0,0,0,.7);padding:16px;}
.tl-item::before{content:"";position:absolute;left:-32px;top:22px;width:14px;height:14px;background:#FFD84D;border:3px solid #C0392B;}
.tl-item h4{color:#4CD964;font-size:16px;margin-bottom:6px;}
.tl-item p{font-size:14.5px;color:#C6D8F0;}
/* news */
.news-item{background:#141E2E;border:4px solid #2C5FBD;border-radius:0;box-shadow:8px 8px 0 rgba(0,0,0,.7);padding:20px;margin-bottom:20px;}
.news-item .tag{display:inline-block;background:#27AE60;color:#06121F;font-size:12.5px;font-weight:800;padding:3px 10px;border-radius:0;border:3px solid #1E8449;margin-right:10px;}
.news-item h3{display:inline;font-size:17px;color:#FFD84D;}
.news-item .date{color:#8FA8C8;font-size:13.5px;}
.news-item p{margin-top:10px;color:#C6D8F0;font-size:14.5px;}
.news-item a.read{display:inline-block;margin-top:12px;font-weight:800;font-size:14px;color:#4CD964;border-bottom:3px solid #1E8449;}
.news-item a.read:hover{color:#FFD84D;border-color:#C0392B;}
/* faq */
.faq-item{background:#121C2A;border:4px solid #2C5FBD;border-radius:0;box-shadow:7px 7px 0 rgba(0,0,0,.7);padding:18px 20px;margin-bottom:18px;}
.faq-item h3{color:#4CD964;font-size:16.5px;margin-bottom:10px;line-height:1.6;}
.faq-item h3::before{content:"▶ ";color:#FFD84D;}
.faq-item p{color:#C6D8F0;font-size:14.5px;}
/* testimonials */
.quote{background:#101B2A;border:4px dashed #27AE60;border-radius:0;padding:20px;box-shadow:6px 6px 0 rgba(0,0,0,.7);}
.quote p{color:#DCE9FB;font-size:14.5px;}
.quote .who{margin-top:12px;color:#FFD84D;font-size:13.5px;font-weight:800;}
/* guide steps */
.step{background:#141E2E;border:4px solid #5C94FC;border-radius:0;box-shadow:6px 6px 0 rgba(0,0,0,.7);padding:18px;position:relative;}
.step .no{display:inline-block;background:#C0392B;color:#fff;font-weight:900;font-size:14px;padding:2px 10px;border:3px solid #7B241C;margin-bottom:10px;}
.step h4{color:#4CD964;font-size:16px;margin-bottom:8px;}
.step p{font-size:14.5px;color:#C6D8F0;}
/* cta */
#cta{background:#12406F;border-top:5px solid #C0392B;border-bottom:5px solid #C0392B;}
#cta .inner{background:rgba(11,18,32,.8);border:4px solid #FFD84D;border-radius:0;box-shadow:10px 10px 0 rgba(0,0,0,.7);padding:30px;text-align:center;}
#cta h2{color:#FFD84D;font-size:clamp(19px,2.8vw,27px);margin-bottom:14px;}
#cta p{color:#DCE9FB;font-size:15px;}
/* footer */
.site-footer{background:#0A1018;border-top:5px solid #27AE60;padding:40px 0 24px;margin-top:0;}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-bottom:26px;}
.foot-grid h3{color:#4CD964;font-size:16px;margin-bottom:12px;letter-spacing:.5px;}
.foot-grid p,.foot-grid li{color:#A9C0E0;font-size:14px;list-style:none;margin-bottom:6px;}
.foot-bottom{border-top:3px solid #22334A;padding-top:16px;color:#8FA8C8;font-size:13.5px;text-align:center;}
.foot-bottom a{color:#4CD964;font-weight:700;}
.foot-bottom a:hover{color:#FFD84D;}