.use-case-hero{min-height:100vh;padding:var(--spacing-3xl)0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.use-case-hero{min-height:90vh}}.use-case-hero-bg{z-index:0;position:absolute;inset:0}.use-case-hero-gradient{background:linear-gradient(135deg,#f8c42626 0%,#f8c4260d 30%,var(--color-bg)60%,#3b82f60d 100%);position:absolute;inset:0}[data-theme=dark] .use-case-hero-gradient,.dark .use-case-hero-gradient{background:linear-gradient(135deg,#3b82f633 0%,#3b82f60d 30%,var(--color-bg)60%,#f8c4260d 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .use-case-hero-gradient{background:linear-gradient(135deg,#3b82f633 0%,#3b82f60d 30%,var(--color-bg)60%,#f8c4260d 100%)}}.use-case-hero-pattern{background-image:radial-gradient(circle at 20% 80%,var(--color-primary)1px,transparent 1px),radial-gradient(circle at 80% 20%,var(--color-primary)1px,transparent 1px),radial-gradient(circle at 40% 40%,var(--color-primary).5px,transparent .5px);opacity:.3;background-size:80px 80px,60px 60px,40px 40px;position:absolute;inset:0}.use-case-floating-elements{pointer-events:none;position:absolute;inset:0}.floating-icon{opacity:.6;font-size:2rem;animation:6s ease-in-out infinite float;position:absolute}@media (min-width:768px){.floating-icon{font-size:2.5rem}}.floating-1{animation-delay:0s;top:15%;left:10%}.floating-2{animation-delay:1s;top:25%;right:15%}.floating-3{animation-delay:2s;top:60%;left:8%}.floating-4{animation-delay:.5s;top:70%;right:12%}.floating-5{animation-delay:1.5s;top:40%;left:5%}.floating-6{animation-delay:2.5s;top:80%;right:20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.use-case-hero-content{z-index:1;text-align:center;max-width:900px;padding:0 var(--spacing-xs);margin:0 auto;position:relative}@media (min-width:768px){.use-case-hero-content{padding:0 var(--spacing-md)}}.use-case-hero-badge{background:var(--color-bg-light);border:1px solid var(--color-border);color:var(--color-text-light);margin-bottom:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;align-items:center;gap:8px;padding:8px 20px;font-size:.875rem;display:inline-flex}.use-case-hero-title{margin-bottom:var(--spacing-lg);font-size:2.5rem;font-weight:700;line-height:1.2}@media (min-width:768px){.use-case-hero-title{font-size:3.5rem}}@media (min-width:1024px){.use-case-hero-title{font-size:4rem}}.title-line{color:var(--color-text);display:block}.title-highlight{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;display:block}[data-theme=dark] .title-highlight,.dark .title-highlight{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .title-highlight{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text}}.use-case-hero-subtitle{color:var(--color-text-light);max-width:700px;margin:0 auto var(--spacing-xl);font-size:1.125rem;line-height:1.6}@media (min-width:768px){.use-case-hero-subtitle{font-size:1.25rem}}.use-case-hero-cta{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;width:100%;display:flex;justify-content:center!important}.use-case-hero-cta .cta-button{justify-content:center!important}.use-case-hero-stats{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-light);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-flow:column wrap;display:flex}@media (min-width:768px){.use-case-hero-stats{gap:var(--spacing-xl);padding:var(--spacing-lg)var(--spacing-2xl);flex-direction:row}}.use-case-hero-stats .stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.use-case-hero-stats .stat-item .stat-value{color:var(--color-primary);font-size:1.5rem;font-weight:700}@media (min-width:768px){.use-case-hero-stats .stat-item .stat-value{font-size:2rem}}.use-case-hero-stats .stat-item .stat-label{color:var(--color-text-light);font-size:.875rem}.use-case-hero-stats .stat-divider{background:var(--color-border);width:1px;height:40px;display:none}@media (min-width:768px){.use-case-hero-stats .stat-divider{height:50px;display:block}}[data-theme=dark] .stat-value,.dark .stat-value{color:#60a5fa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .stat-value{color:#60a5fa}}
.use-case-final-cta{min-height:fit-content;padding:var(--spacing-3xl)0;background:linear-gradient(135deg,#f8c4261a 0%,var(--color-bg)50%,#3b82f61a 100%)}[data-theme=dark] .use-case-final-cta,.dark .use-case-final-cta{background:linear-gradient(135deg,#3b82f626 0%,var(--color-bg)50%,#f8c4261a 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .use-case-final-cta{background:linear-gradient(135deg,#3b82f626 0%,var(--color-bg)50%,#f8c4261a 100%)}}.use-case-final-cta-content{text-align:center;max-width:700px;margin:0 auto}.use-case-final-cta-badge{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);margin-bottom:var(--spacing-lg);border-radius:9999px;align-items:center;gap:8px;padding:8px 20px;font-size:.875rem;display:inline-flex}.badge-icon{font-size:1.25rem}.use-case-final-cta-title{color:var(--color-text);margin-bottom:var(--spacing-md);font-size:2rem;font-weight:700}@media (min-width:768px){.use-case-final-cta-title{font-size:2.5rem}}.use-case-final-cta-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-xl);font-size:1.125rem;line-height:1.6}.use-case-final-cta-buttons{gap:var(--spacing-md);flex-wrap:wrap;width:100%;display:flex;justify-content:center!important}.use-case-final-cta-buttons .cta-button{justify-content:center!important}
.use-case-use-cases{padding:var(--spacing-3xl)0;background:var(--color-bg-light)}.use-cases-grid{gap:var(--spacing-sm);grid-template-columns:1fr;display:grid}@media (min-width:768px){.use-cases-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.use-cases-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}}.use-case-card{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg);border:1px solid var(--color-border);transition:var(--transition);border-radius:12px;flex-direction:column;display:flex}.use-case-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (min-width:768px){.use-case-card{gap:var(--spacing-sm);flex-direction:row}}.use-case-icon{width:36px;height:36px;color:var(--color-text);flex-shrink:0}.use-case-icon svg{width:100%;height:100%}@media (min-width:768px){.use-case-icon{width:50px;height:50px}}.use-case-content{flex:1}.use-case-title{color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:1.125rem;font-weight:600}.use-case-desc{color:var(--color-text-light);margin-bottom:var(--spacing-sm);font-size:.875rem}.use-case-examples{margin:0;padding:0;list-style:none}.use-case-examples li{color:var(--color-text-lighter);margin-bottom:4px;padding-left:16px;font-size:.875rem;position:relative}.use-case-examples li:before{content:"✓";color:var(--color-primary);position:absolute;left:0}[data-theme=dark] .use-case-examples li:before,.dark .use-case-examples li:before{color:#60a5fa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .use-case-examples li:before{color:#60a5fa}}