.demo-page{color:#1f2937;background:#faf9f6;min-height:100vh;overflow:hidden}.demo-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:54px;max-width:1180px;margin:0 auto;padding:92px 24px 78px;display:grid}.demo-hero>div>span,.demo-hero aside>span,.demo-section-heading>span,.demo-stage-heading>span,.demo-final-cta span{color:#c2410c;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:900}.demo-hero h1{letter-spacing:-.055em;max-width:760px;margin:15px 0 22px;font-size:clamp(48px,6vw,76px);line-height:.98}.demo-hero p{color:#667085;max-width:720px;margin:0;font-size:18px;line-height:1.7}.demo-hero-actions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.demo-hero-actions a,.demo-final-cta a,.demo-controls .primary{color:#fff;background:#c2410c;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.demo-hero-actions a+a{color:#1f2937;background:#fff;border:1px solid #ddd6cd}.demo-hero aside{background:#fff;border:1px solid #e2dbd2;border-radius:20px;padding:28px;box-shadow:0 24px 65px #3024191a}.demo-hero aside ul{gap:13px;margin:22px 0 0;padding:0;list-style:none;display:grid}.demo-hero aside li{color:#52606d;padding-left:25px;font-size:13px;font-weight:680;position:relative}.demo-hero aside li:before{content:"✓";color:#4a7043;font-weight:900;position:absolute;left:0}.demo-walkthrough-section{background:#f4ede4;border-top:1px solid #e2dbd2;border-bottom:1px solid #e2dbd2;padding:86px max(24px,50% - 590px)}.demo-section-heading{max-width:760px;margin-bottom:36px}.demo-section-heading h2{letter-spacing:-.045em;margin:12px 0 14px;font-size:clamp(37px,5vw,58px);line-height:1.02}.demo-section-heading p{color:#667085;margin:0;font-size:15px}.marketplace-demo-shell{gap:17px;display:grid}.demo-progress{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.demo-progress button{color:#6b7280;text-align:left;background:#ffffffd1;border:1px solid #ddd6cd;border-radius:12px;align-items:center;gap:10px;min-height:54px;padding:8px 12px;display:flex}.demo-progress button span{background:#f3efe9;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid}.demo-progress button b{font-size:11px;line-height:1.2}.demo-progress button.active{color:#1f2937;background:#fff;border-color:#4a7043;box-shadow:0 12px 30px #4a70431f}.demo-progress button.active span{color:#fff;background:#4a7043}.demo-stage-card{background:#fff;border:1px solid #ddd6cd;border-radius:22px;min-height:570px;padding:34px;box-shadow:0 26px 75px #3024191f}.demo-stage-heading{border-bottom:1px solid #e2dbd2;padding-bottom:24px}.demo-stage-heading h2{letter-spacing:-.04em;max-width:780px;margin:9px 0 0;font-size:clamp(29px,4vw,46px);line-height:1.08}.demo-estimate-layout,.demo-award-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:30px;margin-top:30px;display:grid}.demo-property-card,.demo-selected-card{background:#fff;border:2px solid #4a7043;border-radius:18px;padding:27px;box-shadow:0 18px 45px #4a70431f}.demo-property-card>span,.demo-selected-card>span{color:#4a7043;letter-spacing:.13em;font-size:9px;font-weight:900}.demo-property-card h3,.demo-selected-card h3{letter-spacing:-.03em;margin:13px 0 24px;font-size:25px;line-height:1.2}.demo-property-card dl{gap:12px;margin:0;display:grid}.demo-property-card dl div,.demo-status-row{border-top:1px solid #e2dbd2;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.demo-property-card dt,.demo-property-card dd{margin:0;font-size:12px}.demo-property-card dt{color:#667085}.demo-property-card dd{font-weight:850}.demo-explanation{background:#f8f5f1;border-radius:17px;padding:25px}.demo-explanation h3{letter-spacing:-.03em;margin:0 0 13px;font-size:24px;line-height:1.18}.demo-explanation p,.demo-explanation li{color:#667085;font-size:13px;line-height:1.65}.demo-explanation ul{gap:8px;margin:19px 0 0;padding-left:19px;display:grid}.demo-callout{background:#edf4ea;border-radius:13px;gap:4px;margin-top:28px;padding:17px 19px;display:grid}.demo-callout strong{color:#355632;font-size:13px}.demo-callout span{color:#667085;font-size:11px}.demo-bid-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.demo-bid-list article{background:#fff;border:1px solid #e2dbd2;border-radius:17px;padding:24px}.demo-bid-list article:nth-child(2){border:2px solid #4a7043}.demo-bid-list article>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-bid-list article span,.demo-bid-list article b{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900}.demo-bid-list article span{color:#8b929b}.demo-bid-list article b{color:#4a7043}.demo-bid-list h3{min-height:58px;margin:24px 0 11px;font-size:19px}.demo-bid-list article>strong{letter-spacing:-.05em;font-size:34px}.demo-bid-list p{color:#667085;margin:7px 0 0;font-size:11px}.demo-comparison-wrap{margin-top:30px;overflow-x:auto}.demo-comparison-table{border-collapse:collapse;width:100%;min-width:720px}.demo-comparison-table th,.demo-comparison-table td{text-align:left;border-bottom:1px solid #e2dbd2;padding:16px 14px;font-size:12px}.demo-comparison-table th{color:#667085;letter-spacing:.09em;text-transform:uppercase;font-size:9px}.demo-comparison-table tr.recommended{background:#edf4ea}.demo-comparison-table tr.recommended td:first-child{color:#355632;font-weight:900}.demo-note{color:#667085;margin:20px 0 0;font-size:12px}.demo-selected-card>strong{letter-spacing:-.05em;margin-bottom:20px;font-size:43px;display:block}.demo-selected-card ul{border-top:1px solid #e2dbd2;gap:10px;margin:0;padding:19px 0 0;list-style:none;display:grid}.demo-selected-card li{color:#52606d;padding-left:23px;font-size:12px;position:relative}.demo-selected-card li:before{content:"✓";color:#4a7043;font-weight:900;position:absolute;left:0}.demo-status-row{align-items:center}.demo-status-row span{color:#667085;font-size:11px}.demo-status-row b{font-size:11px}.demo-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:29px;display:grid}.demo-room-grid article{border:1px solid #e2dbd2;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.demo-room-grid article>span{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:900;display:grid}.demo-room-grid article.complete>span{color:#4a7043;background:#edf4ea}.demo-room-grid article.pending>span{color:#667085;background:#f3efe9}.demo-room-grid h3{margin:0 0 4px;font-size:14px}.demo-room-grid p{color:#667085;margin:0;font-size:10px}.demo-room-note{color:#fff;background:#1f2937;border-radius:15px;grid-column:1/-1;padding:21px}.demo-room-note strong{font-size:14px}.demo-room-note p{color:#c7ced7;margin:7px 0 0;font-size:11px;line-height:1.6}.demo-controls{border-top:1px solid #e2dbd2;justify-content:space-between;gap:13px;margin-top:31px;padding-top:22px;display:flex}.demo-controls button{color:#1f2937;background:#fff;border:1px solid #ddd6cd;border-radius:10px;min-height:46px;padding:0 17px;font-size:11px;font-weight:850}.demo-controls button:disabled{opacity:.4;cursor:not-allowed}.demo-controls .primary{border:0}.demo-final-cta{color:#fff;background:#1f2937;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;max-width:1120px;margin:78px auto;padding:34px;display:flex}.demo-final-cta span{color:#f2a37c}.demo-final-cta h2{max-width:730px;margin:9px 0 0;font-size:clamp(28px,4vw,42px);line-height:1.08}.demo-final-cta a{flex:none}@media (max-width:900px){.demo-hero,.demo-estimate-layout,.demo-award-layout{grid-template-columns:1fr}.demo-progress{grid-template-columns:repeat(5,minmax(110px,1fr));padding-bottom:5px;overflow-x:auto}.demo-bid-list{grid-template-columns:1fr}.demo-bid-list h3{min-height:0}}@media (max-width:620px){.demo-hero{gap:28px;padding:61px 16px 52px}.demo-hero h1{font-size:clamp(42px,13vw,58px)}.demo-hero p{font-size:15px}.demo-hero-actions{display:grid}.demo-walkthrough-section{padding:62px 14px}.demo-stage-card{border-radius:17px;min-height:0;padding:21px}.demo-stage-heading h2{font-size:31px}.demo-room-grid{grid-template-columns:1fr}.demo-room-note{grid-column:auto}.demo-controls{flex-direction:column-reverse;align-items:stretch}.demo-controls button,.demo-controls .primary{width:100%}.demo-final-cta{flex-direction:column;align-items:stretch;margin:56px 14px;padding:25px}.demo-final-cta a{width:100%}}
