/* KEEL 03 / OPEN FORM. One shape, two pigments, three actions. */
:root{--paper:#ffffff;--blue:#244cf2;--ink:#18203a;--line:#dfe1e8;--muted:#788095;--ring-mask:url('/assets/keel-mark.svg')}
body{background:var(--paper);color:var(--ink)}.site-header{border-color:var(--line)}
.logo{display:inline-flex;align-items:center;gap:11px;font-size:37px;letter-spacing:-2.6px;white-space:nowrap;color:var(--ink)}.logo .brand-mark{width:37px;height:37px;display:block;background:var(--blue);mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat;flex-shrink:0}.logo .word{line-height:1;font-weight:650}.logo span:not(.brand-mark):not(.word){display:none}
.ink{background:var(--blue);color:white;border-radius:100px}.ink:hover{background:#1435b6}.btn{border-radius:100px;padding:15px 23px}.btn.light{color:var(--blue);border-color:#cad2ed}.site-header nav{color:#606980}.site-header nav a:hover{color:var(--blue)}
.hero{grid-template-columns:1.08fr 1fr;padding-bottom:0}.hero-copy{padding-top:48px}.hero-copy .eyebrow{font-size:9px;color:var(--blue);letter-spacing:1.2px}.hero h1{font-size:clamp(68px,7.35vw,116px);letter-spacing:-.075em;line-height:.98;margin-top:44px}.hero h1 em{font-family:Keel,Arial,sans-serif;font-style:normal;color:var(--blue);font-weight:500;letter-spacing:inherit}.hero-foot p{color:#758099}.hero-object{min-height:610px;background:transparent;overflow:visible;margin-top:20px}.hero-object:before{content:'';position:absolute;width:80%;height:20%;bottom:17%;left:10%;background:radial-gradient(ellipse,#394b9018,transparent 68%);filter:blur(15px);border-radius:50%}.hero-object figcaption{color:#81899e;bottom:27px}.hero-object .image-index{color:var(--blue);letter-spacing:1px}.hero-meta{border-color:var(--line);color:#9298a8}.circle{border-color:#cbd3ea;color:var(--blue);border-width:2px;position:relative}.circle:before{content:'';position:absolute;background:var(--paper);height:19px;width:12px;right:-5px;top:12px}.circle:hover:before{background:var(--blue)}
.ring-stage{position:relative;isolation:isolate;overflow:hidden}.ring-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.ring-stage:after{content:'';position:absolute;left:25%;top:25%;width:50%;height:50%;background:var(--blue);mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat;opacity:.8;z-index:0}.ring-stage.ring-ready:after{display:none}.hero-object canvas{z-index:1}.hero-object figcaption,.hero-object .image-index{z-index:2}.hero-object.ring-stage{overflow:hidden}
.form-label{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);font:8px Mono;letter-spacing:1px;color:#a2a8b7;z-index:3;white-space:nowrap}.hero-object .orbit-guide{position:absolute;border:1px solid #dfe4f0;border-radius:50%;width:69%;aspect-ratio:1;top:17%;left:16%;z-index:0}.hero-object .orbit-guide:after{content:'';position:absolute;right:2%;top:25%;width:7px;height:7px;background:var(--blue);border:5px solid var(--paper);box-sizing:content-box;border-radius:50%}
.idea{border-color:var(--line)}.idea h2{font-size:clamp(28px,3.15vw,48px)}.muted{color:#929aad}.idea-bottom p{color:#778198}.idea-bottom>.brand-mark{display:block;flex-shrink:0;width:75px;height:75px;background:var(--blue);mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat}
.components{background:#eeeff5}.component-grid figure{background:#e7eaf4;border-radius:18px;height:320px}.component-grid article:nth-child(2) figure{background:#e8ebf5}.component-grid article:nth-child(3) figure{background:#e5e9f5}.component-grid figure>span{background:transparent;color:var(--blue);z-index:3;border:1px solid #cad1e6;width:33px;height:33px;display:grid;place-items:center;padding:0}.component-text h3{color:var(--ink)}.component-text .eyebrow{color:var(--blue)}.component-text>p:not(.eyebrow){color:#76829a}.component-text a{border-color:#cfd6e7;color:#465474}.section-title h2 em,.questions h2 em,.closing h2 em{font-family:Keel,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:inherit;color:var(--blue)}.section-title>p:last-child:not(.eyebrow){color:#78839b}
.manifesto{background:var(--blue);padding:75px 8% 85px}.manifesto h2{font-size:clamp(64px,9.2vw,138px)}.manifesto h2 em{font-family:Keel,Arial,sans-serif;font-style:normal;font-weight:450;letter-spacing:inherit}.manifesto h2>span{color:transparent}.manifesto aside{font-size:0;right:-10%;top:8%;width:55%;aspect-ratio:1;background:var(--paper);mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat;opacity:.12;transform:rotate(-18deg)}.manifesto>div{z-index:2}.role-tabs button{border-color:var(--line);color:#8e96a9}.role-tabs button[aria-selected=true]{color:var(--blue)}.role-tabs button>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;font-size:8px;margin-right:8px}.role-story{border-color:var(--line)}.role-story>p:not(.eyebrow){color:#75819a}.questions{border-color:var(--line)}.questions details{border-color:var(--line)}.questions details p{color:#788299}.questions summary span{color:var(--blue)}
.closing{background:#e7ebf8;border-radius:20px;position:relative;overflow:hidden}.closing:after{content:'';position:absolute;right:8%;top:10%;width:30%;aspect-ratio:1;background:#d7dff5;mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat;transform:rotate(-20deg)}.closing>div,.closing>.eyebrow{position:relative;z-index:1}.closing a{background:var(--blue);border-radius:50%}.closing a:after{content:'';position:absolute;width:17px;height:38px;background:#e7ebf8;right:-6px;top:30px}.closing a{position:relative}
body>footer{background:#17255d}.footer-top .logo{font-size:59px;color:var(--paper)}.footer-top .logo .brand-mark{width:58px;height:58px;background:var(--paper)}.footer-top p{color:#aab4d9}.footer-bottom{color:#8696ca}
/* The same open form continues into the working interface. */
.workspace{background:#f7f8fc;color:var(--ink)}.sidebar{background:#eef1fa;border-color:#dfe5f1}.sidebar .logo{font-size:34px;gap:9px;margin-bottom:47px}.sidebar .logo .brand-mark{height:32px;width:32px}.sidebar nav a{color:#79839c}.sidebar nav a.active{background:#dfe7fd;color:var(--blue)}.sidebar nav a:hover{background:#e5ebfa}.sidebar nav small{background:#c9d7fc;color:#4265bb}.side-caption{color:#949fbc}.nav-form{width:17px!important;height:17px;background:currentColor;mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat}.sidebar nav a:nth-child(2) .nav-form{transform:rotate(-45deg)}.sidebar nav a:nth-child(3) .nav-form{transform:rotate(25deg)}.sidebar nav a:nth-child(4) .nav-form{transform:rotate(90deg)}.sidebar nav a:nth-child(5) .nav-form{transform:rotate(180deg)}.sidebar-bottom>a{color:#8391af}.side-object{border-radius:12px;background:#e2e9fd;height:120px;position:relative}.side-object>.mini-form{width:84px;height:84px;background:var(--blue);mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat;position:absolute;right:-10px;top:10px;transform:rotate(-30deg)}.side-object>span:not(.mini-form){background:transparent;color:#5d71a6;bottom:15px;left:7px;font-size:12px}.workspace-header{background:#f7f8fc;border-color:#e0e5f0}.breadcrumb b{color:#556789}.breadcrumb{color:#a0aac2}.preview-badge{color:#7f90b7}.preview-note{background:#edf1fc;border-color:#e1e7f7;color:#8391b1}.preview-note>span{color:#657fb5}.preview-note button{color:#7e94bf}.page-heading h1{color:#243457}.page-heading p{color:#8491ac}.metric,.panel,.agent-card{border-color:#e2e7f2;border-radius:12px}.metric label{color:#8190ac}.metric>small{color:#99a6c0}.metric strong{color:#243960}.metric strong small{color:#98a8c5}.panel-head{border-color:#eef1f8}.panel-head h2{color:#43567b}.panel-head a,.panel-head>span{color:#8b9bbb}.panel-body{color:#52698e}.spotlight{background:#edf1fb}.spotlight .spotlight-ring{position:absolute;right:-1%;top:0;width:61%;height:100%;background:transparent;z-index:0}.spotlight-text{background:linear-gradient(90deg,#edf1fb 57%,transparent);z-index:2;width:72%;pointer-events:none}.spotlight-text a{pointer-events:auto}.spotlight-text h3{color:#304b83}.spotlight-text p{color:#8494b7}.spotlight-text .eyebrow{color:#6881b3}.spotlight-text a{color:var(--blue)}
.form-meter-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:18px;padding:10px 0}.form-meter{height:184px;position:relative;display:grid;place-items:center}.form-meter>svg{width:184px;height:184px;transform:rotate(0deg)}.form-meter .meter-track{stroke:#e2e9fa}.form-meter .meter-progress{stroke:var(--blue);stroke-linecap:butt;transition:stroke-dasharray .6s}.form-meter .meter-center{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.meter-center strong{display:block;font-size:29px;font-weight:500;color:#2a4487;letter-spacing:-1px}.meter-center span{font:8px Mono;color:#91a3cc;display:block;margin-top:7px}.meter-legend{padding-right:10px}.meter-legend>div{border-bottom:1px solid #edf1fa;padding:13px 0}.meter-legend label{display:block;font-size:10px;color:#94a2c1;margin-bottom:8px}.meter-legend strong{font-size:18px;font-weight:450;color:#5873aa}.meter-legend small{font-size:10px;color:#99abcb}.meter-caption{font-size:9px;color:#a1b0ce;line-height:1.6;margin:10px 0 0}
.avatar{border-radius:50%;background:#edf1fc;position:relative;display:grid;place-items:center}.avatar .agent-form{display:block;width:71%;height:71%;background:var(--blue);mask:var(--ring-mask) center/contain no-repeat;-webkit-mask:var(--ring-mask) center/contain no-repeat;transform:rotate(var(--angle,0deg));transition:transform .45s}.agent-cell:hover .agent-form,.agent-card:hover .agent-form{transform:rotate(calc(var(--angle,0deg) + 20deg))}.agent-card .avatar,.detail-hero .avatar{border-radius:50%}.agent-cell strong{color:#50668f}.agent-cell small,.agent-card>p{color:#92a1bc}.tag{background:#e8efff;color:#6b89c0;border-radius:99px}.tag.gray{background:#f0f3fa;color:#9daac0}.tag.blue{background:#e8edff;color:#6580be}.data-table th{background:#fbfcff;color:#96a5c1;border-color:#edf1fa}.data-table td{border-color:#edf1fa;color:#6c7fa3}.data-table tbody tr:hover{background:#f7f9ff}.table-link{color:#7a96c9}.agent-card-stats{border-color:#edf1fa}.agent-card-stats label{color:#92a6c7}.agent-card-stats strong{color:#4c69a3}.agent-card h2{color:#435e96}.agent-card>a{color:var(--blue)}.detail-hero p{color:#91a1bd}.detail-stats{background:#e2e8f6;border-color:#e2e8f6;border-radius:12px}.detail-stats label{color:#93a4c2}.detail-stats strong{color:#4769a9}.field>span,.summary-list dt{color:#879cbd}.field input,.field select,.amount-control{border-color:#e0e7f5;background:#fafbff;color:#496bb1;border-radius:9px}.amount-control input{border:0}.amount-control b{color:#95aad0}.term-options button,.select-input,.search-input{color:#8299c1;border-color:#e0e7f5;border-radius:9px}.term-options button.selected{background:#edf2ff;color:var(--blue);border-color:#a4b9f1}.summary-list>div{border-color:#edf1fa}.summary-list dd{color:#6381b8}.form-hint,.risk-line{color:#99aac8}.form-error{color:#ad4964}.credit-art{height:230px;background:#f0f3fd}.credit-art.ring-stage{height:230px}.credit-aside-copy h3{color:#5575ac}.credit-aside-copy p,.modal-copy,.settings-section p{color:#94a5c1}.tab-buttons{background:#eef2fb;border-radius:99px}.tab-buttons button{border-radius:99px;color:#91a5c7}.tab-buttons button.selected{color:var(--blue)}.progress-track{background:#e5ecfb}.progress-track>span{background:var(--blue)}.filter-buttons button{border-color:#dfe7f7;border-radius:99px;color:#829bc2}.filter-buttons button.active{background:#e7eeff;color:var(--blue)}.back-link{color:#7997c6}.settings-section{border-color:#e8edf7}.settings-section h3{color:#6686b6}.workspace-footer{color:#99adcd;border-color:#e0e7f4}.toast{background:var(--blue)}dialog{background:#fafbff;color:#587db5;border-color:#e0e9f9;border-radius:20px}.modal-warning{background:#edf3ff;color:#829cc5;border-radius:10px}.modal-wallet{border-color:#e0e9f9;border-radius:10px;color:#6589c1}.modal-wallet small{color:#96aecc}.modal-close{color:#8ba7ce}.empty-state{color:#9fb0cd}
@media(max-width:1000px){.hero-object{min-height:530px}.form-meter-layout{grid-template-columns:1fr 1fr}.form-meter{height:170px}.form-meter>svg{width:170px;height:170px}.component-grid figure{height:280px}}
@media(max-width:700px){.hero-object{min-height:440px}.hero h1{font-size:58px;letter-spacing:-4px}.logo{font-size:33px}.logo .brand-mark{width:32px;height:32px}.component-grid figure{height:265px;border-radius:14px}.component-grid figure>span{width:28px;height:28px}.form-meter-layout{grid-template-columns:1fr 1fr;gap:8px}.form-meter{height:160px}.form-meter>svg{width:160px;height:160px}.meter-center strong{font-size:25px}.meter-legend strong{font-size:16px}.meter-legend label{font-size:9px}.meter-caption{font-size:8px}.hero-object figcaption{font-size:7px}.spotlight-ring{min-height:200px}.manifesto h2{font-size:74px}.closing:after{width:55%}}
@media(max-width:440px){.hero{display:block}.hero h1{font-size:65px;letter-spacing:-4.5px;margin:31px 0}.hero-copy{padding:29px 0}.hero-copy .eyebrow{font-size:7px}.hero-object{height:380px;min-height:0;margin:0 0 24px}.hero-object figcaption{bottom:12px;font-size:7px}.hero-object .image-index{top:14px}.hero-object .form-label{bottom:14%}.component-grid figure{height:240px}.component-text h3{font-size:23px}.manifesto h2{font-size:62px}.manifesto aside{width:85%;right:-25%;top:19%}.footer-top .logo{font-size:47px}.footer-top .logo .brand-mark{width:47px;height:47px}.form-meter-layout{grid-template-columns:1fr 1fr}.form-meter{height:145px}.form-meter>svg{width:145px;height:145px}.meter-legend strong{font-size:15px}.meter-legend label{font-size:8px}}
.logo .word{font:inherit;line-height:1;font-weight:650;letter-spacing:inherit;vertical-align:baseline;margin:0;display:block}.logo .brand-mark{margin:0}
.side-object>.mini-form{left:auto;bottom:auto;padding:0;right:-14px;top:9px;margin:0}.side-object>span:not(.mini-form){z-index:2;width:80px;line-height:1.5}
.workspace .page-heading p,.workspace .metric label,.workspace .metric>small,.workspace .panel-head>span,.workspace .panel-head a,.workspace .form-hint,.workspace .credit-aside-copy p,.workspace .field>span,.workspace .summary-list dt{color:#7585a1}.workspace .data-table th{color:#8796b2}.workspace .tag.gray{color:#8292ae}

/* Blue / white. Artwork has hierarchy; the symbol is reserved for identity. */
.components{background:#f6f8ff}.component-grid figure{background:#e9efff}.component-grid article:nth-child(2) figure{background:#dce6ff}.component-grid article:nth-child(3) figure{background:#edf2ff}.hero-object .orbit-guide{display:none}.idea-bottom>.brand-mark{display:none}.closing:after{display:none}.sidebar-bottom .side-object{display:none}.workspace .range{accent-color:var(--blue)}

.workspace{background:#f8faff}.workspace-header{background:#fff}.sidebar{background:#f1f5ff}.sidebar nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.avatar{font-size:11px;font-weight:650;letter-spacing:-.3px;background:#e4ecff;color:#244cf2;border-radius:10px}.identity-1{background:#244cf2;color:#fff}.identity-2{background:#dce3f1;color:#37455f}.detail-hero .avatar{font-size:25px;border-radius:20px}.agent-card .avatar{font-size:18px;border-radius:14px}.workspace .metric label,.workspace .data-table th,.workspace .summary-list dt,.workspace .field>span,.workspace .form-hint,.workspace .page-heading p{color:#66758e}.workspace .data-table td,.workspace .summary-list dd{color:#334d79}.workspace .panel-head h2{color:#273e65}.workspace button:disabled{opacity:.42;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.allocation-number{font-size:35px;font-weight:500;letter-spacing:-1.3px;color:#213b73;margin:5px 0 26px}.allocation-number small{display:block;font-size:12px;letter-spacing:0;color:#7f90ac;margin-top:8px}.capital-bar{height:10px;border-radius:10px;background:#e7edfa;overflow:hidden;margin-bottom:16px}.capital-bar span{height:100%;background:#244cf2;display:block;border-radius:10px}.chain-link{color:#244cf2;word-break:break-word}.connect-state{max-width:600px;margin:80px auto 130px;text-align:center;padding:40px 20px}.connect-state h1{font-size:56px;letter-spacing:-2.5px;margin:24px 0}.connect-state>p{font-size:17px;line-height:1.8;color:#7987a0}.connect-state>.eyebrow{font:10px Mono;color:#244cf2;letter-spacing:1px}.connect-state>.btn{margin-top:24px}.connection-note{font-size:12px;line-height:1.7;color:#8995a9;margin-top:30px}.network-error{padding:18px;border:1px solid #d9e3fa;background:#fff;margin-bottom:24px;color:#7e4760}.transaction-status{margin-top:22px;font-size:13px;line-height:1.9;color:#506b9c}.confirmation-mark{height:48px;width:48px;border-radius:50%;background:#e4ecff;color:#244cf2;display:grid;place-items:center;font-size:23px;margin-bottom:24px}.error-tag{color:#a04966;background:#ffedf3}.credit-aside-copy h3 small{font-size:18px}.credit-aside-copy{padding-top:35px}.workspace .metric{min-height:128px}.workspace .form-hint{line-height:1.7}.sidebar .logo{margin-bottom:60px}.workspace .modal-copy{color:#71819a}.workspace #back-form .field{margin-top:24px}.workspace-footer{letter-spacing:.6px}.workspace .preview-badge{color:#244cf2}.workspace .agent-cell small{color:#7d8ba3}.workspace #wallet-open{font-variant-numeric:tabular-nums}
@media(max-width:700px){.connect-state{margin:30px auto 60px}.connect-state h1{font-size:40px}.connect-state>p{font-size:15px}.button-row{gap:8px}.button-row>.btn{padding:13px 16px}.allocation-number{font-size:29px}.workspace .metric{min-height:105px}}

.component-grid article:nth-child(2) figure,.forms .form-card:nth-child(2){background:#244cf2}.forms .form-card:nth-child(2) h2{color:#fff}.forms .form-card:nth-child(2) p{color:#c5d2ff}.component-grid article:nth-child(2) figure>span{color:#fff;border-color:#ffffff50}.workspace #credit-form>.btn{margin-top:24px;width:100%}

.workspace .page-heading>div,.workspace .dashboard-grid>*{min-width:0}.workspace .metric strong{overflow-wrap:anywhere}@media(max-width:700px){.workspace .page-heading{flex-wrap:wrap;gap:14px}.workspace .page-heading>div{flex:1 1 220px}.workspace .page-heading>.btn{flex-shrink:0;padding:12px 18px}.workspace .detail-hero h1{overflow-wrap:anywhere}.workspace .summary-list dd{min-width:0;overflow-wrap:anywhere}}