.wtl{max-width:1240px;margin:0 auto;padding:24px 0 60px;font:400 16px/1.55 "Mulish",system-ui,sans-serif;color:#222}
.wtl *{box-sizing:border-box}
.wtl h1{font-size:34px;line-height:1.15;margin:8px 0 8px;font-weight:800;text-transform:none}
.wtl .lead{color:#4f5665;margin:0 0 24px;max-width:720px}
.wtl__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.wtl__card{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 0 rgba(0,0,0,.08);text-decoration:none;color:inherit}
.wtl__card h2{font-size:22px;font-weight:800;margin:0;text-transform:none}
.wtl__card p{margin:0;color:#4f5665;font-size:15px}
.wtl__tag{align-self:flex-start;background:#edeee9;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:800}
.wtl__tag--on{background:#FFDD2D;color:#000}
.wtl__btn{margin-top:auto;align-self:flex-start;background:#FFDD2D;color:#000;border-radius:999px;padding:12px 24px;font-weight:800;font-size:15px}
a.wtl__card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1)}
.wtl__card--soon{opacity:.72}
@media (max-width:560px){.wtl h1{font-size:28px}.wtl__card{padding:18px}}