.connect-guide{--ink:#f4f4f6;--muted:#a5a7b4;--cyan:#52ddd0;background:#0b0e13;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:0 28px;line-height:1.65}.connect-guide,.connect-guide *{box-sizing:border-box}.guide-content,.guide-footer,.guide-hero,.guide-nav,.still-blocked{max-width:960px;margin:auto}.guide-nav{justify-content:space-between;min-height:96px;border-bottom:1px solid #262b34;font-size:13px;color:var(--muted)}.guide-nav,.guide-nav a{display:flex;align-items:center}.guide-nav a{gap:12px;color:inherit;text-decoration:none}.guide-nav strong{color:white;font-size:29px;letter-spacing:-1.5px}.nav-divider{height:22px;border-left:1px solid #353b46;margin:0 5px}.guide-hero{padding:76px 0 58px}.eyebrow{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:700}.guide-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.13;letter-spacing:-2.6px;font-weight:620;margin:22px 0}.guide-hero em{font-style:normal;color:var(--cyan)}.guide-hero p{max-width:610px;font-size:19px;color:var(--muted);line-height:1.7}.jump-link{display:inline-flex;gap:40px;margin-top:15px;color:var(--ink);text-underline-offset:7px;font-size:14px}.jump-link span{color:var(--cyan)}.guide-content{border-top:1px solid #262b34}.guide-step{display:grid;grid-template-columns:62px 1fr;grid-gap:22px;gap:22px;padding:36px 0;border-bottom:1px solid #262b34;scroll-margin-top:24px}.step-number{font-size:13px;font-weight:700;color:var(--cyan);padding-top:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.guide-step h2,.still-blocked h2{font-size:25px;line-height:1.3;margin:0 0 16px;letter-spacing:-.5px}.guide-step p{max-width:700px;color:var(--muted);font-size:16px;margin:12px 0}.guide-step strong{color:var(--ink);font-weight:600}.server-url{display:block;max-width:620px;padding:16px 20px;background:#171c25;border:1px solid #303949;border-radius:10px;overflow-wrap:anywhere;color:var(--cyan);-webkit-user-select:all;-moz-user-select:all;user-select:all}.guide-step p.subtle,.server-url{font-size:14px}.screen-example{margin-top:26px;background:radial-gradient(ellipse at top,#1d3437,transparent 70%),#10161e;border:1px solid #293941;border-radius:16px;padding:22px 22px 30px}.example-label{font-size:10px;color:#9facb5;letter-spacing:1.5px;text-align:center;margin-bottom:22px}.consent-example{max-width:410px;background:#111;border:1px solid #303030;border-radius:14px;padding:26px;margin:auto}.consent-example h3{font-size:20px;margin:0;text-align:center}.consent-example>p{font-size:13px;text-align:center;margin:6px 0 25px;color:#909090}.example-field{font-size:12px;color:#aaa;border-top:1px solid #292929;padding-top:20px}.example-field>span{display:block;border:1px solid #333;border-radius:7px;width:max-content;padding:5px 12px;color:#eee;margin-top:5px}.example-actions{display:flex;gap:12px;margin:24px 0 18px}.example-actions>span{flex:1 1;text-align:center;font-size:13px;border-radius:7px;border:1px solid #333;padding:7px}.example-actions>span:last-child{background:linear-gradient(100deg,#008bff,#00c6ac);color:white;border:0;font-weight:600}.permission-demo{border-top:1px solid #292929;padding-top:14px}.permission-demo summary{cursor:pointer;color:#fff;font-size:13px;background:#172826;border:1px solid #4bbcac;border-radius:7px;padding:11px 9px;list-style-position:inside}.permission-demo summary b{float:right;font-size:10px;line-height:22px;color:var(--cyan);font-weight:600}.jump-link:focus-visible,.permission-demo summary:focus-visible{outline:3px solid #a998ff;outline-offset:5px}.demo-options{padding:18px 0 0}.preset-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#888}.preset-row>strong{padding:4px 9px;border-radius:6px;background:#07334c;color:#6fc6ff}.readonly-preset{padding:4px 9px;background:#202020;border-radius:6px}.demo-options p{font-size:12px;line-height:1.7;margin:18px 0}.demo-table>div{display:grid;grid-template-columns:1fr 44px 44px;align-items:center;grid-gap:12px;gap:12px;padding:10px 0;font-size:12px}.demo-table>div:first-child{color:#888;font-size:10px;text-transform:uppercase}.toggle-example{display:block;background:#008aff;width:29px;height:17px;border-radius:30px;position:relative}.toggle-example:after{content:"";position:absolute;right:3px;top:3px;width:11px;height:11px;background:white;border-radius:50%}.demo-options small{display:block;color:#999;font-size:10px;margin-top:18px}.success-note{display:flex;gap:14px;margin-top:24px;padding:16px 20px;background:#122321;border:1px solid #28433d;border-radius:10px}.success-note>span{color:var(--cyan);font-size:21px}.success-note p{margin:0;font-size:14px;color:#c6dfd9}.still-blocked{padding:44px 0 40px 84px}.still-blocked h2{margin-top:15px;font-size:22px}.still-blocked p{font-size:14px;color:var(--muted);max-width:690px}.guide-footer{padding:26px 0 35px;border-top:1px solid #262b34;display:flex;justify-content:space-between;gap:20px;color:#838997;font-size:11px}@media(max-width:600px){.connect-guide{padding:0 20px}.guide-nav{min-height:78px}.guide-nav>span{font-size:11px}.guide-hero{padding:48px 0 38px}.guide-hero h1{letter-spacing:-1.5px}.guide-hero p{font-size:17px}.guide-step{grid-template-columns:30px 1fr;gap:10px;padding:28px 0}.guide-step h2{font-size:22px}.screen-example{margin-left:-40px;padding:18px 12px}.consent-example{padding:21px 18px}.guide-step p{font-size:15px}.still-blocked{padding:34px 0}.guide-footer{flex-direction:column;gap:5px}.server-url{font-size:12px;padding:14px}.example-label{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:no-preference){html:has(.connect-guide){scroll-behavior:smooth}}@media print{.connect-guide{background:white;color:black}.guide-hero p,.guide-step p,.still-blocked p{color:#444}.screen-example{page-break-inside:avoid;break-inside:avoid}}.guide-hero{padding:32px 0}.guide-hero h1{font-size:32px;letter-spacing:-.7px;margin:0 0 8px}.guide-hero p{font-size:16px;margin:0;max-width:none}.exact-example{background:#090909;border-color:#292929;padding:22px 22px 26px}.guide-step .walk-instruction{color:#eee;text-align:center;margin:0 auto 5px;font-size:15px}.guide-step .walk-disclaimer{font-size:12px;color:#969696;text-align:center;margin:0 auto 26px}.example-brand{display:flex;align-items:center;justify-content:center;gap:4px;margin:20px 0 26px}.exact-consent{max-width:448px;padding:24px;border-color:#252525;border-radius:15px}.exact-consent h3{font-size:20px;font-weight:600}.exact-consent>p{font-size:14px;line-height:20px;color:#858585;margin:8px 0 26px}.example-client-id{color:white}.consent-fields{border-top:1px solid #252525;padding-top:22px}.exact-consent .example-field{border:0;padding:0;color:#aaa;font-size:14px}.example-field>span{padding:6px 12px;font-size:14px;background:#191919}.field-chevron{color:#555;margin-left:8px}.example-org{margin-top:18px;color:#aaa;font-size:14px}.example-org label small{font-size:11px;color:#666}.example-org input{display:block;width:100%;background:#191919;border:1px solid #333;border-radius:8px;color:#888;font:inherit;padding:9px 12px;height:38px;margin-top:3px}.example-org input::placeholder{color:#626262;font-size:14px}.example-org>small{display:block;color:#626262;font-size:11px;margin-top:7px}.exact-consent .example-actions{margin:24px 0 16px;gap:12px}.example-actions button{width:100%;border:1px solid #333;background:transparent;border-radius:8px;color:#aaa;font:inherit;font-size:14px;height:37px;cursor:pointer}.authorize-target,.example-actions>button{flex:1 1;min-width:0}.authorize-target{position:relative}.authorize-target>button{background:linear-gradient(100deg,#008aff,#00c6aa);border:0;color:#fff;font-weight:500}.exact-permissions{padding-top:10px;border-color:#252525}.disclosure-target,.preset-target{position:relative}.permission-disclosure{display:flex;gap:9px;align-items:center;width:100%;background:none;border:0;padding:5px 0;color:#666;font:inherit;font-size:12px;text-align:left;cursor:pointer;min-height:28px}.chevron{display:inline-block;font-size:17px;line-height:12px;color:#666}.chevron.expanded{transform:rotate(90deg)}.exact-permissions .demo-options{border:1px solid #252525;border-radius:11px;margin-top:12px;padding:16px;background:#090909}.exact-permissions .preset-row{gap:7px;font-size:12px}.preset-row button{font:inherit;font-size:12px;border:0;border-radius:7px;padding:4px 10px;background:#202020;color:#8a8a8a;cursor:pointer;white-space:nowrap}.preset-row button[aria-pressed=true]{background:#0d233c;color:#0099ff}.readonly-warning{background:#181204;border:1px solid #513700;border-radius:8px;margin-top:12px;padding:12px;color:#debf51;font-size:11px}.readonly-warning>strong{color:#ffe57d;font-size:11px;font-weight:500}.readonly-warning p{font-size:11px;color:#debf51;line-height:18px;margin:6px 0}.readonly-warning p:last-child{margin-bottom:0}.exact-permissions .demo-table{margin-top:10px}.exact-permissions .demo-table>div{grid-template-columns:1fr 40px 40px;gap:13px;font-size:14px;padding:10px 3px}.exact-permissions .demo-table>div:first-child{font-size:10px;color:#626262}.exact-permissions .demo-table small{color:#626262;font-size:11px;line-height:16px;margin:0}.exact-permissions .toggle-example{width:36px;height:20px}.exact-permissions .toggle-example:after{height:14px;width:14px}.toggle-example.off{background:#383838}.toggle-example.off:after{right:auto;left:3px}.no-write{color:#666;text-align:center}.guide-step .example-legal{font-size:12px;line-height:17px;text-align:center;color:#626262;max-width:440px;margin:24px auto 0}.walk-arrow{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;color:#ffe16c;pointer-events:none;z-index:2;font-size:12px;font-weight:600;text-shadow:0 1px 4px #000}.walk-arrow svg{width:44px;height:24px;stroke:#ffe16c;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:point-at-control 1.2s ease-in-out infinite}.authorize-target>.walk-arrow,.preset-target>.walk-arrow{right:auto;left:5px;top:auto;bottom:calc(100% + 7px);transform:none;flex-direction:column;gap:0}.authorize-target>.walk-arrow svg,.preset-target>.walk-arrow svg{width:26px;height:26px;transform:rotate(90deg);animation:point-down 1.2s ease-in-out infinite}.preset-target>.walk-arrow{bottom:calc(100% + 4px);font-size:10px}.walk-result{color:#d9e9e6;border-top:1px solid #333;margin-top:20px;padding-top:15px;font-size:14px}.walk-result button{display:block;margin-top:12px;background:none;border:1px solid #555;border-radius:6px;padding:7px 12px;color:#eee;cursor:pointer}.exact-example button:focus-visible{outline:2px solid #ffe16c;outline-offset:4px}@keyframes point-at-control{50%{translate:7px 0}}@keyframes point-down{50%{translate:0 5px}}@media(max-width:850px){.disclosure-target>.walk-arrow{right:auto;left:8px;top:auto;bottom:calc(100% + 3px);transform:none;flex-direction:column;gap:0}.disclosure-target>.walk-arrow svg{width:26px;height:26px;transform:rotate(90deg);animation:point-down 1.2s ease-in-out infinite}}@media(max-width:600px){.exact-example{padding:20px 12px}.exact-consent{padding:24px}.guide-hero{padding:26px 0}.guide-hero h1{font-size:28px}.guide-step .walk-instruction{font-size:14px}.guide-step .walk-disclaimer{font-size:11px}.exact-permissions .demo-table>div{gap:6px;grid-template-columns:1fr 34px 34px}.exact-permissions .toggle-example{width:31px}.example-org input::placeholder{font-size:11px}}@media(prefers-reduced-motion:reduce){.walk-arrow svg{animation:none!important}}.login-example{max-width:540px;margin-top:24px;padding:32px;background:#191919;border:1px solid #333;border-radius:12px}.login-example-brand{display:flex;align-items:center;gap:14px;color:#aaa;font-size:12px;margin-bottom:30px}.login-example h3{font-size:30px;line-height:1.2;margin:0 0 6px}.guide-step .login-example>p{font-size:14px;color:#888;margin:0 0 28px}.login-example-label{font-size:13px;color:#999;margin:18px 0 4px}.login-example-input{padding:14px;border:1px solid #353535;border-radius:8px;color:#888;font-size:14px}.login-example-forgot{text-align:right;color:#888;font-size:12px;margin-top:4px}.login-example-submit{margin-top:24px;border-radius:30px;background:#f4f4f4;color:#111;text-align:center;font-size:15px;font-weight:600;padding:11px}.login-example-divider{color:#888;font-size:11px;text-align:center;margin:28px 0 22px}.login-example-google{border-radius:30px;background:#2176ea;color:white;text-align:center;padding:10px 16px;font-size:13px;max-width:340px;margin:auto}.login-example small{display:block;text-align:center;color:#999;font-size:11px;margin-top:24px}@media(max-width:600px){.login-example{padding:22px 18px;margin-left:-40px}}.migration-note{max-width:960px;margin:0 auto 36px;padding:24px;background:#10161e;border:1px solid #293941;border-radius:12px;scroll-margin-top:24px}.migration-note h2{font-size:22px;line-height:1.3;margin:0 0 16px;color:var(--ink)}.migration-note p{font-size:15px;line-height:1.65;color:var(--muted);max-width:700px}.migration-note .migration-context{margin-bottom:0;color:var(--ink)}