*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background:#0f172a;color:#fff}nav{display:flex;justify-content:space-between;padding:20px 5%}.logo{font-weight:800;color:#f97316;font-size:32px}.hero{padding:80px 5%}.hero h1{font-size:56px}.hero p{margin:20px 0;color:#cbd5e1}.btn{display:inline-block;background:#f97316;color:#fff;padding:14px 24px;border-radius:10px;margin-right:10px}.dark{background:#334155}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:30px 5%}.card{background:#1e293b;padding:30px;border-radius:16px}section h2{padding:40px 5% 10px}