*{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:#05070c;
    color:#dbe4f2;
    line-height:1.78;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    background:
      radial-gradient(900px 520px at 12% -8%, rgba(64,120,220,.30), transparent 62%),
      radial-gradient(760px 480px at 88% 4%, rgba(150,170,200,.20), transparent 60%),
      radial-gradient(900px 620px at 50% 108%, rgba(30,80,180,.22), transparent 65%),
      #05070c;
  }
  body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 30%,rgba(140,180,255,.055) 46%,transparent 60%);
    animation:flow 16s linear infinite;
  }
  @keyframes flow{
    0%{transform:translateX(-12%);}
    50%{transform:translateX(12%);}
    100%{transform:translateX(-12%);}
  }
  .wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
  a{color:#9fc6ff;text-decoration:none;}
  a:hover{color:#dbe9ff;}
  img{max-width:100%;display:block;border-radius:14px;}
  /* header */
  .site-header{
    position:sticky;top:0;z-index:60;
    backdrop-filter:blur(14px);
    background:rgba(6,9,16,.72);
    border-bottom:1px solid rgba(120,160,230,.14);
  }
  .header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;height:66px;}
  .brand{
    font-weight:700;letter-spacing:.22em;font-size:15px;
    color:#eaf1ff;
    text-shadow:0 0 16px rgba(120,170,255,.55);
  }
  .nav-links{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14.5px;}
  .nav-links a{color:#a9b8d0;position:relative;padding:4px 0;}
  .nav-links a:hover{color:#e8f1ff;}
  .nav-links a::after{
    content:"";position:absolute;left:0;bottom:-2px;height:1px;width:0;
    background:linear-gradient(90deg,#6ea8ff,rgba(110,168,255,0));
    transition:width .25s;
  }
  .nav-links a:hover::after{width:100%;}
  /* generic section */
  section{padding:66px 0;position:relative;}
  .sec-head{margin-bottom:30px;}
  .sec-head h2{
    font-size:clamp(21px,3vw,28px);font-weight:700;letter-spacing:.02em;color:#f1f6ff;
  }
  .sec-head h2::before{
    content:"";display:inline-block;width:6px;height:20px;margin-right:12px;
    border-radius:3px;vertical-align:-3px;
    background:linear-gradient(180deg,#8fc0ff,#2f66c8);
    box-shadow:0 0 14px rgba(110,168,255,.7);
  }
  .sec-head p{margin-top:10px;color:#8b9cb5;font-size:14.5px;}
  /* hero */
  #hero{padding-top:56px;padding-bottom:52px;}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
  .eyebrow{
    font-size:12.5px;letter-spacing:.28em;color:#7fa6dd;margin-bottom:16px;text-transform:uppercase;
  }
  h1{
    font-size:clamp(24px,3.6vw,38px);
    line-height:1.35;
    font-weight:700;
    color:#f4f8ff;
    letter-spacing:.01em;
    text-shadow:0 0 30px rgba(90,140,220,.35);
  }
  .lead{margin-top:18px;color:#97a8c1;font-size:15.5px;max-width:640px;}
  .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
  .btn{
    display:inline-block;padding:11px 22px;border-radius:10px;font-size:14.5px;font-weight:600;
    border:1px solid rgba(130,175,255,.4);
    color:#e9f2ff;
    background:linear-gradient(150deg,rgba(46,92,180,.55),rgba(14,22,38,.85));
    box-shadow:0 0 0 rgba(110,168,255,0);
    transition:.28s;
  }
  .btn:hover{box-shadow:0 0 26px rgba(110,168,255,.45);color:#fff;transform:translateY(-1px);}
  .btn.ghost{background:rgba(14,20,32,.6);border-color:rgba(140,165,205,.28);color:#b9c9e2;}
  .hero-visual{
    border-radius:20px;padding:12px;
    background:linear-gradient(150deg,rgba(48,84,150,.35),rgba(12,18,30,.6));
    border:1px solid rgba(120,160,230,.18);
    box-shadow:0 24px 70px rgba(8,16,34,.7);
  }
  /* geo */
  .geo-box{
    border-radius:18px;padding:32px;
    background:linear-gradient(150deg,rgba(22,32,50,.86),rgba(9,13,21,.9));
    border:1px solid rgba(120,160,230,.16);
    box-shadow:0 20px 60px rgba(6,12,26,.6);
  }
  .geo-box h3{
    font-size:15px;color:#8fc0ff;letter-spacing:.12em;margin-bottom:6px;font-weight:700;
  }
  .geo-item{margin-bottom:20px;}
  .geo-item p{color:#a9b9d1;font-size:15px;}
  /* timeline */
  .timeline{position:relative;padding-left:26px;}
  .timeline::before{
    content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;
    background:linear-gradient(180deg,rgba(110,168,255,.85),rgba(110,168,255,.05));
  }
  .tl-item{position:relative;margin-bottom:22px;}
  .tl-item::before{
    content:"";position:absolute;left:-26px;top:9px;width:12px;height:12px;border-radius:50%;
    background:#0a1322;border:2px solid #6ea8ff;
    box-shadow:0 0 14px rgba(110,168,255,.8);
  }
  .tl-item h3{font-size:16.5px;color:#eaf2ff;margin-bottom:4px;}
  .tl-item p{color:#93a5bf;font-size:14.5px;}
  /* grid cards */
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .card{
    position:relative;overflow:hidden;
    padding:24px;border-radius:16px;
    background:linear-gradient(155deg,rgba(26,36,56,.9),rgba(10,14,23,.92));
    border:1px solid rgba(120,160,230,.16);
    transition:.3s;
  }
  .card::before{
    content:"";position:absolute;inset:-40% -20% auto -20%;height:150%;
    background:radial-gradient(closest-side,rgba(96,150,240,.28),transparent 70%);
    opacity:0;transition:.4s;pointer-events:none;
  }
  .card:hover{transform:translateY(-3px);border-color:rgba(140,185,255,.38);box-shadow:0 18px 46px rgba(10,22,48,.7);}
  .card:hover::before{opacity:1;}
  .card h3{font-size:16.5px;color:#eef4ff;margin-bottom:10px;position:relative;}
  .card p{font-size:14.5px;color:#93a5bf;position:relative;}
  .num{
    font-size:26px;font-weight:700;color:#a8cdff;letter-spacing:.02em;
    text-shadow:0 0 22px rgba(110,168,255,.5);
  }
  .num small{font-size:14px;color:#8fa4c2;font-weight:400;margin-left:4px;}
  .stat-label{font-size:13.5px;color:#8ea0ba;margin-top:6px;}
  /* brands */
  .brand-card{
    display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;
    background:linear-gradient(140deg,rgba(24,34,52,.9),rgba(9,13,21,.9));
    border:1px solid rgba(120,160,230,.14);
  }
  .dot{
    width:10px;height:10px;border-radius:50%;flex:0 0 auto;
    background:linear-gradient(140deg,#9fc6ff,#3a72d0);
    box-shadow:0 0 12px rgba(110,168,255,.8);
  }
  .brand-card b{display:block;font-size:15px;color:#eaf2ff;font-weight:600;}
  .brand-card span{font-size:13px;color:#8b9cb5;}
  /* news */
  .news-card{
    padding:26px;border-radius:16px;
    background:linear-gradient(155deg,rgba(22,31,49,.92),rgba(9,13,21,.94));
    border:1px solid rgba(120,160,230,.15);
  }
  .news-card:hover{border-color:rgba(140,185,255,.34);}
  .news-card h3{font-size:16.5px;color:#eef4ff;margin:8px 0 10px;line-height:1.55;}
  .news-card p{font-size:14.5px;color:#93a5bf;}
  .date{
    display:inline-block;font-size:12.5px;letter-spacing:.06em;
    color:#9fc6ff;background:rgba(80,130,220,.14);
    border:1px solid rgba(120,160,230,.24);
    padding:2px 10px;border-radius:20px;
  }
  /* faq */
  .faq-item{
    padding:24px;border-radius:16px;
    background:linear-gradient(155deg,rgba(20,29,46,.94),rgba(8,12,20,.94));
    border:1px solid rgba(120,160,230,.14);
  }
  .faq-item h3{
    font-size:15.5px;color:#dbe9ff;margin-bottom:10px;font-weight:700;
    padding-left:14px;position:relative;
  }
  .faq-item h3::before{
    content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;
    background:#7fb2ff;box-shadow:0 0 10px rgba(110,168,255,.9);
  }
  .faq-item p{font-size:14.5px;color:#94a6c0;}
  /* cta */
  .cta-box{
    display:grid;grid-template-columns:1fr .6fr;gap:34px;align-items:center;
    padding:36px;border-radius:20px;
    background:linear-gradient(140deg,rgba(34,62,120,.55),rgba(9,14,24,.92));
    border:1px solid rgba(130,175,255,.26);
    box-shadow:0 24px 70px rgba(8,18,40,.7);
  }
  .cta-box h2{font-size:clamp(20px,2.6vw,26px);color:#f2f7ff;margin-bottom:12px;}
  .cta-box p{color:#9fb0c9;font-size:14.8px;}
  /* footer */
  footer{
    margin-top:20px;padding:46px 0 30px;
    border-top:1px solid rgba(120,160,230,.14);
    background:rgba(5,8,14,.7);
  }
  .footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;}
  .footer-grid p{font-size:14px;color:#8b9cb5;}
  .footer-bottom{
    margin-top:26px;padding-top:18px;border-top:1px solid rgba(120,160,230,.12);
    display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;
    font-size:13.5px;color:#7d8ea6;
  }
  .footer-bottom a{font-size:13.5px;}
  @media (max-width:960px){
    .hero-grid{grid-template-columns:1fr;gap:28px;}
    .grid-3,.grid-2,.grid-4{grid-template-columns:1fr 1fr;}
    .cta-box{grid-template-columns:1fr;}
  }
  @media (max-width:640px){
    .grid-3,.grid-2,.grid-4{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .header-inner{height:auto;padding:12px 0;flex-direction:column;align-items:flex-start;}
    section{padding:48px 0;}
    .geo-box{padding:24px;}
  }