.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%;object-fit:cover}.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-size:14px;font-weight:700;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-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:17px;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}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-ct-use-cases.css.map */