.use-case-listing-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:visible;padding:120px 0 80px;position:relative}.use-case-listing-hero__overlay{background:linear-gradient(180deg,rgba(37,40,42,.85),rgba(37,40,42,.95));bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.use-case-listing-hero__content{position:relative;text-align:center;z-index:2}.use-case-listing-hero__title{color:var(--white);font-size:3.5rem;font-weight:700;line-height:1.2;margin:0 0 3rem}.use-case-filters{margin:0 auto;max-width:1000px}.use-case-filters__group{margin-bottom:1.5rem;&:last-child{margin-bottom:0}}.use-case-filters__buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.use-case-filter-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:var(--white);cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:5px 15px;position:relative;transition:all .3s ease;&:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .6s ease;width:200%}&:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 32px hsla(0,0%,100%,.1);transform:translateY(-2px);&:before{transform:scale(1.5)}}&.active{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 20px rgba(255,193,0,.3);color:var(--dark);&:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 8px 32px rgba(255,193,0,.4)}}}.use-case-filters-mobile-background{background:linear-gradient(0deg,rgba(37,40,42,.7),rgba(37,40,42,.4) 50%,transparent);bottom:0;display:none;height:120px;left:0;pointer-events:none;position:fixed;right:0;z-index:99}.use-case-filters-mobile-trigger{align-items:center;background:var(--primary);border:none;border-radius:50px;bottom:2rem;box-shadow:0 4px 20px rgba(255,193,0,.3);color:var(--dark);cursor:pointer;display:none;font-weight:600;gap:.5rem;left:50%;padding:.75rem 1.5rem;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:100;&:hover{box-shadow:0 6px 30px rgba(255,193,0,.4);transform:translateX(-50%) translateY(-2px)}svg{height:20px;width:20px}}.use-case-filters-mobile-modal{bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000;&.active{display:block}}.use-case-filters-mobile-modal__overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:absolute;right:0;top:0}.use-case-filters-mobile-modal__content{animation:slideUp .3s ease;background:var(--white);border-radius:20px 20px 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:80vh;overflow:hidden;padding:1.5rem;position:absolute;right:0}.use-case-filters-mobile-modal__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;h3{font-size:1.25rem;margin:0}}.use-case-filters-mobile-modal__close{background:none;border:none;color:var(--gray-600);cursor:pointer;padding:.5rem;&:hover{color:var(--dark)}}.use-case-filters-mobile-modal__body{flex:1;margin-bottom:1.5rem;overflow-y:auto;.use-case-filters__group{margin-bottom:1.5rem}.use-case-filters__buttons{justify-content:flex-start}.use-case-filter-btn{background:var(--white);border-color:var(--gray-300);color:var(--dark);&.active{background:var(--primary);border-color:var(--primary);color:var(--dark)}}}.use-case-filters-mobile-modal__footer{border-top:1px solid var(--gray-200);display:flex;gap:1rem;padding-top:1rem;button{flex:1}}@media (max-width:767px){.use-case-listing-hero{padding:100px 0 60px}.use-case-listing-hero__title{font-size:2rem;margin-bottom:2rem}.use-case-filters{display:none}.use-case-filters-mobile-trigger{display:flex}.use-case-filters-mobile-background{display:block}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}