.landing_nav_outlet:has(.integrations_directory),.landing_nav_outlet:has(.integration_detail){background-color:#000}.landing .integrations_directory{--bg: #000;--bg-2: rgb(31, 26, 56);--surface: #12101a;--surface-hi: #1a1628;--border: rgba(255, 255, 255, .12);--border-soft: rgba(255, 255, 255, .08);--text: #fff;--text-2: rgba(255, 255, 255, .72);--text-3: rgba(255, 255, 255, .5);--accent: var(--link);--mono: dm-mono, monospace;--sans: dm-sans, sans-serif;--col: 920px;--frame: 1024px;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:16px;font-weight:400;line-height:1.45;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;min-height:100%;margin:0;width:100%}@media(width>=768px){.landing .integrations_directory{font-size:18px;line-height:1.4}}.landing .integrations_directory *{box-sizing:border-box}.landing .integrations_directory a{color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);transition:border-color .15s,color .15s}.landing .integrations_directory a:hover{color:var(--text);border-bottom-color:var(--accent)}.landing .integrations_directory code,.landing .integrations_directory .mono,.landing .integrations_directory h1,.landing .integrations_directory h2,.landing .integrations_directory h3,.landing .integrations_directory h4,.landing .integrations_directory p,.landing .integrations_directory li,.landing .integrations_directory dt,.landing .integrations_directory dd,.landing .integrations_directory a,.landing .integrations_directory button,.landing .integrations_directory input{font-family:var(--mono)}.landing .integrations_directory .integrations_directory__frame{max-width:var(--frame);margin:0 auto;padding:48px 16px 96px}@media(width>=545px){.landing .integrations_directory .integrations_directory__frame{padding-right:20px;padding-left:20px}}@media(width<=640px){.landing .integrations_directory .integrations_directory__frame{padding-top:32px;padding-bottom:72px}}.landing .integrations_directory .integrations_directory__hero{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.24)}.landing .integrations_directory .integrations_directory__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.landing .integrations_directory .integrations_directory__crumbs .integrations_cube{margin-top:-3px}.landing .integrations_directory .integrations_directory__crumbs_sep{opacity:.5}.landing .integrations_directory .integrations_directory__crumbs_tag{color:var(--text-2);border:1px solid var(--border);border-radius:2px;padding:2px 7px;letter-spacing:.06em;font-size:10px;text-transform:none}.landing .integrations_directory .integrations_directory__title{margin:0 0 14px;font-family:var(--mono);font-size:clamp(22px,3.2vw,30px);font-weight:500;line-height:1.15;letter-spacing:-.03em;color:var(--text)}.landing .integrations_directory .integrations_directory__lead{font-size:15px;font-weight:300;line-height:1.6;margin:0;max-width:62ch;font-family:var(--mono);color:var(--text-2)}.landing .integrations_directory .integrations_directory__facts{display:flex;flex-wrap:wrap;margin:0;border:1px solid var(--border);border-radius:4px;overflow:hidden;width:fit-content;max-width:100%}.landing .integrations_directory .integrations_directory__facts>div{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border-right:1px solid var(--border-soft);min-width:100px}.landing .integrations_directory .integrations_directory__facts>div:last-child{border-right:none}.landing .integrations_directory .integrations_directory__facts dt{margin:0;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.landing .integrations_directory .integrations_directory__facts dd{margin:0;font-size:13px;font-weight:500;color:var(--text)}.landing .integrations_directory .integrations_directory__facts code{font-size:12px;color:var(--text)}.landing .integrations_directory .integrations_directory__chrome{border:1px solid var(--border);border-radius:4px;background:var(--surface);overflow:hidden;margin-bottom:40px}.landing .integrations_directory .integrations_directory__chrome_header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:var(--bg-2);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--text-2)}.landing .integrations_directory .integrations_directory__chrome_header h2{margin:0;font-size:12px;font-weight:500;line-height:16px;color:var(--text)}.landing .integrations_directory .integrations_directory__chrome_count{margin-left:auto;font-size:11px;color:var(--text-3)}.landing .integrations_directory .integrations_directory__search{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border-bottom:1px solid var(--border-soft);background:#ffffff05}.landing .integrations_directory .integrations_directory__search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-family:var(--mono);font-size:13px;font-weight:400}.landing .integrations_directory .integrations_directory__search input::placeholder{color:var(--text-3)}.landing .integrations_directory .integrations_directory__search_prompt{display:flex;flex:0 0 auto;color:var(--accent)}.landing .integrations_directory .integrations_directory__search_prompt svg{display:block}.landing .integrations_directory .integrations_directory__empty{margin:0;padding:28px 16px;color:var(--text-3);font-size:13px}.landing .integrations_directory .integrations_directory__group{border-bottom:1px solid var(--border-soft)}.landing .integrations_directory .integrations_directory__group:last-child{border-bottom:none}.landing .integrations_directory .integrations_directory__group_label{margin:0;padding:14px 16px 6px;font-size:10px;font-weight:500;line-height:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.landing .integrations_directory .integrations_directory__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.landing .integrations_directory .integrations_directory__card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:16px;border-top:1px solid var(--border-soft);background:transparent;cursor:pointer}.landing .integrations_directory .integrations_directory__card:hover,.landing .integrations_directory .integrations_directory__card:focus-within,.landing .integrations_directory .integrations_directory__card--selected{outline:1px solid var(--accent);outline-offset:-1px}.landing .integrations_directory .integrations_directory__card:hover .integrations_directory__card_arrow,.landing .integrations_directory .integrations_directory__card:focus-within .integrations_directory__card_arrow,.landing .integrations_directory .integrations_directory__card--selected .integrations_directory__card_arrow{color:var(--text);transform:translate(2px)}.landing .integrations_directory .integrations_directory__card_stretch{position:absolute;inset:0;z-index:0;border:0;border-radius:inherit;border-bottom:none!important;color:transparent;text-indent:-9999px;overflow:hidden}.landing .integrations_directory .integrations_directory__card_main{position:relative;z-index:1;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;min-width:0;pointer-events:none}.landing .integrations_directory .integrations_directory__card_icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background:var(--surface-hi);border:1px solid var(--border-soft);color:var(--text-2)}.landing .integrations_directory .integrations_directory__card_icon img{width:16px;height:16px;opacity:.82;filter:brightness(0) invert(1)}.landing .integrations_directory .integrations_directory__card_icon svg{opacity:.82}.landing .integrations_directory .integrations_directory__card_glyph{font-size:10px;font-weight:500;color:var(--text-2)}.landing .integrations_directory .integrations_directory__card_body{min-width:0;padding-top:0}.landing .integrations_directory .integrations_directory__card_title_row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0 0 4px}.landing .integrations_directory .integrations_directory__card_name{margin:0;padding-top:1px;font-family:var(--mono);font-size:16px;font-weight:500;line-height:1.2;color:var(--text)}.landing .integrations_directory .integrations_directory__card_slug{padding-top:3px;font-family:var(--mono);font-size:13px;font-weight:300;line-height:1.2;color:var(--text-3)}.landing .integrations_directory .integrations_directory__card_desc{margin:0 0 12px;font-family:var(--mono);font-size:14px;font-weight:300;line-height:1.6;color:var(--text-2);max-width:72ch}.landing .integrations_directory .integrations_directory__card_tools{margin:0;font-family:var(--mono);font-size:13px;font-weight:400;color:var(--text-3);line-height:1.4}.landing .integrations_directory .integrations_directory__card_arrow{position:relative;z-index:1;align-self:center;font-size:16px;color:var(--text-3);pointer-events:none;transition:color .15s,transform .15s}.landing .integrations_directory .integrations_directory__aside{max-width:var(--col)}.landing .integrations_directory .integrations_directory__aside h2{margin:0 0 10px;font-size:11px;font-weight:500;line-height:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.landing .integrations_directory .integrations_directory__aside>p{margin:0 0 14px;font-size:15px;font-weight:300;line-height:1.6;color:var(--text-2)}.landing .integrations_directory .integrations_directory__install{margin:0 0 10px;max-width:100%}.landing .integrations_directory .integrations_directory__install_note{margin:0 0 18px;font-size:13px;font-weight:300;line-height:1.5;color:var(--text-3)}.landing .integrations_directory .integrations_directory__install_note a{color:var(--text-2)}.landing .integrations_directory .integrations_directory__install_note a:hover{color:var(--text)}.landing .integrations_directory .integrations_directory__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.landing .integrations_directory .integrations_directory__links a{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:13px;font-weight:500;color:var(--text-2)}.landing .integrations_directory .integrations_directory__links a:hover{color:var(--text);border-color:var(--accent)}