*{box-sizing:border-box}
body{margin:0;font-family:"Microsoft YaHei",Arial;background:#f5f7fb;color:#222}
.hero{min-height:650px;padding:80px 10%;background:linear-gradient(120deg,#061b3c,#1760a8);color:white;display:flex;justify-content:space-between;align-items:center}
.hero h1{font-size:42px}
.hero p{font-size:20px}
button{background:#ff8a00;border:0;color:#fff;padding:16px 35px;border-radius:30px;font-size:16px;cursor:pointer}
.visual div{background:white;color:#123;padding:40px;margin:15px;border-radius:20px;text-align:center;font-size:25px}
section{text-align:center;padding:60px 8%}
.dark{background:#081d3d;color:white}
.cards{display:flex;gap:25px;justify-content:center;flex-wrap:wrap}
.cards div{background:white;color:#222;padding:30px;border-radius:18px;max-width:260px;box-shadow:0 8px 25px #ddd}
.flow{font-size:22px;padding:30px;background:white;border-radius:20px}
.qr{width:150px;height:150px;background:#eee;margin:20px auto;display:flex;align-items:center;justify-content:center}
@media(max-width:700px){.hero{flex-direction:column}.hero h1{font-size:30px}}