.ct-use-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ct-use-case-card{overflow:hidden;box-shadow:var(--ct-shadow-sm);transition:box-shadow .2s,transform .2s}.ct-use-case-card:hover{box-shadow:var(--ct-shadow-lg);transform:translateY(-2px)}.ct-use-case-img{aspect-ratio:4/3;background:var(--ct-bg-surface);display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden}.ct-use-case-img__media{width:100%;height:100%}.ct-use-case-img__fa{display:grid;width:58px;height:58px;border-radius:var(--ct-r-md);background:var(--ct-accent-subtle);color:var(--ct-accent-strong);place-items:center;box-shadow:var(--ct-shadow-xs)}.ct-use-case-img__fa svg{width:26px;height:26px;fill:currentColor}.ct-use-case-img__fa--green{color:var(--ct-success)}.ct-use-case-img__fa--green-dark{color:var(--ct-success-dark)}.ct-use-case-img__fa--gold{color:var(--ct-rating)}.ct-use-case-tag{position:absolute;top:10px;left:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--ct-border-strong);border-radius:var(--ct-r-pill);padding:3px 10px;font-size:11px;font-weight:700;color:var(--ct-text)}.ct-use-case-body{padding:16px}.ct-use-case-title{font-family:var(--ct-font-display);font-size:16px;font-weight:600;line-height:1.15;color:var(--ct-text);margin-bottom:4px}.ct-use-case-desc{font-size:13px;color:var(--ct-text-3);line-height:1.5}@media(max-width:600px){.ct-use-case-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.ct-use-case-grid{grid-template-columns:1fr}}.ct-use-case-num{font-family:var(--ct-font-mono);font-size:10px;color:var(--ct-text-3);letter-spacing:.1em;margin-bottom:6px}.ct-use-case-cta{font-size:12px;font-weight:700;color:var(--ct-accent-text);font-family:var(--ct-font-mono);letter-spacing:.04em;margin-top:12px}.ct-use-case-grid[data-layout=pillars]{grid-template-columns:repeat(2,1fr);gap:18px}.ct-use-case-grid[data-layout=pillars] .ct-use-case-card{display:flex;flex-direction:row;gap:18px;align-items:flex-start;padding:28px;background:var(--ct-bg-raised);border:1px solid var(--ct-border-subtle);border-radius:var(--ct-r-lg);box-shadow:var(--ct-shadow-xs);overflow:visible}.ct-use-case-grid[data-layout=pillars] .ct-use-case-img{flex:0 0 54px;width:54px;height:54px;aspect-ratio:auto;border-radius:var(--ct-r-md);background:var(--ct-accent-subtle);font-size:26px}.ct-use-case-grid[data-layout=pillars] .ct-use-case-img__fa{width:54px;height:54px;background:transparent;box-shadow:none}.ct-use-case-grid[data-layout=pillars] .ct-use-case-tag,.ct-use-case-grid[data-layout=pillars] .ct-use-case-num,.ct-use-case-grid[data-layout=pillars] .ct-use-case-cta{display:none}.ct-use-case-grid[data-layout=pillars] .ct-use-case-body{padding:0;flex:1}.ct-use-case-grid[data-layout=pillars] .ct-use-case-title{font-size:18px;margin-bottom:6px}.ct-use-case-grid[data-layout=pillars] .ct-use-case-desc{font-size:14.5px;color:var(--ct-text-2);line-height:1.55}@media(max-width:720px){.ct-use-case-grid[data-layout=pillars]{grid-template-columns:1fr}}.ct-use-case-grid[data-layout=feature-gifs]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-card{display:flex;flex-direction:row-reverse;align-items:center;gap:20px;padding:22px;background:var(--ct-bg-raised);border:1px solid var(--ct-border-subtle);border-radius:var(--ct-r-lg);box-shadow:var(--ct-shadow-sm);overflow:hidden}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-card:hover{box-shadow:var(--ct-shadow-md);transform:none}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-img{flex:0 0 150px;width:150px;aspect-ratio:1/1;border-radius:var(--ct-r-md);background:var(--ct-accent-subtle);border:1px solid var(--ct-accent-border);font-size:38px}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-img__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-img__icon{width:42%;height:42%;color:var(--ct-accent-text);opacity:.48;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-img__fa{width:64px;height:64px;background:var(--ct-bg-raised)}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-tag{top:8px;right:8px;left:auto;background:var(--ct-accent);border:0;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-body{padding:0;flex:1}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-title{font-family:var(--ct-font-display);font-size:19px;font-weight:600;line-height:1.15;margin-bottom:8px;color:var(--ct-text)}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-desc{font-size:14.5px;line-height:1.55;color:var(--ct-text-2)}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-num,.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-cta{display:none}.ct-use-case-rail{display:block}.ct-use-case-rail-dots{display:none;align-items:center;justify-content:center;gap:8px;margin-top:18px}.ct-use-case-rail-dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:var(--ct-border-strong);cursor:pointer;transition:width .2s ease,background .2s ease}.ct-use-case-rail-dot.is-active{width:22px;border-radius:3px;background:var(--ct-accent)}@media(max-width:860px){.ct-use-case-grid[data-layout=feature-gifs]{grid-template-columns:1fr}}@media(max-width:760px){.ct-use-case-grid[data-layout=feature-gifs]{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.ct-use-case-grid[data-layout=feature-gifs]::-webkit-scrollbar{display:none}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-card{flex:0 0 82%;scroll-snap-align:start;flex-direction:column;align-items:flex-start}.ct-use-case-grid[data-layout=feature-gifs] .ct-use-case-img{width:100%;flex-basis:auto}.ct-use-case-rail-dots{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/section-ct-use-cases.css.map */