body{margin:0;background:#050505;color:#fff;font-family:Arial,'Microsoft YaHei'}header{height:70px;background:#000;display:flex;align-items:center;justify-content:space-between;padding:0 8%}.logo{font-size:25px;font-weight:bold}.hero{padding:140px 8%;height:350px;background:linear-gradient(90deg,#000,#222)}h1{font-size:55px}button{padding:14px 35px;border-radius:30px;border:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 8%}.grid div{background:#151515;padding:40px;border-radius:20px;font-size:24px}section{padding:40px 8%}footer{text-align:center;color:#888;padding:30px}@media(max-width:700px){.grid{grid-template-columns:1fr}h1{font-size:38px}}