.connect-heading{padding-top:81px;padding-bottom:51px;border-bottom:1px solid var(--rule)}
.connect-heading h1{font-size:clamp(46px,6.7vw,76px);letter-spacing:-.075em;line-height:1.05;margin:25px 0 23px;max-width:850px;font-weight:590}
.connect-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.8;max-width:750px;margin:0}
.connect-url-section{padding-top:26px;padding-bottom:40px}
.connect-url-head{display:flex;justify-content:space-between;gap:20px;color:var(--accent);font:10px var(--mono);margin-bottom:12px}
.connect-url-value{border:1px solid #bac5b8;background:#fff;display:flex;min-height:64px;align-items:center}
.connect-url-value code{font:13px/1.4 var(--mono);color:#263d2d;padding:16px 20px;overflow:auto;flex:1;white-space:nowrap}
.connect-url-value button{border:0;border-left:1px solid var(--rule);height:62px;min-width:107px;color:var(--accent);background:#f1f5f0;font-size:12px;font-weight:650}
.connect-url-value button:hover{background:#e4ede3}
.connect-url-section>p{font-size:11px;color:#748076;margin-top:13px}
.connect-url-section>p code{font-family:var(--mono);font-size:10px;color:#334c3a}
.client-section{padding-top:45px;padding-bottom:98px}
.client-label{display:flex;align-items:baseline;justify-content:space-between;gap:22px;margin-bottom:24px}
.client-label p{font-size:13px;color:var(--muted);margin:0}
.client-tabs{display:flex;gap:0;align-items:stretch;border-top:1px solid #bcc6bc;border-bottom:1px solid #bcc6bc}
.client-tabs button{flex:1;background:none;color:#78847b;border:0;border-right:1px solid var(--rule);font-size:13px;font-weight:650;padding:17px 24px;min-height:56px}
.client-tabs button:last-child{border-right:0}
.client-tabs button:hover{color:var(--ink);background:#f3f6f2}
.client-tabs button[aria-selected=true]{color:#12271c;border-bottom:3px solid var(--accent);padding-bottom:14px;background:#eff3ed}
.client-panel{display:grid;grid-template-columns:1fr;gap:0;max-width:870px;padding-top:37px}
.client-panel-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.client-panel-top h2{font-size:28px;letter-spacing:-.055em;margin:0 0 8px}
.client-panel-top p{font-size:13px;color:#647269;margin:0}
#clientMode{font:10px var(--mono);color:#78877c;white-space:nowrap}
.steps{counter-reset:steps;list-style:none;margin:27px 0 14px;padding:0;border-top:1px solid var(--rule)}
.steps li{position:relative;counter-increment:steps;border-bottom:1px solid var(--rule);padding:17px 0 17px 40px;font-size:13px;line-height:1.7;color:#35453b}
.steps li::before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:18px;font:11px var(--mono);color:#7b9a81}
.steps li code{font:11px var(--mono);background:#e7eee6;padding:2px 5px;color:#2a4d35;white-space:normal;overflow-wrap:anywhere}
.client-caveat{font-size:11px;color:#78837a;line-height:1.75;margin:20px 0 11px}
.doc-link{font-size:12px;color:var(--accent);font-weight:620;text-decoration:underline;text-underline-offset:4px;display:inline-flex;width:max-content}
.config-snippet{border:1px solid #c6cec6;background:#f0f3ee;margin:14px 0}
.config-snippet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #c6cec6;padding:10px 13px;font:10px var(--mono);color:#627664}
.config-snippet-top button{border:0;background:transparent;font:600 11px var(--sans);color:var(--accent)}
.config-snippet pre{overflow:auto;padding:15px 14px;margin:0;font:12px/1.9 var(--mono);color:#243f30;white-space:pre}
.verify-section{border-top:1px solid #b8c3b9;padding-top:50px;padding-bottom:86px}
.verify-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.verify-intro h2{font-size:30px;letter-spacing:-.065em;font-weight:590;margin:15px 0 12px}
.verify-intro p{font-size:12px;max-width:680px;line-height:1.7;color:#6a786e;margin:0}
.verify-intro button{white-space:nowrap}
.verify-output{border:1px solid #c5cec4;background:#fff}
.verify-output-head{padding:13px 17px;border-bottom:1px solid #d2dcd1;display:flex;justify-content:space-between;gap:12px;font:10px var(--mono);color:#728376}
.verify-output-head span:last-child{color:var(--accent)}
.verify-output pre{padding:19px 18px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/1.8 var(--mono);min-height:110px;color:#34523e}
.what-you-get{padding-top:76px;padding-bottom:105px;border-top:1px solid var(--rule)}
.tool-list{border-top:1px solid #becabe;margin-top:22px}
.tool-list>div{display:grid;grid-template-columns:280px 1fr;gap:40px;border-bottom:1px solid var(--rule);padding:20px 0;align-items:baseline}
.tool-list code{font:12px/1.6 var(--mono);color:#1e4e36;overflow-wrap:anywhere}
.tool-list span{font-size:12px;color:#627269;line-height:1.7}
.private-section{background:#1a2c26;padding:87px 0 92px;color:#fff}
.private-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:11%;align-items:center}
.private-grid .section-index{color:#a7c6ac}
.private-grid h2{font-size:40px;line-height:1.14;letter-spacing:-.067em;margin:22px 0}
.private-grid p{color:#b6c7bc;font-size:13px;line-height:1.8;margin-bottom:27px}
.private-config{border-top:1px solid #607d64;padding-top:19px}
.private-config>div{font:11px var(--mono);color:#a7c8b2;margin-bottom:15px}
.private-config>code{display:block;font:12px/1.7 var(--mono);overflow-wrap:anywhere;color:#f0fff1}
.private-config p{font-size:11px;color:#99b2a3;margin-top:18px}
.private-config p code{font:10px var(--mono);color:#d8f1d9}
@media(max-width:840px){.connect-heading{padding-top:58px}.client-section{padding-bottom:75px}.private-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:620px){.connect-heading h1{font-size:44px}.connect-url-head{font-size:9px}.connect-url-value{flex-wrap:wrap}.connect-url-value code{font-size:11px;min-width:100%;white-space:normal;overflow-wrap:anywhere}.connect-url-value button{width:100%;height:41px;border-left:0;border-top:1px solid var(--rule)}
.client-tabs{flex-wrap:wrap}.client-tabs button{width:50%;flex:auto;min-height:51px;padding:13px 6px;border-bottom:1px solid var(--rule)}.client-tabs button[aria-selected=true]{padding-bottom:10px}
.client-panel-top{flex-wrap:wrap}.client-panel-top h2{font-size:25px}.verify-intro{align-items:start;flex-direction:column;gap:19px}.tool-list>div{grid-template-columns:1fr;gap:8px}.private-grid h2{font-size:34px}}