:root{--ink:#16221d;--muted:#64746b;--line:#dce5df;--paper:#f7faf7;--panel:#fff;--green:#1f6b4f;--green-soft:#e8f2ec;--amber:#a86121;--shadow:0 18px 50px #16221d14}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fffc;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw;max-width:1180px;margin:0 auto;padding:9rem 5vw 7rem;display:grid}h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(42px,6vw,76px);line-height:.99}h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,38px);line-height:1.08}.lede{max-width:640px;color:var(--muted);margin:26px 0 0;font-size:19px}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--green);color:#fff;background:var(--green);border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.button.secondary{color:var(--green);background:0 0}.card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:22px}.story-card{padding:28px}.story-card h3{margin:0 0 22px;font-size:20px}.story-row{border-top:1px solid var(--line);grid-template-columns:30px 1fr;gap:14px;padding:16px 0;display:grid}.story-row:first-of-type{border-top:0;padding-top:0}.step{width:28px;height:28px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.story-row strong{margin-bottom:3px;display:block}.story-row span{color:var(--muted);font-size:14px}.section{max-width:1180px;margin:0 auto;padding:0 5vw 7rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.feature{padding:24px}.feature h3{margin:0 0 8px;font-size:17px}.feature p{color:var(--muted);margin:0;font-size:14px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 5vw;font-size:13px}.app-layout{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#f1f6f2;padding:28px 20px}.sidebar nav{gap:6px;margin-top:44px;display:grid}.nav-item{color:var(--muted);border-radius:10px;padding:10px 12px;font-size:14px}.nav-item.active,.nav-item:hover{color:var(--green);background:var(--green-soft);font-weight:700}.workspace-main{min-width:0}.workspace-header{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:24px 5vw;display:flex}.workspace-content{max-width:1060px;margin:0 auto;padding:56px 5vw}.kicker{color:var(--muted);font-size:14px}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:18px;margin-top:32px;display:grid}.panel{padding:24px}.panel-label{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:700}.progress{background:var(--green-soft);border-radius:999px;height:8px;margin:18px 0;overflow:hidden}.progress>span{border-radius:inherit;background:var(--green);width:25%;height:100%;display:block}.list{gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.list li{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.dot{background:var(--green);border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:7px}.notice{color:#7b4c21;background:#fff8ef;border:1px solid #f0d8bd;border-radius:12px;padding:14px 16px;font-size:13px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,460px);padding:34px}.login-card label{color:var(--ink);margin-top:16px;font-size:13px;font-weight:700;display:block}.login-card input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin:8px 0 18px;padding:12px 14px}.login-card input:focus{border-color:var(--green);outline:3px solid #1f6b4f29}.button:disabled{cursor:wait;opacity:.65}.disabled-button{opacity:.6;cursor:not-allowed}.form-error,.form-success{border-radius:10px;margin:8px 0 14px;padding:11px 13px;font-size:13px}.form-error{color:#8b2d26;background:#fff1ef;border:1px solid #efc9c4}.form-success{color:var(--green);background:var(--green-soft);border:1px solid #c9dfd1}.auth-switch{color:var(--muted);text-align:center;margin:22px 0 0;font-size:14px}.auth-switch a{color:var(--green);font-weight:700}.sidebar-signout{margin-top:36px}.nav-button{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.session-meta{align-items:center;gap:10px;display:flex}.role-pill{color:var(--green);background:var(--green-soft);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.workspace-switcher{border:1px solid var(--line);background:#ffffffa6;border-radius:14px;margin-top:30px;padding:14px}.switcher-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.workspace-switcher strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workspace-switcher details{color:var(--green);margin-top:10px;font-size:12px}.workspace-switcher summary{cursor:pointer;font-weight:700}.workspace-options{gap:5px;margin-top:8px;display:grid}.workspace-option{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px;font-size:12px;display:flex}.workspace-option:hover,.workspace-option.active{color:var(--green);background:var(--green-soft)}.workspace-option small{color:var(--muted);text-transform:capitalize}.onboarding-content{max-width:1100px}.onboarding-grid,.settings-grid{grid-template-columns:1.1fr .9fr;gap:18px;margin-top:32px;display:grid}.workspace-create-form{gap:10px;display:grid}.workspace-create-form h2{margin:0;font-size:28px}.workspace-create-form .kicker{margin:0 0 8px}.workspace-create-form label{color:var(--ink);margin-top:8px;font-size:13px;font-weight:700}.workspace-create-form input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:12px 14px}.workspace-create-form input:focus{border-color:var(--green);outline:3px solid #1f6b4f29}.workspace-create-form .button{margin-top:8px}.workspace-create-form.compact h2{font-size:24px}.optional{color:var(--muted);font-weight:400}.workspace-details{gap:0;margin:22px 0;display:grid}.workspace-details div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.workspace-details dt{color:var(--muted);font-size:13px}.workspace-details dd{text-align:right;margin:0;font-weight:700}.member-management{gap:18px;margin-top:18px;display:grid}.member-management-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2{font-size:25px}.member-table{margin-top:20px;overflow-x:auto}.member-row{border-top:1px solid var(--line);grid-template-columns:minmax(190px,1.5fr) 110px 150px minmax(180px,1fr);align-items:center;gap:14px;min-width:720px;padding:13px 0;display:grid}.member-head{color:var(--muted);font-size:12px;font-weight:800}.member-row strong,.member-row small{display:block}.member-row small,.invitation-row small{color:var(--muted);font-size:12px}.role-text{color:var(--green);text-transform:capitalize;font-size:13px;font-weight:700}.member-actions{align-items:center;gap:8px;display:flex}.member-actions form{align-items:center;gap:6px;display:flex}.member-actions select,.member-form select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:7px 8px;font-size:12px}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px;font-weight:700}.text-button.danger{color:#a33b31}.member-form{gap:9px;margin-top:20px;display:grid}.member-form label{color:var(--ink);font-size:13px;font-weight:700}.member-form input{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;padding:11px 12px}.member-form input:focus{border-color:var(--green);outline:3px solid #1f6b4f29}.invite-link-box{background:var(--green-soft);border:1px solid #c9dfd1;border-radius:10px;gap:5px;padding:12px;display:grid}.invite-link-box span{color:var(--green);font-size:12px;font-weight:800}.invite-link-box code{overflow-wrap:anywhere;color:var(--ink);font-size:12px}.invite-link-box small{color:var(--muted);font-size:11px}.invitation-list{gap:10px;margin-top:20px;display:grid}.invitation-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.invitation-row strong,.invitation-row small{display:block}.builder-page{background:#f4f8f5;min-height:100vh;padding:30px 4vw 70px}.builder-toolbar{justify-content:space-between;align-items:flex-end;gap:28px;max-width:1500px;margin:0 auto 20px;display:flex}.builder-toolbar h1{max-width:780px;font-size:clamp(32px,4vw,54px)}.builder-toolbar .kicker{margin-top:12px}.builder-actions{flex-shrink:0;gap:10px;display:flex}.builder-notice{max-width:1500px;margin:0 auto 16px}.builder-layout{grid-template-columns:210px minmax(600px,1fr) 250px;gap:14px;max-width:1500px;margin:0 auto;display:grid}.builder-palette,.builder-inspector,.builder-canvas-wrap,.run-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:18px}.builder-palette,.builder-inspector{padding:18px}.palette-item{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;align-items:flex-start;gap:9px;padding:10px 0;display:flex}.palette-item:disabled{cursor:not-allowed;opacity:.5}.palette-item strong,.palette-item small{display:block}.palette-item strong{font-size:12px}.palette-item small{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.3}.palette-dot{border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:4px}.builder-tip{color:var(--muted);background:var(--green-soft);border-radius:10px;gap:5px;margin-top:24px;padding:12px;font-size:11px;display:grid}.builder-tip strong{color:var(--green)}.builder-canvas-wrap{min-width:0;overflow:hidden}.canvas-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px 18px;display:flex}.canvas-header strong,.canvas-header span{display:block}.canvas-header span{color:var(--muted);margin-top:3px;font-size:11px}.save-state{text-align:right;max-width:230px}.canvas-state{justify-items:end;gap:4px;display:grid}.approval-message{max-width:260px;color:var(--green);text-align:right;font-size:11px}.approval-message a{font-weight:800;text-decoration:underline}.builder-canvas{background-color:#fbfdfb;background-image:radial-gradient(#d9e7dc 1px,#0000 1px);background-size:20px 20px;min-width:1120px;position:relative;overflow:hidden}.canvas-edges{z-index:0;pointer-events:none;position:absolute;inset:0}.canvas-node{z-index:1;border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-top:4px solid;border-radius:13px;width:210px;min-height:150px;padding:14px;position:absolute;box-shadow:0 8px 20px #16221d14}.canvas-node:active{cursor:grabbing}.canvas-node.selected{outline:3px solid #1f6b4f38;box-shadow:0 10px 26px #1f6b4f24}.canvas-node strong,.canvas-node p,.canvas-node small{display:block}.canvas-node strong{margin:9px 0 5px;font-size:14px}.canvas-node p{min-height:38px;color:var(--muted);margin:0;font-size:11px;line-height:1.4}.canvas-node small{color:var(--green);margin-top:11px;font-size:10px;font-weight:700}.node-topline{justify-content:space-between;align-items:center;display:flex}.node-index{width:20px;height:20px;color:var(--muted);background:var(--paper);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.node-type{text-transform:uppercase;font-size:10px;font-weight:800}.builder-inspector h2{margin:0 0 20px;font-size:23px}.builder-inspector label{color:var(--ink);margin:14px 0 6px;font-size:12px;font-weight:700;display:block}.builder-inspector input,.builder-inspector textarea,.builder-inspector select,.test-panel select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:10px;font-size:12px}.builder-inspector textarea{resize:vertical}.test-panel{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}.test-panel .kicker{margin-top:8px;font-size:11px}.run-panel{max-width:1500px;margin:18px auto 0;padding:22px}.run-panel h2{font-size:26px}.run-status{text-transform:uppercase;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.run-status.success,.step-status.succeeded{color:var(--green);background:var(--green-soft)}.run-status.blocked,.step-status.blocked{color:#8b5c25;background:#fff3e4}.run-summary{color:var(--muted);margin:18px 0;font-size:13px}.run-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.run-step{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.run-step strong,.run-step p{display:block}.run-step strong{font-size:12px}.run-step p{color:var(--muted);margin:5px 0 0;font-size:11px}.step-status{color:var(--muted);background:var(--paper);text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:9px;font-weight:800}.builder-sidebar{min-height:100vh}.builder-sidebar .workspace-switcher small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:hidden}.approval-inbox-header{justify-content:space-between;align-items:center;margin:30px 0 16px;display:flex}.approval-list{gap:16px;display:grid}.approval-card{max-width:820px}.approval-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.approval-card h2{font-size:27px}.approval-summary{color:var(--muted);margin:16px 0}.approval-meta{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.approval-decision-form{border-top:1px solid var(--line);gap:8px;margin-top:20px;padding-top:18px;display:grid}.approval-decision-form label{color:var(--ink);font-size:12px;font-weight:700}.approval-decision-form textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;border-radius:9px;padding:10px;font-size:12px}.approval-buttons{justify-content:flex-end;gap:8px;display:flex}.empty-inbox{max-width:820px;margin-top:16px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;display:grid}.metric-card{gap:5px;padding:18px;display:grid}.metric-card strong{letter-spacing:-.04em;font-size:32px}.metric-card span{color:var(--muted);font-size:12px}.monitoring-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.health-bar{background:#f0d8bd;border-radius:999px;height:8px;margin:20px 0 8px;overflow:hidden}.health-bar span{border-radius:inherit;background:var(--green);height:100%;display:block}.dead-letter-panel{margin-top:16px}.dead-letter-list{gap:0;margin-top:18px;display:grid}.dead-letter-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:12px 0;font-size:12px;display:flex}.dead-letter-row strong,.dead-letter-row small{display:block}.dead-letter-row strong{color:#8b2d26}.dead-letter-row small{margin-top:3px}.integration-status{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:22px;padding:8px 11px;font-size:12px;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.notification-list{gap:14px;max-width:820px;margin-top:18px;display:grid}.notification-card{padding:18px}.notification-card.unread{border-left:4px solid var(--green)}.notification-card.read{opacity:.78}.notification-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notification-card h2{font-size:23px}.notification-card p:not(.panel-label){color:var(--muted);margin:14px 0 10px}.notification-card>small{color:var(--muted);font-size:11px}.error-wrap{text-align:center;place-items:center;min-height:100vh;padding:24px;display:grid}@media (max-width:800px){.hero,.dashboard-grid,.feature-grid,.onboarding-grid,.settings-grid,.member-management-grid{grid-template-columns:1fr}.builder-toolbar{display:block}.builder-actions{margin-top:18px}.builder-layout{grid-template-columns:1fr}.builder-canvas-wrap{overflow-x:auto}.metrics-grid,.monitoring-grid,.app-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:repeat(3,1fr);margin-top:24px}}