@layer reset,base,tokens,bits;@layer components{.use-case-page{font-family:var(--nw-font-sans)}.use-case-index{max-width:72rem;padding:var(--nw-space-12) var(--nw-space-6) var(--nw-space-16);margin:0 auto}.use-case-heading{margin-bottom:var(--nw-space-12)}.use-case-heading>p{margin-bottom:var(--nw-space-4)}.use-case-heading .page-header h1{font-family:var(--nw-font-accent);font-size:clamp(2rem,3vw,2.5rem);font-weight:var(--nw-font-normal);line-height:var(--nw-leading-tight)}.use-case-index .section-intro__title,.use-case-feature h2{font-family:var(--nw-font-accent);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--nw-font-normal);line-height:var(--nw-leading-tight)}.use-case-index>section+section{margin-top:var(--nw-space-12)}.use-case-grid{gap:var(--nw-space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.use-case-card{border:1px solid var(--nw-border-default);border-radius:var(--nw-radius-l);min-width:0;color:var(--nw-text-primary);background:var(--nw-bg-surface);flex-direction:column;text-decoration:none;display:flex;overflow:clip}.use-case-card__body{padding:var(--nw-space-6);flex-direction:column;flex:1;align-items:flex-start;display:flex}.use-case-card__body>.use-case-link{margin-top:auto}.use-case-card h3,.use-case-links a h3{font-size:var(--nw-text-20);font-weight:var(--nw-font-semibold);line-height:var(--nw-leading-tight);margin:0}:is(.use-case-card,.use-case-feature,.use-case-links) p:not(.section-intro__eyebrow){margin:var(--nw-space-3) 0 var(--nw-space-5);color:var(--nw-text-secondary);font-size:var(--nw-text-16);line-height:var(--nw-leading-relaxed);text-wrap:balance}.use-case-link,.article-back a,.use-case-article .article-closing a{align-items:center;gap:var(--nw-space-2);color:var(--nw-accent-readable);font-weight:var(--nw-font-medium);line-height:var(--nw-leading-normal);text-decoration:none;display:inline-flex}.use-case-page a:focus-visible{outline:2px solid var(--nw-accent);outline-offset:4px;border-radius:var(--nw-radius-s)}.use-case-card:hover,.use-case-page .use-case-links a:hover{border-color:var(--nw-accent);background:var(--nw-bg-hover)}.use-case-page a svg{flex-shrink:0}.article-media{aspect-ratio:16/9;justify-content:center;align-items:center;gap:var(--nw-space-3);padding:var(--nw-space-6);background:color-mix(in oklch, var(--nw-accent) 5%, var(--nw-bg-page));border:1px dashed var(--nw-border-default);border-radius:var(--nw-radius-m);color:var(--nw-text-secondary);text-align:center;flex-direction:column;margin:0;display:flex}.article-media--image{padding:0}.article-media--image img{width:100%;height:auto;display:block}.article-media figcaption{max-width:34ch;color:var(--nw-text-primary);font-size:var(--nw-text-14);line-height:var(--nw-leading-relaxed);text-wrap:balance}.article-media--comparison{aspect-ratio:auto;background:0 0;border:0;padding:0}.article-media__pair{gap:var(--nw-space-4);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.article-media__frame{justify-content:center;align-items:center;gap:var(--nw-space-3);aspect-ratio:16/9;min-width:0;padding:var(--nw-space-4);border:1px dashed var(--nw-border-default);border-radius:var(--nw-radius-m);background:color-mix(in oklch, var(--nw-accent) 5%, var(--nw-bg-page));overflow-wrap:anywhere;flex-direction:column;display:flex}.article-media--comparison figcaption{max-width:60ch}@media (width<=640px){.article-media__pair{grid-template-columns:minmax(0,1fr)}}.use-case-card .article-media{border:0;border-bottom:1px solid var(--nw-border-default);border-radius:0;flex-shrink:0;position:relative}.use-case-card .article-media img{object-fit:cover;height:100%;position:absolute;inset:0}.use-case-feature{gap:var(--nw-space-8);padding-block:var(--nw-space-8);border-block:1px solid var(--nw-border-default);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.use-case-feature h2{margin:var(--nw-space-4) 0 0}.use-case-links{gap:var(--nw-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.use-case-page .use-case-links a{justify-content:space-between;align-items:center;gap:var(--nw-space-5);padding:var(--nw-space-6);border:1px solid var(--nw-border-default);border-radius:var(--nw-radius-l);background:var(--nw-bg-surface);color:var(--nw-text-primary);text-decoration:none;display:flex}.use-case-links a>div{min-width:0}.use-case-links h3{overflow-wrap:anywhere}.use-case-links p:not(.section-intro__eyebrow){margin-bottom:0}.use-case-article{--reading-width:60rem}.article-back{max-width:var(--reading-width);padding:var(--nw-space-6) var(--nw-space-6) 0;font-size:var(--nw-text-13);margin:0 auto}.use-case-article .reading-layout{padding-top:var(--nw-space-5)}.use-case-article .reading-body>.article-media{margin-block:var(--nw-space-10)}.article-demo{margin:var(--nw-space-8) 0}.article-demo video{border-radius:var(--nw-radius-m);background:var(--nw-bg-page);width:100%;height:auto;display:block}.article-demo figcaption{margin-top:var(--nw-space-3);color:var(--nw-text-secondary);font-size:var(--nw-text-13);line-height:var(--nw-leading-relaxed);text-wrap:pretty}.article-example{gap:var(--nw-space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=640px){.article-example{grid-template-columns:minmax(0,1fr)}}.use-case-article .reading-layout .reading-header h1{-webkit-hyphens:none;hyphens:none;overflow-wrap:anywhere}.use-case-steps li+li{margin-top:var(--nw-space-4)}.use-case-note{padding:var(--nw-space-5);background:var(--nw-bg-page);border-inline-start:2px solid var(--nw-accent);font-size:var(--nw-text-14)}.use-case-table-wrap{margin-block:var(--nw-space-5);overflow-x:auto}.use-case-table{border-collapse:collapse;width:100%;font-size:var(--nw-text-14);text-align:left;table-layout:fixed}.use-case-table caption{text-align:left;margin-bottom:var(--nw-space-4);color:var(--nw-text-secondary);font-size:var(--nw-text-13)}.use-case-table :is(th,td){padding:var(--nw-space-4);border-bottom:1px solid var(--nw-border-default);vertical-align:top;overflow-wrap:anywhere}.use-case-table th{font-weight:var(--nw-font-medium)}.use-case-table thead{background:var(--nw-bg-page)}.article-closing{padding-top:var(--nw-space-8);border-top:1px solid var(--nw-border-default)}@media (width<=800px){.article-back{padding-inline:var(--nw-space-5)}.use-case-article .reading-layout{padding-top:0}}@media (width<=640px){.use-case-index{padding:var(--nw-space-8) var(--nw-space-5) var(--nw-space-12)}.use-case-heading{margin-bottom:var(--nw-space-8)}.use-case-grid,.use-case-links,.use-case-feature{grid-template-columns:minmax(0,1fr)}.use-case-feature{gap:var(--nw-space-6)}.use-case-table :is(th,td){padding:var(--nw-space-3) var(--nw-space-2)}}}@layer utilities;