.use-case-detail{color:var(--color-use-case-body);background:var(--color-surface-1);font-family:var(--font-display);line-height:var(--leading-body)}.detail-container{max-width:var(--container-content);margin-inline:auto;padding-inline:calc(var(--spacing)*6)}.detail-hero{padding-block:var(--space-section-sm);background:var(--color-surface-use-case);text-align:center}.use-case-detail h1,.use-case-detail h2,.use-case-detail h3,.use-case-detail h4{font-family:var(--font-marketing);color:var(--color-use-case-heading);font-weight:600;line-height:var(--leading-heading);text-wrap:balance}.use-case-detail h1{max-width:var(--container-prose);margin:calc(var(--spacing)*6) auto;font-size:var(--text-h1)}.detail-breadcrumb ol{display:flex;justify-content:center;flex-wrap:wrap;gap:calc(var(--spacing)*2);list-style:none;padding:0;font-size:var(--text-body-sm)}.detail-breadcrumb li+li:before{content:"›";margin-inline-end:calc(var(--spacing)*2)}.detail-breadcrumb a{color:var(--color-text-secondary)}.detail-lead{max-width:var(--container-article);margin-inline:auto;font-size:var(--text-body-lg)}.detail-tagline{max-width:var(--container-article);margin:calc(var(--spacing)*6) auto;font-size:var(--text-h3);line-height:var(--leading-ui);text-wrap:balance}.detail-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*7)}.detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--spacing)*12);padding:calc(var(--spacing)*3) calc(var(--spacing)*6);border:1px solid transparent;border-radius:var(--radius-button);background:var(--color-accent-600);color:var(--color-surface-1);font-weight:600;font-size:var(--text-body-sm);text-decoration:none;text-align:center}.detail-button:hover{background:var(--color-accent-700)}.detail-button--secondary{background:var(--color-surface-1);color:var(--color-accent-700);border-color:var(--color-accent-600)}.detail-button--secondary:hover{background:var(--color-brand-100)}.use-case-detail a:focus-visible{outline:3px solid var(--color-accent-500);outline-offset:calc(var(--spacing))}.detail-section{padding-block:var(--space-section-sm)}.detail-section--soft{background:var(--color-brand-50)}.detail-section--cta{background:var(--color-surface-use-case);text-align:center}.detail-content h2{margin-block:calc(var(--spacing)*10) calc(var(--spacing)*6);font-size:var(--text-h2);text-align:center}.detail-content>h2:first-child,.detail-content>div>h2:first-child{margin-block-start:0}.detail-content h3,.detail-content h4{margin-block:calc(var(--spacing)*5) calc(var(--spacing)*3);font-size:var(--text-h4)}.detail-content p{margin-block:calc(var(--spacing)*4)}.detail-content>.detail-button{display:table;margin:calc(var(--spacing)*6) auto 0}.detail-content>p,.detail-content>ul,.detail-content>ol{max-width:var(--container-article);margin-inline:auto}.detail-content ul,.detail-content ol{padding-inline-start:calc(var(--spacing)*6)}.detail-content ul{list-style:disc}.detail-content ol{list-style:decimal}.detail-content li{margin-block:calc(var(--spacing)*2)}.detail-content li::marker{color:var(--color-accent-600)}.detail-content a:not(.detail-button){color:var(--color-accent-700);text-underline-offset:var(--spacing)}.detail-content img{display:block;max-width:100%;height:auto;margin:calc(var(--spacing)*6) auto}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing)*8);align-items:start;margin-block:calc(var(--spacing)*8)}.detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid>div{min-width:0}.detail-grid h2{font-size:var(--text-h3)}.detail-card{padding:calc(var(--spacing)*6);background:var(--color-surface-1);border:1px solid var(--color-brand-100);border-radius:var(--radius-card);height:100%}.detail-card h3{margin-block-start:calc(var(--spacing)*4)}.detail-card img,.detail-content img.detail-icon{width:var(--size-detail-icon);height:var(--size-detail-icon);object-fit:contain;margin:0}.detail-mark{display:inline-grid;place-items:center;width:var(--size-detail-icon);height:var(--size-detail-icon);border-radius:var(--radius-full);color:var(--color-accent-700);background:var(--color-surface-use-case);font-size:var(--text-h3)}.detail-feature{display:grid;grid-template-columns:var(--size-detail-icon) minmax(0,1fr);align-items:start;gap:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*6);border-block-end:1px solid var(--color-border-subtle)}.detail-feature h3{margin-block-start:0}.detail-feature-list .detail-feature{grid-template-columns:var(--size-detail-icon) minmax(0,1fr)}.detail-feature-list .detail-feature>div:first-child{font-weight:600}.detail-feature:nth-child(2n) .detail-mark{color:var(--color-use-case-purple)}.detail-content .detail-metric{font-family:var(--font-marketing);font-size:var(--text-display-lg);font-weight:600;line-height:var(--leading-heading);color:var(--color-accent-700)}.detail-table{overflow-x:auto;margin-block:calc(var(--spacing)*6)}.detail-table table{width:100%;border-collapse:collapse;font-size:var(--text-body-sm)}.detail-table th,.detail-table td{text-align:left;padding:calc(var(--spacing)*4);border:1px solid var(--color-border-subtle)}.detail-table th{background:var(--color-surface-use-case)}.detail-table tbody tr:nth-child(2n){background:var(--color-brand-50)}.detail-resource{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:calc(var(--spacing)*5);margin-block:calc(var(--spacing)*5);background:var(--color-surface-1);box-shadow:var(--shadow-card)}.detail-resource img{width:calc(var(--spacing)*24);margin:0}.detail-resource-link{display:flex;align-items:center;gap:calc(var(--spacing)*6);text-decoration:none}.detail-resource-link img{flex-shrink:0}.detail-resource-link h3{margin-block-start:0}.detail-resource-link p{color:var(--color-use-case-body);margin-block-end:0}.detail-resource-link:hover h3{color:var(--color-accent-700)}.detail-resources:has(.detail-resource--diagram){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing)*6)}.detail-resource--diagram .detail-resource-link{display:block;text-align:center}.detail-resource--diagram img{width:100%;margin-block-end:calc(var(--spacing)*6)}.detail-callout{text-align:center}.detail-callout .detail-button{margin-block-start:calc(var(--spacing)*5)}.detail-resource h2{text-align:left;font-size:var(--text-h4);margin-block:calc(var(--spacing)*3)}.detail-capabilities,.detail-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing)*5)}.detail-video{aspect-ratio:16/9;width:100%}.detail-video iframe{border:0;width:100%;height:100%;border-radius:var(--radius-card)}@media (max-width:48rem){.detail-container{padding-inline:calc(var(--spacing)*4)}.detail-grid,.detail-grid--three,.detail-grid--four,.detail-resources:has(.detail-resource--diagram),.detail-capabilities,.detail-steps,.detail-feature-list .detail-feature{grid-template-columns:minmax(0,1fr)}.detail-actions{flex-direction:column;align-items:stretch}.detail-resource{overflow-wrap:anywhere}}