*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;background:#f6f7f9;color:#192331}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.notice-top{background:#192331;color:#d9dfe7;text-align:center;font-size:12px;padding:9px 16px}.notice-top a{color:#ffb79f;text-decoration:underline;margin-left:12px}header{border-bottom:1px solid #dce1e8;background:white}.nav{display:flex;justify-content:space-between;gap:25px;align-items:center;min-height:82px}.brand{font-style:italic;font-weight:900;text-transform:uppercase;font-size:28px;letter-spacing:-1.5px}.brand span{color:#e45528}.nav nav{display:flex;gap:24px;align-items:center;font-size:14px}.btn{padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d7dde5;border-radius:5px;background:white;color:#192331;font-size:14px;font-weight:bold;line-height:1.4;text-align:center}.btn.primary{background:#e45528;color:white;border-color:#e45528}.btn.dark{background:#192331;border-color:#192331;color:white}.btn:hover{border-color:#e45528}.hero{padding:60px 0 45px;display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.5px;text-transform:uppercase;color:#b94724}h1{font-size:clamp(42px,5vw,67px);line-height:1.06;letter-spacing:-2.8px;margin:20px 0}h1 em{font-style:normal;color:#e45528}.hero p{font-size:17px;color:#667385;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.preview-card{border:1px solid #dce1e8;background:white;border-radius:8px;overflow:hidden;transform:rotate(1deg)}.preview-head{background:#192331;color:#fff;padding:17px 23px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.preview-body{padding:23px}.preview-body h3{margin:0 0 18px;font-size:23px}.preview-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e3e7ed;padding:12px 0;font-size:14px}.preview-line span{color:#667385}.preview-total{padding:15px;background:#fff1e9;margin-top:10px;font-size:14px;border-radius:5px}.preview-total b{display:block;font-size:27px;color:#b94724}.micro{font-size:12px!important;color:#697789}.demo-banner{border:1px solid #dfc5a8;color:#75552e;background:#fff7eb;padding:13px 18px;font-size:13px;border-radius:5px;margin-bottom:25px}.demo-section{padding:25px 0 75px}.demo-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}h2{font-size:clamp(30px,3.8vw,43px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 18px}.demo-top p{max-width:550px;color:#667385;margin:0}.switcher{display:flex;gap:8px;flex-wrap:wrap}.switcher button{padding:11px 17px;border:1px solid #d7dde5;background:white;border-radius:5px;font-size:14px;color:#192331}.switcher button[aria-pressed=true]{background:#192331;color:white;border-color:#192331}.workspace{background:#fff;border:1px solid #d4dce5;border-radius:10px;overflow:hidden;box-shadow:0 20px 65px #182c4910}.appbar{padding:15px 23px;background:#192331;color:white;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:20px}.appbar strong{font-size:14px}.appbar span{color:#c3cdd9}.workspace-grid{display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:24px 20px;background:#f6f8fb;border-right:1px solid #e0e5ec}.sidebar label{font-size:12px;color:#697789}.project-title{font-size:23px;line-height:1.2;margin:13px 0 20px}.project-data{padding:13px 0;border-top:1px solid #dce1e8;font-size:14px}.project-data small{display:block;color:#697789;font-size:12px;margin-bottom:5px}.scope-labels{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.scope-labels span{font-size:11px;padding:5px 8px;border:1px solid #d7dde5;border-radius:4px;background:#fff}.appmain{padding:25px;min-width:0}.project-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:20px}.project-header h3{font-size:27px;line-height:1.2;margin:0 0 10px;letter-spacing:-.6px}.project-header p{font-size:14px;color:#697789;margin:0}.badge{padding:5px 10px;border:1px solid #e9c8ba;background:#fff1e9;border-radius:25px;font-size:12px;color:#9d421f;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.metric{border:1px solid #e0e5ec;padding:16px;border-radius:6px;font-size:12px;color:#697789;background:#fff}.metric strong{display:block;font-size:25px;color:#192331;line-height:1.4;margin-top:6px;letter-spacing:-.5px}.progress-track{height:8px;background:#e7ebf0;border-radius:5px;overflow:hidden;margin-top:12px}.progress-fill{height:100%;width:0;background:#e45528;transition:width .2s}.panel{border:1px solid #dce1e8;border-radius:7px;margin-top:22px;overflow:hidden}.panel-head{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e0e5ec;background:#fafbfc}.panel-head h4{margin:0;font-size:16px}.panel-head span{font-size:12px;color:#697789}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:540px;text-align:left;font-size:14px}th{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#697789;background:#fafbfc}td,th{padding:13px 16px;border-bottom:1px solid #e7ebf0}td label{display:flex;align-items:center;gap:10px;font-size:14px}.item-check{width:17px;height:17px;accent-color:#e45528;flex-shrink:0}input.line-qty{width:64px}input.line-price{width:105px}input,select,textarea{padding:10px;border:1px solid #cdd6e0;border-radius:5px;color:#192331;background:white}input:disabled{background:#f4f6f9;color:#7a8594}input:invalid{border-color:#c13737}.labor-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:end;padding:18px 20px}.labor-grid label{font-size:13px;display:block;color:#697789}.labor-grid input{display:block;width:100%;margin-top:6px}.labor-result{font-size:12px;color:#697789}.labor-result strong{display:block;font-size:21px;color:#192331}.budget-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 20px;background:#f6f8fb;border-top:1px solid #e0e5ec}.budget-total{font-size:12px;color:#697789}.budget-total b{display:block;font-size:26px;color:#192331}.panel-note{padding:0 20px 17px;font-size:12px;color:#697789;margin:0}.work-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.work-columns .panel{margin-top:20px}.checklist{padding:5px 20px}.task{display:flex;align-items:start;gap:11px;padding:14px 0;border-bottom:1px solid #e7ebf0;font-size:14px}.task:last-child{border-bottom:0}.task input{margin-top:4px;width:17px;height:17px;accent-color:#e45528;flex-shrink:0}.task small{display:block;color:#697789;font-size:12px}.activity-list{padding:4px 20px 12px;list-style:none;margin:0}.activity-list li{font-size:13px;padding:13px 0;border-bottom:1px solid #e7ebf0}.activity-list small{display:block;color:#697789;font-size:11px;margin-top:3px}.app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.status{font-size:14px;color:#a74122;margin-top:15px}.sales{background:#192331;color:white;padding:75px 0}.sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.sales p{color:#bcc7d5}.sales .eyebrow{color:#ffae8d}.sales .scope-box{border-top:1px solid #3d4857;padding-top:20px;margin-top:25px}.scope-box h3{font-size:18px;margin:0 0 10px}.scope-box p{font-size:15px}.sales form{padding:28px;background:#fff;color:#192331;border-radius:8px}.sales form h3{font-size:23px;margin:0 0 22px}.sales label{font-size:14px;display:block;margin-bottom:17px}.sales label input,.sales label select,.sales label textarea{display:block;width:100%;margin-top:7px}.sales textarea{min-height:100px;resize:vertical}.sales form small{display:block;font-size:12px;color:#697789;margin-top:15px}.sales form .status{color:#a74122}.hidden{display:none}.request-text{min-height:240px!important}.footer{padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#697789}.footer a{text-decoration:underline}.compare{padding:45px 0;border-top:1px solid #dce1e8}.compare p{color:#697789;font-size:15px}.compare .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}@media(max-width:1050px){.hero{gap:35px}.workspace-grid{grid-template-columns:200px minmax(0,1fr)}.appmain{padding:20px}.work-columns{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:13px}.metric strong{font-size:22px}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px}.preview-card{transform:none;max-width:620px}.workspace-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dce1e8;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 20px}.sidebar>label,.sidebar h3,.sidebar .scope-labels{grid-column:1 / -1}.sidebar h3{margin-bottom:12px}.sales-grid{gap:30px}.demo-top{display:block}.switcher{margin-top:23px}.nav nav{gap:15px}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.nav{min-height:72px}.brand{font-size:25px}.nav nav a:not(.btn){display:none}.nav .btn{font-size:12px;padding:10px 12px}.hero{padding:45px 0 35px}h1{font-size:45px;letter-spacing:-2px}.hero p{font-size:16px}.metrics{grid-template-columns:1fr}.metric{padding:14px 17px}.metric strong{font-size:25px}.project-header{display:block}.project-header .badge{display:inline-block;margin-top:12px}.sidebar{grid-template-columns:1fr;padding:20px}.sidebar>label,.sidebar h3,.sidebar .scope-labels{grid-column:auto}.appmain{padding:17px}.appbar{padding:15px;flex-wrap:wrap;gap:5px}.labor-grid{grid-template-columns:1fr 1fr;gap:12px;padding:17px}.labor-result{grid-column:1 / -1}.budget-bottom{flex-wrap:wrap;padding:17px}.budget-bottom .btn{width:100%}.sales-grid{grid-template-columns:1fr;gap:35px}.sales{padding:55px 0}.sales form{padding:23px}.footer{flex-wrap:wrap}.compare .wrap{display:block}.compare .btn{margin-top:12px}.panel-head{padding:16px}.panel-head span{font-size:11px}.project-header h3{font-size:24px}.demo-section{padding-bottom:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-fill{transition:none}}