*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0a0a0a;color:#fff;font-family:'Inter',sans-serif}main{width:100%}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}h1{font-family:'Outfit',sans-serif;font-size:clamp(2rem,8vw,5rem);margin-bottom:1rem;animation:fade 1s ease-out}@keyframes fade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}p{font-size:1.2rem;opacity:.7}.grid{padding:6rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.item{background:#1a1a1a;padding:2rem;text-align:center;border:1px solid #333;transition:all .3s;animation:slideIn .6s ease-out forwards;opacity:0}.i1{animation-delay:.1s}.i2{animation-delay:.2s}.i3{animation-delay:.3s}.i4{animation-delay:.4s}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.item:hover{background:#2a2a2a;border-color:#fff}.item h2{font-size:1.5rem;font-weight:700}.cta{padding:6rem 2rem;text-align:center}h2{font-size:2rem;margin-bottom:2rem}button{background:#fff;color:#000;border:none;padding:.8rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}button:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(255,255,255,.1)}