.connect-page{background:#f5f3ed;color:#252822}.connect-nav,.connect-main,.connect-footer{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}.connect-nav{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:24px}.connect-nav>a:last-child,.connect-footer a{font-size:14px;color:#52584b}.connect-hero{padding:92px 0 72px;max-width:960px}.connect-hero h1{font-size:clamp(34px,4.5vw,58px);line-height:1.3;letter-spacing:-.04em;margin:24px 0}.connect-hero h1 span{color:#67705e}.connect-lead{font-size:20px;line-height:1.8;max-width:660px;margin-bottom:32px}.connect-hero .button{margin:0 12px 12px 0}.example{background:#26322b;color:#f4f2e9;padding:40px 48px;border-radius:4px}.example .eyebrow{color:#d2bfa1}.example blockquote{font-size:clamp(23px,3vw,34px);line-height:1.65;margin:24px 0;max-width:840px}.example-flow{display:flex;flex-wrap:wrap;gap:16px 36px;border-top:1px solid #5c695f;padding-top:28px}.example .hint{color:#d5dbd1;margin-top:24px;line-height:1.7}.connect-setup{padding:100px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;scroll-margin-top:24px}.connect-setup h2,.connect-boundary h2{font-size:30px;line-height:1.4}.connect-setup p,.connect-boundary p{line-height:1.85}.connect-config{min-width:0}.connect-config label{display:block;margin-bottom:12px;font-weight:600}.copy-row{display:flex;gap:10px}.copy-row input{min-width:0;flex:1;font:14px ui-monospace,monospace;padding:14px;border:1px solid #c6cbbf;background:#fff;border-radius:4px}.copy-row button{flex-shrink:0}.connect-config details{padding:22px 0;border-bottom:1px solid #cbd0c2}.connect-config summary{cursor:pointer;font-weight:600}.connect-config pre{font-size:13px;background:#e9ebe3;padding:18px;line-height:1.8;white-space:pre;overflow-x:auto}.connect-boundary{max-width:740px;padding:0 0 72px}.connect-footer{border-top:1px solid #cbd0c2;display:flex;gap:24px;padding-top:28px;padding-bottom:36px}.connect-footer span{margin-right:auto}.connect-page a:focus-visible,.connect-page summary:focus-visible{outline:2px solid #9b3d22;outline-offset:5px}@media(max-width:650px){.connect-nav,.connect-main,.connect-footer{padding-left:24px;padding-right:24px}.connect-nav{min-height:84px}.connect-hero{padding:44px 0 40px}.connect-hero h1{font-size:34px}.connect-lead{font-size:17px}.example{padding:28px 24px}.example-flow{flex-direction:column;gap:14px}.connect-setup{padding:56px 0;grid-template-columns:1fr;gap:24px}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%;width:100%}.connect-footer{flex-wrap:wrap;gap:16px}.connect-footer span{flex-basis:100%}}