@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202a24;--muted:#788078;--green:#446b49;--line:#e3e7de;--cream:#f7f8f2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:800 28px Manrope,sans-serif;letter-spacing:-1.5px}.mark{background:var(--ink);color:#e2edb9;width:33px;height:33px;border-radius:10px;text-align:center;font-size:25px}.beta{font:600 9px 'DM Sans';letter-spacing:1.5px;margin-left:11px;border:1px solid #d5dccb;border-radius:4px;padding:6px 8px;color:#727d64}.header-right{display:flex;align-items:center;gap:25px}.demo{font-size:11px;color:#7d856f}.text{border:0;background:none;color:var(--green);padding:8px}.layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:47% 53%;min-height:calc(100vh - 100px)}aside{padding:64px 12% 32px 11%;border-right:1px solid var(--line);background:radial-gradient(ellipse at 40% 60%,#e7eed85c,transparent 70%)}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#7c886e}h1{font:500 clamp(44px,4.5vw,66px)/1.1 Manrope,sans-serif;letter-spacing:-3.4px;margin:23px 0}h1 em{font-style:normal;color:#7f9469}.intro{font-size:15px;line-height:1.8;color:#727a70;max-width:355px}.orbit{height:285px;position:relative;margin:15px -25px 0}.orbit svg{width:100%;height:100%;stroke:#cad4bc;fill:none;stroke-dasharray:4 5;stroke-width:1}.node{position:absolute;width:64px;height:65px;border:1px solid #e1e6d8;background:#fcfdf9;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 22px #33442b07}.node b{font-size:25px;font-weight:500}.node span{font-size:9px;color:#7b8475;margin-top:3px}.n1{top:59px;left:9%;color:#b37f61}.n2{top:35px;right:10%}.n3{bottom:24px;left:17%}.n4{bottom:33px;right:14%;color:#637a4b}.hub{position:absolute;left:calc(50% - 33px);top:calc(50% - 33px);background:#293c2c;color:#dce9bf;width:66px;height:66px;border-radius:20px;text-align:center;font:700 49px Manrope;box-shadow:0 0 0 9px #edf1e6,0 0 0 10px #d7dfcb}.orbit-note{position:absolute;bottom:-8px;left:17%;font-size:8px;letter-spacing:1.4px;color:#859175}.orbit-note i,.online i{display:inline-block;width:5px;height:5px;background:#77965b;border-radius:50%;margin-right:6px}.privacy{display:flex;gap:13px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:#808876;font-size:11px;line-height:1.7}.privacy>span{font-size:25px}.privacy p{margin:0}.privacy b{color:#626e58;font-weight:500}main{padding:50px 9% 24px;display:flex;flex-direction:column;background:#fdfdf9}nav{display:flex;justify-content:space-between;margin-bottom:52px;gap:8px}.step{font-size:10px;color:#969c90;display:flex;gap:6px;align-items:center}.step span{width:22px;height:22px;border:1px solid #dce1d5;border-radius:50%;display:grid;place-items:center;font-size:9px}.step.active{color:#38583c}.step.active span{background:#e8eedc;border-color:#d8e1c7}.step.done span{background:#496b45;color:white;border:0}.kicker{font-size:10px;letter-spacing:1.4px;color:#8a967b;margin-bottom:13px}h2{font:600 30px/1.2 Manrope;letter-spacing:-1px;margin:0 0 13px}.sub{color:#82887c;line-height:1.7;margin-bottom:29px;font-size:13px}.field{display:block;font-weight:500;font-size:12px;margin-bottom:10px}input[type=text],input[type=url],select{width:100%;border:1px solid #dce1d3;background:#fff;padding:14px 15px;border-radius:8px;color:var(--ink)}input:focus{border-color:#789266}.hint{font-size:10px;color:#909789;margin:9px 0 25px}.label-row{display:flex;justify-content:space-between;margin:27px 0 12px;font-size:12px}.label-row span{color:#92998a;font-size:10px}.harnesses{display:grid;grid-template-columns:1fr 1fr;gap:10px}.harness{padding:14px 12px;border:1px solid var(--line);background:white;border-radius:9px;text-align:left;display:flex;align-items:center;gap:10px;position:relative;color:#58614f}.harness.selected{border-color:#82976c;background:#f1f5e9}.harness .symbol{font-size:22px;width:25px;text-align:center}.harness strong{font-size:12px;font-weight:500}.harness small{display:block;font-size:9px;color:#969d8b;margin-top:3px}.check{margin-left:auto;width:15px;height:15px;border:1px solid #d7ddce;border-radius:4px;font-size:10px;display:grid;place-items:center}.selected .check{background:#64834d;color:white;border-color:#64834d}.primary{display:block;width:100%;background:#2e4932;color:#f5f7ef;border:0;border-radius:8px;padding:15px 19px;font-size:12px;margin-top:28px;text-align:left;box-shadow:0 3px 7px #2e493212}.primary span{float:right}.primary:hover{background:#3f5c40}.primary:disabled{opacity:.45;cursor:not-allowed}.below{text-align:center;color:#909787;font-size:10px;margin:15px 0}.below button{font-size:10px}.note{background:#f1f4eb;padding:14px;border-radius:8px;color:#74816a;font-size:11px;line-height:1.7;margin-top:22px}.note b{color:#4d6246}footer{display:flex;justify-content:space-between;color:#a0a595;font-size:9px;gap:10px;padding-top:42px;margin-top:auto}#screen{padding-bottom:25px;animation:enter .25s ease}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.back{background:none;border:0;color:#7d8971;font-size:11px;padding:0;margin-bottom:20px}.terminal{background:#202c25;color:#e0e9d1;border-radius:11px;padding:17px;line-height:1.8;font:11px monospace;overflow-wrap:anywhere}.terminal-top{display:flex;justify-content:space-between;color:#a3af98;font-size:10px;margin-bottom:17px}.copy{background:#3c4d3c;border:1px solid #56654c;color:#dae6cb;border-radius:5px;padding:4px 8px;font-size:10px}.terminal small{display:block;color:#91a181;margin-top:15px}.options{display:grid;gap:12px}.option{border:1px solid var(--line);padding:18px;background:white;border-radius:9px;text-align:left;color:var(--ink)}.option b{display:block;margin-bottom:7px;font-size:13px}.option p{margin:0;font-size:11px;color:var(--muted);line-height:1.6}.option.chosen{border-color:#839b70;background:#f2f6e9}.row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.row .detail{flex:1}.row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.row input{accent-color:var(--green)}.status{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eaf0df;color:#60824c;font-size:12px}.online{font-size:10px;color:#6e845a}.invite{display:flex;gap:8px;margin-top:12px}.invite input{font-size:11px}.invite button{border:1px solid var(--line);background:#edf2e4;border-radius:7px;padding:10px;color:var(--green)}.agents{display:grid;gap:9px;margin:20px 0}.agent{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px;display:flex;align-items:center;gap:12px}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf1e3;font-size:17px}.agent b{font-size:12px}.agent small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.agent .online{margin-left:auto}.message{padding:13px 15px;background:#f0f4e8;border-radius:8px;margin:10px 0;font-size:11px;line-height:1.7}.message b{display:block;color:#5d754c;font-size:10px;margin-bottom:4px}.task{background:#fff;border:1px solid var(--line);padding:17px;border-radius:10px}.task h3{font-size:13px;margin:0 0 9px}.task p{font-size:11px;line-height:1.7;color:var(--muted)}.pill{font-size:9px;padding:4px 7px;border-radius:4px;background:#eaf0dd;color:#66814d}.error{color:#a34d3d;font-size:11px;margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#273e2a;color:white;padding:12px 22px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(min-width:1500px){aside{padding-top:80px}main{padding-top:65px}}@media(max-width:850px){aside{padding:35px 8%}.layout{grid-template-columns:40% 60%}main{padding:35px 7%}h1{font-size:43px}.orbit{height:240px}.intro{font-size:13px}.beta{display:none}.step{font-size:0}}@media(max-width:620px){header{height:75px;padding:0 6%}.demo{font-size:9px}.header-right{gap:8px}.layout{display:block}aside{padding:30px 7% 25px;border-right:0;border-bottom:1px solid var(--line)}h1{font-size:37px;letter-spacing:-1.8px;margin:15px 0}h1 br{display:none}h1 br:after{content:' '}.intro{margin-bottom:0;max-width:none}.orbit,.privacy{display:none}main{padding:28px 7%}nav{margin-bottom:30px}.step{font-size:10px}.eyebrow{font-size:8px}footer{padding-top:28px}h2{font-size:27px}}

/* Minimal onboarding: the figure explains the relationship. */
.layout{grid-template-columns:45% 55%}header{height:80px}.beta{display:none}aside{display:flex;flex-direction:column;justify-content:center;padding:55px 10%;background:#f0f3e9}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:42px;letter-spacing:-1.8px;max-width:340px;margin:24px 0 0;line-height:1.18}.intro,.privacy{display:none}.orbit{height:360px;margin:12px -35px 5px}.orbit svg{stroke-dasharray:none;stroke:#cbd5bd}.orbit svg circle{fill:#f7f9f2}.orbit svg .outer-ring{fill:none;stroke-dasharray:3 7;stroke:#d8dfce}.orbit .hub{top:calc(48% - 33px);z-index:2}.figure-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3}.figure-node b{width:57px;height:57px;border-radius:17px;border:1px solid #dbe3d0;background:#fff;display:grid;place-items:center;font-size:26px;font-weight:500;box-shadow:0 5px 16px #40552b08}.figure-node span{font-size:10px;color:#65755b;background:#f0f3e9;padding:0 5px}.figure-caption{position:absolute;bottom:-2px;width:100%;text-align:center;font-size:12px;color:#7b8c6e}main{padding:42px 11% 22px}nav{margin-bottom:44px}.kicker{display:none}h2{font-size:29px;letter-spacing:-1px}.sub{margin-bottom:25px;font-size:13px}.harness small{display:none}.harness{min-height:64px}.hint{font-size:10px;margin-bottom:20px}.note{background:transparent;padding:14px 0 0;text-align:center;border-top:1px solid #e8ecdf;color:#87947c;font-size:10px}.label-row{margin-top:24px}.primary{margin-top:24px}.terminal{padding:20px;font-size:12px}.terminal small{font-size:10px}.row{padding:13px 0}.option{padding:16px}.options{grid-template-columns:1fr 1fr;gap:10px}.option b{font-size:12px}.option p{font-size:10px}.header-right{gap:15px}footer{padding-top:30px}footer span:first-child{font-size:0}footer span:first-child:after{content:'⌑ Private by default';font-size:10px}.agents{margin:18px 0}.below{font-size:10px}@media(max-width:850px){.layout{grid-template-columns:40% 60%}aside{padding:35px 9%}h1{font-size:34px}main{padding:35px 8%}.orbit{margin:10px -25px;height:300px}}@media(max-width:620px){.layout{display:block}aside{padding:20px 7%;display:block}aside h1{font-size:25px;margin:10px 0 0;max-width:none}.eyebrow{font-size:8px}.orbit{display:block;height:150px;width:210px;margin:0 auto}.orbit svg{display:none}.orbit .hub{width:40px;height:40px;font-size:28px;border-radius:12px;left:calc(50% - 20px);top:calc(48% - 20px);box-shadow:0 0 0 5px #e7eddd}.figure-node b{width:33px;height:33px;font-size:17px;border-radius:10px}.figure-node{gap:3px}.figure-node span{font-size:8px}.figure-caption{display:none}main{padding:25px 7%}nav{margin-bottom:25px}h2{font-size:25px}header{height:65px}}