:root{--accent:#6252e9;--accent2:#2bbbd8;--ink:#172033;--muted:#647089;--line:#e5e9f2;--soft:#f5f7fb;--paper:#fff;--dark:#10172a}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.75}a{color:inherit}.shell{max-width:1120px;margin:24px auto;background:var(--paper);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px #17203318}.header{padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.brand{font-weight:900;text-decoration:none}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:7px 10px;text-decoration:none;border-radius:9px;color:#4f5d73}.nav a:hover{background:var(--soft)}.hero{padding:68px 56px;background:linear-gradient(135deg,var(--dark),#27306a);color:#fff}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#8ce6f3}.hero h1{margin:8px 0 14px;font-size:clamp(38px,7vw,70px);line-height:1.08}.hero p{max-width:720px;color:#d5daf0;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;font-weight:900}.button.ghost{background:transparent;border:1px solid #ffffff66}.content{padding:56px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.card h2,.card h3{margin-top:0}.card p{color:var(--muted)}.steps{padding-left:22px}.steps li{padding:10px 0;border-bottom:1px solid var(--line)}.callout{margin-top:28px;padding:26px;border-radius:20px;background:#f0f2ff}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:900;cursor:pointer}.footer{padding:26px 32px;text-align:center;color:var(--muted);border-top:1px solid var(--line)}@media(max-width:820px){.shell{margin:0;border-radius:0}.header{align-items:flex-start;flex-direction:column}.nav{flex-wrap:nowrap;overflow:auto;width:100%}.hero,.content{padding:46px 24px}.grid{grid-template-columns:1fr}}
