:root{--navy:#0b2333;--deep:#071a27;--turquoise:#18c6ce;--teal:#00777f;--paper:#f5f7f7;--muted:#536773;--border:#d5dfe2;--warm:#faf4e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--navy);background:white;font:16px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;min-height:46px;padding:12px 20px;border-radius:6px;border:1px solid transparent;text-decoration:none;display:inline-flex;gap:18px;align-items:center;justify-content:center;font-weight:700;font-size:14px}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #007f89;outline-offset:4px}button:disabled{opacity:.45;cursor:default}.primary{background:var(--turquoise);color:var(--deep)}.primary:hover{background:#59dce0}.secondary{background:white;border-color:#b7c8cf;color:var(--navy)}.secondary:hover{background:#edf6f6}.text-button{background:transparent;text-decoration:underline;font-size:12px;color:var(--muted)}.site-header{max-width:1400px;padding:22px 5%;margin:auto;display:flex;align-items:center;gap:40px}.brand{font-size:27px;font-weight:850;letter-spacing:-1.1px;text-decoration:none}.brand span{color:var(--teal)}nav{display:flex;gap:28px}.site-header nav{margin-left:auto;font-size:13px;font-weight:650;align-items:center}.site-header nav a{text-decoration:none}.preview-pill,.tag{font-size:10px;letter-spacing:1.3px;font-weight:750}.preview-pill{border:1px solid var(--border);padding:5px 10px;border-radius:30px;white-space:nowrap}.hero{background:var(--deep);color:white}.hero>img{width:100%;height:auto;display:block;max-width:1672px;margin:auto}.hero-copy{max-width:1280px;padding:38px 40px 44px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--teal);margin:0 0 14px}.hero .eyebrow,.jobsite .eyebrow{color:var(--turquoise)}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.7px}h1{font-size:33px;margin:0 0 15px}h2{font-size:clamp(28px,3vw,40px);margin:0 0 20px;max-width:760px}h3{font-size:21px;margin:0 0 14px}h4{margin:30px 0 15px}p{margin:0 0 18px}.hero-copy p:not(.eyebrow){color:#c7d5dd;font-size:15px;max-width:670px;margin:0}.hero-actions{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch}.hero-actions small{font-size:11px;color:#b9cbd5;text-align:center}.hero .secondary{background:transparent;color:white;border-color:#667d89}.section{max-width:1280px;padding:75px 40px;margin:auto}.how-grid,.prepare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.how-grid h3,.prepare-grid h3{font-size:19px}.how-grid p,.prepare-grid p{font-size:14px;color:var(--muted);margin:0}.number{display:inline-block;color:var(--teal);font-size:13px;border-top:2px solid var(--turquoise);padding-top:13px;margin-bottom:22px;width:42px;font-weight:800}.builder-wrap{background:#eef3f4;border-block:1px solid var(--border)}.section-heading,.preview-tools{display:flex;justify-content:space-between;align-items:center;gap:30px}.section-heading h2{margin-bottom:10px}.section-heading p:not(.eyebrow){font-size:14px;color:var(--muted)}.utility{display:flex;gap:10px;flex-wrap:wrap}.demo-note{font-size:12px;background:#e0ebee;border-left:3px solid var(--teal);padding:13px 17px;margin:15px 0}.save-note{color:var(--muted);font-size:12px;margin:12px 0;min-height:20px}.sample-notice{font-size:11px;letter-spacing:.4px;background:#fff1d7;padding:12px 17px;border:1px solid #dec89f;margin-bottom:15px}.workbench{background:white;border:1px solid var(--border);border-radius:10px;box-shadow:0 15px 35px #0b233308;overflow:hidden}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#e6edef;border-bottom:1px solid var(--border)}.steps button{border-radius:0;background:transparent;color:var(--muted);padding:18px 10px;font-size:13px;gap:9px;border-bottom:3px solid transparent}.steps button[aria-current="step"]{background:white;color:var(--navy);border-bottom-color:var(--turquoise)}.panel{padding:36px}.panel>h3{font-size:26px}.hint{font-size:13px;color:var(--muted);margin:12px 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#314b59}input,select,textarea{width:100%;border:1px solid #b8c9d0;background:white;color:var(--navy);border-radius:5px;padding:11px 12px;font-size:15px;font-weight:400;min-height:46px}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#637883;opacity:1}input[aria-invalid="true"]{border-color:#ac551b;background:#fff7ee}.step-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:22px 36px;background:#fafcfc}.step-footer span{font-size:12px;color:var(--muted)}.estimate-controls{display:flex;gap:20px;max-width:450px;margin:25px 0}.estimate-controls label{flex:1}.line-item{display:grid;grid-template-columns:2.5fr .75fr .8fr 1fr 1fr 42px;gap:10px;align-items:end;padding:18px 0;border-top:1px solid var(--border)}.line-total{font-size:13px;min-height:46px;display:flex;align-items:center}.remove{padding:8px;background:#f1f4f5;color:var(--navy);font-size:20px}.line-warning{grid-column:1/-1;font-size:12px;color:#90400d;margin:0}.totals{max-width:430px;margin:25px 0 25px auto;background:var(--paper);padding:22px}.total-row{display:flex;justify-content:space-between;gap:25px;font-size:14px;margin:8px 0}.total-row:last-of-type{border-top:1px solid var(--border);padding-top:13px;font-size:18px;font-weight:750}.totals .hint{margin:15px 0 0}.review{background:var(--warm);border:1px solid #dfc9a2;padding:18px 24px;font-size:13px;margin:25px 0}.review ul{margin-bottom:0}.proposal{border:1px solid var(--border);padding:45px;overflow-wrap:anywhere}.proposal-head{border-bottom:3px solid var(--teal);padding-bottom:20px;margin-bottom:25px;display:flex;justify-content:space-between;gap:20px}.proposal h2{font-size:30px}.proposal h3{font-size:17px;margin-top:26px}.proposal p,.proposal li{font-size:13px;white-space:pre-line}.draft{font-size:11px;font-weight:800;color:#8c440f;background:#fff0d7;padding:6px 10px;display:inline-block;height:fit-content}.proposal table{width:100%;border-collapse:collapse;font-size:12px}.proposal th,.proposal td{border-bottom:1px solid var(--border);text-align:left;padding:10px 7px;vertical-align:top}.proposal th{background:#eef4f4}.proposal td:not(:first-child){white-space:nowrap}.proposal .total-row{font-size:13px}.prepare-grid article{border-top:1px solid var(--border);padding-top:23px}.prepare-grid .tag{display:block;color:var(--teal);margin-bottom:12px}.example{padding-top:15px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:25px}.comparison article{padding:35px;background:var(--paper);border:1px solid var(--border);border-radius:8px}.comparison .rough{background:var(--warm);transform:rotate(-1deg)}.rough p{font:22px/1.8 Georgia,serif;margin:20px 0 0}.comparison .tag{color:var(--teal);display:block;margin-bottom:20px}.comparison article:not(.rough) p{font-size:14px}.jobsite{background:var(--navy);color:white}.jobsite-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.jobsite p:not(.eyebrow),.jobsite li{color:#c8d7df;font-size:15px}.jobsite ul{padding-left:20px}.jobsite li{padding:5px 0}.early-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.early-grid>div>p:not(.eyebrow){color:var(--muted)}.early-grid h3{font-size:19px;margin:28px 0 15px}.early-grid form{padding:30px;border:1px solid var(--border);background:var(--paper);border-radius:8px}#early-status{font-size:13px;margin-top:15px}.site-footer{padding:35px 5%;background:var(--deep);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer .brand span{color:var(--turquoise)}.site-footer p,.site-footer>span{font-size:11px;color:#b9cad4;margin:0}.skip{position:absolute;left:15px;top:-100px;padding:15px;background:white;z-index:10}.skip:focus{top:15px}dialog{border:1px solid var(--border);border-radius:12px;padding:30px;max-width:470px;width:calc(100% - 30px);color:var(--navy)}dialog::backdrop{background:#071a27aa}[hidden]{display:none!important}
@media(max-width:950px){.preview-pill{display:none}.line-item{grid-template-columns:2fr 1fr 1fr}.line-item label:first-child{grid-column:1/-1}.hero-copy{gap:30px}.how-grid,.prepare-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start}.section-heading .utility{flex-direction:column}.early-grid{gap:30px}.site-footer{flex-wrap:wrap}}
@media(max-width:600px){.site-header{padding:16px 20px;gap:10px;flex-wrap:wrap}.brand{font-size:25px}.site-header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}.hero-copy{padding:28px 22px 32px;grid-template-columns:1fr;gap:24px}h1{font-size:28px}.hero-copy p:not(.eyebrow){font-size:14px}.section{padding:48px 20px}.eyebrow{font-size:9px;letter-spacing:1.2px}.how-grid,.prepare-grid{gap:25px 20px}.how-grid h3,.prepare-grid h3{font-size:17px}.how-grid p,.prepare-grid p{font-size:13px}.section-heading,.preview-tools{display:block}.section-heading .utility{flex-direction:row}.steps button{flex-direction:column;font-size:12px;padding:13px 5px;gap:4px}.steps button span{font-size:10px}.panel{padding:24px 17px}.panel>h3{font-size:22px}.form-grid{grid-template-columns:1fr;gap:16px}.step-footer{padding:17px;gap:10px}.step-footer button{font-size:12px;padding:10px 13px}.line-item{gap:10px}.line-item input{padding:10px 8px}.line-total{grid-column:1/3}.line-warning{grid-column:1/-1}.proposal{padding:20px 13px}.proposal-head{flex-direction:column}.proposal table{font-size:10px}.proposal th,.proposal td{padding:7px 3px}.proposal td:not(:first-child){white-space:normal}.comparison,.jobsite-grid,.early-grid{grid-template-columns:1fr;gap:25px}.comparison article{padding:25px}.rough p{font-size:19px}.early-grid form{padding:22px}.site-footer{padding:30px 20px}.review{padding:15px}.review ul{padding-left:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{@page{size:auto;margin:16mm}html,body{background:white!important;color:#111!important;font-size:11pt}body>*:not(main),main>*:not(.builder-wrap),.builder-wrap .section>*:not(.workbench),.workbench>*:not([data-panel="3"]),[data-panel="3"]>*:not(#proposal){display:none!important}.builder-wrap,.section,.workbench,.panel{display:block!important;background:white!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;max-width:none!important;overflow:visible!important}#proposal{display:block!important;border:0;padding:0;font-size:11pt}.proposal h2{font-size:24pt}.proposal h3{break-after:avoid}.proposal li,.proposal tr,.proposal-head,.totals{break-inside:avoid}.proposal thead{display:table-header-group}.proposal table{font-size:9pt}.proposal th,.proposal td{padding:7px 5px}.proposal p,.proposal li{font-size:10pt}.draft{border:1px solid #9a612e}.proposal-head{flex-direction:row}.totals{background:white;border-top:1px solid #aaa}.proposal a{color:inherit;text-decoration:none}}