.cases{max-width:1240px;padding:clamp(48px, 8vw, 96px) var(--gutter) 0;margin:0 auto}.cases h1{max-width:22ch;margin-top:16px;font-size:clamp(2.2rem,4.6vw,3.9rem)}.cases .lede{max-width:46rem}.cases-filter{flex-wrap:wrap;gap:8px;margin:36px 0 0;display:flex}.cases-filter[hidden]{display:none}.cases-filter button{border:1px solid var(--rule);color:var(--soft);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px;font-size:.9rem}.cases-filter button:hover{color:var(--fg);border-color:var(--soft)}.cases-filter button[hidden]{display:none}.cases-filter button[aria-pressed=true]{color:var(--fg);border-color:var(--highlight);background:var(--surface)}.cases-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin:24px 0 0;padding:0;list-style:none;display:grid}.cases-list li[hidden]{display:none}.cases-card{background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--tone) 12%, transparent), transparent 60%), var(--surface);border:1px solid var(--rule);height:100%;color:var(--fg);border-radius:16px;grid-template-columns:minmax(0,1fr) 12rem;gap:clamp(18px,2.5vw,28px);padding:clamp(20px,2.5vw,28px);text-decoration:none;transition:border-color .25s,box-shadow .25s;display:grid}.cases-card:hover{color:var(--fg);border-color:color-mix(in srgb, var(--tone) 55%, var(--rule));box-shadow:0 20px 44px -30px color-mix(in srgb, var(--tone) 50%, transparent)}.cases-card .tour-kicker{color:var(--tone)!important}.cases-card h2{margin:10px 0 0;font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.18}.cases-card-sum{color:var(--soft);margin:12px 0 0;font-size:.95rem}.cases-card-dated{font:400 .75rem/1.35 var(--mono);color:var(--muted);margin:12px 0 0}.cases-card-figure{border-left:1px solid var(--rule);flex-direction:column;justify-content:center;padding-left:clamp(18px,2.5vw,28px);display:flex}.cases-card .case-stat{font-size:clamp(1.9rem,3vw,2.5rem)}.cases-next{max-width:46rem;margin:clamp(56px,8vw,96px) 0 0;padding:0}.cases-next h2{margin:0;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1}.cases-next>p{color:var(--soft);margin:14px 0 0}.cases-next .lede-cta{margin-top:24px}.cases-small{font-size:.85rem;color:var(--muted)!important}@media (width<=1100px){.cases-list{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.cases-card{grid-template-columns:minmax(0,1fr);gap:16px}.cases-card-figure{border-left:0;border-bottom:1px solid var(--rule);order:-1;padding:0 0 14px}.case-spark{max-width:220px}.bar nav a[href="/#demo"],.bar nav a[href="/cases/"],.bar nav a[href="/guides/"],.try-long{display:none}}
