.use-case-page{min-height:100vh;background:var(--color-bg)}.use-case-container{max-width:1200px;margin:0 auto;padding:120px 40px 80px}.use-case-hero{text-align:center;margin-bottom:80px}.use-case-hero h1{font-size:48px;font-weight:800;margin-bottom:16px;color:var(--color-text)}.use-case-subtitle{font-size:24px;color:var(--color-text-light);margin-bottom:24px;font-weight:500}.use-case-description{font-size:20px;color:var(--color-text-light);max-width:800px;margin:0 auto 40px;line-height:1.6}.use-case-cta{display:inline-block;padding:16px 32px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius);font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease}.use-case-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.use-case-benefits{margin-bottom:80px}.use-case-benefits h2{font-size:36px;font-weight:700;text-align:center;margin-bottom:48px;color:var(--color-text)}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.benefit-card{background:#fff;padding:40px;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all .3s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.benefit-icon{font-size:48px;margin-bottom:20px}.benefit-card h3{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.benefit-card p{font-size:16px;color:var(--color-text-light);line-height:1.6}.use-case-testimonial{margin-bottom:80px}.testimonial-card{background:#fff;padding:48px;border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;max-width:800px;margin:0 auto}.testimonial-quote{font-size:24px;font-style:italic;color:var(--color-text);line-height:1.6;margin-bottom:32px}.testimonial-author{display:flex;flex-direction:column;align-items:center;gap:4px}.author-name{font-size:18px;font-weight:600;color:var(--color-text)}.author-role{font-size:16px;color:var(--color-text-light)}.use-case-cta-section{text-align:center;padding:60px;background:var(--color-bg-light);border-radius:var(--radius)}.use-case-cta-section h2{font-size:36px;font-weight:700;margin-bottom:16px;color:var(--color-text)}.use-case-cta-section p{font-size:18px;color:var(--color-text-light);margin-bottom:32px}@media(max-width:968px){.benefits-grid{grid-template-columns:1fr}}@media(max-width:640px){.use-case-container{padding:100px 20px 60px}.use-case-hero h1{font-size:36px}.use-case-subtitle{font-size:20px}.use-case-description{font-size:18px}.benefit-card,.testimonial-card{padding:32px 24px}.testimonial-quote{font-size:20px}.use-case-cta-section{padding:40px 24px}}
