.connect-page .document-main{padding-top:52px}.connect-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;column-gap:clamp(40px,5vw,88px);display:grid}.marketing-page.connect-page .document-main h1{letter-spacing:-.055em;max-width:12ch;font-size:clamp(44px,4.6vw,68px)}.marketing-page.connect-page .document-lede{max-width:52ch;margin-top:20px;font-size:17px}.marketing-page .connect-intro .eyebrow{color:var(--body-muted);margin-bottom:22px;font-size:10px}.connect-install,.connect-url{max-width:640px;margin-top:26px}.marketing-page .connect-intro h2{letter-spacing:-.02em;font-size:17px;font-weight:500;line-height:1.4}.connect-install .code-snippet,.connect-url .code-snippet{margin-top:10px}.connect-install>p,.connect-url>p{color:var(--body-muted);margin-top:10px;font-size:13px;line-height:1.55}.code-snippet{border:1px solid var(--paper-line);background:var(--lightningcss-light,#fbf8ef)var(--lightningcss-dark,#241a1e);border-radius:7px;min-width:0;max-width:100%;margin:16px 0 0;overflow:hidden}.code-snippet figcaption{border-bottom:1px solid var(--paper-line);letter-spacing:.06em;color:var(--body-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 14px;font:400 10px/1.5 SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex}.code-snippet button{border:1px solid var(--paper-line);background:var(--paper);min-width:64px;min-height:44px;color:var(--ink);letter-spacing:0;text-transform:none;cursor:pointer;border-radius:5px;padding:6px 12px;font:500 12px/1 DM Sans Variable,DM Sans Fallback,Arial,sans-serif}.code-snippet button:hover:not(:disabled){background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2e2327)}.code-snippet button:disabled{opacity:.55;cursor:default}.code-snippet button:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}.code-snippet pre{color:var(--ink);white-space:pre;margin:0;padding:14px;font:13px/1.65 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.marketing-page .document-body .code-snippet pre code{font:inherit;background:0 0;padding:0}.setup-prompt{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;display:flex}.setup-prompt button{border:1px solid var(--paper-line);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:5px;padding:6px 14px;font:500 13px/1 DM Sans Variable,DM Sans Fallback,Arial,sans-serif}.setup-prompt button:hover:not(:disabled){background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2e2327)}.setup-prompt button:disabled{opacity:.55;cursor:default}.setup-prompt button:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}.setup-prompt [role=status]{color:var(--body-muted);font-size:13px;line-height:1.5}.setup-prompt textarea{border:1px solid var(--paper-line);min-width:0;color:var(--ink);resize:vertical;background:var(--lightningcss-light,#fbf8ef)var(--lightningcss-dark,#241a1e);border-radius:7px;flex:1 0 100%;padding:12px 14px;font:12px/1.6 SFMono-Regular,Consolas,Liberation Mono,monospace}.setup-prompt textarea:focus{outline:2px solid var(--oxblood);outline-offset:2px}.connect-picker{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 32px;padding-top:6px;display:grid}.connect-picker-intro{color:var(--body-muted);grid-column:1/-1;margin:0;font-size:14px;line-height:1.6}#tutorials,.connect-page dt[id]{scroll-margin-top:24px}.connect-picker-column{gap:28px;min-width:0;display:grid}.marketing-page .connect-picker h2{letter-spacing:.08em;color:var(--body-muted);margin-bottom:8px;font:400 10px/1.5 SFMono-Regular,Consolas,Liberation Mono,monospace}.connect-picker ul{margin:0;padding:0;list-style:none}.connect-picker a{border-bottom:1px solid var(--paper-line);min-height:44px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:15px;text-decoration:none;display:flex}.connect-mark{width:20px;height:20px;color:var(--ink);flex:none}.connect-picker-label{flex:1;min-width:0}.connect-picker-duration{white-space:nowrap;color:var(--body-muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px}.connect-picker-arrow{color:var(--body-muted);flex:none;font-size:13px;transition:transform .18s}.connect-picker a:hover{text-underline-offset:3px;text-decoration:underline}.connect-picker a:hover .connect-picker-arrow{color:var(--ink);transform:translateY(2px)}.connect-picker a:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}@media (prefers-reduced-motion:reduce){.connect-picker-arrow{transition:none}.connect-picker a:hover .connect-picker-arrow{transform:none}}.marketing-page.connect-page .document-grid{margin-top:64px}.marketing-page.connect-page .document-grid aside{align-self:start;max-height:calc(100vh - 48px);position:sticky;top:24px;overflow:auto}.marketing-page.connect-page .document-grid aside a{gap:10px}.document-grid aside .connect-mark{width:18px;height:18px}.marketing-page.connect-page .document-body{min-width:0}.marketing-page.connect-page .document-body section{scroll-margin-top:24px}.marketing-page.connect-page .document-body section:focus{outline:none}.marketing-page.connect-page .document-body h2{align-items:center;gap:12px;display:flex}.marketing-page.connect-page .document-body h2 svg{width:28px;height:28px;color:var(--oxblood);flex:none}.marketing-page.connect-page .document-body ol{margin-top:14px}.marketing-page.connect-page .document-body li code,.marketing-page.connect-page .document-body p code{overflow-wrap:anywhere;font-size:.9em}.connect-meta{color:var(--body-muted);flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:12px;display:flex}.connect-meta a{color:inherit}.connect-legacy{border-block:1px solid var(--paper-line);padding-block:10px}.connect-legacy summary{align-content:center;min-height:44px;font-size:15px;font-weight:500}.connect-legacy summary:focus-visible{outline:2px solid var(--oxblood);outline-offset:2px}.marketing-page.connect-page .document-body .small-button{margin-top:4px;text-decoration:none}.marketing-page .connect-page .document-warning{margin-top:20px}@media (max-width:1100px){.connect-hero{grid-template-columns:minmax(0,1fr)}.connect-picker{border-top:1px solid var(--paper-line);margin-top:48px;padding-top:32px}}@media (max-width:960px){.marketing-page.connect-page .document-grid aside{display:none}.marketing-page.connect-page .document-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.marketing-page.connect-page .document-grid aside{max-height:none;position:static}}@media (max-width:620px){.connect-page .document-main{padding-top:24px}.marketing-page.connect-page .document-main h1{font-size:38px}.marketing-page.connect-page .document-lede{margin-top:10px;font-size:15px}.marketing-page .connect-intro .eyebrow{display:none}.connect-install,.connect-url{margin-top:20px}.connect-picker{grid-template-columns:1fr;gap:22px;margin-top:40px}.connect-picker-column{gap:22px}.code-snippet pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}}