.usecases-module{padding:80px 0}.usecases-container{margin:0 auto;max-width:1110px;padding:0 1rem}.usecases-header{margin-bottom:3rem;text-align:center}.usecases-tag{display:inline-block;margin-bottom:1.25rem}.usecases-heading{color:var(--ashen-900);font-size:2.375rem;line-height:1.21;margin:0}.usecases-description{color:var(--ashen-500);font-family:Onest,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:300;line-height:1.6;margin:1rem auto 0;max-width:680px}.usecases-grid{display:grid;gap:1.25rem}.usecases-grid--2{grid-template-columns:repeat(2,1fr)}.usecases-grid--3{grid-template-columns:repeat(3,1fr)}.usecases-grid--4{grid-template-columns:repeat(4,1fr)}.usecases-card{background-color:var(--white);border:1px solid var(--grey-100);border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;display:flex;gap:1rem;padding:1.75rem;transition:box-shadow .2s ease;-webkit-transition:box-shadow .2s ease;-moz-transition:box-shadow .2s ease;-ms-transition:box-shadow .2s ease;-o-transition:box-shadow .2s ease}.usecases-card--horizontal{align-items:flex-start;flex-direction:row}.usecases-card--vertical{align-items:flex-start;flex-direction:column}.usecases-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.06)}.usecases-card__icon{align-items:center;background-color:var(--core-100);border:1px solid var(--core-200);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;display:flex;height:48px;justify-content:center;min-width:48px;width:48px}.usecases-card__icon img{height:28px;object-fit:contain;width:28px}.usecases-card__content{flex:1}.usecases-card__title{color:var(--core-800);font-family:Onest,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.4;margin:0 0 .375rem}.usecases-card__description{color:var(--ashen-500);font-family:Onest,Helvetica,Arial,sans-serif;font-size:.875rem;font-weight:300;line-height:1.5;margin:0}@media screen and (max-width:768px){.usecases-module{padding:3rem 0}.usecases-heading{font-size:1.75rem}.usecases-grid--2,.usecases-grid--3,.usecases-grid--4{grid-template-columns:1fr}}@media screen and (min-width:769px) and (max-width:1024px){.usecases-grid--3,.usecases-grid--4{grid-template-columns:repeat(2,1fr)}}