:root { --navy:#102a43; --ink:#1c2d3c; --muted:#657686; --line:#d9e1e7; --paper:#f7f8f5; --yellow:#f6c945; --orange:#ef7e38; --green:#17886c; --red:#d45d4d; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font:14px Manrope,system-ui,sans-serif; } .topbar { height:68px; padding:0 max(28px,calc((100vw - 1320px)/2)); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#fff; } .brand { color:var(--navy); text-decoration:none; font-size:18px; font-weight:800; letter-spacing:-.5px; display:flex; gap:10px; align-items:center; }.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--yellow);color:var(--navy);font-family:Georgia;font-style:italic;border-radius:4px}.top-actions{display:flex;align-items:center;gap:12px}.status{font:11px "DM Mono",monospace;padding:6px 8px;border-radius:99px}.status.demo{background:#edf1f4;color:#596c7d}.status.live{background:#e1f3ed;color:#147658} main{max-width:1320px;margin:auto;padding:0 28px 64px}.hero{padding:68px 0 43px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font:11px "DM Mono",monospace;letter-spacing:1.2px;color:var(--orange);margin:0 0 10px;font-weight:500}.hero h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3.5px;line-height:.98;margin:0;color:var(--navy)}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.intro{color:var(--muted);line-height:1.65;max-width:480px;margin:19px 0 0;font-size:16px}.hero-note{border-left:2px solid var(--yellow);padding:5px 0 5px 17px;display:grid;gap:4px;color:var(--muted);font-size:12px}.hero-note strong{color:var(--navy);font-size:13px}.search-panel{background:var(--navy);padding:21px 24px 15px;border-radius:8px;box-shadow:0 12px 28px #102a4320;color:#fff}.search-panel label,.field label{font-size:12px;font-weight:700;display:block;margin:0 0 8px}.search-row{display:flex;gap:10px}.search-row input{flex:1}.search-panel input{border-color:#ffffff4a;background:#fff;color:var(--ink)}input,textarea{width:100%;border:1px solid var(--line);border-radius:4px;font:14px Manrope,sans-serif;padding:11px 12px;color:var(--ink);background:#fff}input:focus,textarea:focus{outline:2px solid #f6c945aa;border-color:var(--yellow)}.form-note{font-size:11px;margin:9px 0 0;color:#b8c8d5}.form-note.error{color:#ffb5a4}code{font-family:"DM Mono",monospace}.button{border:0;border-radius:4px;padding:11px 15px;font:700 12px Manrope,sans-serif;cursor:pointer;white-space:nowrap}.button.primary{background:var(--yellow);color:var(--navy)}.button.primary span{font-size:18px;margin-left:9px;line-height:0}.button:disabled{opacity:.6;cursor:wait}.button.ghost{background:#edf1f4;color:var(--navy)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:27px 0}.metrics article{padding:17px 19px;background:#fff;display:grid;gap:3px}.metrics span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.metrics strong{font-size:22px;letter-spacing:-1px;color:var(--navy)}.metrics small{font-size:11px;color:var(--muted)}.priority.high{color:var(--red)}.priority.medium{color:#b27300}.priority.low{color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(290px,.72fr);gap:34px;margin-top:48px}.section-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.section-heading h2{font-size:25px;letter-spacing:-1.2px;margin:0;color:var(--navy)}.text-link{color:var(--orange);font-size:12px;font-weight:700;text-decoration:none;margin-top:13px}.text-link.disabled{pointer-events:none;color:#a5b0b7}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.viewer{margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.viewer-title{height:40px;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)}.viewer-meta{margin-left:auto;font:10px "DM Mono",monospace;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.street{background:var(--orange)}.satellite{background:var(--green)}.image-placeholder{height:316px;background:linear-gradient(135deg,#e8edf0,#dbe4e7);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#617584;gap:6px;overflow:hidden;position:relative}.image-placeholder strong{color:var(--navy)}.image-placeholder span{font-size:12px;max-width:210px;line-height:1.5}.placeholder-icon{font-size:34px;color:#94a6ae}.map-placeholder{background:linear-gradient(135deg,#e4e9d7,#b9cbb0)}#map:not(.image-placeholder){height:316px}.image-placeholder img{width:100%;height:100%;object-fit:cover}.attribution{position:absolute;bottom:7px;right:7px;background:#ffffffc9;color:#222!important;padding:3px 5px;font-size:9px!important}.imagery-disclaimer{font-size:11px;color:var(--muted);line-height:1.5;margin:13px 0}.assessment-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:6px;padding:20px}.field{margin:0 0 18px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:4px;overflow:hidden}.segmented button{padding:9px 3px;border:0;border-right:1px solid var(--line);background:#fff;font:600 11px Manrope;color:var(--muted);cursor:pointer}.segmented button:last-child{border:0}.segmented button.selected{background:var(--navy);color:#fff}.checklist{border-top:1px solid var(--line);padding:9px 0 4px;margin-bottom:13px}.checklist label{font-size:12px;display:flex;gap:8px;align-items:center;padding:6px 0}.checklist input{width:15px;height:15px;accent-color:var(--orange)}textarea{resize:vertical}.estimate-section{margin-top:52px;padding-top:37px;border-top:1px solid var(--line)}.rate-note{font:11px;color:var(--muted);margin-top:15px}.takeoff-grid{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.line-item{display:grid;grid-template-columns:minmax(180px,1fr) 115px 145px 110px;align-items:center;gap:13px;padding:12px 17px;border-bottom:1px solid var(--line)}.line-item:last-child{border-bottom:0}.line-item label{font-size:12px;font-weight:700;display:block}.line-item small{color:var(--muted);font-size:10px}.line-item input{padding:8px 9px;font-size:12px}.rate{display:flex;align-items:center;gap:6px}.rate span{font-size:11px;color:var(--muted);white-space:nowrap}.line-item output{text-align:right;font:500 13px "DM Mono",monospace}.mobilization{background:#fbfcfa}.quote-footer{background:var(--navy);color:#fff;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-radius:0 0 6px 6px}.quote-footer span{display:block;font-size:11px;color:#b6c6d1}.quote-footer strong{font-size:24px;letter-spacing:-1px}.quote-footer .button{background:var(--yellow)}footer{padding:21px;text-align:center;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.portfolio-section{margin:48px 0 0;padding:35px 0 0;border-top:1px solid var(--line)}.portfolio-controls{background:#fff;border:1px solid var(--line);border-radius:6px;padding:15px}.portfolio-controls textarea{font:12px "DM Mono",monospace;line-height:1.6}.scan-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.scan-actions label{font-size:11px;font-weight:700;color:var(--muted)}select{margin-left:5px;padding:7px;border:1px solid var(--line);border-radius:4px;background:#fff;font:11px Manrope}.portfolio-note{color:var(--muted);margin:9px 0 14px}.scan-results{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.scan-card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:5px;padding:11px;display:flex;align-items:center;gap:11px}.scan-card.no-date{border-left-color:#b7c1c8}.scan-date{font:12px "DM Mono",monospace;color:var(--green);min-width:53px}.no-date .scan-date{color:var(--muted)}.scan-copy{display:grid;gap:2px;min-width:0;flex:1}.scan-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-copy span,.scan-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-copy small strong{font-size:10px}.scan-card .button{padding:7px 8px;font-size:10px}@media(max-width:800px){.hero{padding:43px 0 30px}.hero-note{display:none}.metrics{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr}.line-item{grid-template-columns:1fr 76px 110px 72px;padding:11px}.image-grid{grid-template-columns:1fr}.search-row{flex-direction:column}.scan-results{grid-template-columns:1fr}.topbar{padding:0 16px}main{padding:0 16px 46px}.top-actions .button{display:none}}@media(max-width:480px){.line-item{grid-template-columns:1fr 72px 62px}.line-item .rate{grid-column:2/4}.line-item output{grid-column:3;text-align:right}.metrics strong{font-size:18px}.hero h1{letter-spacing:-2.5px}.scan-actions{align-items:start;gap:8px;flex-direction:column}}