*{box-sizing:border-box}
body{margin:0;background:#050b18;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}
header{height:80px;padding:0 8%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #20324d}
.logo{font-size:24px;font-weight:700}.logo span{display:block;font-size:12px;color:#9fb0c8}
.hero{min-height:560px;padding:80px 8%;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(circle at 70%,#173b78,#050b18 55%)}
.tag{color:#65a8ff;letter-spacing:2px}
h1{font-size:48px;line-height:1.3}
.orb{width:300px;height:300px;border-radius:50%;background:#112846;display:flex;align-items:center;justify-content:center;text-align:center;font-size:32px}
.btn{display:inline-block;padding:14px 38px;background:#287cff;border-radius:30px;color:white;text-decoration:none;margin-top:25px}
h2{text-align:center;margin:60px 0 30px}
.cards{display:flex;gap:25px;padding:0 8%}
.service,.product{background:#111f36;border:1px solid #29405d;border-radius:24px;padding:35px}
.service{flex:1}
.icon{font-size:35px}
.service strong{font-size:34px;display:block;margin:20px 0}
.service a{color:#8fc4ff;text-decoration:none}
.adv,.flow{text-align:center;padding:40px}
main{max-width:900px;margin:60px auto;padding:20px}
.option{padding:15px;background:#182b46;border-radius:12px;margin:12px 0}
input,textarea{width:100%;padding:15px;margin:10px 0;background:#081426;color:white;border:1px solid #304866;border-radius:10px}
button{padding:15px 35px;background:#287cff;color:white;border:0;border-radius:30px}
@media(max-width:700px){.hero,.cards{display:block}.orb{margin-top:40px;width:220px;height:220px}h1{font-size:34px}.service{margin:20px 0}}