.usage-preview{border-top:1px solid var(--line)}
.usage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:25px}
.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.usage-grid>a{display:flex;flex-direction:column;min-height:100%;text-decoration:none;background:#f0eee7;border:1px solid #e3e0d6;padding:30px;transition:background .2s}
.usage-grid>a:hover{background:#ebe2d5}
.usage-grid span{font-size:.65rem;letter-spacing:.1em;color:var(--copper)}
.usage-grid h3{margin:30px 0 17px;font-size:1.7rem;line-height:1.12}
.usage-grid p{font-size:.85rem;color:var(--muted);margin-bottom:28px}
.usage-grid b{font-size:24px;font-weight:400;display:block;text-align:right;margin-top:auto;line-height:1}
@media(max-width:980px){.usage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.usage-grid{gap:12px}.usage-grid>a{padding:22px}.usage-grid h3{font-size:1.5rem}}
@media(max-width:560px){.usage-heading{display:block}.usage-heading .text-link{margin-bottom:10px}.usage-grid{grid-template-columns:1fr}.usage-grid h3 br{display:none}.usage-grid h3{margin-top:20px}.usage-grid p{margin-bottom:16px}}