*{box-sizing:border-box}body{margin:0;font-family:Arial,"PingFang SC",sans-serif;background:#f7f7f5;color:#111}
.hero{height:100vh;padding:8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff,#eef1ff)}
.tag{letter-spacing:5px;font-size:14px}
h1{font-size:clamp(60px,10vw,140px);line-height:.9;margin:30px 0;font-weight:900}
h1 span{font-style:italic}
p{font-size:20px;line-height:1.8}
.scroll{margin-top:50px;letter-spacing:4px}
section{padding:80px 8vw}
h2{font-size:48px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.grid img{width:100%;border-radius:18px;transition:.4s;box-shadow:0 10px 30px #0001}
.grid img:hover{transform:translateY(-8px)}
footer{text-align:center;padding:40px}