:root { --a:#be185d; --bg:#0b1220; --soft:#101a33; --ink:#eaf2ff; --muted:#a6b5d3; --line:rgba(255,255,255,.10); --card:rgba(255,255,255,.06); }
*{box-sizing:border-box} body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:radial-gradient(circle at 20% 10%, rgba(124,58,237,.20), transparent 40%),radial-gradient(circle at 80% 0%, rgba(37,99,235,.20), transparent 40%),var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none} .wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.hero{padding:84px 0 54px;background:linear-gradient(135deg, rgba(255,255,255,.06), transparent)} .pill{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.10);font-size:13px;letter-spacing:.08em}
h1{margin:18px 0 14px;font-size:clamp(34px,5vw,62px);line-height:1.05} .hero p{margin:0;color:var(--muted);line-height:1.82;font-size:17px;max-width:820px}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:var(--muted)} .meta span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06)}
.h{margin-bottom:18px} .h span,.contact span{color:var(--a);font-size:13px;letter-spacing:.16em;text-transform:uppercase} .h h2,.contact h2{margin:10px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.16}
.rail{padding:26px 0 18px} .steps{display:grid;gap:14px}
.steps article{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line)}
.steps b{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.10);color:#fff}
.steps h3{margin:0 0 8px;font-size:20px} .steps p{margin:0;color:var(--muted);line-height:1.74}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:26px 0} .list{display:grid;gap:14px}
.item{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line)} .item span{color:var(--a);font-size:13px} .item h3{margin:10px 0 10px} .item p{margin:0;color:var(--muted);line-height:1.72}
.arrow{display:inline-flex;margin-top:10px;color:var(--a);font-weight:700}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:22px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:48px}
.info p{margin:0 0 10px;color:var(--muted)}
@media (max-width: 900px) { .two,.contact{grid-template-columns:1fr} }