.use-case-hero:where(.astro-evz3na4g){background:var(--color-gray-950);color:#fff;padding:var(--spacing-16) var(--spacing-6);text-align:center}.use-case-hero:where(.astro-evz3na4g) h1:where(.astro-evz3na4g){font-size:2.5rem;margin:0 0 var(--spacing-3) 0;font-weight:700}.use-case-hero:where(.astro-evz3na4g) p:where(.astro-evz3na4g){font-size:1.125rem;opacity:.95;margin:0}.container:where(.astro-evz3na4g){max-width:1024px;margin:0 auto;padding:0 var(--spacing-6)}.use-case-content:where(.astro-evz3na4g){padding:var(--spacing-16) var(--spacing-6)}.use-case-content:where(.astro-evz3na4g) section:where(.astro-evz3na4g){margin-bottom:var(--spacing-16)}.use-case-content:where(.astro-evz3na4g) h2:where(.astro-evz3na4g){font-size:2rem;margin-bottom:var(--spacing-8);color:var(--color-text)}.use-case-content:where(.astro-evz3na4g) h3:where(.astro-evz3na4g){font-size:1.25rem;margin:var(--spacing-6) 0 var(--spacing-3) 0;color:var(--color-text)}.use-case-content:where(.astro-evz3na4g) p:where(.astro-evz3na4g){color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.problem-example:where(.astro-evz3na4g){background:var(--color-surface);border-left:4px solid #d62830;border-radius:var(--radius-md);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.problem-example:where(.astro-evz3na4g) pre:where(.astro-evz3na4g){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0}.problem-example:where(.astro-evz3na4g) code:where(.astro-evz3na4g){font-family:var(--font-mono);font-size:.8rem;line-height:var(--leading-normal);color:var(--color-text)}.impact-grid:where(.astro-evz3na4g){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.impact-item:where(.astro-evz3na4g){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center}.impact-number:where(.astro-evz3na4g){font-size:2rem;font-weight:700;color:#d62830;margin-bottom:var(--spacing-1)}.impact-label:where(.astro-evz3na4g){font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-1)}.impact-detail:where(.astro-evz3na4g){font-size:var(--text-sm);color:var(--color-text-muted)}.solution-steps:where(.astro-evz3na4g){margin-bottom:var(--spacing-6)}.step:where(.astro-evz3na4g){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)}.step:where(.astro-evz3na4g) pre:where(.astro-evz3na4g){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}.step:where(.astro-evz3na4g) code:where(.astro-evz3na4g){font-family:var(--font-mono);font-size:.8rem;line-height:var(--leading-normal);color:var(--color-text)}.result-box:where(.astro-evz3na4g){background:var(--color-surface);border-left:4px solid #22c55e;border-radius:var(--radius-md);padding:var(--spacing-6);margin-top:var(--spacing-6)}.result-box:where(.astro-evz3na4g) h3:where(.astro-evz3na4g){margin-top:0;color:#15803d}.result-box:where(.astro-evz3na4g) p:where(.astro-evz3na4g){margin:var(--spacing-2) 0;color:var(--color-text);font-weight:500}.comparison-grid:where(.astro-evz3na4g){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.comparison-card:where(.astro-evz3na4g){border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.comparison-card:where(.astro-evz3na4g).traditional{border-left:4px solid #d62830}.comparison-card:where(.astro-evz3na4g).fraiseql{border-left:4px solid #22c55e}.comparison-card:where(.astro-evz3na4g) h3:where(.astro-evz3na4g){margin-top:0}.comparison-list:where(.astro-evz3na4g){list-style:none;padding:0;margin:0}.comparison-list:where(.astro-evz3na4g) li:where(.astro-evz3na4g){padding:var(--spacing-2) 0;color:var(--color-text-muted);line-height:var(--leading-relaxed)}.example-card:where(.astro-evz3na4g){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-card:where(.astro-evz3na4g) pre:where(.astro-evz3na4g){border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-3) 0}.example-card:where(.astro-evz3na4g) code:where(.astro-evz3na4g){font-family:var(--font-mono);font-size:.75rem;line-height:var(--leading-normal);color:var(--color-text)}.metrics-grid:where(.astro-evz3na4g){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.metric-box:where(.astro-evz3na4g){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.metric-box:where(.astro-evz3na4g) h4:where(.astro-evz3na4g){margin-top:0;color:var(--color-text)}.before-after:where(.astro-evz3na4g){display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.before:where(.astro-evz3na4g),.after:where(.astro-evz3na4g){flex:1;text-align:center}.value:where(.astro-evz3na4g){font-size:1.75rem;font-weight:700;color:var(--fraise-500);margin-bottom:var(--spacing-1)}.label:where(.astro-evz3na4g){font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.arrow:where(.astro-evz3na4g){color:var(--color-text-muted);font-size:1.5rem}.best-practices-grid:where(.astro-evz3na4g){display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.practice-card:where(.astro-evz3na4g){border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.practice-card:where(.astro-evz3na4g).good{border-left:4px solid #22c55e}.practice-card:where(.astro-evz3na4g).consider{border-left:4px solid #f59e0b}.practice-card:where(.astro-evz3na4g) h3:where(.astro-evz3na4g){margin-top:0}.practice-card:where(.astro-evz3na4g) ul:where(.astro-evz3na4g){list-style:none;padding:0;margin:0}.practice-card:where(.astro-evz3na4g) li:where(.astro-evz3na4g){padding:var(--spacing-2) 0;color:var(--color-text-muted)}.related-grid:where(.astro-evz3na4g){display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.related-box:where(.astro-evz3na4g){background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-6)}.related-box:where(.astro-evz3na4g) h3:where(.astro-evz3na4g){margin-top:0}.link:where(.astro-evz3na4g){color:var(--fraise-500);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.link:where(.astro-evz3na4g):hover{color:var(--fraise-700);text-decoration:underline}.cta-section:where(.astro-evz3na4g){background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.cta-section:where(.astro-evz3na4g) h2:where(.astro-evz3na4g){margin-top:0}.cta-buttons:where(.astro-evz3na4g){display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-6)}.btn:where(.astro-evz3na4g){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-evz3na4g){background:var(--fraise-500);color:#fff}.btn-primary:where(.astro-evz3na4g):hover{background:var(--fraise-600);box-shadow:var(--shadow-md)}.btn-secondary:where(.astro-evz3na4g){background:transparent;color:var(--fraise-500);border:2px solid var(--fraise-500)}.btn-secondary:where(.astro-evz3na4g):hover{background:var(--color-surface)}@media(max-width:768px){.use-case-hero:where(.astro-evz3na4g) h1:where(.astro-evz3na4g){font-size:2rem}.use-case-content:where(.astro-evz3na4g) h2:where(.astro-evz3na4g){font-size:1.5rem}.before-after:where(.astro-evz3na4g){flex-direction:column;gap:var(--spacing-2)}.arrow:where(.astro-evz3na4g){transform:rotate(90deg)}.cta-buttons:where(.astro-evz3na4g){flex-direction:column}.btn:where(.astro-evz3na4g){width:100%;text-align:center}}