.connectors-page{color:var(--text-primary);background:var(--bg-base)}.connectors-page ::-moz-selection{background:var(--accent-primary);color:var(--text-on-accent)}.connectors-page ::selection{background:var(--accent-primary);color:var(--text-on-accent)}.connectors-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.connectors-page h1,.connectors-page h2,.connectors-page h3,.connectors-page h4,.connectors-thesis{font-family:var(--font-display);text-wrap:balance}.connectors-page h2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:650;line-height:1.15;letter-spacing:-.025em}.connectors-page p,.connectors-page dd{line-height:1.7}.connectors-page a:not(.btn){color:var(--text-accent);text-decoration:underline;text-underline-offset:5px}.connectors-page button,.connectors-page summary{-webkit-tap-highlight-color:transparent}.connectors-page :is(a,button,summary):focus-visible{outline:2px solid var(--accent-primary);outline-offset:5px}.connectors-intro{padding-top:64px}.connectors-intro h1{font-size:clamp(2.7rem,5vw,4.4rem);font-weight:700;letter-spacing:-.035em;line-height:1.1}.connectors-thesis{margin-top:24px;font-size:clamp(1.55rem,2.8vw,2.4rem);font-weight:550;line-height:1.3!important;letter-spacing:-.02em}.connectors-thesis span{color:var(--text-accent)}.connectors-lead{max-width:68ch;margin-top:24px;font-size:1.125rem;color:var(--text-secondary)}.connectors-opening{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border-strong)}.connectors-opening strong{font-weight:550;font-size:1.2rem;max-width:32ch}.connectors-opening p{font-size:.95rem;color:var(--text-secondary);max-width:68ch}.connector-demo{margin-top:48px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);overflow:hidden}.connector-selector{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--border-strong)}.connector-selector button{text-align:left;padding:21px 28px;min-height:80px;border-bottom:3px solid transparent;transition:background-color .15s}.connector-selector button+button{border-left:1px solid var(--border-default)}.connector-selector button:hover{background:var(--bg-elevated)}.connector-selector button[aria-pressed=true]{border-bottom-color:var(--accent-primary);background:var(--accent-primary-bg)}.connector-selector span,.connector-selector small{display:block}.connector-selector span{font-size:1.1rem;font-weight:600}.connector-selector small{margin-top:4px;color:var(--text-secondary);font-size:.875rem}.connector-demo-heading{padding:32px 32px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.connector-demo-heading h2{font-size:1.65rem}.connector-demo-heading p{font-size:.9rem;color:var(--text-secondary);margin-top:8px}.connector-demo-heading .btn{flex-shrink:0;min-height:44px}.connector-example{margin:20px 32px 0;color:var(--text-secondary);max-width:75ch}.connector-flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:30px 20px}.connector-flow li{position:relative;min-width:0}.connector-flow li:not(:last-child):after{content:"";height:1px;background:var(--border-strong);position:absolute;top:32px;left:calc(50% + 39px);width:calc(100% - 78px)}.connector-flow li[data-complete=true]:after{background:var(--accent-primary)}.connector-flow button{width:100%;display:flex;align-items:center;flex-direction:column;gap:7px;padding:0 10px;border-radius:var(--radius-md)}.connector-node{position:relative;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--border-strong);background:var(--bg-elevated);border-radius:var(--radius-lg);margin-bottom:9px}.connector-node svg{width:28px;height:28px}.connector-flow li[data-active=true] .connector-node{border-color:var(--accent-primary);color:var(--text-accent);background:var(--accent-primary-bg)}.connector-flow li[data-complete=true] .connector-node{color:var(--text-accent)}.connector-step-number{position:absolute;right:-8px;top:-8px;width:22px;height:22px;display:grid;place-items:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:50%;font-variant-numeric:tabular-nums}.connector-flow strong{font-size:1rem;font-weight:600;line-height:1.3}.connector-flow button>span:last-child{color:var(--text-secondary);font-size:.875rem}.connector-step-detail{display:grid;grid-template-columns:120px minmax(160px,.7fr) 1.8fr;gap:24px;align-items:start;padding:24px 32px;background:var(--bg-elevated);min-height:134px}.connector-step-count{color:var(--text-secondary);font-size:.875rem;font-variant-numeric:tabular-nums;padding-top:3px}.connector-step-detail h3{font-size:1.3rem;font-weight:600}.connector-step-detail p{color:var(--text-secondary);max-width:65ch}.connector-demo-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 32px;font-size:.875rem;color:var(--text-secondary)}.connector-demo-footer>span>span{padding-inline:8px}.connectors-catalog{padding-block:96px 64px}.connectors-section-lead{color:var(--text-secondary);max-width:66ch;margin-top:18px;font-size:1.1rem}.connector-article{display:grid;grid-template-columns:.85fr 1.15fr;-moz-column-gap:80px;column-gap:80px;border-top:1px solid var(--border-strong);padding-block:48px;margin-top:40px;scroll-margin-top:105px}.connector-article+.connector-article{margin-top:0}.connector-article h3{font-size:2rem;font-weight:650;line-height:1.2;letter-spacing:-.025em}.connector-status{font-size:.875rem;color:var(--text-accent);margin-top:14px}.connector-headline{font-size:1.3rem;font-weight:550;margin-top:25px}.connector-article-intro>p:not(.connector-status):not(.connector-headline){margin-top:18px;color:var(--text-secondary)}.connector-article-intro .connector-analogy{font-style:italic}.connector-article-intro>a{display:inline-block;margin-top:24px;min-height:44px}.connector-explanation dl{display:grid;gap:24px}.connector-explanation dt{font-weight:600;font-size:1.05rem}.connector-explanation dd{color:var(--text-secondary);margin-top:6px;max-width:68ch}.connector-limits{margin-top:28px;padding-top:24px;border-top:1px solid var(--border-default)}.connector-limits h4{font-size:.95rem;font-weight:600}.connector-limits h4:not(:first-child){margin-top:20px}.connector-limits p{color:var(--text-secondary);font-size:.95rem;margin-top:6px}.connectors-safety{padding-block:72px;background:var(--bg-elevated)}.connectors-safety-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.connectors-safety-intro p{color:var(--text-secondary);font-size:1.1rem;max-width:65ch}.permission-demo{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding-block:40px;margin-top:32px;border-block:1px solid var(--border-strong)}.permission-controls h3{font-size:1.3rem;font-weight:600}.permission-controls>p{margin-top:8px;font-size:.9rem;color:var(--text-secondary)}.permission-controls button[role=switch]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:60px;margin-block:16px;font-weight:500;border-block:1px solid var(--border-strong)}.permission-switch{width:42px;height:24px;border:1px solid var(--border-strong);border-radius:20px;padding:3px;flex-shrink:0;background:var(--bg-base)}.permission-switch>span{display:block;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform .15s}[aria-checked=true] .permission-switch{background:var(--accent-primary)}[aria-checked=true] .permission-switch>span{transform:translate(18px);background:var(--text-on-accent)}.permission-controls .btn{min-height:44px}.permission-diagram{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:center}.permission-diagram svg{width:30px;height:30px;margin:0 auto 12px}.permission-source,.permission-gate{position:relative;padding-block:10px}.permission-source:after{content:"";position:absolute;width:36px;height:1px;background:var(--border-strong);right:-30px;top:30px}.permission-diagram strong,.permission-source span{display:block}.permission-source span{font-size:.875rem;color:var(--text-secondary);margin-top:5px}.permission-gate[data-open=true]{color:var(--text-accent)}.permission-gate[data-open=false]{color:var(--text-error)}.permission-result{grid-column:1 / -1;background:var(--bg-base);padding:22px 28px;border-radius:var(--radius-lg);min-height:125px;text-align:left}.permission-result strong{font-size:1.15rem}.permission-result p{color:var(--text-secondary);margin-top:8px}.connectors-safety-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px}.connectors-safety-notes dt{font-weight:600}.connectors-safety-notes dd{font-size:.95rem;color:var(--text-secondary);margin-top:8px}.connectors-faq{padding-block:88px;display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.connectors-faq details{border-bottom:1px solid var(--border-strong);padding-block:20px}.connectors-faq details:first-child{padding-top:0}.connectors-faq summary{cursor:pointer;font-size:1.05rem;font-weight:550;min-height:44px;line-height:1.5}.connectors-faq details p{color:var(--text-secondary);margin-top:8px}.connectors-close{border-top:1px solid var(--border-strong);padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:40px}.connectors-close h2{font-size:2rem;max-width:26ch}.connectors-close p{max-width:60ch;color:var(--text-secondary);margin-top:16px}.connectors-close .btn{flex-shrink:0;min-height:48px}.connectors-meta{color:var(--text-secondary);font-size:.875rem;padding-bottom:48px}.connectors-meta a{display:inline-block;margin-top:8px;min-height:44px}@media(max-width:900px){.connectors-opening,.connectors-safety-intro{grid-template-columns:1fr;gap:16px}.connector-article{-moz-column-gap:40px;column-gap:40px}.connector-demo-heading{flex-wrap:wrap}.connector-step-detail{grid-template-columns:1fr 3fr;gap:12px 24px}.connector-step-detail p{grid-column:2}.permission-demo,.connectors-faq{grid-template-columns:1fr;gap:32px}}@media(max-width:600px){.connectors-wrap{width:calc(100% - 40px)}.connectors-intro{padding-top:40px}.connectors-lead{font-size:1rem}.connectors-opening{margin-top:28px}.connector-demo{margin-top:32px}.connector-selector button{padding:14px 10px;min-height:88px}.connector-selector span{font-size:.9rem}.connector-selector small{font-size:.75rem}.connector-demo-heading{padding:24px 20px 0;gap:16px}.connector-demo-heading h2{font-size:1.4rem}.connector-example{margin:20px 20px 0;font-size:.95rem}.connector-flow{grid-template-columns:1fr;gap:20px;padding:28px 20px}.connector-flow button{display:grid;grid-template-columns:48px 1fr;text-align:left;-moz-column-gap:18px;column-gap:18px;row-gap:2px;padding:0}.connector-node{grid-row:1 / 3;width:48px;height:48px;margin:0}.connector-node svg{width:24px;height:24px}.connector-flow li:not(:last-child):after{left:24px;top:53px;width:1px;height:11px}.connector-flow strong{font-size:.95rem}.connector-flow button>span:last-child{font-size:.85rem}.connector-step-detail{display:block;padding:20px;min-height:210px}.connector-step-detail h3{margin-top:6px}.connector-step-detail p{margin-top:8px;font-size:.95rem}.connector-demo-footer{padding:18px 20px;flex-direction:column;gap:12px}.connector-demo-footer a{min-height:44px;padding-top:8px}.connectors-catalog{padding-block:64px 24px}.connector-article{grid-template-columns:1fr;gap:24px;padding-block:32px;margin-top:28px}.connector-article h3{font-size:1.7rem}.connectors-safety{padding-block:48px}.permission-demo{padding-block:28px}.permission-result{padding:20px}.connectors-safety-notes{grid-template-columns:1fr;gap:24px}.connectors-faq{padding-block:56px;gap:28px}.connectors-close{flex-direction:column;align-items:flex-start;gap:24px}}@media(prefers-reduced-motion:reduce){.connectors-page *,.connectors-page *:after{transition:none!important;scroll-behavior:auto!important}}