.page-header{background-color:var(--primary);padding:8rem 0 4rem;position:relative;overflow:hidden;margin-top:56px}.page-header:before{content:"";position:absolute;inset:0;background:url(/theme/drsoft-new/img/blog-success-header-bg.jpg) no-repeat center center;background-size:cover;opacity:.15;z-index:0}.key-results{padding:60px 0}.result-card{text-align:center;padding:40px 30px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:transform .3s ease;height:100%}.result-card:hover{transform:translateY(-10px)}.result-icon{width:80px;height:80px;background-color:#fcb9131a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:var(--primary)}.result-number{font-size:3rem;font-weight:700;color:var(--primary);margin-bottom:10px}.result-label{font-size:1.2rem;font-weight:600;color:var(--dark);margin-bottom:5px}.result-desc{color:#666;font-size:.95rem}.featured-cases{padding:80px 0;background-color:var(--light-gray)}.featured-case{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000001a;padding:40px}.case-screenshot{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 5px 20px #00000026}.case-screenshot img{width:100%;height:auto}.ranking-badge{position:absolute;top:20px;left:20px;background-color:var(--primary);color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 5px 15px #0003}.ranking-badge .rank{display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.ranking-badge .keyword{font-size:.9rem}.case-info{padding:20px 0}.case-category{background-color:var(--primary);color:#fff;padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:15px}.case-title{font-size:2rem;font-weight:700;margin-bottom:15px;color:var(--dark)}.case-desc{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:30px}.case-metrics{display:flex;gap:30px;margin-bottom:30px;padding:25px;background-color:#f8f9fa;border-radius:10px}.metric-item{text-align:center;flex:1}.metric-label{display:block;color:#666;font-size:.9rem;margin-bottom:10px}.metric-value{display:block;font-size:1.8rem;font-weight:700;color:var(--primary)}.strategy-used h5{font-size:1.2rem;font-weight:700;margin-bottom:15px;color:var(--dark)}.strategy-used ul{list-style:none;padding:0}.strategy-used li{padding:8px 0;display:flex;align-items:center}.strategy-used li i{color:#2ecc71;margin-right:10px}.gallery-section{padding:80px 0}.filter-buttons{margin-bottom:40px}.btn-filter{background-color:#fff;color:var(--dark);border:2px solid #e0e0e0;padding:10px 25px;margin:5px;border-radius:25px;font-weight:600;transition:all .3s ease}.btn-filter:hover,.btn-filter.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.gallery-item{transition:all .3s ease}.gallery-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #00000014;transition:transform .3s ease;height:100%}.gallery-card:hover{transform:translateY(-5px)}.gallery-image{position:relative;height:200px;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-card:hover .gallery-image img{transform:scale(1.05)}.gallery-overlay{position:absolute;inset:0;background:#fcb913e6;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;opacity:0;transition:opacity .3s ease;padding:20px;text-align:center}.gallery-card:hover .gallery-overlay{opacity:1}.gallery-overlay h4{font-size:1.3rem;font-weight:700;margin-bottom:10px}.gallery-overlay p{margin-bottom:15px}.view-detail{background-color:#fff;color:var(--primary);padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease}.view-detail:hover{transform:scale(1.05)}.gallery-stats{display:flex;justify-content:space-around;padding:15px;border-top:1px solid #f0f0f0}.gallery-stats span{display:flex;align-items:center;gap:5px;font-size:.9rem;font-weight:600}.gallery-stats span i{color:var(--primary)}.strategy-analysis{padding:80px 0;background-color:var(--light-gray)}.strategy-card{background:#fff;border-radius:15px;padding:40px 30px;height:100%;box-shadow:0 5px 20px #00000014;transition:transform .3s ease}.strategy-card:hover{transform:translateY(-5px)}.strategy-icon{width:80px;height:80px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:2rem}.strategy-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:var(--dark);text-align:center}.strategy-desc{color:#666;line-height:1.6;margin-bottom:25px;text-align:center}.strategy-list{list-style:none;padding:0}.strategy-list li{padding:10px 0 10px 25px;position:relative;color:#666}.strategy-list li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.roi-section{padding:80px 0}.roi-comparison{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.roi-chart{padding:20px}.roi-details h4{font-size:1.5rem;font-weight:700;color:var(--dark)}.roi-item{display:flex;justify-content:space-between;align-items:center;padding:20px;margin-bottom:15px;background-color:#f8f9fa;border-radius:10px;transition:transform .2s ease}.roi-item:hover{transform:translate(5px)}.roi-item.highlight{background-color:var(--primary);color:#fff}.roi-label{display:flex;align-items:center;gap:15px}.roi-label i{font-size:1.5rem;width:30px}.roi-value{font-size:1.8rem;font-weight:700}.roi-item.highlight .roi-value{color:#fff}.roi-note{color:#666;font-size:.9rem}.interview-section{padding:80px 0;background-color:var(--light-gray)}.interview-card{background:#fff;border-radius:15px;padding:30px;height:100%;box-shadow:0 5px 20px #00000014}.interview-header{display:flex;gap:20px;margin-bottom:25px}.interview-photo{width:80px;height:80px;border-radius:50%;object-fit:cover}.interview-info h5{font-size:1.2rem;font-weight:700;margin-bottom:5px;color:var(--dark)}.interview-info p{color:#666;font-size:.9rem;margin-bottom:10px}.rating{color:#ffc107}.interview-content p{line-height:1.8;color:#666;margin-bottom:15px}.interview-result{display:flex;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.interview-result span{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--primary)}.cta-section{background-color:var(--primary);color:#fff;padding:80px 0}@media(max-width:992px){.case-metrics{flex-wrap:wrap;gap:15px}.metric-item{flex:1 1 45%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.roi-item{flex-direction:column;text-align:center;gap:10px}}@media(max-width:768px){.page-header{padding:6rem 0 3rem}.key-results,.featured-cases,.gallery-section,.strategy-analysis,.roi-section,.interview-section{padding:60px 0}.result-number{font-size:2.5rem}.featured-case{padding:20px}.case-title,.metric-value{font-size:1.5rem}.filter-buttons{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.interview-header{flex-direction:column;text-align:center}.interview-result{flex-direction:column;gap:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-card,.featured-case,.gallery-card,.strategy-card,.interview-card{animation:fadeInUp .8s ease-out}.case-screenshot:not(:has(img)),.gallery-image:not(:has(img)),.interview-photo:not([src]){background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:flex;align-items:center;justify-content:center;color:#999}.case-screenshot:not(:has(img)):before,.gallery-image:not(:has(img)):before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;font-size:3rem}.interview-photo:not([src]){background:#e0e0e0}