.use-cases-native .catalog-directory-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px}.use-cases-native .catalog-directory-top>.editorial-heading{margin:0;min-width:0;text-align:left}.use-cases-native .catalog-directory-top h2{font:400 clamp(32px,3.2vw,44px)/1.12 var(--heading);letter-spacing:-.03em;margin:0;color:#302638}.use-cases-native .catalog-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0;flex:none}.use-cases-native .app-simple-controls{display:flex;align-items:center;flex:none}.use-cases-native .app-simple-controls{gap:12px}.use-cases-native .app-simple-controls>label{display:none}:is(.use-cases-native,.contact-page) .app-filter{position:relative}:is(.use-cases-native,.contact-page) .app-filter-trigger{display:flex;align-items:center;gap:9px;min-height:44px;border-radius:9px;padding:11px 14px;font:400 14px HelveticaNow,Arial;color:#302638;cursor:pointer}:is(.use-cases-native,.contact-page) .app-filter-trigger,.use-cases-native .catalog-more{border:1px solid #ffffffe0;background:#ffffff70;box-shadow:0 5px 16px #5046530c,inset 0 1px 2px #fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);}:is(.use-cases-native,.contact-page) .app-filter-trigger:hover,:is(.use-cases-native,.contact-page) .app-filter-trigger[aria-expanded=true],.use-cases-native .catalog-more:hover{background:#ffffff90;border-color:#ffffffe0}:is(.use-cases-native,.contact-page) .app-filter-trigger:focus-visible,.use-cases-native .catalog-more:focus-visible{outline:2px solid #796285;outline-offset:3px}:is(.use-cases-native,.contact-page) .app-filter-trigger .filter-label{color:#706878}:is(.use-cases-native,.contact-page) .app-filter-trigger svg{width:12px;height:12px;margin-left:4px}:is(.use-cases-native,.contact-page) .app-filter-menu{position:absolute;z-index:15;right:0;top:calc(100% + 7px);width:250px;max-height:320px;overflow:auto;padding:6px;border:1px solid #ffffffe0;border-radius:12px;background:#fdfbf9cf;box-shadow:0 12px 36px #30263816,inset 0 1px 2px #fff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}:is(.use-cases-native,.contact-page) .app-filter-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:11px 12px;border:0;border-radius:6px;background:none;font:400 14px HelveticaNow,Arial;color:#302638;cursor:pointer}:is(.use-cases-native,.contact-page) .app-filter-menu button:hover,:is(.use-cases-native,.contact-page) .app-filter-menu button:focus-visible{background:#ffffffb8;outline:none}:is(.use-cases-native,.contact-page) .app-filter-menu button[aria-selected=true]{background:#e9e1eea8}:is(.use-cases-native,.contact-page) .app-filter-menu button[aria-selected=true]::after{content:'✓'}@media(max-width:1000px){.use-cases-native .catalog-directory-top{align-items:flex-start;flex-direction:column;gap:15px}.use-cases-native .catalog-controls{justify-content:flex-start;width:100%;flex-wrap:wrap}.use-cases-native #legacy-search-slot:not(:empty){max-width:none;flex-basis:100%}:is(.use-cases-native,.contact-page) .app-filter-menu{left:auto;right:0}}@media(max-width:760px){.use-cases-native .catalog-directory-top{gap:17px;margin-bottom:23px}:is(.use-cases-native,.contact-page) .app-filter-trigger{font-size:13px;padding:10px}:is(.use-cases-native,.contact-page) .app-filter-trigger .filter-label{display:none}:is(.use-cases-native,.contact-page) .app-filter-menu{width:min(250px,calc(100vw - 48px))}}:is(body.use-cases-native,body.contact-page) .app-filter-trigger:focus-visible{outline:none;outline-offset:0;border-color:var(--story-ink,#8a7595);box-shadow:none}