
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#172033;line-height:1.75}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
.top{background:#071426;color:#cbd5e1;font-size:13px;padding:7px 0}.top .wrap{display:flex;justify-content:space-between}
header{position:sticky;top:0;z-index:9;background:#fff;box-shadow:0 3px 20px #0f172a12}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:22px;color:#1267f5}.logo b{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:8px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1267f5,#65a0ff)}
.links{display:flex;gap:25px;align-items:center;font-size:14px}.links a:hover{color:#1267f5}.phone{color:#1267f5;font-weight:800}.menu{display:none;background:none;border:0;font-size:24px}
.hero{background:radial-gradient(circle at 82% 20%,#3180ff,transparent 28%),linear-gradient(135deg,#061124,#0c347b);color:#fff;padding:90px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.tag{display:inline-block;padding:6px 12px;border:1px solid #ffffff30;border-radius:30px;color:#dbeafe;font-size:13px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.13;margin:20px 0;letter-spacing:-2px}.hero h1 span{color:#7dd3fc}.hero p{font-size:19px;color:#dbeafe;max-width:700px}.actions{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.btn{display:inline-block;padding:13px 23px;border-radius:9px;font-weight:800}.primary{background:#fff;color:#1267f5}.outline{border:1px solid #ffffff45;color:#fff}.panel{background:#fff;color:#172033;border-radius:22px;padding:22px;box-shadow:0 30px 80px #0005}.chart{height:170px;border-radius:15px;background:#eff6ff;margin:15px 0;overflow:hidden}.chart svg{width:100%;height:100%}.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini div{border:1px solid #e5eaf2;border-radius:10px;padding:10px}.mini b{display:block;font-size:18px}.mini small{color:#64748b}
.stats{padding:28px 0;border-bottom:1px solid #e5eaf2}.statsgrid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat{border-right:1px solid #e5eaf2}.stat:last-child{border:0}.stat b{font-size:28px}.stat span{display:block;color:#64748b;font-size:13px}
.section{padding:85px 0}.alt{background:#f6f9fd}.head{text-align:center;max-width:760px;margin:0 auto 45px}.head em{font-style:normal;color:#1267f5;font-weight:800;font-size:13px}.head h2{font-size:37px;line-height:1.25;margin:7px 0 12px}.head p{color:#64748b}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:27px;box-shadow:0 10px 35px #0f172a08}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:#1267f5;font-weight:900;margin-bottom:15px}.card h3{margin-bottom:8px}.card p{font-size:14px;color:#64748b}.card li{margin-left:18px;color:#475569;font-size:13px}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:24px;border:1px solid #e5eaf2;border-radius:17px;background:#fff}.step b{color:#1267f5;font-size:13px}.step h3{margin:8px 0}.step p{font-size:13px;color:#64748b}
.cities{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.city{background:#fff;border:1px solid #e5eaf2;padding:9px 16px;border-radius:30px;font-size:14px}
.faq{max-width:900px;margin:auto}.q{padding:20px 0;border-bottom:1px solid #e5eaf2}.q strong{display:flex;justify-content:space-between}.q p{color:#64748b;font-size:14px;margin-top:7px}
.cta{background:linear-gradient(120deg,#0b2d69,#1267f5);color:#fff;padding:70px 0}.ctag{display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{font-size:37px}.cta p{color:#dbeafe}
footer{background:#061124;color:#94a3b8;padding:45px 0 22px}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:25px}.foot h3{color:#fff;margin-bottom:10px}.foot a,.foot p{font-size:13px;display:block;margin:4px 0}.copy{border-top:1px solid #ffffff12;margin-top:30px;padding-top:17px;text-align:center;font-size:12px}
.float{position:fixed;right:18px;bottom:18px;background:#1267f5;color:#fff;padding:12px 18px;border-radius:30px;z-index:20;box-shadow:0 10px 30px #1267f555}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top{display:none}.links{display:none}.menu{display:block}.hero{padding:60px 0}.statsgrid{grid-template-columns:1fr 1fr}.stat{padding:12px 0;border-bottom:1px solid #e5eaf2}.grid,.process,.foot{grid-template-columns:1fr}.section{padding:60px 0}.head h2,.cta h2{font-size:29px}.ctag{display:block}.ctag .btn{margin-top:20px}}
