*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei";color:#222}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto}
.nav img{height:50px}
nav a{margin:15px;text-decoration:none;color:#555}
.hero{padding:120px 20px;display:flex;justify-content:center;gap:80px;align-items:center;background:#fafaff}
.hero-logo{width:260px}
.hero h1{font-size:60px}
.hero span{color:#5d5cff}
section{max-width:1100px;margin:auto;padding:70px 20px;text-align:center}
.cards{display:flex;gap:30px}
.cards div{flex:1;background:#f7f7fb;padding:30px;border-radius:20px}
button{padding:14px 35px;border:0;border-radius:30px;background:#5d5cff;color:white}
footer{background:#f5f5f5;padding:40px;text-align:center;font-size:14px;color:#777}
.article{max-width:900px;margin:80px auto;line-height:2;padding:20px}