.use-cases{background:var(--use-cases-bg)}.use-cases__header{margin-bottom:2.4rem}.use-cases__header--left{text-align:start}.use-cases__header--center{text-align:center}.use-cases__heading{margin:0;color:var(--use-cases-heading);font-size:clamp(2.2rem,1.8rem + .8vw,3rem);line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.use-cases__subheading{margin:1rem 0 0;max-width:70ch;color:var(--use-cases-muted);font-size:1.5rem;line-height:1.6}.use-cases__header--center .use-cases__subheading{margin-inline:auto}.use-cases__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.use-cases__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(28rem,32rem);gap:1.6rem;padding-bottom:.8rem}.use-cases__card{scroll-snap-align:start;background:var(--use-cases-card-bg);border:1px solid var(--use-cases-border);border-radius:1.2rem;padding:2rem;box-shadow:0 8px 20px #221f1f0d}.use-cases__industry{margin:0 0 1rem;color:var(--use-cases-accent);font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.use-cases__title{margin:0;color:var(--use-cases-heading);font-size:2rem;line-height:1.25}.use-cases__context,.use-cases__fit{margin:1.2rem 0 0;color:var(--use-cases-body);font-size:1.5rem;line-height:1.6}.use-cases__fit{color:color-mix(in srgb,var(--use-cases-body) 85%,var(--use-cases-accent) 15%)}.use-cases__signals{margin:1.4rem 0 0;padding-inline-start:1.6rem;color:var(--use-cases-muted);font-size:1.4rem;line-height:1.5}.use-cases__signals li+li{margin-top:.4rem}.use-cases__nav{display:flex;gap:.8rem;justify-content:flex-end;margin-top:1.2rem}.use-cases__nav-btn{width:4.2rem;height:4.2rem;border:1px solid var(--use-cases-border);border-radius:999px;background:var(--use-cases-card-bg);color:var(--use-cases-heading);display:inline-flex;align-items:center;justify-content:center;font-size:1.8rem;transition:transform .2s ease,background-color .2s ease,color .2s ease}.use-cases__nav-btn:hover,.use-cases__nav-btn:focus-visible{background:var(--use-cases-accent);color:#fff;transform:translateY(-1px)}.use-cases__nav-btn:disabled{opacity:.45;cursor:not-allowed}@media(min-width:992px){.use-cases__grid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:unset}.use-cases__viewport{overflow:visible}.use-cases__nav{display:none}}@media(prefers-reduced-motion:reduce){.use-cases__nav-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-use-cases-cards.css.map */