@scope (.redesign-apps-directory){:scope{--ink:#28312c;--muted:#627067;--page-bg:#f6f4ed;--heading:var(--artie-font-display);--hairline:rgba(40,49,44,.18);--gutter:clamp(20px,3vw,60px);color-scheme:light}:scope[data-font=editorial]{--heading:EditorialNew,Georgia,serif}:scope[data-font=instrument]{--heading:InstrumentSerif,Georgia,serif}*{box-sizing:border-box}:scope{scroll-padding-top:110px}:scope{margin:0;background:var(--page-bg);color:var(--ink);font:16px/1.5 var(--artie-font-body);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none}a,button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4e8b68;outline-offset:5px}button:disabled,input:disabled{cursor:default;opacity:.45}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--heading);font-weight:400;letter-spacing:-.035em}h2{font-size:clamp(42px,4.5vw,70px);line-height:1.08}p{font-weight:400}svg{display:block;width:24px;height:24px}[hidden],button[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}@keyframes apps-directory-marquee{to{transform:translateX(-50%)}}:scope{scrollbar-gutter:stable}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(prefers-reduced-motion:no-preference){@keyframes apps-directory-header-expand{0%{max-width:var(--header-closed-width)}to{max-width:var(--header-open-width)}}@keyframes apps-directory-header-items-enter{0%{opacity:0}to{opacity:1}}}@property --waitlist-x{syntax:"<percentage>";inherits:true;initial-value:65%}@property --waitlist-y{syntax:"<percentage>";inherits:true;initial-value:80%}@property --waitlist-hue{syntax:"<number>";inherits:true;initial-value:285}@keyframes apps-directory-hero-caret{0%,49%{opacity:1}50%,to{opacity:0}}:scope.editorial-home{--section-content:1200px;--section-gutter:60px}@media(max-width:760px){:scope.editorial-home{--section-gutter:24px}}:scope.site-pages{--heading:var(--artie-font-display);--page-bg:#fcfbf8;--ink:#302b33;--muted:#6b636e;--hairline:rgba(48,43,51,.14);background:var(--page-bg);color:var(--ink);overflow-x:clip}:scope.site-pages h1{font:400 clamp(48px,5.5vw,80px)/1.08 var(--heading);letter-spacing:-.035em;text-wrap:balance}.catalog-wrap{width:min(1280px,calc(100% - 96px));margin:0 auto;padding-bottom:80px}@media(max-width:1100px){.catalog-wrap{width:calc(100% - 64px)}}@media(max-width:760px){:scope.site-pages h1{font-size:48px}.catalog-wrap{width:calc(100% - 40px)}}@media(prefers-reduced-motion:reduce){:scope.site-pages *{scroll-behavior:auto!important}}.workspace-stage{height:390px;position:relative;margin:38px -24px 0;overflow:hidden;isolation:isolate}.workspace-finder{position:absolute;z-index:3;left:50%;top:140px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;width:min(560px,calc(100% - 48px));height:72px;padding:0 13px 0 23px;background:#fff;border:1px solid #e8e3e0;border-radius:15px;box-shadow:0 16px 45px #302b331c,0 3px 8px #302b3307}.workspace-finder>svg{width:23px;height:23px;color:#928895;flex:none}.workspace-finder input{width:100%;min-width:0;border:none;outline:none;background:transparent;font-size:19px;color:var(--ink)}.workspace-finder:focus-within{outline:2px solid #745382;outline-offset:3px}.workspace-finder button{width:44px;height:44px;border-radius:9px;background:#f1edf3;color:#6b4b79;display:grid;place-items:center;flex:none}.workspace-finder button svg{width:20px;height:20px}.workspace-finder>p{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);width:max-content;padding:5px 13px;border-radius:20px;background:#fcfbf8f0;backdrop-filter:blur(8px);font-size:13px;color:#7b737e}@keyframes apps-directory-tool-arrival{0%{opacity:0;transform:translateY(18px) rotateX(-9deg)}to{opacity:1;transform:none}}@keyframes apps-directory-field-arrival{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@media(min-width:1800px){.workspace-stage{height:460px}.workspace-finder{top:168px}}@media(max-width:700px){.workspace-hero h1 br{display:none}.workspace-stage{height:310px;margin:24px -20px 0}.workspace-finder{height:63px;top:112px;width:calc(100% - 40px);padding-left:17px;gap:12px}.workspace-finder input{font-size:17px}.workspace-finder button{width:39px;height:39px}.workspace-finder>p{font-size:12px;top:calc(100% + 16px)}}:scope[data-apps-concept=carousel] .workspace-hero{padding:154px 24px 0;background:var(--page-bg,#fcfbf8);border:0;isolation:isolate}:scope[data-apps-concept=carousel] .apps-hero-copy h1{font:400 clamp(54px,5.5vw,80px)/1.04 var(--heading);letter-spacing:-.04em;color:#302b33}.apps-atmosphere,.apps-landscape{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.apps-landscape{object-fit:cover;object-position:center 42%;z-index:-2}.apps-atmosphere{z-index:-1;background:linear-gradient(180deg,#fcfbf820 0,#fcfbf815 35%,#fcfbf852 60%,var(--page-bg,#fcfbf8) 100%)}:scope[data-apps-concept=carousel] .workspace-hero:after{display:none}:scope[data-apps-concept=carousel] .carousel-stage{height:312px;margin:44px -24px 0;position:relative;overflow:hidden;isolation:isolate}.field-perspective{position:absolute;inset:0;perspective:1500px;perspective-origin:50% 0;mask-image:linear-gradient(#000,#000 65%,transparent)}.field-plane{position:absolute;left:50%;top:12px;width:max(1840px,115vw);transform:translateX(-50%) rotateX(24deg);transform-origin:50% 0}.field-row{width:100%;overflow:hidden;margin-bottom:18px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.field-track{display:flex;width:max-content;animation:apps-directory-field-scroll 150s linear infinite;animation-play-state:paused}.field-set{display:flex;gap:18px;padding-right:18px;flex:none}.field-app,.field-app:nth-child(n){width:150px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:16px 10px;border:1px solid;border-color:#fff9 #fff9 #d7cfc86b;border-radius:16px;background:linear-gradient(145deg,#fffdfbcc,#fffdfb80);box-shadow:inset 0 1px 0 #fff,0 3px 1px #78695308,0 10px 20px #78695309;color:#655d63}.field-app img{width:42px;height:42px;object-fit:contain;opacity:.95}.field-app span{font-size:13px;line-height:1.3;white-space:nowrap}.row-1 .field-track{animation-direction:reverse;animation-duration:165s;margin-left:-82px}.row-2 .field-track{animation-duration:158s;margin-left:-34px}.row-3 .field-track{animation-direction:reverse;animation-duration:173s;margin-left:-116px}@keyframes apps-directory-field-scroll{to{transform:translateX(calc(-1 * var(--field-cycle,2016px)))}}.carousel-stage[data-running=true] .field-track{animation-play-state:running}:scope[data-apps-concept=carousel] .workspace-finder{position:absolute;z-index:3;left:50%;transform:translateX(-50%);top:96px;display:flex;align-items:center;gap:15px;width:min(620px,calc(100% - 48px));height:80px;padding:12px 12px 12px 23px;border:1px solid #d3c8d4;border-radius:16px;background:#fffefa;box-shadow:0 22px 54px #58463424,0 3px 8px #5846340d,0 0 0 6px #fff8}:scope[data-apps-concept=carousel] .workspace-finder>svg{display:block;width:22px;height:22px;flex:none;color:#807282}:scope[data-apps-concept=carousel] .workspace-finder input{font:400 18px/1.4 var(--artie-font-body);color:#302638;width:100%;min-width:0;border:0;background:transparent;outline:0}:scope[data-apps-concept=carousel] .workspace-finder input::placeholder{color:#716575;opacity:1}:scope[data-apps-concept=carousel] .workspace-finder button{flex:none;width:98px;height:52px;border-radius:11px;color:#fffdf8;font:400 14px/1.4 var(--artie-font-body);border:1px solid #e9d0fb26;background:radial-gradient(101.79% 101.79% at 65.61% 81.79%,rgb(208 172 235/.33) 0,rgb(208 172 235/0) 100%),radial-gradient(114.65% 114.65% at 9.73% 17.27%,#522566 0,#301040 100%);box-shadow:0 3px 9px #260c3233,inset -2px -2px 4px #debcf666,inset 3px 3px 4px #2809483d,inset 0 2px 3px #e9d0fb29;cursor:pointer;transition:filter .2s}:scope[data-apps-concept=carousel] .workspace-finder button:hover{filter:brightness(1.1)}:scope[data-apps-concept=carousel] .workspace-finder:focus-within{outline:none;border-color:#8b827b}:scope[data-apps-concept=carousel] #app-directory.app-browser{width:100%;max-width:1248px;padding:44px 40px 76px;margin:auto;scroll-margin-top:120px}.app-directory-top{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:30px}.directory-title{margin-right:auto;min-width:0}.app-browser .directory-title h2{font:400 clamp(32px,3.2vw,44px)/1.12 var(--heading);letter-spacing:-.03em;margin:0;color:#302638;outline:none}.app-simple-controls{display:flex;gap:18px;align-items:center;flex:none}.app-simple-controls label{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:13px;color:#817681}.app-simple-controls select{max-width:210px;min-height:30px;border:0;border-radius:4px;background:transparent;color:#493c50;font:inherit;cursor:pointer;padding-right:4px}.app-simple-controls select:focus-visible{outline:2px solid #655e59;outline-offset:5px}.app-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.app-result{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:134px;padding:24px 16px;border:1px solid #e6e0df;border-radius:14px;color:#302638;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s}.app-result img{width:40px;height:40px;object-fit:contain;flex:none;border-radius:6px}.app-result span{font:400 15px/1.4 var(--artie-font-body);text-align:center;overflow-wrap:anywhere}.app-result:hover{border-color:#c2b3c9;box-shadow:0 5px 18px #30263808}.app-browser button:focus-visible,.app-result:focus-visible{outline:2px solid #655e59;outline-offset:4px}.app-browser [hidden]{display:none!important}.app-page-summary{text-align:center;font-size:12px;color:#7b717e;margin:14px 0 0}@media(max-width:1000px){.app-directory-top{align-items:flex-start;flex-direction:column;gap:15px}.app-results{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){:scope[data-apps-concept=carousel] .workspace-hero{padding:137px 20px 0}:scope[data-apps-concept=carousel] .apps-hero-copy h1{font-size:clamp(40px,7.5vw,56px);letter-spacing:-.035em;line-height:1.07}:scope[data-apps-concept=carousel] .carousel-stage{height:264px;margin:32px -20px 0}.field-plane{width:1140px;top:8px;transform:translateX(-50%) rotateX(22deg)}.field-app,.field-app:nth-child(n){width:118px;height:94px;border-radius:13px;gap:11px;padding:12px 8px}.field-app img{width:34px;height:34px}.field-app span{font-size:11px}.field-set{gap:14px;padding-right:14px}.field-row{margin-bottom:14px}:scope[data-apps-concept=carousel] .workspace-finder{top:77px;height:70px;width:calc(100% - 40px);gap:10px;padding:10px 10px 10px 15px;border-radius:13px;box-shadow:0 14px 36px #58463422,0 0 0 4px #fff8}:scope[data-apps-concept=carousel] .workspace-finder input{font-size:16px}:scope[data-apps-concept=carousel] .workspace-finder>svg{width:18px;height:18px}:scope[data-apps-concept=carousel] .workspace-finder button{width:78px;height:46px;font-size:13px}:scope[data-apps-concept=carousel] #app-directory.app-browser{padding:26px 24px 54px}.app-directory-top{gap:17px;margin-bottom:23px}.app-simple-controls{width:100%;gap:18px;justify-content:space-between}.app-simple-controls label{min-width:0;font-size:12px;gap:7px}.app-simple-controls label:first-child{flex:1}.app-simple-controls select{min-width:0;width:100%;font-size:13px}.app-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-result{min-height:128px;padding:21px 12px;gap:14px}.app-result img{width:36px;height:36px}.app-result span{font-size:14px}}@media(prefers-reduced-motion:reduce){.field-track{animation:none!important}.app-result,:scope[data-apps-concept=carousel] .workspace-finder button{transition:none}}@media(max-width:760px){.app-simple-controls label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.app-simple-controls label:first-child{flex:2}.app-simple-controls label:last-child{flex:1}.app-simple-controls select{padding:8px 7px;border:1px solid #e3dde2;border-radius:8px;background:#fffefa;min-height:42px}.app-simple-controls{gap:12px}.app-simple-controls label{padding:0}}:scope[data-apps-concept=carousel]{background:var(--page-bg,#fcfbf8)}.app-results{gap:16px}.app-result{flex-direction:row;justify-content:flex-start;min-height:100px;padding:24px 22px;gap:16px;border:1px solid #e3ddd7;border-radius:12px;background:#fffefa}.app-result span{text-align:left}.app-result img{width:34px;height:34px}.app-result:hover{background:#fff;box-shadow:0 3px 12px #30263806;border-color:#bfb4c3}.workspace-finder:has(input:focus-visible){box-shadow:0 22px 54px #58463424,0 0 0 2px #fffefa,0 0 0 4px #77706a!important}.app-simple-controls{gap:12px}.app-simple-controls>label{display:none}@media(max-width:760px){.app-results{gap:12px}.app-result{min-height:94px;padding:18px 12px;gap:11px}.app-result img{width:29px;height:29px}.app-result span{font-size:14px}.app-simple-controls{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:420px){.app-results{grid-template-columns:1fr}.app-result{min-height:78px;padding:18px 20px}.app-result span{font-size:15px}}.field-row:nth-child(n+3){display:none}.field-perspective{mask-image:linear-gradient(#000,#000 51%,transparent 93%)}:scope[data-apps-concept=carousel] #app-directory.app-browser{padding-top:76px}@media(max-width:760px){:scope[data-apps-concept=carousel] #app-directory.app-browser{padding-top:56px}.field-perspective{mask-image:linear-gradient(#000,#000 50%,transparent 94%)}}:scope[data-apps-concept=carousel] .app-browser .directory-title h2{color:var(--story-ink,#302638)}:scope[data-apps-concept=carousel] .app-page-summary{color:var(--story-muted,#74677a)}:scope[data-apps-concept=carousel][data-apps-motion=still]{background:#fcfbf8}}@scope (.redesign-apps-directory){:scope{--heading:var(--artie-font-display);--page-bg:inherit;color:#302b33;font-family:var(--artie-font-body)}.apps-field-markup{display:contents}:scope[data-apps-concept=carousel] .apps-hero-copy h1{font-family:var(--artie-font-display);font-size:var(--artie-type-page);line-height:var(--artie-leading-page);letter-spacing:var(--artie-tracking-display)}.app-browser .directory-title h2{font:var(--artie-weight-display) var(--artie-type-section)/var(--artie-leading-section) var(--artie-font-display);letter-spacing:var(--artie-tracking-display);scroll-margin-top:7rem}.app-simple-controls label{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0}.app-simple-controls select{min-height:var(--artie-control-min);font:inherit;max-width:100%}.app-result{text-align:center}.app-result .integration-app-icon,.app-result>img{width:40px;height:40px;flex:none}.app-result h3{font:400 1rem/1.4 var(--artie-font-body);margin:0;overflow-wrap:anywhere}.app-result-copy{min-width:0}.app-result .app-connection-label{display:block;font:400 .8125rem/1.4 var(--artie-font-body);color:#6b636e;margin-top:.25rem}.app-results-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-results-status p{margin:0 0 1rem}.app-results-status button{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--artie-control-min);padding:.5rem .75rem;border:1px solid #d8d1d8;border-radius:.75rem;background:#fffefa;color:#493c50;font:inherit}.app-directory-pagination{margin-top:2rem}.directory-pagination a,.directory-pagination button{min-width:var(--artie-control-min);min-height:var(--artie-control-min)}.app-custom-tools{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--artie-control-min);margin:1.5rem auto 0;width:fit-content}.apps-connected-tools{max-width:1248px;margin:0 auto;padding:2rem var(--artie-gutter) 4rem;border-top:1px solid #e6e0df}.apps-connected-tools .ct10-copy h2{font-family:var(--artie-font-display)}.apps-connected-tools .ct10-copy p{font-size:var(--artie-type-lead);line-height:var(--artie-leading-body)}:is(a,button,input,select):focus-visible{outline:2px solid #62516c;outline-offset:4px}@media(max-width:760px){:scope[data-apps-concept=carousel] #app-directory.app-browser{padding-inline:var(--artie-gutter)}.app-simple-controls{width:100%;flex-wrap:wrap;gap:.5rem 1rem}.app-simple-controls label{flex:1 1 8rem}.app-result{padding:1rem .75rem}}}@scope (.redesign-apps-directory){.app-result-logo{display:grid;place-items:center;width:40px;height:40px;flex:none}@media(max-width:760px){.app-result{flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:140px}.app-result .app-result-copy{display:block;text-align:center;width:100%}.app-result .app-result-copy h3{text-align:center;line-height:1.4}}}@scope (.redesign-apps-directory){.apps-connected-tools{position:relative;isolation:isolate;overflow:clip}.apps-connected-tools .ct10-scene-viewport{position:relative;pointer-events:none}}