*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f0f0f;font-family:system-ui,sans-serif}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero-title{letter-spacing:-.02em;font-size:clamp(2rem,6vw,5rem);font-weight:700}.hero-sub{color:#888;margin-top:1rem;font-size:1.2rem}.scroll-hint{margin-top:3rem;font-size:2rem;animation:1.5s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.section{justify-content:center;align-items:center;height:100vh;display:flex}.box{border-radius:16px;justify-content:center;align-items:center;width:300px;height:300px;font-size:1.2rem;font-weight:600;display:flex}.box-a{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.box-b{background:linear-gradient(135deg,#ec4899,#f43f5e)}.box-c{background:linear-gradient(135deg,#14b8a6,#06b6d4)}.text-section{flex-direction:column;gap:2rem;height:auto;padding:10rem 2rem}.stagger-title{font-size:clamp(1.5rem,4vw,3rem);font-weight:700}.stagger-items{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.stagger-item{color:#aaa;background:#1e1e2e;border:1px solid #333;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;font-size:.9rem;display:flex}footer{color:#444;border-top:1px solid #1e1e1e;justify-content:center;align-items:center;height:200px;display:flex}