.use-case-page{background:#fafafa;min-height:100vh}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.25rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.breadcrumb{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.breadcrumb-link{color:#6b7280;align-items:center;gap:.375rem;text-decoration:none;transition:color .2s;display:flex}.breadcrumb-link:hover{color:#058ada}.breadcrumb-separator{color:#d1d5db}.breadcrumb-current{color:#111827;font-weight:500}.page-title-section{align-items:center;gap:1.25rem;display:flex}.page-icon{color:#fff;background:linear-gradient(135deg,#058ada 0%,#0369a1 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #058ada33}.page-title-content h1{color:#111827;margin:0 0 .5rem;font-size:2rem;font-weight:700;line-height:1.2}.page-subtitle{color:#6b7280;margin:0;font-size:1rem;line-height:1.5}.page-content{max-width:1200px;margin:0 auto;padding:3.5rem 1.5rem}.hero-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:3.5rem;padding:3rem;position:relative;overflow:hidden}.hero-icon-wrapper{color:#058ada;background:#058ada1a;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:flex}.hero-description{color:#374151;max-width:900px;margin:0;font-size:1.125rem;line-height:1.8}.section-wrapper{margin-bottom:3.5rem}.section-title{color:#111827;margin:0 0 2rem;font-size:1.75rem;font-weight:700;line-height:1.3}.benefits-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}.benefit-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:1.25rem;padding:2rem;transition:all .3s;display:flex}.benefit-card:hover{border-color:#058ada;transform:translateY(-2px);box-shadow:0 4px 16px #058ada1a}.benefit-icon-box{background:#058ada14;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.benefit-content{flex:1}.benefit-title{color:#111827;margin:0 0 .5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.benefit-description{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.6}.features-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:3.5rem;padding:3rem}.features-list{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.features-list{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.feature-item{border-radius:8px;align-items:flex-start;gap:.875rem;padding:1rem;transition:all .2s;display:flex}.feature-item:hover{background:#f9fafb}.feature-check{color:#058ada;background:#058ada1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:.125rem;display:flex}.feature-text{color:#374151;flex:1;font-size:.9375rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,#058ada 0%,#0369a1 100%);border-radius:16px;padding:0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-10%}.cta-content{z-index:1;text-align:center;padding:3.5rem 2.5rem;position:relative}.cta-title{color:#fff;margin:0 0 1rem;font-size:2rem;font-weight:700;line-height:1.3}.cta-description{color:#fffffff2;max-width:600px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:all .3s;display:inline-flex}.cta-button-primary{color:#058ada;background:#fff;box-shadow:0 4px 12px #0000001a}.cta-button-primary:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cta-button-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d}.cta-button-secondary:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.page-content{padding:2.5rem 1rem}.page-title-content h1{font-size:1.75rem}.page-icon{width:48px;height:48px}.hero-section{padding:2rem}.hero-description{font-size:1rem}.section-title{font-size:1.5rem}.benefit-card{padding:1.5rem}.features-section{padding:2rem}.cta-content{padding:2.5rem 1.5rem}.cta-title{font-size:1.5rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-button{justify-content:center}}@media (max-width:640px){.page-title-section{gap:1rem}.page-title-content h1{font-size:1.5rem}.page-subtitle{font-size:.9375rem}.benefit-card{flex-direction:column;gap:1rem}.benefit-icon-box{width:56px;height:56px;font-size:2.25rem}}