.use-case-page{background:linear-gradient(135deg,#f8fafc 0%,#fff 50%,#f1f5f9 100%);min-height:100vh;position:relative}.use-case-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 25% 25%,#3b82f608 0%,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf608 0%,#0000 50%);position:absolute;inset:0}.use-case-page>*{z-index:1;position:relative}.use-case-hero{background:linear-gradient(135deg, #1a2035b3 0%, #111827bf 50%, #0a0e17cc 100%), var(--use-case-hero-image) no-repeat center center;color:#fff;text-align:center;background-size:cover;background-attachment:fixed;position:relative}.use-case-hero:before{content:"";pointer-events:none;background:radial-gradient(at top,#3b82f61a 0%,#0000 50%);position:absolute;inset:0}.use-case-hero-content{z-index:1;padding:6rem 0;position:relative}.use-case-hero h1{margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.2}.use-case-hero p{opacity:.9;max-width:800px;margin:0 auto 3rem;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5}.use-case-content{padding:var(--space-4xl) 0 0}.use-case-section{padding-bottom:0}.use-case-features{gap:var(--space-xl);margin-bottom:var(--space-3xl);display:grid}.use-case-features--three{grid-template-columns:repeat(3,minmax(0,1fr))}.use-case-features--two{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-feature{backdrop-filter:blur(10px);text-align:center;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);background:#fffc;border:1px solid #fff3;border-radius:20px;flex-direction:column;gap:1rem;height:100%;padding:2.5rem;display:flex;box-shadow:0 10px 40px #0000000d}.use-case-feature:hover{border-color:#3b82f633;transform:translateY(-8px);box-shadow:0 25px 50px #0000001a}.use-case-feature h3{color:#1e293b;margin:0;font-size:1.375rem}.use-case-feature p{color:#64748b;margin:0;line-height:1.6}.use-case-feature-icon{background:linear-gradient(135deg, var(--use-case-icon-start) 0%, var(--use-case-icon-end) 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;line-height:0;display:inline-flex}.use-case-feature-icon svg{color:#fff;width:40px;height:40px;display:block}.use-case-integrated{background:#f8fafc80;border-radius:20px;margin:6rem 0;padding:4rem}.use-case-integrated-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:4rem;display:grid}.use-case-integrated--image-left .use-case-integrated-image{order:-1}.use-case-highlight{margin-bottom:2rem}.use-case-highlight:last-child{margin-bottom:0}.use-case-highlight-title{color:#1e293b;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex}.use-case-highlight p{color:#64748b;margin:0;font-size:1.1rem;line-height:1.6}.use-case-highlight-icon{background:linear-gradient(135deg, var(--use-case-highlight-start) 0%, var(--use-case-highlight-end) 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;line-height:0;display:inline-flex}.use-case-highlight-icon svg{color:#fff;width:24px;height:24px;display:block}.use-case-image-frame{position:relative}.use-case-image-frame img{width:100%;height:auto;transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:16px;box-shadow:0 20px 40px #00000026}.use-case-image-frame img:hover{transform:translateY(-4px);box-shadow:0 25px 50px #0003}.use-case-benefits{padding:var(--space-4xl);margin-bottom:var(--space-3xl);background:#f8fafc80;border-radius:20px}.use-case-benefits-list{gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.use-case-benefit{align-items:flex-start;gap:1rem;display:flex}.use-case-benefit p{color:#475569;margin:0;font-size:1.1rem;line-height:1.6}.use-case-benefit-icon{background:linear-gradient(135deg, var(--use-case-benefit-start) 0%, var(--use-case-benefit-end) 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.125rem;display:inline-flex}.use-case-cta{text-align:center;padding-bottom:var(--space-4xl)}@media (width<=960px){.use-case-features--three,.use-case-features--two{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-integrated{margin:4rem 0;padding:3rem 2rem}.use-case-integrated-grid{text-align:center;grid-template-columns:1fr}.use-case-integrated-image{order:-1}.use-case-highlight-title{justify-content:center}}@media (width<=768px){.use-case-hero{background-attachment:scroll}.use-case-hero-content{padding:4rem 0}}@media (width<=640px){.use-case-features--three,.use-case-features--two{grid-template-columns:1fr}.use-case-integrated,.use-case-benefits{padding:2.5rem 1.5rem}}.use-case-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:inline-flex}.use-case-cta-secondary{border:1.5px solid var(--color-primary,#376fd0);color:var(--color-primary,#376fd0);transition:background var(--transition-base), color var(--transition-base), transform var(--transition-base);background:#fff9;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;padding:13px 28px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.use-case-cta-secondary:hover{background:var(--color-primary,#376fd0);color:#fff;transform:translateY(-2px)}.use-case-cta-secondary svg{transition:transform var(--transition-base);flex-shrink:0}.use-case-cta-secondary:hover svg{transform:translate(2px)}@media (width<=480px){.use-case-cta-actions{flex-direction:column;width:100%}.use-case-cta-secondary{width:100%}}