@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f5f4ef;--ink:#222822;--muted:#676b63;--line:#d6d9d0;--orange:#c74721;--orange-dark:#a93414;--white:#fff;--green:#e9eee6;--mono:'IBM Plex Mono',monospace;--heading:Manrope,Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border-radius:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:650}p{color:var(--muted)}.container{width:min(1280px,calc(100% - 80px));margin-inline:auto}.mono,.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.055em}.eyebrow{text-transform:uppercase;color:var(--muted);margin-bottom:17px}.accent,.brand-dot{color:var(--orange)}.skip-link{position:fixed;top:8px;left:8px;padding:10px 18px;background:var(--ink);color:white;z-index:30;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line);background:rgba(245,244,239,.96);position:sticky;top:0;z-index:10}.header-inner{height:77px;display:flex;align-items:center;justify-content:space-between;gap:25px}.header-inner nav{display:flex;gap:28px;font-size:13px;font-weight:500}.header-inner nav a:hover,.text-link:hover,footer a:hover{color:var(--orange)}.header-cta{border:1px solid var(--ink);padding:9px 15px;font-size:12px;font-weight:600;display:flex;gap:24px;align-items:center}.header-cta:hover{background:var(--ink);color:white}.hero{padding-block:64px 45px;display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:7px;vertical-align:2px}h1{font-size:clamp(44px,4.6vw,65px);letter-spacing:-.052em;line-height:1.085;font-weight:650;margin-bottom:23px}.hero-description{max-width:390px;font-size:16px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:13px 18px;font-size:13px;font-weight:600;transition:background .15s}.primary{background:var(--orange);color:white}.primary:hover{background:var(--orange-dark)}.text-link{font-size:13px;font-weight:550}.hero-footnote{font-size:11px;margin-top:27px}.hero-visual{min-width:0;transform:translateY(2px)}.visual-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:15px;color:var(--muted)}.live-label{font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--orange)}.workspace-switch{display:flex;background:#e9ebe4;border:1px solid #c8ccc2;border-bottom:0;gap:0}.workspace-switch button{border:0;border-right:1px solid #c8ccc2;background:transparent;text-align:left;padding:10px 14px;font:10px var(--mono);display:flex;gap:8px;flex:1;white-space:nowrap;color:var(--muted)}.workspace-switch button:last-child{border-right:0}.workspace-switch button[aria-pressed=true]{color:white;background:var(--ink)}.workspace-switch button span{font:500 11px var(--body)}.workspace-image{display:block;position:relative;border:1px solid var(--ink);background:var(--ink);box-shadow:0 12px 25px #28352812}.workspace-image img{width:100%}.expand-label{position:absolute;right:10px;bottom:10px;background:var(--ink);color:white;font:10px var(--mono);padding:5px 9px;opacity:0;transition:opacity .15s}.zoomable:hover .expand-label,.zoomable:focus-visible .expand-label{opacity:1}.visual-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:12px;font-size:11px;color:var(--muted)}.visual-bottom .mono{font-size:9px;white-space:nowrap}.workflow-strip{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:18px;align-items:center;gap:30px;font-size:12px}.workflow-strip b{font:11px var(--mono);color:var(--orange);margin-right:10px}.workflow-strip i{color:#a3a89c;font-style:normal}.strip-end{color:var(--muted);margin-left:auto;font-size:11px}.section{padding-block:57px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:9px}h2{font-size:30px;line-height:1.25;letter-spacing:-1.1px}.section-heading>p{font-size:13px}.watch-layout{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--line);background:#fff}.video-stage{min-width:0;border-right:1px solid var(--line)}video{display:block;width:100%;aspect-ratio:16/9;background:#202125}.video-caption{display:flex;gap:20px;padding:17px 20px 13px;justify-content:space-between}.video-caption h3{font-size:16px;margin-bottom:4px}.video-caption p{font-size:12px;max-width:560px}.video-caption>a{flex-shrink:0;font:11px var(--mono);padding-top:3px;color:var(--muted)}.transcript{margin:0 20px 15px;font-size:11px}.transcript summary{display:inline-block;cursor:pointer;color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:3px 0}.transcript p{font-size:12px;margin-top:8px;max-width:580px}.transcript .muted{font-size:11px}.playlist-panel{min-width:0;display:flex;flex-direction:column}.playlist-heading{display:flex;justify-content:space-between;padding:16px 18px;background:#eff1eb;color:var(--muted);border-bottom:1px solid var(--line)}.playlist-heading .mono{font-size:10px}.playlist{flex:1;max-height:440px;overflow:auto;scrollbar-width:thin}.clip{width:100%;background:white;border:0;border-bottom:1px solid #e4e6df;display:grid;grid-template-columns:30px 1fr 33px;gap:9px;align-items:center;text-align:left;padding:14px 17px;min-height:61px}.clip:last-child{border-bottom:0}.clip:hover{background:#f6f7f2}.clip[aria-current=true]{background:#eff3eb;box-shadow:inset 3px 0 var(--orange)}.clip-number{font:10px var(--mono);color:#82887a}.clip[aria-current=true] .clip-number{color:var(--orange)}.clip-title{font-size:12px;font-weight:550}.clip-duration{font:10px var(--mono);color:var(--muted);text-align:right}.preview-note{font-size:10px;line-height:1.65;margin-top:13px}.preview-note>span{font:9px var(--mono);text-transform:uppercase;background:#e8e9e1;border:1px solid var(--line);padding:3px 6px;margin-right:7px;white-space:nowrap}.video-error{font-size:12px;color:var(--orange);padding:0 20px 10px}.project-section{background:var(--green);border-block:1px solid #d4dacd;padding-block:44px}.project-layout{display:grid;grid-template-columns:.77fr 1.23fr;gap:62px}.project-summary{padding-top:12px}.project-tag{font:9px var(--mono);color:#5e6958;letter-spacing:.03em;display:inline-block;border:1px solid #bfc7b7;padding:4px 7px;margin-bottom:20px}.project-summary h3{font-size:31px;letter-spacing:-1px;line-height:1.2;margin-bottom:14px}.project-summary>p{font-size:13px;max-width:340px}.scope-list{margin:24px 0 15px;border-top:1px solid #c4cdbd}.scope-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #c4cdbd}.scope-list dt{font-size:12px;display:flex;align-items:center;gap:8px}.scope-list dd{margin:0;font:13px var(--mono);white-space:nowrap}.scope-list dd span{font-size:9px;color:var(--muted)}.scope-dot{width:6px;height:6px;display:block}.water{background:#3e87b9}.hydrant{background:#c36b2c}.pavement{background:#4a8a6b}.project-summary .sample-note{font-size:10px;line-height:1.7}.project-detail{min-width:0}.example-tabs{display:flex;gap:4px;margin-bottom:9px}.example-tabs button{border:1px solid transparent;background:transparent;font-size:11px;padding:8px 12px;color:#65705e}.example-tabs button[aria-pressed=true]{border-color:#b5bfae;background:#f8faf6;color:var(--ink)}.example-image{position:relative;display:block;border:1px solid #6b7563}.example-image img{width:100%;height:auto}.example-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding-top:14px}.example-copy h4{font-size:13px}.example-copy p{font-size:11px}.details-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.details-intro .eyebrow{margin-bottom:12px}.details-intro h2{margin-bottom:17px}.details-intro p:not(.eyebrow){font-size:13px;max-width:370px;margin-bottom:16px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:550;padding:17px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:18px var(--mono);font-weight:400;color:#7c8374}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;padding:0 24px 16px 0}.faq-list details p a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.closing{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 36px;background:#e7e7dd;border:1px solid #d3d5c9}.closing h2{font-size:27px}.closing .eyebrow{margin-bottom:11px;font-size:10px}.closing-actions{display:flex;flex-direction:column;gap:15px;align-items:center}.site-footer{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-block:30px}.site-footer .wordmark{font-size:19px}.site-footer p{font-size:10px}.site-footer nav{display:flex;gap:20px;font-size:11px}dialog{padding:0;border:1px solid #49503f;width:min(1440px,96vw);max-width:96vw;max-height:95vh;background:#202321;color:#fff;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#151b17db}.dialog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:11px 15px}.dialog-toolbar p{font-size:12px;color:#fff}.dialog-toolbar button{border:1px solid #747c6d;background:transparent;color:white;padding:7px 10px;white-space:nowrap;font-size:11px}.dialog-toolbar button span{margin-left:10px}dialog img{width:100%;max-height:calc(90vh - 60px);object-fit:contain}body:has(dialog[open]){overflow:hidden}
@media(min-width:1550px){.hero{padding-block:75px 55px}.hero-description{max-width:400px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.hero{gap:28px;padding-block:44px 35px;grid-template-columns:.8fr 1.2fr}h1{font-size:46px}.hero-description{font-size:14px}.actions{gap:13px}.actions .text-link{font-size:11px}.hero-footnote{font-size:10px}.hero .eyebrow{font-size:9px}.workspace-switch button{padding:9px 10px;gap:5px}.workspace-switch button span{font-size:10px}.visual-bottom .mono{display:none}.visual-top .mono{font-size:9px}.workflow-strip{gap:20px}.watch-layout{grid-template-columns:1.45fr 1fr}.playlist{max-height:370px}.clip{padding:11px 12px;min-height:54px}.clip-title{font-size:11px}.clip-duration{font-size:9px}.project-layout{gap:35px}.details-section{gap:50px}.section-heading>p{font-size:12px}}
@media(max-width:760px){.header-inner{height:65px;gap:15px}.container{width:calc(100% - 36px)}.header-inner nav{display:none}.header-cta{font-size:11px;padding:8px 10px;gap:14px}.hero{grid-template-columns:1fr;padding-block:35px 28px;gap:30px}.hero .eyebrow{font-size:10px;margin-bottom:14px}h1{font-size:49px;max-width:480px;margin-bottom:18px}.hero-description{max-width:460px;font-size:15px}.hero-footnote{margin-top:17px}.actions{margin-top:21px;gap:19px}.hero-visual{transform:none}.visual-top{padding-bottom:8px;margin-bottom:11px}.visual-bottom .mono{display:block}.workspace-switch button span{font-size:11px}.workflow-strip{gap:7px;justify-content:space-between;padding-block:13px}.workflow-strip>span{font-size:9px}.workflow-strip b{font-size:9px;margin-right:4px}.workflow-strip i{font-size:10px}.workflow-strip .strip-end{display:none}.section{padding-block:36px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}h2{font-size:26px}.section-heading>p{font-size:12px}.section-heading>p br{display:none}.watch-layout{grid-template-columns:1fr}.video-stage{border-right:0;border-bottom:1px solid var(--line)}.video-caption{padding:14px 15px 8px}.video-caption h3{font-size:15px}.video-caption p{font-size:12px}.transcript{margin:0 15px 12px}.playlist{max-height:230px}.playlist-heading{padding:12px 15px}.clip{padding:13px 15px;min-height:52px}.clip-title{font-size:12px}.preview-note{font-size:10px}.project-section{padding-block:33px}.project-layout{grid-template-columns:1fr;gap:25px}.project-summary{padding-top:0}.project-summary h3{font-size:27px}.project-summary h3 br{display:none}.project-summary>p{max-width:none}.project-tag{margin-bottom:13px}.scope-list{margin-top:17px}.project-detail{border-top:1px solid #c4cdbd;padding-top:19px}.example-copy{grid-template-columns:1fr;gap:5px}.example-copy p{font-size:12px}.details-section{grid-template-columns:1fr;gap:25px}.details-intro h2 br{display:none}.details-intro p:not(.eyebrow){max-width:none}.closing{padding:25px;flex-direction:column;align-items:flex-start;gap:24px}.closing h2{font-size:26px}.closing-actions{align-items:flex-start;gap:15px}.site-footer{flex-wrap:wrap;gap:13px;padding-block:26px}.site-footer p{margin-left:auto;font-size:9px}.site-footer nav{width:100%;gap:23px}.dialog-toolbar p{font-size:10px}.dialog-toolbar{gap:10px}.dialog-toolbar button{font-size:10px}.expand-label{opacity:1;font-size:8px;padding:3px 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Construction Takeoff uses native charcoal surfaces and a blue selection accent. */
:root{color-scheme:light;--surface:#fff;--panel:#eff1eb;--hover:#f6f7f2;--selected:#eff3eb;--button-ink:#fff}
:root[data-theme=dark]{color-scheme:dark;--paper:#202125;--ink:#f0f0f3;--muted:#b1b2bb;--line:#414249;--orange:#58a6ff;--orange-dark:#2677cf;--white:#2b2c31;--green:#25262b;--surface:#292a2f;--panel:#25262b;--hover:#33343b;--selected:#203a56;--button-ink:#101e2d}
.header-actions{display:flex;align-items:center;gap:12px}.theme-control{display:inline-flex;align-items:center;gap:7px;font:11px var(--body);color:var(--muted);white-space:nowrap}.theme-control select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:7px 22px 7px 8px;min-height:34px;cursor:pointer}.theme-control select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.site-header{background:color-mix(in srgb,var(--paper) 96%,transparent)}.watch-layout,.clip{background:var(--surface)}.playlist-heading,.workspace-switch{background:var(--panel)}.workspace-switch,.workspace-switch button,.clip,.project-section,.project-tag,.scope-list,.scope-list>div,.example-tabs button[aria-pressed=true],.closing{border-color:var(--line)}.clip:hover{background:var(--hover)}.clip[aria-current=true]{background:var(--selected)}.preview-note>span,.closing{background:var(--panel)}.project-tag,.example-tabs button{color:var(--muted)}.example-tabs button[aria-pressed=true]{background:var(--surface)}.primary{color:var(--button-ink)}.primary:hover{color:#fff}.workspace-switch button[aria-pressed=true]{background:var(--orange);color:var(--button-ink)}.header-cta:hover{color:var(--paper)}.expand-label,.skip-link{background:var(--surface);color:var(--ink)}
@media(max-width:1100px){.header-inner nav{gap:16px}.header-inner{gap:15px}}
@media(max-width:760px){.theme-label{display:none}.header-actions{gap:7px}.theme-control select{padding:6px;min-height:34px}.header-cta{gap:6px}.header-inner{gap:8px}}

@media(max-width:360px){.header-cta{font-size:11px;padding:7px 6px;gap:0;white-space:nowrap}.header-cta span{display:none}.header-actions .theme-control select{width:60px;font-size:10px;padding:6px 4px}}

/* Approved warm pixel palette and compact wordmark layout. */
:root{--orange:#b55a3e;--orange-dark:#93442d;--button-ink:#fff;--green:#eeece7}
:root[data-theme=dark]{--paper:#1e1f22;--ink:#f2f0eb;--orange:#d97757;--orange-dark:#bf6548;--button-ink:#1e1f22;--green:#242528;--selected:#3b2a25}
@media(max-width:1100px) and (min-width:761px){.header-inner{gap:12px}.header-inner nav{gap:12px;font-size:11px}.theme-label{display:none}.header-actions{gap:8px}}
@media(max-width:760px){.header-inner .header-cta{white-space:nowrap}}
@media(max-width:480px){.header-inner .header-cta span{display:none}.header-inner .header-cta{padding:8px}}
@media(max-width:389px){.header-actions .theme-control select{width:60px;padding:6px 4px;font-size:10px}}
@media(max-width:359px){.header-inner.container{width:calc(100% - 24px)}.header-inner .header-cta{padding:8px 6px}.header-inner{gap:6px}.header-actions{gap:6px}}