.use-cases-page{background:var(--bg-color);min-height:100vh}.use-cases-hero{padding:4rem 2rem 2rem;max-width:1200px;margin:0 auto}.use-cases-hero h1{font-size:2.5rem;font-weight:700;color:var(--black);margin-bottom:.75rem}.use-cases-hero p{font-size:1.25rem;color:#666;font-weight:400}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.use-case-card{background:#fff;border-radius:30px;overflow:hidden;height:374px;display:flex;flex-direction:column}.use-case-card-image{width:100%;height:133px;overflow:hidden}.use-case-card-image img{width:100%;height:100%;object-fit:cover}.use-case-card-content{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1}.use-case-card-title{font-size:1.35rem;font-weight:700;color:#222;margin:0 0 .15rem;line-height:1.25;max-width:65%}.use-case-card-subtitle{font-size:.7rem;color:#aaa;margin:0 0 1rem;font-weight:400}.use-case-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:auto;font-size:.9rem;color:#222;font-weight:500}.tag{display:inline-flex;align-items:center}.tag-dot{margin:0 .5rem;color:#999}.know-more-btn{background:#ffe766;color:#333;border:none;padding:.6rem 1.5rem;border-radius:10px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s ease;align-self:flex-start;margin-top:1rem;margin-bottom:1rem}.know-more-btn:hover{background:gold}.use-case-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center}.use-case-modal.active{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.modal-content{position:relative;background:#fff;border-radius:16px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;z-index:1001}.modal-close{position:absolute;top:1rem;right:1rem;background:#fff;border:none;font-size:1.75rem;cursor:pointer;color:#333;z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-image{width:100%;height:200px;overflow:hidden;border-radius:16px 16px 0 0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-body{padding:1.5rem}.modal-title{font-size:1.75rem;font-weight:700;color:var(--black);margin:0 0 .25rem;line-height:1.3}.modal-subtitle{font-size:1rem;color:#666;margin:0 0 1rem;font-weight:400}.modal-description{font-size:.9rem;color:#444;margin:0 0 1.25rem;line-height:1.5}.modal-list-title{font-size:.95rem;font-weight:600;color:var(--black);margin:0 0 .5rem}.modal-list{margin:0 0 1.25rem 1.25rem;padding:0}.modal-list li{font-size:.875rem;color:#444;line-height:1.6;margin-bottom:.25rem}.modal-footer{font-size:.875rem;color:#666;margin:0 0 1.5rem}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.book-assessment-btn{background:#ffe34d;color:#333;text-decoration:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;transition:background .2s ease}.book-assessment-btn:hover{background:gold}.modal-nav{display:flex;gap:.5rem}.nav-btn{background:#fff;color:#333;border:1px solid #ddd;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#f5f5f5;border-color:#ccc}@media (max-width: 1024px){.use-cases-grid{grid-template-columns:repeat(2,1fr)}}.view-more-container{display:none;justify-content:center;padding:1.5rem;max-width:1200px;margin:0 auto}.view-more-btn{background:#fff;color:#333;border:1px solid #ddd;padding:.75rem 2rem;border-radius:25px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-more-btn:hover{background:#f5f5f5;border-color:#ccc}.use-cases-hidden-cards{display:contents}@media (max-width: 768px){.use-cases-hero{padding:5.5rem 1.5rem 1.5rem}.use-cases-hero h1{font-size:1.75rem}.use-cases-hero p{font-size:1rem}.use-cases-grid{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.use-case-card{height:320px}.use-case-card-title{font-size:1.25rem}.use-case-card-tags{margin-bottom:0}.know-more-btn{margin-top:1rem;margin-bottom:1rem}.use-cases-hidden-cards{display:none}.use-cases-hidden-cards.expanded{display:contents}.view-more-container{display:flex}.modal-content{max-width:95%;margin:1rem}.modal-title{font-size:1.5rem}.modal-actions{flex-direction:row;align-items:center;justify-content:space-between}.modal-nav{justify-content:center}}