*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:#15161a;font-family:system-ui,-apple-system,sans-serif}header{height:64px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.logo{font-size:25px;font-weight:900;color:#111;text-decoration:none}nav{display:flex;gap:18px}nav a{color:#333;text-decoration:none;font-weight:700}main{max-width:1000px;margin:auto;padding:20px}.hero{text-align:center;padding:90px 10px}.badge{display:inline-block;border-radius:99px;padding:7px 12px;background:#e9e9ff;color:#4535a5;font-weight:800;letter-spacing:.08em}.hero h1{font-size:clamp(45px,9vw,85px);line-height:.95;margin:18px 0}.hero p{font-size:20px;color:#666}.buttons{display:flex;justify-content:center;gap:10px;margin-top:25px}.button{display:inline-block;padding:13px 18px;background:#111;color:white;text-decoration:none;border-radius:12px;font-weight:800}.button.secondary{background:white;color:#111;border:1px solid #ccc}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cards div{background:white;border-radius:18px;padding:25px;box-shadow:0 5px 25px #0000000a}.cards b,.cards span{display:block}.cards span{color:#666;margin-top:8px}