.demo-page{--d-ink:#20251e;--d-paper:#f5f2e9;--d-card:#fffdf8;--d-lime:#d9f763;--d-orange:#ff8b55;min-height:100vh;color:var(--d-ink);background:var(--d-paper);font-family:var(--font-geist-sans),sans-serif;padding-bottom:80px}.demo-page *{box-sizing:border-box}.demo-page a{color:inherit;text-decoration:none}.demo-header{color:#fff;background:#252b22;justify-content:space-between;align-items:center;height:70px;padding:0 max(20px,50% - 590px);display:flex}.demo-brand{align-items:center;gap:9px;display:flex}.demo-brand>b{width:33px;height:33px;color:var(--d-ink);background:var(--d-lime);font:900 15px var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.demo-brand span{display:grid}.demo-brand strong{font-size:12px}.demo-brand small{color:#aeb3aa;font:650 6px var(--font-geist-mono);letter-spacing:.13em}.demo-header>div{align-items:center;gap:22px;font-size:9px;display:flex}.demo-header>div>span{color:#aeb3aa}.demo-header>div>a{border-bottom:1px solid #63695f;padding-bottom:4px;font-weight:700}.demo-intro{width:min(1180px,100% - 40px);margin:55px auto 34px}.demo-intro>span{color:var(--d-orange);font:750 8px var(--font-geist-mono);letter-spacing:.14em}.demo-intro h1{letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(38px,5vw,58px);line-height:1}.demo-intro p{color:#74776f;max-width:620px;margin:0;font-size:12px;line-height:1.6}.demo-workspace{grid-template-columns:1fr .78fr;align-items:start;gap:24px;width:min(1180px,100% - 40px);margin:auto;display:grid}.demo-builder{background:var(--d-card);border:1px solid #dad6cb;border-radius:13px;overflow:hidden;box-shadow:0 18px 50px #2b2c2614}.demo-section{border-bottom:1px solid #dfdcd2;padding:28px}.demo-section:last-child{border:0}.demo-section-title{gap:12px;margin-bottom:20px;display:flex}.demo-section-title>b{color:var(--d-orange);font:750 8px var(--font-geist-mono);padding-top:4px}.demo-section-title h2{margin:0;font-size:16px}.demo-section-title p{color:#81847c;margin:4px 0 0;font-size:9px}.demo-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-fields .wide{grid-column:1/-1}.demo-fields label{gap:6px;display:grid}.demo-fields label>span{color:#7f827a;font:650 7px var(--font-geist-mono);letter-spacing:.08em;text-transform:uppercase}.demo-fields input,.demo-fields select{height:39px;color:var(--d-ink);background:#f7f5ef;border:1px solid #dbd8ce;border-radius:7px;outline:0;padding:0 10px;font-size:10px}.demo-fields input:focus,.demo-fields select:focus{border-color:#a4b35f;box-shadow:0 0 0 3px #d9f76340}.demo-services{gap:8px;display:grid}.demo-services button{width:100%;min-height:58px;color:var(--d-ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #ddd9ce;border-radius:8px;align-items:center;gap:11px;padding:9px 11px;display:flex}.demo-services button.active{box-shadow:inset 3px 0 var(--d-lime);background:#f3f9db;border-color:#aab968}.demo-services button>i{background:0 0;border:1px solid #c5c7bd;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;font-size:8px;font-style:normal;display:grid}.demo-services button.active>i{background:var(--d-lime);border-color:var(--d-lime)}.demo-services button>span{flex:1;min-width:0;display:grid}.demo-services button>span strong{font-size:10px}.demo-services button>span small{color:#83867e;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;overflow:hidden}.demo-services button>b{font:700 10px var(--font-geist-mono)}.demo-preview{position:sticky;top:20px}.demo-preview-top{color:#777b72;font:650 7px var(--font-geist-mono);letter-spacing:.1em;justify-content:space-between;margin:0 3px 8px;display:flex}.demo-preview-top i{color:#6f922c;letter-spacing:0;font-style:normal}.demo-estimate{background:#fff;border:1px solid #dedbd1;border-radius:4px;padding:28px;box-shadow:0 22px 60px #2d2e281c}.demo-estimate>header{justify-content:space-between;display:flex}.demo-paper-logo{align-items:center;gap:8px;display:flex}.demo-paper-logo>b{background:var(--d-lime);width:29px;height:29px;font:900 13px var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.demo-paper-logo span{display:grid}.demo-paper-logo strong{letter-spacing:.07em;font-size:8px}.demo-paper-logo small{color:#878a82;font:650 5px var(--font-geist-mono);letter-spacing:.12em}.demo-meta{justify-items:end;display:grid}.demo-meta span,.demo-parties span{color:#8b8e86;font:650 5px var(--font-geist-mono);letter-spacing:.13em}.demo-meta strong{font:700 7px var(--font-geist-mono);margin:3px 0}.demo-meta small{color:#8b8e86;font-size:6px}.demo-rule{background:var(--d-ink);height:3px;box-shadow:30px 0 var(--d-lime);margin:21px 0 18px}.demo-parties{grid-template-columns:1.2fr 1fr;gap:20px;padding-bottom:17px;display:grid}.demo-parties strong{margin:6px 0 4px;font-size:8px;display:block}.demo-parties p{color:#787b73;margin:0;font-size:6px;line-height:1.5}.demo-lines{border-top:1px solid #dcded6}.demo-line-head,.demo-line{grid-template-columns:1fr auto;align-items:center;display:grid}.demo-line-head{color:#90928a;font:650 5px var(--font-geist-mono);letter-spacing:.1em;border-bottom:1px solid #e7e7e1;padding:7px 0}.demo-line{border-bottom:1px solid #ecece6;min-height:46px;padding:8px 0}.demo-line span{display:grid}.demo-line strong{font-size:7px}.demo-line small{color:#8a8d84;white-space:nowrap;text-overflow:ellipsis;max-width:210px;margin-top:3px;font-size:5.5px;overflow:hidden}.demo-line>b{font:700 7px var(--font-geist-mono)}.demo-empty{color:#8b8e86;text-align:center;border-bottom:1px solid #ecece6;padding:25px 0;font-size:8px}.demo-total{border-top:2px solid var(--d-ink);justify-content:space-between;align-items:end;width:64%;margin:16px 0 18px auto;padding-top:9px;display:flex}.demo-total span{font:700 5px var(--font-geist-mono);letter-spacing:.08em}.demo-total strong{font:800 17px var(--font-geist-mono);letter-spacing:-.06em}.demo-deposit{background:#f0f8cf;border:1px solid #deecad;border-radius:5px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.demo-deposit span{display:grid}.demo-deposit b{font-size:7px}.demo-deposit small{color:#707667;margin-top:3px;font-size:5.5px}.demo-deposit>strong{font:800 9px var(--font-geist-mono)}.demo-send{color:#fff;cursor:pointer;background:#252b22;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:47px;margin-top:10px;padding:0 16px;font-size:10px;font-weight:800;display:flex}.demo-send span{color:var(--d-lime)}.demo-send:disabled{opacity:.45}.demo-bottom{color:#fff;background:#ff8b55;border-radius:14px;justify-content:space-between;align-items:center;gap:35px;width:min(1180px,100% - 40px);margin:70px auto 0;padding:42px;display:flex}.demo-bottom>div>span{font:700 7px var(--font-geist-mono);letter-spacing:.13em}.demo-bottom h2{letter-spacing:-.05em;max-width:650px;margin:10px 0 0;font-size:32px;line-height:1.05}.demo-bottom>a{color:#fff;background:#252b22;border-radius:8px;gap:30px;min-width:220px;padding:15px 17px;font-size:10px;font-weight:800;display:flex}.demo-bottom>a span{color:var(--d-lime)}.demo-modal{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#191c17c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:22px;right:25px}.demo-modal article{text-align:center;background:#fff;border-radius:14px;width:min(430px,100%);padding:35px;box-shadow:0 35px 90px #00000047}.modal-logo{background:var(--d-lime);width:42px;height:42px;font:900 17px var(--font-geist-mono);border-radius:50%;place-items:center;margin:0 auto 15px;display:grid}.demo-modal article>span{color:var(--d-orange);font:750 7px var(--font-geist-mono);letter-spacing:.13em}.demo-modal h2{letter-spacing:-.04em;margin:13px 0 10px;font-size:25px}.demo-modal p{color:#74776f;font-size:10px;line-height:1.6}.modal-summary{background:#f4f2eb;border-radius:8px;justify-content:space-between;align-items:center;margin:22px 0;padding:15px;font-size:10px;display:flex}.modal-summary strong{font:800 18px var(--font-geist-mono)}.demo-modal label{color:#70736b;text-align:left;align-items:flex-start;gap:8px;margin-bottom:15px;font-size:9px;line-height:1.4;display:flex}.demo-modal label input{accent-color:#78912f}.demo-modal article>button,.demo-modal article>a{color:#fff;cursor:pointer;background:#252b22;border:0;border-radius:8px;width:100%;padding:14px;font-size:10px;font-weight:800;display:block}.demo-modal article>small{color:#8a8d85;margin-top:10px;font-size:7px;display:block}.approved-check{background:var(--d-lime);border-radius:50%;place-items:center;width:55px;height:55px;margin:22px auto 10px;font-size:20px;font-weight:900;display:grid}@media (width<=850px){.demo-workspace{grid-template-columns:1fr}.demo-preview{max-width:580px;margin:auto;position:static}.demo-bottom{flex-direction:column;align-items:flex-start}.demo-bottom>a{min-width:260px}}@media (width<=560px){.demo-header>div>span{display:none}.demo-intro{margin-top:40px}.demo-fields{grid-template-columns:1fr}.demo-fields .wide{grid-column:auto}.demo-section{padding:23px 18px}.demo-services button>span small{max-width:190px}.demo-estimate{padding:23px 18px}.demo-bottom{padding:30px 23px}.demo-bottom h2{font-size:27px}.demo-bottom>a{width:100%;min-width:0}}