.use-case-hero:where(.astro-cr4ncgnm){background:var(--color-gray-950);color:#fff;padding:var(--spacing-16) var(--spacing-6);text-align:center}.use-case-hero:where(.astro-cr4ncgnm) h1:where(.astro-cr4ncgnm){font-size:2.5rem;margin:0 0 var(--spacing-3) 0;font-weight:700}.use-case-hero:where(.astro-cr4ncgnm) p:where(.astro-cr4ncgnm){font-size:1.125rem;opacity:.95;margin:0}.container:where(.astro-cr4ncgnm){max-width:1024px;margin:0 auto;padding:0 var(--spacing-6)}.use-case-content:where(.astro-cr4ncgnm){padding:var(--spacing-16) var(--spacing-6)}.use-case-content:where(.astro-cr4ncgnm) section:where(.astro-cr4ncgnm){margin-bottom:var(--spacing-16)}.use-case-content:where(.astro-cr4ncgnm) h2:where(.astro-cr4ncgnm){font-size:2rem;margin-bottom:var(--spacing-8);color:var(--color-text)}.use-case-content:where(.astro-cr4ncgnm) h3:where(.astro-cr4ncgnm){font-size:1.25rem;margin:var(--spacing-6) 0 var(--spacing-3) 0;color:var(--color-text)}.use-case-content:where(.astro-cr4ncgnm) p:where(.astro-cr4ncgnm){color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.challenge-list:where(.astro-cr4ncgnm){color:var(--color-text-muted);line-height:var(--leading-loose);padding-left:var(--spacing-6);margin-bottom:var(--spacing-6)}.challenge-list:where(.astro-cr4ncgnm) li:where(.astro-cr4ncgnm){margin-bottom:var(--spacing-3)}.solution-step:where(.astro-cr4ncgnm){background:var(--color-surface);border-left:4px solid var(--fraise-500);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.solution-step:where(.astro-cr4ncgnm) pre:where(.astro-cr4ncgnm){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0 0 0}.solution-step:where(.astro-cr4ncgnm) code:where(.astro-cr4ncgnm){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal);color:var(--color-text)}.example-box:where(.astro-cr4ncgnm){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.example-box:where(.astro-cr4ncgnm) h3:where(.astro-cr4ncgnm){margin-top:0}.example-box:where(.astro-cr4ncgnm) pre:where(.astro-cr4ncgnm){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0}.example-box:where(.astro-cr4ncgnm) code:where(.astro-cr4ncgnm){font-family:var(--font-mono);font-size:.65rem;line-height:var(--leading-normal);color:var(--color-text)}.benefit-grid:where(.astro-cr4ncgnm){display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.benefit-card:where(.astro-cr4ncgnm){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.benefit-card:where(.astro-cr4ncgnm) h3:where(.astro-cr4ncgnm){margin-top:0}.metric:where(.astro-cr4ncgnm){font-size:1.25rem;font-weight:700;color:var(--fraise-500);margin-top:var(--spacing-3)}.pattern-box:where(.astro-cr4ncgnm){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.pattern-box:where(.astro-cr4ncgnm) pre:where(.astro-cr4ncgnm){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0 0 0}.pattern-box:where(.astro-cr4ncgnm) code:where(.astro-cr4ncgnm){font-family:var(--font-mono);font-size:.7rem;line-height:var(--leading-normal);color:var(--color-text)}.resources-grid:where(.astro-cr4ncgnm){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.resource-box:where(.astro-cr4ncgnm){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.resource-box:where(.astro-cr4ncgnm) h3:where(.astro-cr4ncgnm){margin-top:0}.link:where(.astro-cr4ncgnm){color:var(--fraise-500);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.link:where(.astro-cr4ncgnm):hover{color:var(--fraise-700);text-decoration:underline}.cta-section:where(.astro-cr4ncgnm){background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.cta-section:where(.astro-cr4ncgnm) h2:where(.astro-cr4ncgnm){margin-top:0}.cta-buttons:where(.astro-cr4ncgnm){display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-6)}.btn:where(.astro-cr4ncgnm){display:inline-block;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;font-size:var(--text-base)}.btn-primary:where(.astro-cr4ncgnm){background:var(--fraise-500);color:#fff}.btn-primary:where(.astro-cr4ncgnm):hover{background:var(--fraise-600);box-shadow:var(--shadow-md)}.btn-secondary:where(.astro-cr4ncgnm){background:transparent;color:var(--fraise-500);border:2px solid var(--fraise-500)}.btn-secondary:where(.astro-cr4ncgnm):hover{background:var(--color-surface)}@media(max-width:768px){.use-case-hero:where(.astro-cr4ncgnm) h1:where(.astro-cr4ncgnm){font-size:2rem}.use-case-content:where(.astro-cr4ncgnm) h2:where(.astro-cr4ncgnm){font-size:1.5rem}.cta-buttons:where(.astro-cr4ncgnm){flex-direction:column}.btn:where(.astro-cr4ncgnm){width:100%;text-align:center}}