.use-case-detail-page{background:linear-gradient(135deg,#f5f3ff 0%,#fff 100%);min-height:100vh;padding-top:100px;overflow-x:hidden}.use-case-hero{color:#1e293b;background:linear-gradient(135deg,#f5f3ff 0%,#fff 100%);padding:4rem 0;position:relative;overflow:hidden}.use-case-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff0d 0%,#0000 55%),radial-gradient(circle at 80% 20%,#ffffff0a 0%,#0000 55%);position:absolute;inset:0}.hero-content-usecase-detail{z-index:1;position:relative}.hero-breadcrumb{opacity:.9;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.breadcrumb-link{color:#64748b;text-decoration:none;transition:opacity .3s}.breadcrumb-link:hover{color:#5b50d6;opacity:1;text-decoration:none}.breadcrumb-separator{opacity:.6}.breadcrumb-current{opacity:.7}.hero-main{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.category-badge-wrapper{margin-bottom:1rem}.category-badge{text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.category-badge.professional{color:#4338ca;background:#e0e7ff}.category-badge.personal{color:#6b21a8;background:#f3e8ff}.use-case-detail-hero-title{align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2;display:flex}.hero-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#5b50d6 0%,#4338ca 100%);border-radius:16px;justify-content:center;align-items:center;padding:.5rem;font-size:3.5rem;display:flex}.hero-description{opacity:.9;color:#475569;margin-bottom:2rem;font-size:1.25rem;font-weight:500;line-height:1.6}.hero-meta{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.meta-item{gap:.5rem;display:flex}.meta-label{opacity:.8;min-width:120px;font-weight:600}.meta-value{opacity:.9}.hero-cta{gap:1rem;display:flex}.cta-primary{color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#5b50d6 0%,#4338ca 100%);border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.cta-primary:hover{box-shadow:var(--shadow-xl);color:#fff;background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);text-decoration:none;transform:translateY(-2px)}.cta-secondary{color:#5b50d6;background:0 0;border:2px solid #5b50d6;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.cta-secondary:hover{color:#4338ca;background:#f5f3ff;border-color:#4338ca;text-decoration:none;transform:translateY(-2px)}.hero-visual{justify-content:center;display:flex}.demo-preview{background:var(--white);box-shadow:var(--shadow-xl);border-radius:16px;width:100%;max-width:400px;overflow:hidden}.demo-header{background:var(--gray-100);align-items:center;gap:1rem;padding:1rem;display:flex}.demo-dots{gap:.25rem;display:flex}.demo-dots span{background:var(--gray-400);border-radius:50%;width:8px;height:8px}.demo-title{color:var(--gray-700);font-size:.9rem;font-weight:600}.demo-content{padding:1.5rem}.demo-avatar{justify-content:center;margin-bottom:1.5rem;display:flex}.demo-icon{color:#fff;background:linear-gradient(135deg,#5b50d6 0%,#4338ca 100%);border-radius:50%;justify-content:center;align-items:center;padding:1rem;font-size:3rem;display:flex}.demo-conversation{flex-direction:column;gap:1rem;display:flex}.message-bubble{border-radius:12px;padding:.75rem 1rem;font-size:.9rem;line-height:1.4}.message-bubble.ai{background:var(--gray-100);color:var(--gray-800);align-self:flex-start;max-width:85%}.demo-typing{justify-content:flex-end;margin-top:.5rem;display:flex}.typing-indicator{gap:.25rem;padding:.5rem;display:flex}.typing-indicator span{background:var(--gray-400);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.features-section{background:var(--white);padding:6rem 0}.use-case-detail-section-header{text-align:center;margin-bottom:4rem}.audience-chip-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.audience-chip{color:#334155;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-items:center;padding:.55rem .95rem;font-size:.9rem;font-weight:600;display:inline-flex}.section-header h2{color:var(--gray-900);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-header p{color:var(--gray-700);font-size:1.125rem;font-weight:500}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.use-case-detail-feature-card{background:var(--gray-50);text-align:center;border:1px solid var(--gray-200);border-radius:16px;padding:2rem;transition:all .3s}.use-case-detail-feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));width:60px;height:60px;color:var(--white);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.use-case-detail-feature-card h3{color:var(--gray-900);margin:0;font-size:1.125rem;font-weight:600}.benefits-section{background:var(--gray-50);padding:6rem 0}.benefits-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.benefits-text h2{color:var(--gray-900);margin-bottom:2rem;font-size:2.5rem;font-weight:700}.benefits-list{flex-direction:column;gap:1rem;display:flex}.benefit-item{color:var(--gray-700);align-items:center;gap:1rem;font-weight:500;display:flex}.benefit-icon{background:var(--success);width:24px;height:24px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.stats-preview{box-shadow:var(--shadow-md);text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border-radius:16px;padding:2rem}.stats-preview h4{color:#fff;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.stat-item{color:#f8fafc;flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.stat-number{color:#f8fafc;margin-bottom:.25rem;font-size:2.5rem;font-weight:700}.stat-label{color:#cbd5e1;font-size:.9rem;font-weight:500}.questions-section{background:var(--white);padding:6rem 0}.questions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.question-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.question-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.question-number{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.question-text{color:var(--gray-700);font-weight:500;line-height:1.5}.related-resources-section{background:var(--gray-50);padding:5rem 0 2rem}.related-resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.related-resource-card{box-shadow:var(--shadow-md);background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:.75rem;padding:1.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:grid}.related-resource-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.related-resource-card h3,.related-resource-card p{margin:0}.related-resource-card h3{color:#1e293b;font-size:1.1rem}.related-resource-card p{color:#475569;line-height:1.6}.related-resource-card span{color:#5b50d6;font-weight:700}.final-cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#5b50d6 0%,#4338ca 100%);padding:6rem 0;position:relative;overflow:hidden}.final-cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#1f29371a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#1118271a 0%,#0000 50%);position:absolute;inset:0}.final-cta-section .cta-content{z-index:1;position:relative}.final-cta-section h2{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.final-cta-section p{opacity:.9;color:#fff;margin-bottom:2rem;font-size:1.125rem;font-weight:500}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cta-note{opacity:.8;margin:0;font-size:.9rem}.final-cta-section .cta-primary{color:#5b50d6;background:#fff}.final-cta-section .cta-primary:hover{color:#5b50d6;background:#f8f9fa}.final-cta-section .cta-secondary{color:#fff;background:0 0;border:2px solid #fff}.final-cta-section .cta-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff}@media (max-width:768px){.hero-main{grid-template-columns:1fr;gap:2rem}.use-case-detail-hero-title{font-size:2rem}.benefits-content{grid-template-columns:1fr;gap:2rem}.features-grid,.questions-grid,.related-resources-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:.75rem}.cta-primary,.cta-secondary{width:100%;max-width:300px}}@media (max-width:480px){.use-case-detail-page{padding-top:80px}.hero-breadcrumb{flex-wrap:wrap}.use-case-detail-hero-title{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:1.75rem}.hero-icon{font-size:2.5rem}.section-header h2,.final-cta-section h2{font-size:2rem}}