.connectors-hero{padding:72px 0 48px}.hero-inner{max-width:760px}.eyebrow-pill--blue{background:var(--z-primary);color:#fff;margin-bottom:24px}.connectors-hero h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:56px;letter-spacing:-.03em;line-height:1.05;color:var(--z-ink);margin-bottom:18px;white-space:pre-line}.connectors-hero .sub{font-size:17px;color:var(--z-ink-2);line-height:1.6;max-width:600px;margin-bottom:32px}@media(max-width:768px){.connectors-hero h1{font-size:40px}}@media(max-width:480px){.connectors-hero h1{font-size:32px;white-space:normal}.connectors-hero{padding:48px 0 32px}}.search-wrap{position:relative;max-width:480px}.search-icon-abs{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--z-ink-3);pointer-events:none}#search{width:100%;padding:12px 16px 12px 44px;font-family:Inter Tight,sans-serif;font-size:15px;font-weight:500;background:var(--z-surface);color:var(--z-ink);border:1.5px solid var(--z-ink);border-radius:10px;box-shadow:inset 0 1px 3px #1613110f,2px 2px 0 0 var(--z-ink);outline:none;transition:box-shadow .12s}#search::placeholder{color:var(--z-ink-3)}#search:focus{box-shadow:inset 0 1px 3px #1613110f,0 0 0 3px var(--z-lime),2px 2px 0 0 var(--z-ink)}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:32px 0 24px}.filter-tab{font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:7px 14px;border:1.5px solid var(--z-ink);border-radius:999px;background:var(--z-surface);color:var(--z-ink-2);cursor:pointer;box-shadow:2px 2px 0 0 var(--z-ink);transition:transform 80ms,box-shadow 80ms;user-select:none}.filter-tab:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--z-ink);color:var(--z-ink)}.filter-tab.is-active{background:var(--z-ink);color:var(--z-bg)}.filter-tab.is-active:hover{color:var(--z-bg)}.connectors-section{padding-bottom:80px}.connectors-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media(max-width:1100px){.connectors-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.connectors-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.connectors-grid{grid-template-columns:repeat(2,1fr)}}.connector-card{background:var(--z-surface);border:1.5px solid var(--z-ink);border-radius:10px;padding:16px 74px 14px 14px;box-shadow:2px 2px 0 0 var(--z-ink);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:transform 80ms,box-shadow 80ms;text-decoration:none}.connector-card:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--z-ink)}.connector-category{font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--z-ink-3)}.connector-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--z-ink);line-height:1.2;margin-top:2px}.connector-stamps{position:absolute;top:10px;right:9px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.connector-card--planned{border-style:dashed;box-shadow:none;opacity:.72}.connector-card--planned:hover{opacity:1;transform:translate(-1px,-1px);box-shadow:2px 2px 0 0 var(--z-line-soft)}.connector-cta{margin-top:auto;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--z-primary);display:inline-flex;align-items:center;gap:4px}.connector-card--planned .connector-cta{color:var(--z-ink-3)}.connector-card:hover .connector-cta{color:var(--z-ink)}.connector-card--planned:hover .connector-cta{color:var(--z-ink-3)}.connector-ghost-icon{position:absolute;bottom:-4px;right:-4px;width:40px;height:40px;opacity:.08;color:var(--z-ink);pointer-events:none}.no-results{display:none;text-align:center;padding:64px 0;color:var(--z-ink-3);font-size:16px}.no-results.is-visible{display:block}.grid-section-label{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--z-ink);margin-top:40px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.grid-section-label:after{content:"";flex:1;height:1.5px;background:var(--z-line-soft)}.grid-section-label:first-child{margin-top:0}.byo-section{padding:80px 0;background:var(--z-bg-2);scroll-margin-top:80px}.byo-section h2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:40px;letter-spacing:-.03em;color:var(--z-ink);margin-bottom:12px}.byo-section .sub{font-size:16px;color:var(--z-ink-2);line-height:1.6;max-width:600px;margin-bottom:40px}.section-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--z-ink-3);margin-bottom:10px}@media(max-width:640px){.byo-section h2{font-size:28px}}.sdk-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:640px){.sdk-grid{grid-template-columns:1fr}}.sdk-card{border:1.5px solid var(--z-ink);border-radius:14px;padding:28px;box-shadow:4px 4px 0 0 var(--z-ink)}.sdk-card--lime{background:var(--z-lime)}.sdk-card--yellow{background:var(--z-yellow)}.sdk-label{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--z-ink);margin-bottom:10px}.sdk-card h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:22px;color:var(--z-ink);margin-bottom:16px}.sdk-snippet{background:var(--z-ink);border-radius:8px;padding:16px;margin-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--z-lime);line-height:1.7;overflow-x:auto;white-space:pre;max-width:100%}.sdk-card{min-width:0;overflow:hidden}.sdk-card--yellow .sdk-snippet{color:var(--z-yellow)}.cta-dark{background:var(--z-ink);padding:80px 0;text-align:center}.cta-dark h2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:40px;letter-spacing:-.03em;color:var(--z-bg);margin-bottom:12px}.cta-dark p{font-size:16px;color:var(--z-ink-3);margin-bottom:32px}.cta-dark .z-btn-chunky{border-color:var(--z-bg);box-shadow:3px 3px #9a9087;color:var(--z-ink)}.cta-dark .z-btn-chunky:hover{box-shadow:4px 4px #9a9087}.cta-dark .z-btn-chunky--go{border-color:var(--z-go);box-shadow:3px 3px #18744a}.cta-dark .z-btn-chunky--go:hover{box-shadow:4px 4px #18744a}.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}