*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b0d17;--card:#141729;--line:#262a45;--tx:#e8eaf6;--mu:#9aa0c3;--a:#7c5cff;--b:#22d3ee}
html{scroll-behavior:smooth}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background:var(--bg);color:var(--tx);line-height:1.7}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.nav{position:sticky;top:0;z-index:9;background:rgba(11,13,23,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.15rem}
nav a{margin-left:24px;color:var(--mu)}nav a:hover{color:var(--tx)}
.burger{display:none;background:none;border:0;color:var(--tx);font-size:1.5rem}
.grad{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding:110px 0 90px;text-align:center;background:radial-gradient(600px 300px at 30% 0,rgba(124,92,255,.35),transparent),radial-gradient(600px 300px at 75% 20%,rgba(34,211,238,.25),transparent)}
.pill{display:inline-block;padding:4px 14px;border:1px solid var(--line);border-radius:99px;color:var(--mu);font-size:.85rem}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.25;margin:20px 0}
.sub{color:var(--mu);max-width:620px;margin:0 auto 32px}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 26px;border-radius:10px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--tx);font-size:1rem}
.btn.primary{background:linear-gradient(90deg,var(--a),var(--b));border:0;color:#fff}
.btn:hover{opacity:.9;transform:translateY(-1px)}
section{padding:80px 0}.alt{background:#0f1220}
h2{text-align:center;font-size:2rem}.lead{text-align:center;color:var(--mu);margin:8px 0 40px}
.stats{padding:30px 0;border-block:1px solid var(--line)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:16px}
.grid4 b{display:block;font-size:1.3rem}.grid4 span{color:var(--mu);font-size:.9rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;position:relative}
.card h3{margin-bottom:8px}.card p{color:var(--mu)}
.ic{font-size:1.8rem;margin-bottom:10px}
.stepbar{display:flex;justify-content:center;gap:10px;list-style:none;margin-bottom:24px;flex-wrap:wrap}
.stepbar li{padding:6px 16px;border-radius:99px;border:1px solid var(--line);color:var(--mu)}
.stepbar li.on{background:linear-gradient(90deg,var(--a),var(--b));color:#fff;border-color:transparent}
.flow{max-width:520px;margin:0 auto}
.demo-tag{position:absolute;top:-12px;right:16px;background:#f59e0b;color:#000;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:6px}
.pane{display:none}.pane.on{display:block}
label{display:block;margin-bottom:8px;color:var(--mu)}
input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0b0d17;color:var(--tx);margin-bottom:16px;font-size:1rem}
.row{display:flex;gap:10px;justify-content:space-between}
.sum{list-style:none;margin:12px 0 18px;color:var(--mu)}.sum span{color:var(--tx)}
.price{text-align:center}.amt{font-size:1.6rem;font-weight:800;margin:12px 0}
.price ul{list-style:none;color:var(--mu);margin-bottom:20px}
.hot{border-color:var(--a);box-shadow:0 0 40px rgba(124,92,255,.25)}
.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--a);padding:2px 12px;border-radius:99px;font-size:.8rem}
.quote small{color:#f59e0b;display:block;margin-bottom:10px}.quote span{color:var(--mu);font-size:.9rem}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.chips span{padding:10px 22px;border:1px solid var(--line);border-radius:99px;background:var(--card)}
details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:16px 20px}
summary{cursor:pointer;font-weight:600;list-style:none}summary::after{content:"+";float:right}
details[open] summary::after{content:"−"}details p{color:var(--mu);margin-top:10px}
.c{text-align:center}
footer{padding:40px 0;border-top:1px solid var(--line);text-align:center;color:var(--mu);font-size:.9rem}
.disc{max-width:760px;margin:10px auto 0;font-size:.8rem}
@media(max-width:760px){
 nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--bg);flex-direction:column;padding:10px 20px;border-bottom:1px solid var(--line)}
 nav.open{display:flex}nav a{margin:8px 0}.burger{display:block}
 .grid3{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}
 section{padding:56px 0}.hero{padding:70px 0 60px}
}