body.page-use-cases{--uce-toolbar-to-main-gap: 36px;--uce-nav-sticky-top: calc(64px + var(--uce-toolbar-to-main-gap));background: #d4d4d4;color: #0a0a0a;--uce-figma-spring-dur: 600ms;--uce-figma-spring-ease: linear(0, 0.0394 5.87%, 0.1267 11.73%, 0.2321 17.63%, 0.3382 23.5%, 0.4379 29.4%, 0.5266 35.27%, 0.6043 41.17%, 0.6704 47.03%, 0.7266 52.93%, 0.7736 58.8%, 0.813 64.7%, 0.8456 70.57%, 0.8727 76.47%, 0.895 82.33%, 0.9136 88.23%, 0.9288 94.1%, 1 100%);--uce-figma-spring-fallback: cubic-bezier(0.22, 0.99, 0.36, 1);--uce-link-arrow-dur: 800ms;--uce-link-arrow-ease: linear(0, 0.1214 7.12%, 0.3608 14.28%, 0.5989 21.43%, 0.7851 28.55%, 0.9103 35.70%, 0.9826 42.85%, 1.0169 50.00%, 1.0279 57.12%, 1.0266 64.27%, 1.0204 71.42%, 1.0134 78.55%, 1.0076 85.70%, 1.0035 92.85%, 1.0010 100.00%);--uce-link-arrow-fallback: cubic-bezier(0.22, 1.05, 0.36, 1);--uce-card-body-collapse-dur: 380ms;--uce-filter-reveal-dur: 240ms;--uce-filter-reveal-ease: cubic-bezier(0.65, 0, 0.35, 1);--uce-filter-reveal-fallback: cubic-bezier(0.65, 0, 0.35, 1)}body.has-top-banner.page-use-cases{--uce-nav-sticky-top: calc(104px + var(--uce-toolbar-to-main-gap))}.page-use-cases .uce-hero{position: relative;min-height: 263px;padding: 71px 120px 48px;margin-top: 0;background: #f2fb90;border-bottom: 0.75px solid rgba(23, 23, 23, 0.5);overflow: hidden}.page-use-cases .uce-hero-inner{max-width: 1200px;margin: 0 auto;position: relative;z-index: 2}.page-use-cases .uce-hero-eyebrow{display: inline-flex;align-items: center;font-family: var(--font-body);font-size: 12px;font-weight: 600;line-height: 12px;letter-spacing: 0.24px;text-transform: uppercase;color: #0a0a0a;background: rgba(10, 10, 10, 0.08);padding: 4px 8px;border-radius: 2px;margin: 0 0 29px}.page-use-cases .uce-hero h1{font-family: var(--font-head);font-size: 44px;font-weight: 400;line-height: 48.4px;letter-spacing: -1.32px;color: #0a0a0a;margin: 0;max-width: 100%;width: fit-content;text-align: left}.page-use-cases .uce-shell{max-width: 1440px;margin: 0 auto;padding: 48px 120px 80px}.page-use-cases .uce-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 24px;margin-bottom: var(--uce-toolbar-to-main-gap);flex-wrap: wrap}.page-use-cases .uce-toolbar-left{display: flex;align-items: center;gap: 38px;flex-wrap: wrap}.page-use-cases .uce-count{font-family: var(--font-body);font-size: 16px;font-weight: 400;line-height: 24px;color: #0a0a0a;white-space: nowrap}.page-use-cases .uce-clear{font-family: var(--font-body);font-size: 14px;font-weight: 500;line-height: 14px;text-decoration: underline;color: #0a0a0a;background: none;border: 0;padding: 0;cursor: pointer}.page-use-cases .uce-clear:hover{opacity: 0.75}.page-use-cases .uce-search{width: 202px;max-width: 100%;flex-shrink: 0;background: #f0f0f0;border: 0.75px solid transparent;border-radius: 2px;padding: 6px 10px;font-family: var(--font-body);font-size: 14px;line-height: 21px;color: #404040;transition: border-color 0.15s ease}.page-use-cases .uce-search:focus, .page-use-cases .uce-search:focus-visible{outline: none;border-color: rgba(23, 23, 23, 0.5)}.page-use-cases .uce-search::placeholder{color: #404040}.page-use-cases .uce-main{display: flex;align-items: flex-start;gap: 23px;min-height: 0}.page-use-cases .uce-filters{position: sticky;top: var(--uce-nav-sticky-top);align-self: flex-start;flex: 0 0 auto;align-items: flex-start;display: flex;flex-direction: column;gap: 10px;min-height: 0;max-height: calc(100vh - var(--uce-nav-sticky-top));max-height: calc(100dvh - var(--uce-nav-sticky-top));max-height: calc(100svh - var(--uce-nav-sticky-top));overflow-y: auto;overflow-x: hidden;overscroll-behavior-y: auto;-webkit-overflow-scrolling: touch;z-index: 2}.page-use-cases .uce-filters::after{content: '';display: block;flex-shrink: 0;width: 1px;height: 64px;pointer-events: none}.page-use-cases .uce-filter-group{display: flex;flex-direction: column;align-items: flex-start;gap: 0}.page-use-cases .uce-filter-group.is-expanded{gap: 16px}.page-use-cases .uce-filter-trigger:focus-visible, .page-use-cases .uce-subfilter:focus-visible{outline: 2px solid #0a0a0a;outline-offset: 2px}.page-use-cases .uce-filter-trigger{box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;width: fit-content;max-width: 100%;padding: 16px 16px 14px;border-radius: 2px;font-family: var(--font-body);font-size: 14px;font-weight: 500;line-height: 14px;letter-spacing: 0;color: #404040;background: transparent;border: 0.75px solid rgba(23, 23, 23, 0.5);cursor: pointer;text-align: center;transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease}.page-use-cases .uce-filter-trigger.is-active{background: #f0f0f0;border-color: transparent;color: #404040}@media (hover: hover) and (pointer: fine){.page-use-cases .uce-filter-trigger:hover:not(.is-active){background: rgba(255, 255, 255, 0.1);border-color: rgba(23, 23, 23, 0.65);color: #a3a3a3}.page-use-cases .uce-filter-trigger.is-active:hover{background: #e8e8e8;border-color: transparent;color: #404040}}.page-use-cases .uce-filter-panel{position: relative;display: flex;flex-direction: column;align-items: flex-start;width: auto;max-width: 100%;overflow: hidden;margin: 0;padding: 0 0 0 16px;border: 0;gap: 10px;max-height: 0;opacity: 0;visibility: hidden;pointer-events: none}.page-use-cases .uce-filter-panel::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 1px;background: rgba(23, 23, 23, 0.5);pointer-events: none}.page-use-cases .uce-filter-group:not(.is-expanded) .uce-filter-panel{transition: max-height var(--uce-filter-reveal-dur) var(--uce-filter-reveal-ease, var(--uce-filter-reveal-fallback)), opacity var(--uce-filter-reveal-dur) var(--uce-filter-reveal-ease, var(--uce-filter-reveal-fallback)), gap var(--uce-filter-reveal-dur) var(--uce-filter-reveal-ease, var(--uce-filter-reveal-fallback)), visibility 0ms linear var(--uce-filter-reveal-dur)}.page-use-cases .uce-filter-group.is-expanded .uce-filter-panel{max-height: 480px;opacity: 1;visibility: visible;pointer-events: auto;gap: 16px;transition: max-height var(--uce-filter-reveal-dur) var(--uce-filter-reveal-ease, var(--uce-filter-reveal-fallback)), opacity var(--uce-filter-reveal-dur) var(--uce-filter-reveal-ease, var(--uce-filter-reveal-fallback)), gap var(--uce-filter-reveal-dur) var(--uce-filter-reveal-ease, var(--uce-filter-reveal-fallback)), visibility 0ms linear 0ms}@media (prefers-reduced-motion: reduce){.page-use-cases .uce-filter-group .uce-filter-panel{transition: none !important}.page-use-cases .uce-filter-group.is-expanded .uce-filter-panel{max-height: none}}.page-use-cases .uce-subfilter{box-sizing: border-box;display: inline-flex;align-items: flex-start;gap: 0;width: fit-content;max-width: min(260px, calc(100vw - 80px));margin: 0;padding: 16px 16px 14px;border: 0;border-radius: 2.286px;background: transparent;font-family: var(--font-body);font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: 0;color: #404040;text-align: left;cursor: pointer;transition: color 0.12s ease, gap 0.12s ease}.page-use-cases .uce-subfilter-dot{flex: 0 0 0;width: 0;height: 6px;border-radius: 0;background: #404040;opacity: 0;overflow: hidden;pointer-events: none}.page-use-cases .uce-subfilter.is-active{gap: 10.686px;font-weight: 500}.page-use-cases .uce-subfilter.is-active .uce-subfilter-dot{flex: 0 0 6px;width: 6px;opacity: 1;margin-top: 8px}.page-use-cases .uce-subfilter-label{flex: 0 1 auto;min-width: 0;white-space: normal;word-break: break-word}@media (hover: hover) and (pointer: fine){.page-use-cases .uce-subfilter:hover:not(.is-active) .uce-subfilter-label{text-decoration: underline;text-underline-offset: 2px}}.page-use-cases .uce-grid-wrap{flex: 1;min-width: 0}.page-use-cases .uce-grid{display: flex;align-items: flex-start;gap: 35px;width: 100%;min-width: 0}.page-use-cases .uce-masonry-col{flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;gap: 28px}.page-use-cases .uce-card{display: flex;flex-direction: column;justify-content: space-between;min-height: 257px;padding: 22px 14px 23px 20px;background: #d4d4d4;border: 0.75px solid rgba(23, 23, 23, 0.5);border-radius: 2px;box-sizing: border-box;text-decoration: none;color: inherit}.page-use-cases a.uce-card{justify-content: flex-start;transition: background var(--uce-figma-spring-dur) var(--uce-figma-spring-ease, var(--uce-figma-spring-fallback)), border-color var(--uce-figma-spring-dur) var(--uce-figma-spring-ease, var(--uce-figma-spring-fallback))}.page-use-cases a.uce-card .uce-card-main{display: flex;flex-direction: column;gap: 21px;flex: 1 1 auto;min-height: 0;padding-bottom: 0;box-sizing: border-box}.page-use-cases a.uce-card .uce-card-heading{display: flex;flex-direction: column;align-items: flex-start;gap: 31px}.page-use-cases a.uce-card .uce-card-body{max-width: 244px;overflow: hidden;opacity: 1}.page-use-cases a.uce-card .uce-card-desc{margin: 0;font-family: var(--font-body);font-size: 14px;font-weight: 500;line-height: 21px;letter-spacing: 0;color: #404040}@media (hover: hover) and (pointer: fine){.page-use-cases a.uce-card .uce-card-main{transition: padding-bottom var(--uce-figma-spring-dur) var(--uce-figma-spring-ease, var(--uce-figma-spring-fallback))}.page-use-cases a.uce-card .uce-card-body{max-height: 0;transition: max-height var(--uce-card-body-collapse-dur) var(--uce-figma-spring-ease, var(--uce-figma-spring-fallback))}.page-use-cases a.uce-card:hover, .page-use-cases a.uce-card:focus-within{background: linear-gradient(138.38deg, #d4d4d4 43.55%, #f2ff70 211.8%);border-color: rgba(23, 23, 23, 0.65)}.page-use-cases a.uce-card .uce-card-link:hover .uce-card-link-arrow{transform: translateX(16px)}.page-use-cases a.uce-card:hover .uce-card-body, .page-use-cases a.uce-card:focus-within .uce-card-body{max-height: 200px;transition: max-height var(--uce-figma-spring-dur) var(--uce-figma-spring-ease, var(--uce-figma-spring-fallback))}.page-use-cases a.uce-card:hover .uce-card-main, .page-use-cases a.uce-card:focus-within .uce-card-main{padding-bottom: 64px}}@media (hover: none){.page-use-cases a.uce-card .uce-card-body{max-height: none;margin-top: 4px}.page-use-cases a.uce-card .uce-card-main{flex: 0 1 auto;padding-bottom: 64px}.page-use-cases a.uce-card .uce-card-link{margin-top: auto;transition: none}.page-use-cases a.uce-card .uce-card-link-arrow{transition: none;transform: none}}@media (prefers-reduced-motion: reduce){.page-use-cases a.uce-card{transition: border-color 0.15s ease}.page-use-cases a.uce-card .uce-card-body{max-height: none;transition: none}.page-use-cases a.uce-card .uce-card-main{flex: 0 1 auto;padding-bottom: 64px;transition: none}.page-use-cases a.uce-card .uce-card-link{margin-top: auto;transition: none}.page-use-cases a.uce-card .uce-card-link-arrow{transition: none;transform: none}.page-use-cases a.uce-card .uce-card-link:hover .uce-card-link-arrow{transform: none}}.page-use-cases .uce-card-tag{display: inline-flex;align-self: flex-start;padding: 4.8px;margin-bottom: 0;background: #f0f0f0;border-radius: 2px;font-family: var(--font-body);font-size: 12px;font-weight: 500;line-height: 12px;letter-spacing: 0.24px;color: #404040}.page-use-cases .uce-card-title{font-family: var(--font-body);font-size: 20px;font-weight: 500;line-height: 24px;color: #171717;margin: 0;max-width: min(230px, 100%)}.page-use-cases a.uce-card .uce-card-link{display: flex;align-items: center;gap: 6px;margin-top: auto;flex-shrink: 0;font-family: var(--font-head);font-size: 15px;line-height: 1;color: #0a0a0a}.page-use-cases a.uce-card .uce-card-link-text{text-decoration: underline;text-underline-offset: 2px}.page-use-cases a.uce-card .uce-card-link-arrow{display: inline-block;flex-shrink: 0;transform: translateX(0);transition: transform var(--uce-link-arrow-dur) var(--uce-link-arrow-ease, var(--uce-link-arrow-fallback))}.page-use-cases .uce-card--cta{position: relative;justify-content: flex-start;align-items: flex-start;gap: 12px;background: #f0f0f0;border: 0.5px solid #0a0a0a;opacity: 0.8;overflow: hidden;padding: 25px 12px 35.2px 16.8px;min-height: 257px}.page-use-cases .uce-card--cta .uce-cta-title{box-sizing: border-box;width: 100%;max-width: min(277px, 100%);font-family: var(--font-head);font-size: 20px;font-weight: 400;line-height: 24px;letter-spacing: 0;color: #171717;margin: 0;padding: 0 6px}.page-use-cases .uce-cta-btn{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;box-sizing: border-box;min-width: 132px;width: fit-content;max-width: 100%;min-height: 41px;padding: calc((41px - 0.7px * 2 - 14px) / 2) 24px;background: #f2ff70;border: 0.7px solid #0a0a0a;border-radius: 2px;font-family: var(--font-body);font-size: 14px;font-weight: 500;line-height: 14px;letter-spacing: 0;color: #0a0a0a;text-align: center;text-decoration: none;white-space: nowrap;position: relative;z-index: 2}.page-use-cases .uce-cta-btn:hover{filter: brightness(1.03)}.page-use-cases .uce-cta-btn:focus-visible{outline: 2px solid #0a0a0a;outline-offset: 2px}.page-use-cases .uce-cta-art{position: absolute;pointer-events: none;z-index: 1;transform: translate3d(0, 0, 0);transform-origin: 50% 88%;transition: transform var(--uce-figma-spring-dur) var(--uce-figma-spring-ease, var(--uce-figma-spring-fallback))}.page-use-cases .uce-cta-art img{width: 100%;height: 100%;object-fit: cover}.page-use-cases .uce-card--cta-mountain .uce-cta-art{left: -26px;bottom: -40px;width: 120%;height: 188px;transform-origin: 48% 92%}.page-use-cases .uce-card--cta-knife .uce-cta-art{left: -10px;bottom: -100px;width: 140%;height: 352px;transform-origin: 50% 94%}@media (hover: hover) and (pointer: fine){.page-use-cases .uce-card--cta-mountain:hover .uce-cta-art, .page-use-cases .uce-card--cta-mountain:focus-within .uce-cta-art{transform: translate3d(-14px, -18px, 0) scale(1.2)}.page-use-cases .uce-card--cta-knife:hover .uce-cta-art, .page-use-cases .uce-card--cta-knife:focus-within .uce-cta-art{transform: translate3d(2px, -22px, 0) scale(1.11)}}@media (prefers-reduced-motion: reduce){.page-use-cases .uce-cta-art{transition: none}.page-use-cases .uce-card--cta-mountain:hover .uce-cta-art, .page-use-cases .uce-card--cta-mountain:focus-within .uce-cta-art, .page-use-cases .uce-card--cta-knife:hover .uce-cta-art, .page-use-cases .uce-card--cta-knife:focus-within .uce-cta-art{transform: none}}.page-use-cases .uce-card.is-hidden{display: none}@media (max-width: 1100px){.page-use-cases .uce-grid{flex-direction: column;gap: 0}.page-use-cases .uce-masonry-col{width: 100%}}@media (max-width: 900px){.page-use-cases .uce-hero{padding: 48px 24px 40px}.page-use-cases .uce-shell{padding: 32px 20px 60px}.page-use-cases .uce-main{flex-direction: column}.page-use-cases .uce-filters{flex-direction: row;flex-wrap: wrap;width: 100%;flex: 1 1 auto}.page-use-cases .uce-filter-group{flex: 0 1 auto;min-width: 0;max-width: 100%}}