*{box-sizing:border-box}body{margin:0;background:#0b0b0c;color:#ededee;font:14px/1.7 Inter,Arial,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:22px 28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2b2b2e}a{color:#3b82f6;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;gap:22px}nav a{color:#aaaab5}.brand{font-size:19px;font-weight:600;color:#ededee;text-decoration:none}h1{font-size:clamp(30px,5vw,48px);font-weight:600;line-height:1.2;letter-spacing:-1.4px;margin:18px 0}h2{font-size:20px;margin-top:28px}p{color:#a5a5af}.hero{padding-top:40px;padding-bottom:32px;max-width:720px}.tag{color:#92929e;font-size:10px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid #303034;background:#151517;border-radius:6px;padding:18px}.card h2{margin:0 0 10px;font-size:16px}.card p{margin:0;font-size:13px}footer{border-top:1px solid #2b2b2e;color:#92929e;font-size:12px;margin-top:28px}@media(max-width:650px){header,main,footer{padding:20px 16px}.grid{grid-template-columns:1fr}nav{gap:14px;font-size:12px}.hero{padding-top:28px}h1{letter-spacing:-.8px}}