@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#15231c;--muted:#68746d;--paper:#f5f4ee;--white:#fff;--line:#d9ddd6;--green:#1e684b;--lime:#d6f36c;--red:#a33a32;--shadow:0 28px 70px rgba(24,42,31,.12)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif}body{margin:0;min-height:100vh}a{color:inherit}main{max-width:1180px;margin:0 auto;padding:54px 38px 90px}nav{height:72px;padding:0 max(38px,calc((100vw - 1180px)/2 + 38px));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,244,238,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{font-weight:700;text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--ink);color:var(--lime);font-family:'DM Mono',monospace}.nav-user{display:flex;gap:24px;align-items:center;font-size:13px}.nav-user a{color:var(--muted)}h1,h2,p{margin-top:0}h1{font-size:clamp(40px,5vw,70px);line-height:.99;letter-spacing:-.055em}h2{font-size:30px;letter-spacing:-.035em}p{color:var(--muted);line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--green);margin-bottom:18px}.auth-shell{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:10vw}.auth-copy{max-width:660px;animation:rise .6s ease-out}.auth-copy h1{max-width:690px}.auth-copy p{font-size:18px;max-width:480px}.auth-form{background:var(--ink);color:#fff;padding:42px;box-shadow:var(--shadow);animation:rise .6s .08s ease-out both}.auth-form h1,.auth-form h2{margin-bottom:28px}.auth-form .eyebrow,.auth-form p{color:#aebcb4}.auth-form label,.connection-form label{display:block;font-size:12px;font-weight:600;margin:17px 0}.auth-form input,.connection-form input,.utility input{display:block;width:100%;margin-top:8px;border:0;border-bottom:1px solid #607168;background:transparent;padding:11px 0;color:#fff;font:inherit;outline:none}.auth-form input:focus{border-color:var(--lime)}button{border:0;background:var(--lime);color:var(--ink);font:600 13px Manrope;padding:14px 18px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:transform .18s,filter .18s}button:hover{transform:translateY(-2px);filter:brightness(.97)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}.auth-form button{width:100%;margin-top:28px}.login-shell{min-height:calc(100vh - 110px);display:grid;place-items:center}.standalone{position:absolute;top:36px;left:40px}.compact{width:min(440px,100%)}.workspace-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:38px}.workspace-head h1{font-size:clamp(44px,6vw,74px);max-width:750px;margin-bottom:18px}.workspace-head p{max-width:650px;margin:0}.quota{font:500 11px 'DM Mono';text-transform:uppercase;border:1px solid var(--line);padding:11px 13px;margin-bottom:8px}.steps{list-style:none;margin:0;padding:26px 0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.steps li{display:flex;gap:14px;align-items:center;opacity:.45}.steps li+li{border-left:1px solid var(--line);padding-left:25px}.steps li>span{font:500 12px 'DM Mono';border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.steps strong,.steps small{display:block}.steps small{color:var(--muted);font-size:11px;margin-top:2px}.steps .active,.steps .done{opacity:1}.steps .done>span{background:var(--green);border-color:var(--green);color:white}.workspace-section{display:grid;grid-template-columns:70px 1fr 1.15fr;gap:35px;padding:62px 0;border-bottom:1px solid var(--line)}.section-index{font:500 12px 'DM Mono';color:var(--muted);padding-top:3px}.section-copy p{max-width:400px}.connection-form{background:white;padding:32px 36px}.connection-form input,.utility input{color:var(--ink);border-color:var(--line)}.connection-form input[readonly]{color:var(--muted)}.connection-form label:first-child{margin-top:0}.connection-form em{font-weight:400;color:var(--muted)}.connection-form button{margin-top:28px;width:100%}.form-note{font-size:11px;margin:14px 0 0}.connection-result{display:flex;gap:12px;align-items:flex-start}.connection-result strong,.connection-result small{display:block}.connection-result small{color:var(--muted);margin-top:6px}.status-dot{width:9px;height:9px;border-radius:50%;background:#9ca49f;margin-top:5px;flex:none}.status-dot.live,.success .status-dot{background:#2ba56f;box-shadow:0 0 0 5px rgba(43,165,111,.12)}.connect-panel{background:var(--ink);color:white;padding:34px}.connect-panel.locked{opacity:.48;pointer-events:none}.connect-panel>label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#9eb0a6}.copy-row{display:flex;align-items:stretch;margin:10px 0 26px}.copy-row code{font:12px 'DM Mono';padding:14px;background:#26382f;overflow:auto;flex:1}.copy{background:var(--lime);padding:0 16px}.connect-panel ol{padding-left:20px;color:#c1ccc6;font-size:13px;line-height:1.9}.connector-state{border-top:1px solid #415148;margin-top:24px;padding-top:20px;display:flex;gap:10px;font-size:12px}.text-button{background:transparent;color:#d2dad6;padding:12px 0;text-decoration:underline}.utility{display:flex;align-items:flex-end;justify-content:space-between;padding:58px 0}.utility h2{margin-bottom:8px}.utility p{margin:0}.utility form{display:flex;min-width:480px;gap:14px;align-items:flex-end}.secondary{background:var(--ink);color:white;white-space:nowrap}.notice{padding:16px 18px;margin:24px 0;font-size:13px;border-left:3px solid}.notice.success{background:#e7f5ed;border-color:#2ba56f}.notice.error{background:#fae9e7;border-color:var(--red);color:#792a24}.invite-link{margin:12px 0 0}.invite-link code{background:white;color:var(--ink)}.muted{font-size:13px}.consent{max-width:700px;margin:10vh auto;background:white;padding:60px;box-shadow:var(--shadow)}.consent h1{font-size:50px}.consent li{margin:12px 0;color:var(--muted)}.consent form{display:flex;align-items:center;gap:24px;margin-top:32px}.consent code{font-family:'DM Mono';font-size:12px}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:800px){main{padding:32px 20px 70px}nav{padding:0 20px}.auth-shell{grid-template-columns:1fr;padding-top:70px}.auth-copy h1{font-size:47px}.auth-form{padding:30px}.workspace-head{display:block}.quota{display:inline-block;margin-top:28px}.steps{grid-template-columns:1fr;gap:18px}.steps li+li{border-left:0;padding-left:0}.workspace-section{grid-template-columns:36px 1fr}.connection-form,.connect-panel{grid-column:1/-1}.utility{display:block}.utility form{min-width:0;margin-top:25px}.consent{padding:32px}.consent h1{font-size:40px}.nav-user span{display:none}}