.optimized-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.optimized-image-wrapper.loading .optimized-image{opacity:0}.optimized-image-wrapper.loaded .optimized-image{opacity:1;transition:opacity .3s ease-in-out}.optimized-image-wrapper.loaded .image-placeholder{opacity:0;pointer-events:none}.optimized-image-wrapper .optimized-image{height:100%;transition:opacity .3s ease-in-out,transform .3s ease;width:100%}.optimized-image-wrapper .optimized-image:hover{transform:scale(1.02)}.optimized-image-wrapper .image-placeholder{align-items:center;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8f9fa 25%,#e9ecef 50%,#f8f9fa 75%);background-size:200% 100%;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.optimized-image-wrapper .image-placeholder .placeholder-spinner{animation:spin 1s linear infinite;border:2px solid #dee2e6;border-radius:50%;border-top-color:#007bff;height:32px;width:32px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.optimized-image-wrapper .image-placeholder .placeholder-spinner{border-width:2px;height:24px;width:24px}}.usecase-detail-page{margin-top:80px;padding-bottom:4rem}.usecase-detail-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.loading-container,.not-found-container{align-items:center;display:flex;justify-content:center;min-height:50vh}.back-button{border-radius:25px;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.back-button:hover{transform:translateX(-5px)}.usecase-hero{margin-bottom:3rem}.usecase-title{color:#cd204f;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.usecase-description{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.usecase-image img{border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.usecase-image img:hover{transform:scale(1.02)}.usecase-benefits h3{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.benefit-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.benefit-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:none;border-radius:12px;box-shadow:0 5px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.benefit-card .card-body{padding:1.5rem}.benefit-card h5{color:#cd204f;font-weight:600;margin-bottom:.8rem}.benefit-card p{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:0}.usecase-features{background:#f8f9fa;border-radius:15px;margin-bottom:2rem;padding:2.5rem}.usecase-features h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem}.feature-list{grid-gap:2rem;display:grid;gap:2rem}.feature-item{background:#fff;border-left:4px solid #cd204f;border-radius:10px;box-shadow:0 3px 10px #0000000d;padding:1.5rem;transition:transform .3s ease}.feature-item:hover{transform:translateX(5px)}.feature-item h4{color:#cd204f;font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.feature-item p{color:#666;line-height:1.6;margin-bottom:0}.usecase-cta{position:-webkit-sticky;position:sticky;top:100px}.cta-card{background:linear-gradient(135deg,#cd204f,#b51c45);border:none;border-radius:15px;box-shadow:0 10px 30px #cd204f4d;color:#fff;overflow:hidden}.cta-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.cta-card .card-body{padding:2rem;position:relative}.cta-card h4{color:#fff;font-weight:600;margin-bottom:1rem}.cta-card p{color:#ffffffe6;line-height:1.5;margin-bottom:1.5rem}.cta-card .btn-primary{background:#fff;border:none;border-radius:25px;color:#cd204f;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.cta-card .btn-primary:hover{background:#f8f9fa;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.cta-card .btn-outline-secondary{border-color:#ffffff80;border-radius:25px;color:#fff;padding:.6rem 1.5rem;transition:all .3s ease}.cta-card .btn-outline-secondary:hover{background:#ffffff1a;border-color:#fff;color:#fff}.usecase-seo{background:#f8f9fa;border-radius:15px;margin-top:2rem;padding:2rem}.usecase-seo h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.keyword-tags{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-tag{background:#cd204f;border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;padding:.4rem .8rem;transition:transform .2s ease}.keyword-tag:hover{background:#b51c45;transform:scale(1.05)}@media (max-width:768px){.usecase-detail-container{padding:1rem}.usecase-title{font-size:2rem}.usecase-description{font-size:1.1rem}.benefit-cards{gap:1rem;grid-template-columns:1fr}.usecase-features{padding:1.5rem}.usecase-features h2{font-size:1.5rem}.feature-item{padding:1rem}.usecase-cta{margin-top:2rem;position:static}.keyword-tags{justify-content:center}}@media (max-width:576px){.usecase-title{font-size:1.8rem}.back-button{margin-bottom:1rem;width:100%}.benefit-card .card-body{padding:1rem}.cta-card .card-body{padding:1.5rem}}