.tfg-use-case-grid{background:var(--tfg-bg);padding-top:var(--tfg-padding-top);padding-bottom:var(--tfg-padding-bottom)}.tfg-use-case-grid .tfg-use-case-grid__inner{max-width:1280px;margin:0 auto;padding-left:2rem;padding-right:2rem}.tfg-use-case-grid .tfg-use-case-grid__inner--full{max-width:100%}.tfg-use-case-grid .tfg-use-case-grid__logo-wrap{margin-bottom:18px}.tfg-use-case-grid .tfg-use-case-grid__logo{display:block;max-width:220px;width:100%;height:auto}.tfg-use-case-grid .tfg-use-case-grid__header{margin-bottom:28px}.tfg-use-case-grid .tfg-use-case-grid__eyebrow{margin:0 0 8px;font-size:15px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.tfg-use-case-grid .tfg-use-case-grid__heading{margin:0;line-height:1.08;letter-spacing:-.02em}.tfg-use-case-grid .tfg-use-case-grid__subheading{margin-top:10px;max-width:760px;font-size:16px;line-height:1.6}.tfg-use-case-grid .tfg-use-case-grid__subheading p{margin:0}.tfg-use-case-grid .tfg-use-case-grid__grid{display:grid;gap:12px}.tfg-use-case-grid .tfg-use-case-grid__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.tfg-use-case-grid .tfg-use-case-grid__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tfg-use-case-grid .tfg-use-case-grid__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tfg-use-case-grid .tfg-use-case-grid__item{min-width:0}.tfg-use-case-grid .tfg-use-case-grid__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:240px;height:100%;padding:22px 18px 18px;background:var(--tfg-card-bg);border-radius:16px;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.tfg-use-case-grid .tfg-use-case-grid__card--link:hover,.tfg-use-case-grid .tfg-use-case-grid__card--link:focus-visible{transform:translateY(-2px);border-color:var(--tfg-accent);box-shadow:0 10px 30px #00000014;outline:none}.tfg-use-case-grid .tfg-use-case-grid__badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;background:var(--tfg-badge-bg);color:var(--tfg-badge-text);font-size:11px;line-height:1;letter-spacing:.02em;z-index:2}.tfg-use-case-grid .tfg-use-case-grid__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:16px;border-radius:10px;background:color-mix(in srgb,var(--tfg-accent) 8%,transparent)}.tfg-use-case-grid .tfg-use-case-grid__icon-image{display:block;width:24px;height:24px;object-fit:contain}.tfg-use-case-grid .tfg-use-case-grid__card-title{margin:0 0 10px;font-size:18px;line-height:1.2;max-width:92%}.tfg-use-case-grid .tfg-use-case-grid__card-desc{font-size:16px;line-height:1.55;margin-bottom:auto;max-width:95%}.tfg-use-case-grid .tfg-use-case-grid__card-desc p{margin:0}.tfg-use-case-grid .tfg-use-case-grid__link-row{display:flex;gap:10px;align-items:center;margin-top:10px}.tfg-use-case-grid .tfg-use-case-grid__arrow{display:inline-flex;width:18px;height:18px;color:var(--tfg-accent);flex-shrink:0}.tfg-use-case-grid .tfg-use-case-grid__arrow svg{width:100%;height:100%}@media screen and (max-width:989px){.tfg-use-case-grid .tfg-use-case-grid__inner{padding-left:1.5rem;padding-right:1.5rem}.tfg-use-case-grid .tfg-use-case-grid__grid--4,.tfg-use-case-grid .tfg-use-case-grid__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.tfg-use-case-grid .tfg-use-case-grid__card{min-height:220px}}@media screen and (max-width:749px){.tfg-use-case-grid{padding-top:var(--tfg-padding-top-mobile);padding-bottom:var(--tfg-padding-bottom-mobile)}.tfg-use-case-grid .tfg-use-case-grid__inner{padding-left:1rem;padding-right:1rem}.tfg-use-case-grid .tfg-use-case-grid__grid,.tfg-use-case-grid .tfg-use-case-grid__grid--4,.tfg-use-case-grid .tfg-use-case-grid__grid--3,.tfg-use-case-grid .tfg-use-case-grid__grid--2{grid-template-columns:1fr}.tfg-use-case-grid .tfg-use-case-grid__card{min-height:auto;padding:20px 16px 16px;border-radius:14px}.tfg-use-case-grid .tfg-use-case-grid__card-title{font-size:20px}.tfg-use-case-grid .tfg-use-case-grid__card-desc,.tfg-use-case-grid .tfg-use-case-grid__link-row{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/tfg-use-case-grid.css.map */