.demo-shell{background:#10140f;min-height:100vh}.demo-toolbar{color:#a9b79f;justify-content:space-between;gap:15px;max-width:1200px;margin:auto;padding:24px;font-size:14px;display:flex}.demo-toolbar a:hover{color:#c1f57a}.demo-toolbar>span{letter-spacing:1.5px;font-size:11px}.demo{color:#25352c;--demo-accent:#33755a;background:#f3f6f0;border-radius:18px;max-width:1200px;padding:40px;animation:.5s both demo-enter;margin:0 auto 50px!important}.demo-header{border-bottom:1px solid #23352220;justify-content:space-between;align-items:center;gap:18px;max-width:none;height:auto;margin:0 0 45px;padding-bottom:25px;display:flex}.demo-brand{letter-spacing:-1px;font-size:28px;font-weight:750}.demo-brand>span{color:var(--demo-accent);margin-left:5px}.demo-header>span{letter-spacing:1.3px;font-size:11px}.demo-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.demo-kicker{letter-spacing:1.5px;color:var(--demo-accent);font-size:11px;font-weight:600}.demo h1{letter-spacing:-1.6px;margin:12px 0;font-size:43px;line-height:1.2}.demo-heading p:not(.demo-kicker){color:#607062;margin:0;font-size:16px;line-height:1.7}.demo-pill{white-space:nowrap;border:1px solid #849a7e55;border-radius:30px;padding:9px 14px;font-size:12px}.finance-metrics{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px;display:grid}.finance-metrics>div{background:#fff;border:1px solid #dfe6da;border-radius:12px;padding:25px}.finance-metrics>div:first-child{color:#fff;background:#27533f;border-color:#27533f}.finance-metrics span{font-size:14px}.finance-metrics strong{letter-spacing:-1px;margin:16px 0 10px;font-size:31px;display:block}.finance-metrics small{opacity:.7;font-size:12px}.finance-grid{grid-template-columns:1.45fr 1fr;gap:23px;display:grid}.demo-panel{background:#fff;border:1px solid #dfe6da;border-radius:12px;padding:25px}.demo-panel h2{letter-spacing:-.5px;margin:0 0 9px;font-size:21px;font-weight:600}.demo-panel>p{color:#70806b;font-size:14px;line-height:1.7}.finance-chart{height:260px;margin:24px 0 0;font-size:11px}.chart-legend{color:#33755a;justify-content:center;gap:25px;font-size:12px;display:flex}.chart-legend>span:last-child{color:#687f51}.demo form label{margin:18px 0 8px;font-size:14px;font-weight:550;display:block}.demo input{width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #cbd5c5;border-radius:7px;margin-top:8px;padding:13px 14px;font-size:16px;display:block}.demo-button{background:var(--demo-accent);color:#fff;border:0;border-radius:7px;padding:13px 18px;font-size:14px;font-weight:600;transition:filter .2s,transform .2s}.demo-button:hover{filter:brightness(1.15);transform:translateY(-2px)}.demo form>.demo-button{width:100%;margin-top:18px}.demo-feedback{min-height:23px;color:var(--demo-accent);font-size:14px;line-height:1.6}.demo-button:disabled{opacity:.6;cursor:wait;transform:none}.transactions{margin-top:23px}.transaction{border-top:1px solid #e6ebdf;align-items:center;gap:15px;padding:17px 0;display:flex}.transaction:first-of-type{margin-top:22px}.transaction>span{background:#edf2e9;border-radius:50%;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.transaction strong{overflow-wrap:anywhere;font-size:14px;font-weight:550}.transaction small{color:#7a8973;margin-top:5px;font-size:12px;display:block}.transaction>b{white-space:nowrap;margin-left:auto;font-size:15px}.demo-footnote{color:#75846d;margin:27px 0 0;font-size:13px;line-height:1.7}.flow-demo{color:#322c42;--demo-accent:#7b58b5;background:#f5f3f9}.flow-demo .demo-heading p{color:#83758f}.task-form{max-width:640px}.task-form>div,.finder-search>div{gap:12px;display:flex}.task-form input,.finder-search input{flex:1;min-width:0;margin-top:0}.kanban{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;margin-top:25px;display:grid}.kanban-column{background:#ebe7f0;border-radius:10px;min-height:260px;padding:17px}.kanban-column h2{letter-spacing:0;align-items:center;gap:9px;margin:0 0 22px;font-size:16px;font-weight:600;display:flex}.kanban-column h2>span{color:#9d8eaf;font-size:12px}.kanban-column h2 small{background:#dfd6e8;border-radius:5px;margin-left:auto;padding:4px 8px;font-size:12px}.stage-1 h2>span{color:#b57ddd}.stage-2 h2>span{color:#5c947a}.kanban-task{background:#fff;border:1px solid #e4dceb;border-radius:8px;margin-bottom:14px;padding:20px;animation:.3s both demo-enter}.task-category{color:#82679c;letter-spacing:.5px;background:#f0e9f8;border-radius:4px;padding:5px 7px;font-size:10px}.kanban-task h3{overflow-wrap:anywhere;margin:18px 0;font-size:17px;font-weight:550;line-height:1.5}.task-owner{color:#8a7e98;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.task-owner b{color:#73588b;background:#eae2f1;border-radius:50%;padding:8px;font-size:10px}.task-controls{border-top:1px solid #eee7f3;justify-content:flex-end;gap:15px;margin-top:16px;padding-top:12px;display:flex}.task-controls button{color:#76549e;background:0 0;border:0;padding:4px 0;font-size:12px}.empty-column{color:#867591;font-size:14px;line-height:1.7}.flow-demo .demo-footnote{color:#8a7e95}.finder-demo{color:#e0eaf4;--demo-accent:#6386f7;background:#122232;max-width:960px}.finder-demo .demo-header{border-color:#2a4055}.finder-demo .demo-brand>span{color:#aec1d8;margin-left:0;font-weight:400}.finder-demo .demo-heading p:not(.demo-kicker){color:#9bafc4}.finder-demo .demo-panel{background:#192e42;border-color:#30485d}.finder-demo input{background:#102030;border-color:#38516b}.finder-search{max-width:760px}.finder-demo .demo-feedback{color:#aec6f9}.github-profile{margin-top:25px}.github-person{align-items:center;gap:20px;display:flex}.github-avatar{color:#254560;background:#aec8e0;border-radius:50%;flex-shrink:0;place-items:center;width:70px;height:70px;font-size:33px;font-weight:600;display:grid}.github-person h2{overflow-wrap:anywhere;font-size:25px}.github-person p{color:#93b2ff;margin:0;font-size:14px}.github-person>a{color:#a3beff;margin-left:auto;font-size:13px}.github-bio{max-width:650px;color:#b9c9d7!important}.github-location{color:#8fa7be!important}.github-stats{background:#102131;border-radius:8px;grid-template-columns:repeat(3,1fr);margin-top:25px;padding:22px;display:grid}.github-stats>div{text-align:center}.github-stats span{color:#a0b6cb;font-size:13px}.github-stats strong{margin-top:8px;font-size:28px;display:block}.repo-heading{letter-spacing:-.4px;margin:32px 0 18px;font-size:20px}.github-repos{grid-template-columns:1fr 1fr;gap:16px;display:grid}.github-repos h3{color:#9abbff;overflow-wrap:anywhere;margin:0 0 12px;font-size:17px;font-weight:550}.github-repos p{color:#a4b7c9;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.github-repos small{color:#bfcca0;justify-content:space-between;font-size:12px;display:flex}.finder-demo .demo-footnote{color:#93a9bd}input:focus-visible{outline:2px solid var(--demo-accent);outline-offset:3px}@keyframes demo-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.demo{padding:25px;margin:0 16px 30px!important}.demo-toolbar>span{display:none}.demo-header{margin-bottom:30px}.demo-header>span{text-align:right;font-size:9px}.demo-heading{display:block}.demo h1{font-size:36px}.demo-pill{margin-top:18px;display:inline-block}.finance-metrics{gap:10px}.finance-metrics>div{padding:18px}.finance-metrics strong{font-size:23px}.finance-grid,.kanban{grid-template-columns:1fr}.github-person{flex-wrap:wrap}.github-person>a{margin-left:90px}.github-repos{grid-template-columns:1fr}}@media (max-width:500px){.demo{padding:20px;margin:0 10px 25px!important}.demo-header{flex-wrap:wrap}.demo h1{font-size:32px}.finance-metrics{grid-template-columns:1fr}.finance-metrics strong{font-size:30px}.demo-panel{padding:20px}.task-form>div,.finder-search>div{flex-direction:column}.transaction{gap:9px}.transaction>b{font-size:13px}.github-stats{padding:17px 8px}.github-stats span{font-size:11px}.github-stats strong{font-size:24px}.github-person h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.demo,.kanban-task{animation:none}.demo-button{transition:none}}