.case-studies-hero{padding:80px 0 60px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.case-studies-hero__content{max-width:800px;margin:0 auto;text-align:center}.case-studies-hero__title{font-size:3rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}@media (max-width: 768px){.case-studies-hero__title{font-size:2rem}}.case-studies-hero__subtitle{font-size:1.25rem;color:#666;margin-bottom:2rem;line-height:1.6}@media (max-width: 768px){.case-studies-hero__subtitle{font-size:1rem}}.case-studies-search{position:relative;max-width:500px;margin:0 auto}.case-studies-search__input{width:100%;padding:12px 48px 12px 20px;font-size:1rem;border:2px solid #e0e0e0;border-radius:30px;outline:none;transition:all .3s ease}.case-studies-search__input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.case-studies-search__input::placeholder{color:#999}.case-studies-search__icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.case-studies-tags{padding:30px 0 40px;background:#fff;border-bottom:1px solid #e0e0e0}.case-studies-tags .container{max-width:1200px}.tags-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px}.tags-count{font-size:1rem;color:#333;font-weight:500}.tags-count .current-filter{color:#06c;font-weight:600}.tags-clear{padding:8px 16px;background:transparent;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tags-clear:hover{background:#f5f5f5;border-color:#999}.filter-tags{display:flex;flex-direction:column;gap:25px}.tag-group__title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#333;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.tag-group__icon{width:16px;height:16px;color:#666}.tag-group__tags{display:flex;flex-direction:column;gap:8px}.filter-tag{display:block;padding:10px 16px;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid #e0e0e0;background:#fff;color:#555;text-align:left}.filter-tag:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a;border-color:#ccc}.filter-tag--service:hover{color:#122d3f;border-color:#06c;background:#f0f8ff}.filter-tag--service.filter-tag--active{background:#06c;border-color:#06c;color:#fff}.filter-tag--tech:hover{color:#122d3f;border-color:#10b981;background:#f0fdf4}.filter-tag--tech.filter-tag--active{background:#10b981;border-color:#10b981;color:#fff}.filter-tag--sector:hover{color:#122d3f;border-color:#8b5cf6;background:#faf5ff}.filter-tag--sector.filter-tag--active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.case-studies-filters{padding:30px 0;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.case-studies-filters .container{max-width:1200px}.filters-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.filters-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease}.filters-toggle:hover{background:#e8e8e8}.filters-toggle svg{width:20px;height:20px}.filters-badge{background:#06c;color:#fff;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600}.filters-clear{padding:8px 16px;background:transparent;border:1px solid #999;border-radius:6px;color:#666;cursor:pointer;transition:all .3s ease}.filters-clear:hover{background:#f5f5f5}.filters-count{margin-left:auto;color:#666;font-size:.95rem}.filters-content{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filters-content--visible{display:grid}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#06c}.active-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#e8f4fd;border:1px solid #0066cc;border-radius:20px;color:#06c;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-pill:hover{background:#d1e9fc}.filter-pill__remove{font-size:1.2rem;font-weight:600;line-height:1}.case-studies-main{padding:60px 0;background:#f9f9f9}.case-studies-main .container{max-width:1200px}.case-studies-layout{display:grid;grid-template-columns:280px 1fr;gap:40px}@media (max-width: 1024px){.case-studies-layout{grid-template-columns:1fr;gap:30px}}.case-studies-sidebar{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000000d;height:fit-content;position:sticky;top:20px}@media (max-width: 1024px){.case-studies-sidebar{position:static;padding:20px}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.sidebar-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.sidebar-clear{padding:6px 12px;background:transparent;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;transition:all .3s ease;font-size:.85rem;white-space:nowrap}.sidebar-clear:hover{background:#f5f5f5;border-color:#999}.sidebar-clear:active{background:#e0e0e0}.results-count{margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e0e0e0;font-size:.95rem;color:#333}.results-count .current-filter{margin-top:8px;color:#06c;font-weight:500;font-size:.9rem}.case-studies-content{min-width:0}.studies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}@media (max-width: 768px){.studies-grid{grid-template-columns:1fr}}.study-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000014;transition:all .3s ease}.study-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.study-card:hover .study-card__cta{color:#06c}.study-card:hover .study-card__cta svg{transform:translate(5px)}.study-card--featured{grid-column:span 2}@media (max-width: 768px){.study-card--featured{grid-column:span 1}}.study-card--featured .study-card__content{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.study-card--featured .study-card__content{grid-template-columns:1fr}}.study-card__link{display:block;text-decoration:none;color:inherit}.study-card__content-wrapper{display:block;opacity:.8;cursor:default}.study-card__image{position:relative;height:200px;overflow:hidden;background:#f0f0f0}.study-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.study-card__image:hover img{transform:scale(1.05)}.study-card__badge{position:absolute;top:15px;right:15px;padding:6px 12px;background:#ff6b6b;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:4px}.study-card__content{padding:25px}.study-card__tags{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.study-card__title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.3}.study-card__client{color:#666;margin-bottom:15px;font-size:.95rem}.study-card__description{color:#555;line-height:1.6;margin-bottom:20px;font-size:.95rem}.study-card__metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.study-card__tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.study-card__cta{display:inline-flex;align-items:center;gap:8px;color:#333;font-weight:500;transition:all .3s ease}.study-card__cta svg{transition:transform .3s ease}.study-tag{padding:4px 10px;font-size:.8rem;border-radius:4px;font-weight:500}.study-tag--sector{background:#e8f4fd;color:#06c}.study-metric{display:flex;flex-direction:column;gap:4px}.study-metric__value{font-size:1.5rem;font-weight:700;color:#06c}.study-metric__label{font-size:.85rem;color:#666}.study-tech{padding:4px 8px;background:#f5f5f5;color:#555;font-size:.8rem;border-radius:4px}.study-tech--more{background:#e0e0e0;font-weight:500}.no-results{text-align:center;padding:80px 20px}.no-results__icon{color:#ccc;margin-bottom:20px}.no-results__title{font-size:1.5rem;color:#333;margin-bottom:10px}.no-results__message{color:#666;margin-bottom:30px}.no-results__button{display:inline-block;padding:12px 24px;background:#06c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.no-results__button:hover{background:#0052a3}.case-studies-cta{background:linear-gradient(135deg,#122d3f,#071117);padding:5rem 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content__title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}@media (max-width: 768px){.cta-content__title{font-size:1.75rem}}.cta-content__description{font-size:1.125rem;line-height:1.6;color:#fff;opacity:.9;margin-bottom:2.5rem}@media (max-width: 768px){.cta-content__description{font-size:1rem;margin-bottom:2rem}}.cta-content__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-content__actions .btn--primary{background:#f0ff64;color:#122d3f;border:none}.cta-content__actions .btn--primary:hover{background:#f5ff97;color:#122d3f}.cta-content__actions .btn--secondary{background:transparent;color:#fff;border:2px solid #ffffff}.cta-content__actions .btn--secondary:hover{background:#fff;color:#122d3f}@media (max-width: 768px){.cta-content__actions{flex-direction:column;align-items:center;gap:.5rem;width:100%}.cta-content__actions a{width:100%;max-width:280px;text-align:center;justify-content:center}}.btn{display:inline-flex;align-items:center;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-weight:600}.btn--primary{background:#f0ff64;border:none;height:60px;padding:16px 32px;border-radius:100px;font-size:1.125rem;color:#122d3f}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #f0ff6466}@media (max-width: 768px){.btn--primary{height:53px;padding:12px 24px;font-size:1rem}}.btn--secondary{background:transparent;color:#fff;border:2px solid #ffffff;height:60px;padding:16px 32px;border-radius:100px;font-size:1.125rem}.btn--secondary:hover{background:#fff;color:#122d3f;transform:translateY(-3px);box-shadow:0 12px 35px #fff3}@media (max-width: 768px){.btn--secondary{height:53px;padding:12px 24px;font-size:1rem}}
