:root{--ink:#16231d;--muted:#68756e;--green:#236c4b;--green-dark:#10261d;--soft:#edf5f0;--line:#d7e2db;--paper:#fafcfb;--serif:"Instrument Serif",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);background:var(--paper);color:var(--ink)}button,input{font:inherit}.connection-topbar{height:72px;padding:0 max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.connection-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:-.03em}.connection-brand span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px 9px 9px 2px;background:var(--green);color:#fff;font:21px var(--serif)}.back-link{color:var(--green);font-size:12px;font-weight:700;text-decoration:none}.connection-shell{width:min(960px,calc(100% - 40px));margin:0 auto;padding:70px 0 45px}.connection-intro{max-width:730px}.eyebrow{font:10px var(--mono);letter-spacing:.16em;color:var(--green);margin:0 0 16px}.connection-intro h1{font:58px/.95 var(--serif);letter-spacing:-.035em;margin:0 0 18px}.connection-intro>p{max-width:660px;color:var(--muted);font-size:14px;line-height:1.7}.billing-note{margin-top:28px;border-left:4px solid #c18e39;border-radius:0 10px 10px 0;background:#fff8e9;padding:18px 20px;color:#574421}.billing-note strong{font-size:13px}.billing-note p{font-size:11px;line-height:1.65;margin:6px 0 0}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.provider-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 32px #183b2a0a}.provider-heading{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.provider-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--green-dark);color:white;font:22px var(--serif)}.anthropic-mark{background:#b76843}.provider-heading p{font:9px var(--mono);letter-spacing:.14em;color:var(--muted);margin:0 0 3px}.provider-heading h2{font:25px var(--serif);margin:0}.status-pill{font-size:8px;font-weight:700;padding:6px 8px;border-radius:99px;background:#f0f2f1;color:#6f7773}.provider-card.connected{border-color:#86b39c}.provider-card.connected .status-pill{background:#dff1e7;color:#17603e}.provider-copy{min-height:42px;color:var(--muted);font-size:11px;line-height:1.55;margin:20px 0}.key-form label{display:block;font-size:9px;font-weight:700}.key-row{display:flex;gap:8px;margin-top:7px}.key-row input{width:100%;min-width:0;height:45px;border:1px solid var(--line);border-radius:9px;padding:0 12px;font-size:13px}.key-row input:focus{outline:3px solid #4a9b7140;border-color:#4a9b71}.key-row button,.continue-button{border:0;border-radius:9px;background:var(--green-dark);color:white;font-weight:700;padding:0 17px}.key-row button:disabled{opacity:.55}.form-message{min-height:16px;margin:6px 0 0;color:#a23f3f;font-size:9px}.provider-card>a{display:inline-block;color:var(--green);font-size:10px;font-weight:700;margin-top:16px}.connected-actions{min-height:74px;padding:14px;background:var(--soft);border-radius:10px}.connected-copy{font-size:10px;line-height:1.5;margin:0 0 10px}.connected-actions button{border:0;background:none;color:var(--green);font-size:9px;font-weight:700;padding:0;margin-right:14px}.connected-actions .remove-button{color:#a23f3f}.security-note{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:13px;background:#f3f8f5}.security-note>span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d8eadf;color:var(--green)}.security-note strong{font-size:11px}.security-note p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.connection-footer{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.connection-footer>a:first-child{font-size:11px;color:var(--muted)}.continue-button{display:flex;align-items:center;gap:10px;min-height:47px;padding:0 20px;text-decoration:none;font-size:11px}:focus-visible{outline:3px solid #5ba37e;outline-offset:3px}@media(max-width:720px){.connection-topbar{height:64px;padding:0 20px}.connection-shell{width:min(100% - 30px,600px);padding:44px 0 max(35px,env(safe-area-inset-bottom))}.connection-intro h1{font-size:44px}.provider-grid{grid-template-columns:1fr}.provider-copy{min-height:0}.provider-heading{grid-template-columns:auto 1fr}.status-pill{grid-column:2}.connection-footer{position:sticky;bottom:0;background:linear-gradient(transparent,#fafcfb 20%);padding-top:26px}.back-link{font-size:10px}}