.use-cases:not(._):where(.use-cases,.use-cases *){--gap:clamp(56px, 6vw, 80px);padding-block:clamp(64px,7vw,104px) clamp(88px,9vw,128px)}.head:not(._):where(.use-cases,.use-cases *){gap:24px;display:grid}.head:not(._):where(.use-cases,.use-cases *) h1:not(._):where(.use-cases,.use-cases *){letter-spacing:-.045em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1}.head:not(._):where(.use-cases,.use-cases *) p:not(._):where(.use-cases,.use-cases *){max-width:44ch;color:var(--muted);font-size:1.25rem;line-height:1.5}.cards:not(._):where(.use-cases,.use-cases *){gap:var(--gap) 32px;margin-top:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.cards:not(._):where(.use-cases,.use-cases *) li:not(._):where(.use-cases,.use-cases *){min-width:0;line-height:inherit;align-content:start;justify-items:start;gap:16px;display:grid}.case:not(._):where(.use-cases,.use-cases *){width:100%;color:inherit;border-radius:12px;justify-items:start;gap:8px;display:grid}.case:focus-visible:not(._):where(.use-cases,.use-cases *){outline:2px solid var(--ink);outline-offset:4px}.case:not(._):where(.use-cases,.use-cases *) img:not(._):where(.use-cases,.use-cases *){aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:12px;width:100%;height:auto;margin-bottom:16px}.case:not(._):where(.use-cases,.use-cases *) h2:not(._):where(.use-cases,.use-cases *){letter-spacing:-.025em;text-underline-offset:6px;transition:text-decoration-color .2s var(--ease);font-size:1.5rem;font-weight:500;line-height:2rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.case:not(._):where(.use-cases,.use-cases *) p:not(._):where(.use-cases,.use-cases *){color:var(--muted);font-size:1rem;line-height:1.5rem}.demo:not(._):where(.use-cases,.use-cases *){text-underline-offset:4px;transition:text-decoration-color .2s var(--ease);gap:8px;font-size:.9375rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.demo:focus-visible:not(._):where(.use-cases,.use-cases *){text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.case:hover:not(._):where(.use-cases,.use-cases *) h2:not(._):where(.use-cases,.use-cases *),.demo:hover:not(._):where(.use-cases,.use-cases *){text-decoration-color:currentColor}}@media (width<=760px){.head:not(._):where(.use-cases,.use-cases *) p:not(._):where(.use-cases,.use-cases *){font-size:1.125rem}.cards:not(._):where(.use-cases,.use-cases *){grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.case:not(._):where(.use-cases,.use-cases *) h2:not(._):where(.use-cases,.use-cases *),.demo:not(._):where(.use-cases,.use-cases *){transition:none}}.example:not(._):where(div.case,div.case *){margin-top:64px}.example-link:not(._):where(div.case,div.case *){border:1px solid var(--line);background:var(--paper);border-radius:16px;display:block;overflow:hidden}.example:not(._):where(div.case,div.case *) img:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){aspect-ratio:1.6;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.example-cta:not(._):where(div.case,div.case *){border-top:1px solid var(--line);justify-content:space-between;padding:24px;font-weight:500;display:flex}.example:not(._):where(div.case,div.case *) .note:not(._):where(div.case,div.case *){margin-top:16px}.example-address:not(._):where(div.case,div.case *){color:var(--muted);margin-top:8px;font-size:.8125rem;font-weight:400;display:block}.closing:not(._):where(div.case,div.case *){padding-bottom:var(--section)}.closing:not(._):where(div.case,div.case *) h2:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){letter-spacing:-.04em;font-size:clamp(2rem,4vw,3rem)}.closing:not(._):where(div.case,div.case *) .cta:not(._):where(div.case,div.case *){margin-top:32px}@media (width<=639px){.example:not(._):where(div.case,div.case *) img:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){aspect-ratio:.85}}.case:not(._):where(div.case,div.case *){--section:clamp(96px, 11vw, 160px);--head:clamp(40px, 4vw, 56px)}.case:not(._):where(div.case,div.case *) :is(h1,h2):not(._):where(div.case,div.case *){font-weight:500}.hero:not(._):where(div.case,div.case *){justify-items:start;padding-top:clamp(40px,5vw,72px);display:grid}.back:not(._):where(div.case,div.case *){color:var(--muted);transition:color .15s var(--ease);gap:8px;margin-bottom:40px;font-size:.8125rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.back:hover:not(._):where(div.case,div.case *){color:var(--ink)}}.audience:not(._):where(div.case,div.case *){color:var(--muted);font-size:.9375rem;font-weight:500}.hero:not(._):where(div.case,div.case *) h1:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){letter-spacing:-.045em;margin-top:16px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1}.lead:not(._):where(div.case,div.case *){max-width:52ch;color:var(--muted);margin-top:24px;font-size:1.0625rem;line-height:1.55}.actions:not(._):where(div.case,div.case *){flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.text-link:not(._):where(div.case,div.case *){color:var(--ink);text-underline-offset:4px;transition:text-decoration-color .2s var(--ease);align-items:center;gap:8px;font-size:.9375rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}@media (hover:hover) and (pointer:fine){.text-link:hover:not(._):where(div.case,div.case *){text-decoration-color:currentColor}}.block:not(._):where(div.case,div.case *){padding-block:var(--section)}.block:not(._):where(div.case,div.case *)+.block:not(._):where(div.case,div.case *),.faq-block:not(._):where(div.case,div.case *)+.reading:not(._):where(div.case,div.case *){padding-top:0}.reading:not(._):where(div.case,div.case *) .link-grid:not(._){margin-top:var(--head)}.faq-block:not(._):where(div.case,div.case *) .compare-block{padding-block:0 var(--section)}.faq-block:not(._):where(div.case,div.case *) h2{font-weight:500}.block:not(._):where(div.case,div.case *) h2:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){letter-spacing:-.035em;font-size:clamp(2.125rem,3.8vw,3rem);line-height:1.04}.parts:not(._):where(div.case,div.case *){margin:var(--head) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;list-style:none;display:grid}.parts:not(._):where(div.case,div.case *) li:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){border-top:1px solid var(--line-strong);align-content:start;gap:8px;padding-top:24px;display:grid}.parts:not(._):where(div.case,div.case *) strong:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)){font-weight:500}.parts:not(._):where(div.case,div.case *) span:not(._):where(div.case,div.case *):not(:where(#faq,#faq *)),.note:not(._):where(div.case,div.case *){color:var(--muted);font-size:.9375rem;line-height:1.55}.note:not(._):where(div.case,div.case *){max-width:60ch;margin-top:40px}@media (width<=760px){.parts:not(._):where(div.case,div.case *){grid-template-columns:1fr;gap:24px}}