/* =========================================================
   HENDAX 官网首页 v5 — 按用户设计稿实现
   零依赖静态 CSS（等价还原 Tailwind 设计），深色空天风
   ========================================================= */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:#060913;color:#e2e8f0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.6;
}
::selection{background:#38bdf8;color:#020617}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}

/* ---------- 导航 ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(6,9,19,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(30,41,59,.8);
}
.nav__inner{max-width:1280px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand svg{width:36px;height:36px;flex-shrink:0}
.brand__name{display:flex;align-items:baseline;gap:6px}
.brand__name b{font-size:22px;font-weight:900;letter-spacing:.04em;color:#fff}
.brand__name b i{font-style:normal;font-size:11px;color:#38bdf8;font-family:ui-monospace,Menlo,monospace;font-weight:700;margin-left:2px;vertical-align:top}
.brand__sub{display:none;font-size:12px;color:#94a3b8;letter-spacing:.08em;border-left:1px solid #334155;padding-left:10px}
@media(min-width:640px){.brand__sub{display:inline-block}}
.nav__links{display:none;align-items:center;gap:32px;font-size:14px;font-weight:500;color:#cbd5e1}
@media(min-width:900px){.nav__links{display:flex}}
.nav__links a{transition:color .2s;white-space:nowrap}
.nav__links a:hover{color:#38bdf8}
.nav__cta{flex-shrink:0}
.btn-nav{
  display:inline-flex;align-items:center;padding:9px 18px;font-size:12px;font-weight:700;border-radius:10px;
  background:linear-gradient(90deg,#0ea5e9,#0284c7);color:#020617;
  box-shadow:0 10px 25px -8px rgba(56,189,248,.4);transition:all .2s;white-space:nowrap;
}
.btn-nav:hover{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}
@media(max-width:899px){.nav__cta{display:none}}
.burger{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;
  border:1px solid #334155;background:transparent;color:#e2e8f0;cursor:pointer;flex-shrink:0;
}
@media(min-width:900px){.burger{display:none}}
.mmenu{display:none;flex-direction:column;border-top:1px solid rgba(30,41,59,.8);background:rgba(6,9,19,.97);padding:8px 24px 16px}
.mmenu.open{display:flex}
.mmenu a{padding:13px 2px;font-size:15px;color:#e2e8f0;border-bottom:1px solid rgba(30,41,59,.5)}
.mmenu a:last-child{border-bottom:none}

/* ---------- 首屏 ---------- */
.hero{position:relative;overflow:hidden;padding:150px 0 110px;text-align:center}
@media(min-width:768px){.hero{padding:200px 0 150px}}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle at 50% 0%,rgba(56,189,248,.15) 0%,transparent 60%);
}
.hero__logo-bg{
  position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:640px;height:640px;
  opacity:.05;pointer-events:none;
}
.hero__inner{position:relative;z-index:1}
.badge{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;padding:6px 14px;border-radius:999px;
  border:1px solid rgba(56,189,248,.3);background:rgba(12,74,110,.4);
  font-size:12px;font-weight:500;color:#38bdf8;
}
.badge__dot{position:relative;width:8px;height:8px;border-radius:50%;background:#38bdf8;flex-shrink:0}
.badge__dot::after{
  content:"";position:absolute;inset:0;border-radius:50%;background:#38bdf8;
  animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping{75%,100%{transform:scale(2.4);opacity:0}}
.hero h1{
  font-size:clamp(30px,5.4vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#fff;
  margin-bottom:24px;
}
.hero h1 .grad{
  background:linear-gradient(90deg,#38bdf8,#a5b4fc,#3b82f6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero__lead{
  max-width:768px;margin:0 auto 40px;font-size:15px;line-height:1.85;color:#94a3b8;
}
@media(min-width:768px){.hero__lead{font-size:17px}}
.hero__btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
@media(min-width:640px){.hero__btns{flex-direction:row}}
.btn-primary{
  width:100%;padding:14px 32px;border-radius:10px;background:#0ea5e9;color:#020617;
  font-size:15px;font-weight:700;transition:background .2s;box-shadow:0 14px 30px -10px rgba(56,189,248,.35);
  text-align:center;
}
@media(min-width:640px){.btn-primary{width:auto}}
.btn-primary:hover{background:#38bdf8}
.btn-ghost{
  width:100%;padding:14px 32px;border-radius:10px;border:1px solid #334155;color:#fff;
  font-size:15px;font-weight:500;transition:all .2s;text-align:center;
}
@media(min-width:640px){.btn-ghost{width:auto}}
.btn-ghost:hover{border-color:#64748b;background:rgba(30,41,59,.5)}

/* 指标条 */
.stats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;
  margin-top:88px;padding-top:40px;border-top:1px solid rgba(30,41,59,.8);
}
@media(min-width:768px){.stats{grid-template-columns:repeat(4,1fr);gap:24px}}
.stat{padding:18px 16px;border-radius:14px;background:rgba(15,23,42,.4);border:1px solid #1e293b}
.stat b{display:block;font-size:clamp(20px,2.4vw,30px);font-weight:900;color:#38bdf8;letter-spacing:-.01em}
.stat:nth-child(2) b,.stat:nth-child(4) b{color:#fff}
.stat span{display:block;margin-top:4px;font-size:12px;color:#94a3b8}

/* ---------- 通用区块头 ---------- */
.sec{padding:96px 0}
.sec--tint{background:rgba(2,6,23,.6)}
.sec--band{border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;background:rgba(2,6,23,.8)}
.sechead{max-width:640px;margin:0 auto 64px;text-align:center}
.sechead .kicker{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#38bdf8;margin-bottom:8px}
.sechead h2{font-size:clamp(22px,3vw,30px);font-weight:700;color:#fff}

/* ---------- 产品矩阵 ---------- */
.duo{display:grid;gap:32px}
@media(min-width:768px){.duo{grid-template-columns:1fr 1fr}}
.pcard{
  padding:34px;border-radius:18px;border:1px solid #1e293b;background:#0c1222;
  transition:border-color .25s,box-shadow .25s;
}
.pcard--sky:hover{border-color:rgba(56,189,248,.5);box-shadow:0 0 35px -5px rgba(56,189,248,.2)}
.pcard--indigo:hover{border-color:rgba(129,140,248,.5);box-shadow:0 0 35px -5px rgba(129,140,248,.2)}
.chip{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;margin-bottom:24px;
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
}
.chip--sky{background:rgba(12,74,110,.6);color:#38bdf8;border:1px solid rgba(56,189,248,.35)}
.chip--indigo{background:rgba(49,46,129,.5);color:#818cf8;border:1px solid rgba(129,140,248,.35)}
.pcard h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}
.pcard>p{font-size:14px;line-height:1.8;color:#94a3b8;margin-bottom:24px}
.pcard ul{border-top:1px solid #1e293b;padding-top:16px;display:flex;flex-direction:column;gap:8px}
.pcard li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#cbd5e1;line-height:1.7}
.pcard li b{font-weight:700;flex-shrink:0}
.pcard--sky li b{color:#38bdf8}
.pcard--indigo li b{color:#818cf8}

/* ---------- 场景 ---------- */
.scenes{display:grid;gap:24px}
@media(min-width:768px){.scenes{grid-template-columns:repeat(3,1fr)}}
.scene{
  padding:32px;border-radius:14px;border:1px solid #1e293b;background:rgba(15,23,42,.4);
  transition:border-color .25s;
}
.scene:hover{border-color:#334155}
.scene i{display:block;font-style:normal;font-size:30px;font-weight:900;color:#38bdf8;margin-bottom:16px}
.scene h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:12px}
.scene p{font-size:12.5px;line-height:1.85;color:#94a3b8}

/* ---------- 知识产权条 ---------- */
.ipband{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
@media(min-width:768px){.ipband{flex-direction:row;align-items:center;justify-content:space-between}}
.ipband h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}
.ipband .ipband__desc{font-size:14px;line-height:1.8;color:#94a3b8;max-width:640px}
.ipcards{display:flex;gap:16px;flex-shrink:0}
.ipcard{padding:12px 20px;border:1px solid #334155;border-radius:10px;background:#0f172a;text-align:center}
.ipcard small{display:block;font-size:12px;color:#94a3b8;margin-bottom:2px}
.ipcard b{font-size:13px;font-weight:700;color:#38bdf8;font-family:ui-monospace,Menlo,monospace}

/* ---------- 页脚 ---------- */
.footer{padding:64px 0}
.footer__grid{display:grid;gap:48px;margin-bottom:48px}
@media(min-width:768px){.footer__grid{grid-template-columns:1fr 1fr}}
.footer__brand{display:flex;align-items:center;gap:12px}
.footer__brand svg{width:32px;height:32px}
.footer__brand b{
  font-size:22px;font-weight:900;
  background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.footer__brand b i{font-style:normal;font-size:11px;color:#38bdf8;font-family:ui-monospace,Menlo,monospace}
.footer__desc{margin-top:16px;max-width:448px;font-size:14px;line-height:1.8;color:#94a3b8}
.footer__legal{margin-top:16px;font-size:12px;color:#64748b;line-height:1.8}
.footer__info{display:flex;flex-direction:column;gap:12px;font-size:14px;color:#cbd5e1}
.footer__info .k{color:#64748b}
.footer__info a{color:#38bdf8;font-family:ui-monospace,Menlo,monospace;font-weight:600}
.footer__info a:hover{text-decoration:underline}
.footer__bar{
  border-top:1px solid rgba(30,41,59,.8);padding-top:32px;
  display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:12px;color:#94a3b8;
}
@media(min-width:768px){.footer__bar{flex-direction:row;align-items:center;justify-content:space-between}}
.footer__bar a{transition:color .2s}
.footer__bar a:hover{color:#38bdf8}
.footer__links{display:flex;align-items:center;flex-wrap:wrap;gap:16px}

/* ---------- 实验台引导条 ---------- */
.labstrip{
  margin-top:96px;padding:26px 30px;border-radius:16px;
  border:1px solid rgba(56,189,248,.25);background:rgba(12,18,34,.7);
  display:flex;align-items:center;gap:20px;transition:border-color .25s,box-shadow .25s;
}
.labstrip:hover{border-color:rgba(56,189,248,.5);box-shadow:0 16px 40px -20px rgba(56,189,248,.3)}
.labstrip b{display:block;font-size:16px;color:#fff;margin-bottom:4px}
.labstrip span.sub{font-size:12.5px;color:#94a3b8}
.labstrip .no{
  flex-shrink:0;padding:8px 12px;border-radius:8px;font-family:ui-monospace,Menlo,monospace;
  font-size:12px;font-weight:700;letter-spacing:.12em;color:#38bdf8;
  border:1px solid rgba(56,189,248,.3);background:rgba(56,189,248,.08);
}
.labstrip .arrow{margin-left:auto;flex-shrink:0;color:#38bdf8}
@media(max-width:640px){.labstrip{flex-direction:column;align-items:flex-start;text-align:left}.labstrip .arrow{display:none}}