*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182033;font-family:Arial,sans-serif}header{height:64px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:22px}button{border:0;border-radius:10px;background:#2563eb;color:white;padding:11px 16px;font-weight:700}.hero,.card,.ad,.stats div{background:white;border-radius:16px;box-shadow:0 3px 14px #0001}.hero{max-width:700px;margin:18px auto;padding:28px;text-align:center}.hero h1{margin:0 0 8px}.hero p{color:#667085}.stats{max-width:700px;margin:0 auto 22px;display:flex;gap:12px}.stats div{flex:1;text-align:center;padding:18px}.stats strong,.stats small{display:block}.stats strong{font-size:25px}.stats small{color:#667085;margin-top:5px}h2{max-width:700px;margin:18px auto 12px}.ad{max-width:700px;margin:10px auto;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.ad p{margin:6px 0;color:#667085}.card{max-width:700px;margin:20px auto;padding:20px}.card h2{margin:0 0 8px}.card p{color:#667085}@media(max-width:600px){.hero{margin:12px}.ad,.card{margin:10px 12px}.ad{flex-direction:column;align-items:stretch}.ad button{width:100%}h2{margin-left:12px}.hero h1{font-size:26px}}