:root{color:#16352e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7f2;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:0 48px}.masthead{border-bottom:1px solid #d9e0d6;justify-content:space-between;align-items:center;gap:20px;height:112px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#d8e99c;text-align:center;background:#16352e;border-radius:10px;width:37px;height:37px;font-size:24px;line-height:35px}.environment{color:#52675d;border:1px solid #cbd5c5;border-radius:30px;padding:8px 13px;font-size:12px}.intro{padding:76px 0 48px}.eyebrow,.section-label{letter-spacing:1.8px;font-size:11px;font-weight:700}.eyebrow{text-transform:uppercase;color:#5c705c;margin:0 0 22px}h1{letter-spacing:-3px;margin:0 0 24px;font-size:clamp(42px,6vw,70px);font-weight:600;line-height:1.09}.lede{color:#627266;max-width:510px;font-size:17px;line-height:1.65}.stack{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.stack span{background:#e8ede3;border-radius:5px;padding:7px 11px;font-size:12px}.connection{background:#fffefa;border:1px solid #cfdbc5;border-radius:12px;overflow:hidden}.section-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.connection>.section-label{background:#edf2e5;border-bottom:1px solid #dce4d4;padding:17px 25px}code{letter-spacing:0;font-size:11px;font-weight:400}.connection-body{justify-content:space-between;align-items:center;gap:24px;padding:30px 25px;display:flex}.connection-message{align-items:flex-start;gap:14px;display:flex}.status-dot{background:#8d9d82;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;box-shadow:0 0 0 5px #edf2e5}.success .status-dot{background:#318350}.error .status-dot{background:#b74b37;box-shadow:0 0 0 5px #faebe5}.checking .status-dot{background:#967523}.connection h2{margin:0 0 8px;font-size:17px}.connection p{color:#627266;max-width:450px;margin:0;font-size:13px;line-height:1.6}button{font:inherit;color:#fff;cursor:pointer;white-space:nowrap;background:#183e31;border:0;border-radius:7px;padding:13px 18px;font-size:13px;font-weight:600}button:hover{background:#2b5541}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #618636}.workspace{margin:44px 0 55px}.workspace>h2{color:#627266;margin:0 0 23px}.workspace-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.workspace article+article{border-left:1px solid #d9e0d6;padding-left:48px}.folder{color:#657958;font-family:monospace;font-size:12px}h3{margin:13px 0 10px;font-size:19px;font-weight:600}.workspace p{color:#627266;max-width:360px;margin:0;font-size:14px;line-height:1.7}footer{color:#6b7a6f;border-top:1px solid #d9e0d6;justify-content:space-between;gap:20px;padding:25px 0 32px;font-size:11px;display:flex}@media (width<=680px){main{padding:0 24px}.masthead{height:90px}.brand{font-size:13px}.environment{padding:6px 9px;font-size:10px}.intro{padding-top:50px}h1{letter-spacing:-2px}.connection-body{flex-direction:column;align-items:stretch}.workspace-grid{grid-template-columns:1fr;gap:28px}.workspace article+article{border-top:1px solid #d9e0d6;border-left:0;padding:25px 0 0}footer{flex-direction:column;gap:10px}}