*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
:root{
  --bg:#14171a;--surface:#1b1f22;--surface-2:#232a2d;
  --ink:#eef2f2;--muted:#9aa3a6;--accent:#49cfd6;--accent-ink:#08191b;
  --pad:clamp(20px,3vw,40px);
  --s1:clamp(13px,0.78rem + 0.12vw,15px);
  --s2:clamp(17px,1rem + 0.22vw,18px);
  --s3:clamp(21px,1.2rem + 0.5vw,23px);
  --s4:clamp(26px,1.2rem + 1.5vw,34px);
  --s5:clamp(36px,1rem + 3.3vw,56px);
  --display:"Boska","Songti SC","Source Han Serif SC","Noto Serif SC",serif;
  --text:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  --ease:cubic-bezier(.22,.7,.2,1);
}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--text);font-size:var(--s2);line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
p,dl,dd{margin:0}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;letter-spacing:-0.02em;line-height:1.06}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
section{padding-inline:var(--pad)}
section[id]{scroll-margin-top:80px}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;height:64px;padding-inline:var(--pad);background:rgba(20,23,26,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.topbar .back{font-size:var(--s1);color:var(--muted);text-decoration:none}
.topbar .back:hover{color:var(--ink)}
.topbar .crumb{font-size:var(--s1);color:var(--muted)}
.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,32px);align-items:center;padding-block:clamp(48px,8vh,96px)}
.hero-copy{grid-column:1/7}
.hero-eyebrow{font-size:var(--s1);letter-spacing:.16em;color:var(--accent);margin-bottom:16px}
.hero-copy h1{font-size:var(--s5)}
.hero-pos{margin-top:10px;font-size:var(--s3);color:var(--muted)}
.hero-lead{margin-top:20px;font-size:var(--s2);color:var(--muted);max-width:40ch}
.hero-facts{display:flex;gap:clamp(20px,3vw,48px);margin-top:clamp(24px,4vh,40px);flex-wrap:wrap}
.hero-facts b{font-family:var(--display);font-size:var(--s4);font-weight:400;display:block;line-height:1.1;font-variant-numeric:tabular-nums}
.hero-facts span{font-size:var(--s1);color:var(--muted)}
.hero-acts{display:flex;gap:12px;margin-top:clamp(24px,4vh,40px);flex-wrap:wrap}
.act{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:500;font-size:var(--s2);padding:13px 24px;text-decoration:none;transition:transform .25s var(--ease)}
.act:hover{transform:translateY(-2px)}
.act--ghost{background:var(--surface-2);color:var(--ink)}
.hero-media{grid-column:7/13}
.hero-media img{width:100%}
.band{background:var(--surface);padding-block:clamp(72px,10vh,120px)}
.block{padding-block:clamp(72px,10vh,120px)}
.block h2{font-size:var(--s4);margin-bottom:clamp(32px,5vh,56px);color:var(--muted)}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
.fit h3{font-size:var(--s3);margin-bottom:16px}
.fit .yes h3{color:var(--ink)}
.fit .no h3{color:var(--muted)}
.fit ul{display:grid;gap:10px;font-size:var(--s2);color:var(--muted)}
.fit .yes ul{color:var(--ink)}
.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,96px)}
.spec-list > div{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:14px;padding-block:13px}
.spec-list dt{font-size:var(--s2);color:var(--ink);line-height:1.45}
.spec-list dd{font-size:var(--s1);color:var(--muted);line-height:1.55}
.compare{width:100%;border-collapse:collapse;font-size:var(--s1)}
.compare th,.compare td{text-align:left;padding:12px 14px;vertical-align:top;line-height:1.5}
.compare th{font-weight:500;color:var(--muted);width:120px}
.compare thead th{color:var(--ink);font-family:var(--display);font-size:var(--s2)}
.compare .this{color:var(--accent)}
.compare tbody tr:nth-child(odd){background:var(--surface)}
.faq-list{display:grid;gap:clamp(28px,4vh,40px);max-width:78ch}
.faq-list h3{font-size:var(--s3)}
.faq-list p{margin-top:10px;font-size:var(--s2);color:var(--muted)}
.cta{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,32px);align-items:center;padding-block:clamp(72px,10vh,120px)}
.cta h2{grid-column:1/8;font-size:var(--s5)}
.cta .phone{grid-column:9/13;justify-self:end;text-align:right}
.cta .phone a{font-family:var(--display);font-size:var(--s4);color:var(--accent);text-decoration:none}
.cta .phone p{font-size:var(--s1);color:var(--muted);margin-top:6px}
.foot{padding:32px var(--pad) 40px;background:var(--bg)}
.foot-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:var(--s1);color:#9aa5a7}
.foot-row a{color:#c6cfd0;text-decoration:none}
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero-copy,.hero-media{grid-column:1/-1}
  .hero-media{max-width:420px}
  .fit{grid-template-columns:1fr;gap:32px}
  .spec-list{grid-template-columns:1fr}
  .compare{display:block;overflow-x:auto}
  .cta h2{grid-column:1/-1}
  .cta .phone{grid-column:1/-1;justify-self:start;text-align:left}
}