.directory-page{--app-gutter:32px}.directory-section{border-bottom:1px solid var(--color-border);position:relative}.directory-page main h1{letter-spacing:-.065em;font-size:clamp(42px,4.8vw,64px);font-weight:600;line-height:1.05}.directory-hero-copy{z-index:2;position:relative}.directory-hero-copy p{max-width:465px;margin-top:22px!important;font-size:18px!important}.directory-hero-copy .refresh-button{margin-top:30px}.directory-heading{padding:64px 32px 30px}.directory-heading p{margin-top:12px!important}.all-apps-hero{overflow:clip}.all-apps-page .catalog-heading--compact{background:#f7f7f7;height:auto;min-height:0;padding:64px 32px 32px}.all-apps-page .catalog-heading p{margin-top:8px}.directory-connections{border-top:1px solid var(--color-border);background:#fff}.directory-paths{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.directory-paths>a{background:#fff;padding:32px;transition:background .2s;position:relative}.directory-paths>a+a{border-left:1px solid var(--color-border)}@media (hover:hover){.directory-paths>a:hover{background:#f1f3f5}}.directory-icon,.directory-support-icon{background:#f7f7f7;border:1px solid #e3e3e3;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}@media (hover:hover){.directory-paths>a:hover .directory-icon{background:#fff}}.directory-path-arrow{position:absolute;top:44px;right:32px}.directory-paths h3{margin-top:28px!important}.directory-paths p{max-width:390px;margin-top:12px!important}.directory-mini-logos{align-items:center;gap:22px;height:32px;margin-top:32px;display:flex}.directory-mini-logos img{object-fit:contain;border-radius:5px;width:30px;height:30px}.directory-mcp{background:#08090c;border-color:#1c1c1c;overflow:clip}.directory-page .directory-mcp-rail{border-color:#1c1c1c;grid-template-columns:1fr 1fr;display:grid}.directory-mcp-copy{color:#fff;padding:80px 32px}.directory-mcp-copy p{max-width:425px;color:#b4b4b4!important;margin-top:20px!important}.directory-mcp-copy ul{gap:18px;margin:32px 0;padding:0;list-style:none;display:grid}.directory-mcp-copy li{color:#b4b4b4;align-items:center;gap:12px;font-size:16px;display:flex}.directory-mcp-copy li>span{color:#ddd;background:#131415;border:1px solid #292a2c;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.directory-mcp-art{isolation:isolate;background:#0e0f11cc;border:1px solid #1c1c1c;border-radius:24px;margin:40px 32px 40px 0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 24px 48px -32px #0009}@media (width<=767px){.directory-page{--app-gutter:20px}.directory-page main h1{font-size:42px}.directory-hero-copy p{font-size:16px!important}.directory-hero-copy p br{display:none}.all-apps-page .catalog-heading--compact,.directory-heading{padding:48px 20px 24px}.all-apps-page .catalog-card{padding-inline:20px}.directory-paths{grid-template-columns:1fr}.directory-paths>a{padding:28px 20px}.directory-paths>a+a{border-top:1px solid #e3e3e3;border-left:0}.directory-page .directory-mcp-rail{grid-template-columns:1fr}.directory-mcp-copy{padding:48px 20px 32px}.directory-mcp-art{border-radius:20px;min-height:460px;margin:0 20px 40px}}@media (prefers-reduced-motion:reduce){.directory-page *,.directory-page :before,.directory-page :after{scroll-behavior:auto;transition:none!important}}.directory-hero-dither{isolation:isolate;position:absolute;inset:0 0 0 44%}.directory-hero-dither>.dither-background{z-index:0}.directory-page .all-apps-hero-rail,.directory-page main .directory-hero-copy h1{letter-spacing:-.06em;font-size:clamp(42px,4.2vw,56px);line-height:1.08}.directory-hero-copy p{max-width:400px}.suite-hero-stage{min-width:0;padding-top:20px;position:relative}.suite-hero-visual{width:100%;height:340px;animation:.32s both suite-appear}.suite-hero-caption{color:#171717;backdrop-filter:blur(12px);background:#ffffffda;border:1px solid #ffffffb3;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:20px auto 0;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.suite-hero-caption svg{flex:none}.directory-page .suite-selector-rail{background:#ffffffed;border-top:1px solid #e3e3e3;border-right-color:#0000;position:relative}.suite-selector{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.suite-selector button{cursor:pointer;justify-content:center;align-items:center;gap:10px;min-width:0;padding:23px 8px;font-size:15px;font-weight:500;transition:background .2s;display:flex;position:relative}.suite-selector button+button{border-left:1px solid #e3e3e3}.suite-selector button img{object-fit:contain;width:30px;height:30px}@media (hover:hover){.suite-selector button:hover{background:#f1f3f5}}.suite-selector button[aria-pressed=true]{background:#f7f7f7}.suite-selector button[aria-pressed=true]:after{content:"";background:#171717;height:2px;position:absolute;bottom:0;left:24px;right:24px}.directory-network{min-height:390px;position:relative}.directory-network-diagram{position:absolute;inset:15px 0}.network-node{z-index:1;background:#fffffff5;border:1px solid #fff;border-radius:20px;place-items:center;width:76px;height:76px;display:grid;position:absolute;box-shadow:0 4px 16px #243d5710}.network-node img{object-fit:contain;width:42px;height:42px}.network-shopify{top:calc(50% - 38px);left:3%}.network-kaching{border-radius:26px;width:110px;height:110px;top:calc(50% - 55px);left:calc(45% - 55px)}.network-kaching img{width:65px;height:auto}.network-partner{right:3%}.network-partner-one{top:calc(16% - 38px)}.network-partner-two{top:calc(50% - 38px)}.network-partner-three{top:calc(84% - 38px)}.network-line-left{background:#ffffffc9;height:1px;position:absolute;top:50%;left:3%;right:55%}.network-branches{border:1px solid #ffffffc9;border-left:0;border-radius:0 24px 24px 0;position:absolute;inset:16% calc(3% + 38px) 16% 45%;transform:scaleX(-1)}.network-branches:after{content:"";background:#ffffffc9;height:1px;position:absolute;top:50%;left:0;right:0}.directory-page .directory-mcp{--color-border:#1c1c1c;border-color:#1c1c1c}.directory-help{background:#fff}.directory-help>.landing-rail{padding:64px 32px}.directory-help-card{isolation:isolate;background:#08090c;border-radius:36px;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:390px;padding:52px 64px;display:grid;position:relative;overflow:hidden}.directory-help-card>.dither-background{z-index:-1;opacity:.82;width:60%;inset:0 0 0 40%}.directory-help-copy{position:relative}.directory-help-copy h2{color:#fff}.directory-help-copy p{max-width:335px;color:#adadad!important;margin-top:16px!important}.directory-help-copy .refresh-button{margin-top:28px}.directory-help-visual{background:#fff;border:1px solid #ffffff14;border-radius:24px;width:100%;height:298px;position:relative;overflow:hidden}@keyframes suite-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px) and (width<=1050px){.directory-page .all-apps-hero-rail{gap:20px;min-height:610px;padding-inline:24px}.suite-hero-visual{height:300px}.suite-selector button{flex-direction:column;gap:8px;padding:18px 4px;font-size:13px}.network-node{border-radius:16px;width:62px;height:62px}.network-node img{width:35px;height:35px}.network-shopify{top:calc(50% - 31px);left:0}.network-kaching{width:86px;height:86px;top:calc(50% - 43px);left:calc(44% - 43px)}.network-kaching img{width:52px;height:auto}.network-partner{right:0}.network-partner-one{top:calc(16% - 31px)}.network-partner-two{top:calc(50% - 31px)}.network-partner-three{top:calc(84% - 31px)}.directory-help-card{gap:32px;padding:44px 36px}.directory-help-visual{aspect-ratio:473/298;height:auto}}@media (width<=767px){.directory-page .all-apps-hero-rail{grid-template-columns:1fr;gap:24px;min-height:0;padding:120px 20px 32px}.directory-hero-dither{inset:325px 0 0;mask-image:linear-gradient(#0000,#000 30%)}.directory-page main .directory-hero-copy h1{font-size:42px}.directory-hero-copy p{max-width:360px}.suite-hero-stage{padding:0}.suite-hero-visual{height:260px}.suite-hero-caption{margin-top:0;font-size:13px}.suite-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.suite-selector button{gap:8px;padding:18px 4px;font-size:12px}.suite-selector button img{width:25px;height:25px}.suite-selector button:nth-child(4){border-left:0}.suite-selector button:nth-child(n+4){border-top:1px solid #e3e3e3}.suite-selector button[aria-pressed=true]:after{left:14px;right:14px}.directory-network{width:100%;max-width:440px;min-height:330px;margin:0 auto}.network-node{border-radius:16px;width:62px;height:62px}.network-node img{width:36px;height:36px}.network-shopify{top:calc(50% - 31px)}.network-kaching{width:88px;height:88px;top:calc(50% - 44px);left:calc(45% - 44px)}.network-kaching img{width:53px;height:auto}.network-partner-one{top:calc(16% - 31px)}.network-partner-two{top:calc(50% - 31px)}.network-partner-three{top:calc(84% - 31px)}.directory-page .directory-mcp-rail{grid-template-columns:1fr}.directory-help>.landing-rail{padding:40px 20px}.directory-help-card{border-radius:24px;grid-template-columns:1fr;gap:36px;padding:36px 24px 48px}.directory-help-card>.dither-background{width:100%;height:60%;inset:40% 0 0}.directory-help-visual{aspect-ratio:473/298;border-radius:16px;height:auto}}@media (prefers-reduced-motion:reduce){.suite-hero-visual{animation:none}}