.connect-landing-preview{border:1px solid #3d4b4c;border-radius:18px;background:#142123;color:#f0f6f3;box-shadow:0 24px 52px #07151733}.connect-landing-preview-row{display:grid;gap:12px;padding:clamp(16px,3vw,26px)}.connect-landing-preview-row+.connect-landing-preview-row{border-block-start:1px solid #3d4b4c}.connect-landing-preview-heading{display:flex;align-items:center;gap:10px}.connect-landing-preview-heading svg{flex:none;color:#adcec5}.connect-landing-preview-heading p{margin:0;color:inherit;font:inherit;font-weight:600}.connect-landing-preview pre{margin:0}.connect-landing-preview code{display:block;padding:11px 13px;border-radius:8px;background:#0c1618;color:#cbede1;font:.8rem/1.65 var(--font-geist-mono,monospace);overflow-wrap:anywhere;white-space:pre-wrap}.connect-guide-section{padding-block:clamp(44px,6vw,74px)}.connect-section-intro{max-width:66ch;margin:14px 0 0}.connect-guide-section :is(p,li,dd){color:#405d53;line-height:1.65}.connect-example-grid,.connect-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:26px}.connect-example,.connect-scope{min-width:0;padding:clamp(14px,2vw,22px);border:1px solid #d6e4da;border-radius:14px;background:#fff}.connect-example{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px}.connect-example svg{color:#37745d}.connect-example h3,.connect-scope h3{margin:0;font-size:19px;line-height:1.25;color:#193438;letter-spacing:-.02em}.connect-example p,.connect-scope p{margin:0;font-size:14px}.connect-developer-code pre,.connect-example-request{min-width:0;margin:0;border-radius:9px;background:#142123;color:#dbefe6;font-size:12px;line-height:1.65}.connect-example-request{padding:10px 12px}.connect-example-request>code{display:block;padding-block-end:8px;border-block-end:1px solid #3d4b4c}.connect-guide-section pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.connect-example-request pre{margin-block-start:8px}.connect-guide-section code{overflow-wrap:anywhere}.connect-scope h3{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-block-end:10px}.connect-scope h3 code{padding:3px 6px;border-radius:5px;background:#eaf3ed;color:#285842;font-size:11px;font-weight:500}.connect-tool-list{margin-block-start:16px}.connect-tool-list details{border-block-start:1px solid #d6e4da}.connect-tool-list summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;min-height:50px;padding-block:8px;cursor:pointer;list-style:none;color:#193438}.connect-tool-list summary::-webkit-details-marker{display:none}.connect-tool-list summary code{grid-column:1;justify-self:start;font-size:11px;color:#466358}.connect-tool-list summary svg{grid-column:2;grid-row:1/3;color:#466358}.connect-tool-list details[open] summary svg{rotate:180deg}.connect-tool-list summary:hover span{text-decoration:underline;text-underline-offset:3px}.connect-tool-detail{padding-block:3px 12px}.connect-tool-detail dl{display:grid;gap:9px;margin:12px 0 0}.connect-tool-detail dt{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;color:#193438}.connect-tool-detail dt small{color:#405d53;font-size:11px}.connect-tool-detail dd{margin:1px 0 0;font-size:12px}.connect-developer-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(20px,4vw,52px);align-items:start}.connect-api-steps{display:grid;gap:10px;padding-inline-start:20px;margin-block:18px 24px}.connect-developer-code{display:grid;gap:16px;min-width:0}.connect-developer-code pre{padding:16px}.connect-status-list{display:grid;gap:8px;margin:0}.connect-status-list>div{display:grid;grid-template-columns:minmax(32px,auto) minmax(0,1fr);align-items:baseline;gap:10px}.connect-status-list dd{margin:0;font-size:14px}.connect-scope-count{margin-block-start:8px!important;color:#285842!important;font-size:13px!important;font-weight:600}.connect-status-title{margin:30px 0 6px;font-size:17px;color:#193438}.connect-status-intro{margin:0 0 12px;font-size:14px}.connect-snippet{display:grid;gap:7px;min-width:0;margin:0}.connect-snippet figcaption{color:#193438;font-size:14px;font-weight:600}.connect-assurance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block-start:26px}.connect-assurance-grid h3 svg{flex:none;color:#37745d}.connect-assurance-list{display:grid;gap:8px;margin:0;padding-inline-start:20px;font-size:14px}@media (max-width:920px){.connect-assurance-grid,.connect-developer-grid,.connect-example-grid,.connect-scope-grid{grid-template-columns:1fr}}