@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102129;--navy:#122b35;--muted:#5e727c;--line:#d7e2e7;--blue:#2164f4;--mint:#bdf8df;--bg:#f2f6f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:16px 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2164f4;outline-offset:4px}.top{padding:22px 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:white}.brand{display:flex;gap:18px;align-items:center;text-decoration:none}.mark{font:800 48px 'Manrope',sans-serif;letter-spacing:-5px;line-height:1}.mark span{color:var(--blue)}.brand>span:last-child{font-size:11px;font-weight:700;letter-spacing:1.4px;line-height:1.55}.top-right{display:flex;gap:22px;align-items:center}.concept{font-size:12px;font-weight:700;letter-spacing:1.8px}.quiet{border:1px solid var(--line);border-radius:7px;background:white;padding:10px 14px;font-size:14px}main{max-width:1500px;margin:auto;padding:32px 4.4%}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center;margin-bottom:27px}.eyebrow,.small-label{font-size:12px;letter-spacing:1.7px;font-weight:700}.eyebrow{color:var(--blue)}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:44px;line-height:1.14;letter-spacing:-2px;margin:12px 0}p{line-height:1.5}.intro p{color:var(--muted);margin:12px 0 0}.intro-note{border-left:1px solid var(--line);padding-left:35px;max-width:420px}.intro-note strong{display:block;font:700 22px 'Manrope';margin-top:10px}.intro-note p{font-size:15px}.text-link{padding:0;background:none;border:none;color:var(--blue);font-weight:700;margin-top:15px;text-decoration:underline;text-underline-offset:4px}.demo-banner{display:flex;gap:18px;align-items:center;padding:13px 18px;border:1px solid #b9d5ec;background:#e6f1fb;border-radius:8px;font-size:14px;margin-bottom:18px}.demo-banner b{white-space:nowrap}.workspace{display:grid;grid-template-columns:205px minmax(360px,1fr) 290px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;min-height:590px;box-shadow:0 14px 45px #122b3508}.journey{background:var(--navy);color:white;padding:24px 15px;display:flex;flex-direction:column;gap:12px}.journey>.small-label{color:#99bbc7;margin:0 10px 12px;font-size:11px}.nav{background:none;color:#d3e0e4;border:1px solid transparent;text-align:left;padding:15px 12px;border-radius:9px;display:flex;gap:12px;align-items:center}.nav>span{font-size:13px;color:#8bb0bf}.nav div{font-weight:700}.nav small{display:block;font-size:12px;color:#98b3be;margin-top:5px;font-weight:400}.nav.active{background:#284451;border-color:#476773;color:white}.nav.active>span{color:var(--mint)}.account{border-top:1px solid #476773;margin:20px 10px 0;padding-top:22px}.account>span{font-size:12px;color:#99bbc7}.account strong{display:block;font:700 29px 'Manrope';margin:7px 0}.account p{font-size:13px;color:#b9d0d8;margin:6px 0}.journey .sidebar-foot{margin-top:auto;padding-top:30px;line-height:1.7;letter-spacing:0}.task{padding:28px;min-width:0}.task-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}h2{font-size:28px;letter-spacing:-1px;line-height:1.25;margin:8px 0}.demo-pill{font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 9px;color:var(--muted);border:1px solid var(--line);border-radius:5px}.steps{display:flex;gap:8px;margin:20px 0 24px}.steps span{flex:1;border-top:3px solid #dbe6eb;padding-top:8px;font-size:12px;color:var(--muted)}.steps .done{border-color:#45ae7d;color:#28744e}.steps .current{border-color:var(--blue);color:var(--blue);font-weight:700}.card{padding:22px;background:#f4f7f9;border:1px solid var(--line);border-radius:11px;margin-bottom:16px}.card h3{font-size:20px;margin:0 0 10px}.card p{color:var(--muted);font-size:15px;margin:8px 0}.pair{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #dce5e9;font-size:15px}.pair:last-child{border:0}.pair span{color:var(--muted)}.pair b{text-align:right;font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.primary,.secondary{padding:13px 19px;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:15px}.primary{background:var(--blue);color:white}.primary:hover{background:#144dc7}.secondary{background:white;border-color:var(--line);color:var(--ink)}.field{display:flex;flex-direction:column;gap:8px;margin:15px 0}.field label{font-size:14px;font-weight:600}.field input,.field select{padding:12px;border:1px solid #b5c8d1;border-radius:7px;background:white;color:var(--ink);width:100%;min-width:0}.help{font-size:13px;color:var(--muted);line-height:1.5}.check{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:15px;line-height:1.5}.check input{margin-top:5px;accent-color:var(--blue);width:18px;height:18px;flex-shrink:0}.success{background:#e7f8ef;border:1px solid #b9e6ce;padding:20px;border-radius:10px}.success h3{margin:0 0 9px;color:#1c7248}.success p{margin:6px 0}.status{font-size:14px;font-weight:700;color:#216c4a}.alert{background:#fff5df;border:1px solid #ead296;border-radius:8px;padding:13px 16px;color:#735016;font-size:14px;line-height:1.5;margin:14px 0}.activity{background:#f8fafb;border-left:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column}.activity-head h3{margin:0;font-size:17px}.activity-head span{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;margin-top:7px}.agent-id{display:flex;gap:11px;align-items:center;margin:22px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-weight:800;color:#174e42}.agent-id b{font-size:14px}.agent-id small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.event{border-left:2px solid #c7d7df;padding:0 0 18px 14px}.event b{display:block;font-size:13px;color:#294955}.event p{font-size:14px;margin:6px 0;color:var(--muted);line-height:1.5}.event.member{border-color:var(--blue)}.boundary{margin-top:auto;background:#eaf0f3;padding:14px;border-radius:8px}.boundary b{font-size:13px}.boundary p{font-size:13px;color:var(--muted);margin:7px 0 0}.architecture{margin:26px 0;text-align:center;padding:22px;border:1px solid var(--line);border-radius:12px}.architecture>div{display:flex;align-items:center;justify-content:center;gap:25px;margin:18px 0}.architecture strong{font-size:15px}.architecture>div>span{font-size:24px;color:var(--blue)}.architecture p{font-size:14px;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-top:25px}dialog{max-width:780px;width:calc(100% - 32px);border:0;border-radius:18px;padding:35px;color:var(--ink)}dialog::backdrop{background:#102129aa;backdrop-filter:blur(4px)}.close{float:right;border:0;background:#edf3f5;font-size:25px;border-radius:5px;width:34px;height:34px}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.roles p{font-size:14px;color:var(--muted)}.callout{padding:18px;background:#eaf2ff;border-radius:10px}.callout p{font-size:14px;margin-bottom:0}.offer{font:700 36px 'Manrope';letter-spacing:-1px;margin:15px 0 5px}.pill-row{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:12px;padding:6px 9px;background:#e9f0f4;border-radius:5px}.receipt{font:600 12px monospace;color:var(--muted);overflow-wrap:anywhere}.prompt{margin-top:20px}.prompt label{font-size:13px;color:var(--muted)}.prompt>div{display:flex;gap:8px;margin-top:7px}.prompt input{flex:1;min-width:0;border:1px solid #b5c8d1;border-radius:7px;padding:11px}.prompt button{padding:10px 14px}.loan-state{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.loan-state button{font-size:13px;padding:8px 11px;border:1px solid var(--line);border-radius:6px;background:white}.loan-state .selected{border-color:var(--blue);color:var(--blue);background:#edf3ff}@media(min-width:1450px){.workspace{grid-template-columns:225px minmax(400px,1fr) 320px}.task{padding:32px}}@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(320px,1fr)}.activity{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:15px}.agent-id{margin:0}.activity-head{display:none}.boundary{grid-column:1/-1}.intro-note{padding-left:22px}.intro{gap:25px}h1{font-size:38px}}@media(max-width:700px){main{padding:22px 16px}.top{padding:18px 16px}.concept{display:none}.brand>span:last-child{font-size:9px}.mark{font-size:42px}.intro{grid-template-columns:1fr;gap:20px}h1{font-size:34px}.intro-note{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;max-width:none}.demo-banner{align-items:flex-start;flex-direction:column;gap:5px;font-size:13px}.workspace{display:block}.journey{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;gap:5px}.journey>.small-label,.sidebar-foot,.account{display:none!important}.nav{padding:12px 7px;gap:6px}.nav>span{display:none}.nav div{font-size:13px}.nav small{font-size:10px}.task{padding:20px}.activity{display:block}.agent-id{margin-bottom:18px;padding-bottom:15px}.architecture>div{gap:10px}.architecture strong{font-size:12px}.architecture>div>span{font-size:18px}footer{flex-direction:column;gap:8px}.roles{grid-template-columns:1fr}dialog{padding:24px}.steps span{font-size:11px}h2{font-size:25px}.top-right{gap:10px}}

.brand-logo{width:135px;height:58px;object-fit:contain}.marketing{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px;background:#122b35;color:white;margin:28px 0;padding:36px;border-radius:14px}.marketing h2{font-size:29px}.marketing h3{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.5px}.marketing p{color:#b9d0d8;font-size:14px}.marketing article>span{color:#bdf8df;font-size:12px;font-weight:700;letter-spacing:1.2px}.marketing .small-label{color:#bdf8df;font-size:10px}@media(max-width:1100px){.marketing{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:700px){.marketing{grid-template-columns:1fr;padding:26px}.brand-logo{width:106px;height:46px}}

.top-right a.quiet{text-decoration:none;white-space:nowrap}@media(max-width:700px){.top{flex-wrap:wrap;gap:14px}.top-right{margin-left:auto}.top-right a.quiet{font-size:12px}}