.use-cases-page{min-height:100vh;background:#fff}.use-cases-page .use-cases-container{max-width:1200px;margin:0 auto;padding:80px 20px 40px}.use-cases-page .use-cases-hero{padding:60px 20px;margin-bottom:60px}.use-cases-page .use-cases-hero .use-cases-hero-title{font-size:3.5rem;font-weight:700;color:#111827;margin:0 0 20px;line-height:1.2}.dark .use-cases-page .use-cases-hero .use-cases-hero-title{color:#f9fafb}.use-cases-page .use-cases-hero .use-cases-hero-subtitle{font-size:1.25rem;color:#6b7280;max-width:700px;line-height:1.6}.dark .use-cases-page .use-cases-hero .use-cases-hero-subtitle{color:#9ca3af}.use-cases-page .use-cases-list{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:80px}.use-cases-page .use-case-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease}.dark .use-cases-page .use-case-card{background:#1f2937;border-color:#374151}.use-cases-page .use-case-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.1);transform:translateY(-2px)}.dark .use-cases-page .use-case-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.3)}.use-cases-page .use-case-image-wrapper{width:100%;height:300px;overflow:hidden;background:#f3f4f6}.dark .use-cases-page .use-case-image-wrapper{background:#111827}.use-cases-page .use-case-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.use-cases-page .use-case-card:hover .use-case-image{transform:scale(1.05)}.use-cases-page .use-case-content{padding:40px}.use-cases-page .use-case-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 16px;line-height:1.3}.dark .use-cases-page .use-case-title{color:#f9fafb}.use-cases-page .use-case-description{font-size:1.125rem;color:#4b5563;line-height:1.7;margin:0 0 24px}.dark .use-cases-page .use-case-description{color:#d1d5db}.use-cases-page .use-case-link{display:inline-flex;align-items:center;gap:5px;font-size:1rem;font-weight:600;color:#126eef;text-decoration:none;transition:all .3s ease}.dark .use-cases-page .use-case-link{color:#60a5fa}.use-cases-page .use-case-link:hover{gap:8px;color:#2563eb}.dark .use-cases-page .use-case-link:hover{color:#93c5fd}@media(max-width:768px){.use-cases-page .use-cases-list{grid-template-columns:1fr}.use-cases-page .use-cases-hero-title{font-size:2.5rem}.use-cases-page .use-cases-hero-subtitle{font-size:1.125rem}.use-cases-page .use-case-content{padding:32px 24px}.use-cases-page .use-case-title{font-size:1.5rem}.use-cases-page .use-case-description{font-size:1rem}}.use-cases-page.dark{background:#0a0e13}