:root{--yellow:#f2c400;--navy:#162a43;--ink:#101010;--paper:#f5f3ed;--blue:#8bd5ff}
body{background:var(--paper);color:var(--ink);font-family:Inter,sans-serif}.scroll-progress{background:var(--yellow)}.back-home{background:#111;color:white}.page-wipe i{background:var(--yellow)}
.build-nav{height:76px;display:flex;align-items:center;gap:28px;padding:0 34px;position:absolute;inset:0 0 auto;z-index:20}.build-nav strong{font:900 21px "IBM Plex Mono"}.build-nav nav{margin:auto;display:flex;gap:24px;font-size:12px;font-weight:800}.build-nav>a{background:var(--yellow);padding:12px 16px;font-weight:900;font-size:12px}
.build-hero{min-height:100vh;padding:125px 5vw 60px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:40px;position:relative;overflow:hidden}.blueprint-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 48px,#162a4309 49px),repeating-linear-gradient(0deg,transparent 0 48px,#162a4309 49px)}.build-copy{position:relative;z-index:2}.build-copy>span,.build-heading>span,.build-cta span{font:600 11px "IBM Plex Mono";letter-spacing:.14em;color:#9b7900}.build-copy h1{font:900 clamp(58px,7vw,118px)/.88 Inter;letter-spacing:-.065em;margin:18px 0}.build-copy h1 em{font-style:normal;background:var(--yellow);padding:0 .08em}.build-copy p{color:#4b5260;line-height:1.75;max-width:620px}.build-btn{display:inline-flex;margin-top:26px;background:var(--ink);color:white;padding:16px 20px;font-weight:900;border:0}.build-visual{height:690px;position:relative;overflow:hidden;background:var(--navy)}.build-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.06);mix-blend-mode:screen;opacity:.78}.build-visual:after{content:"";position:absolute;inset:0;border:3px solid var(--yellow)}.measure{position:absolute;z-index:3;color:var(--yellow);font:600 11px "IBM Plex Mono"}.measure i{display:block;background:var(--yellow)}.measure-a{left:8%;right:8%;top:8%}.measure-a i{height:2px}.measure-b{right:5%;top:15%;bottom:12%;writing-mode:vertical-rl}.measure-b i{width:2px;height:100%;margin-left:10px}.measure-c{left:7%;bottom:7%}.measure-c i{height:2px;width:170px}.crosshair{position:absolute;left:50%;top:50%;width:90px;height:90px;border:1px solid var(--yellow);transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--yellow)}.crosshair:before{left:50%;top:-30px;bottom:-30px;width:1px}.crosshair:after{top:50%;left:-30px;right:-30px;height:1px}.hero-spec{position:absolute;left:5vw;right:5vw;bottom:18px;display:flex;gap:14px;align-items:center;font:500 10px "IBM Plex Mono"}.hero-spec b{font-size:15px}.hero-spec span{color:#6c7179}
.calculator-section,.materials-section,.schedule-section{padding:120px 0}.calculator-section{background:#f8f6f0}.build-heading{display:grid;grid-template-columns:.25fr 1.15fr .6fr;gap:30px;align-items:end;margin-bottom:42px}.build-heading h2{font:900 clamp(46px,5.7vw,88px)/.92 Inter;letter-spacing:-.06em;margin:0}.build-heading p{color:#666c73;line-height:1.7}.calc-app{display:grid;grid-template-columns:300px 1fr 290px;gap:16px}.calc-controls,.calc-results{background:white;border:1px solid #1112;padding:18px}.preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.preset-row button{border:1px solid #1112;background:transparent;padding:10px;font-weight:900;cursor:pointer}.preset-row button.active{background:var(--ink);color:white}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.input-grid label,.select-label{font:600 10px "IBM Plex Mono";text-transform:uppercase;color:#62676c}.input-grid span{display:flex;align-items:center;gap:6px;margin-top:6px;font:700 13px Inter;color:var(--ink)}.input-grid input{width:100%;border:1px solid #1112;padding:10px;font-weight:800}.select-label{display:grid;gap:7px;margin:13px 0}.select-label select{border:1px solid #1112;padding:11px;background:white;font:700 13px Inter}.check-label{display:flex;gap:9px;align-items:center;font-size:12px;margin:15px 0}.check-label input{accent-color:var(--yellow)}.calc-button{width:100%;background:var(--yellow);border:0;padding:14px;font-weight:900;cursor:pointer}.calc-note{display:block;color:#7d8287;line-height:1.5;margin-top:12px}.building-visual{background:var(--navy);color:white;padding:15px;position:relative;overflow:hidden}.visual-top{display:flex;justify-content:space-between;font:500 10px "IBM Plex Mono";letter-spacing:.1em}.building-visual svg{width:100%;height:600px}.dimension-label{position:absolute;background:var(--yellow);color:#111;padding:6px 8px;font:700 10px "IBM Plex Mono"}.dl-length{left:42%;bottom:10%}.dl-width{right:7%;bottom:17%}.dl-height{left:8%;top:43%;writing-mode:vertical-rl}.calc-results{display:flex;flex-direction:column}.calc-results>span{font:600 10px "IBM Plex Mono";letter-spacing:.12em}.result-main{background:var(--ink);color:white;padding:18px;margin:14px 0}.result-main small,.result-main strong{display:block}.result-main strong{font-size:32px;margin-top:7px}.calc-results ul{list-style:none;padding:0;margin:0;display:grid;gap:0}.calc-results li{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #1112}.calc-results li small{color:#747a80}.estimate{margin-top:auto;background:var(--yellow);padding:18px}.estimate small,.estimate strong{display:block}.estimate strong{font-size:22px;margin-top:7px}
.materials-section{background:#111;color:white}.materials-section .build-heading h2{max-width:1000px}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-card{background:#181818;color:white;border:1px solid #ffffff17;text-align:left;padding:24px;min-height:250px;cursor:pointer}.material-card.active{background:var(--yellow);color:#111}.material-card b{font:700 12px "IBM Plex Mono"}.material-card h3{font-size:25px;margin:50px 0 10px}.material-card p{color:#929292;line-height:1.55}.material-card.active p{color:#554800}.material-card span{font:600 11px "IBM Plex Mono"}.cost-section{padding:120px 0;background:#ece9df}.cost-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.cost-bars{display:grid;gap:20px}.cost-bars>div{display:grid;grid-template-columns:160px 1fr 105px;gap:12px;align-items:center}.cost-bars span{font-weight:800}.cost-bars i{height:16px;background:#d7d3c9}.cost-bars b{display:block;height:100%;width:20%;background:var(--yellow);transition:width .6s var(--ease)}.cost-bars em{font-style:normal;font:600 12px "IBM Plex Mono"}.cost-copy span{font:600 11px "IBM Plex Mono";color:#9b7900}.cost-copy h3{font-size:36px;line-height:1.05;margin:15px 0}.cost-copy p{color:#656b70;line-height:1.7}.schedule-section{background:white}.schedule-board{border:1px solid #1112;padding:24px}.schedule-row{display:grid;grid-template-columns:220px 1fr 90px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #1111}.schedule-row span{font-weight:800}.schedule-row i{height:18px;background:#e7e4dc}.schedule-row b{display:block;height:100%;width:30%;background:var(--navy);transition:width .6s}.schedule-row em{font-style:normal;font:600 12px "IBM Plex Mono"}.schedule-total{text-align:right;padding-top:20px;font-size:18px}.build-cta{padding:120px 0;background:var(--yellow)}.build-cta h2{font:900 clamp(48px,6vw,92px)/.92 Inter;letter-spacing:-.055em;max-width:1100px}.build-cta .build-btn{background:var(--ink)}
@media(max-width:1100px){.build-nav nav{display:none}.build-hero{grid-template-columns:1fr}.build-visual{height:650px}.build-heading{grid-template-columns:1fr}.calc-app{grid-template-columns:260px 1fr}.calc-results{grid-column:1/-1}.material-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.build-nav{padding:0 14px}.build-nav strong{font-size:15px}.build-nav>a{display:none}.build-hero{padding-top:105px}.build-copy h1{font-size:54px}.build-visual{height:500px}.calculator-section,.materials-section,.cost-section,.schedule-section{padding:80px 0}.calc-app{grid-template-columns:1fr}.building-visual svg{height:470px}.material-grid{grid-template-columns:1fr}.cost-layout{grid-template-columns:1fr}.cost-bars>div{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.schedule-total{text-align:left}}
.live-strip{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.live-strip>div{background:#181818;border:1px solid #ffffff17;padding:16px 18px}.live-strip small{display:block;color:#9aa1ac;font:600 10px "IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase}.live-strip strong{display:block;margin-top:10px;font-size:21px;color:#fff}.building-visual{border:1px solid #1113}.building-visual svg{height:560px}.building-visual .visual-top{margin-bottom:6px}.dimension-lines path{vector-effect:non-scaling-stroke}
@media(max-width:720px){.live-strip{grid-template-columns:1fr 1fr}.live-strip strong{font-size:18px}.building-visual svg{height:430px}}
.calc-controls input,.calc-controls select,.calc-controls button,.material-card{position:relative;z-index:2;pointer-events:auto}.calc-controls input:focus,.calc-controls select:focus{outline:3px solid rgba(242,196,0,.35);outline-offset:2px}.calc-button{transition:transform .18s,filter .18s}.calc-button:hover{filter:brightness(.94)}.calc-button:active{transform:translateY(2px)}.calc-status{margin-top:10px;padding:10px 12px;background:#f3f0e8;border-left:3px solid #162a43;color:#5b6269;font-size:11px;line-height:1.45}.calc-status.active{background:#fff1a8;color:#111}.material-card{transition:transform .2s,background .2s,color .2s}.material-card:hover{transform:translateY(-4px);border-color:#f2c400}.building-visual svg #door,.building-visual svg #windowA,.building-visual svg #windowB{transition:x .35s,y .35s,width .35s,height .35s}.building-visual svg #wallRect,.building-visual svg #roofShape{transition:all .35s}.build-visual img{object-position:center 58%}.calc-controls{position:relative}.calc-controls:after{content:"LIVE";position:absolute;right:16px;top:16px;padding:5px 7px;background:#162a43;color:white;font:700 9px "IBM Plex Mono";letter-spacing:.12em}
.quick-materials{display:grid;gap:9px;padding:14px;background:#0c1726;border:1px solid #ffffff16}.quick-materials>span{font:600 10px "IBM Plex Mono";letter-spacing:.12em;color:#8fa8c1;text-transform:uppercase}.quick-materials>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quick-materials button{border:1px solid #ffffff1a;background:#17283e;color:#dcecff;padding:10px 8px;font-weight:800;cursor:pointer}.quick-materials button:hover,.quick-materials button.active{background:#f2c400;color:#111;border-color:#f2c400}.calc-controls input,.calc-controls select,.calc-controls button{pointer-events:auto}.calc-button{position:relative;z-index:2}


/* V7 build copy summary */
.copy-estimate{margin-top:14px;border:1px solid rgba(0,0,0,.14);background:#fff;padding:12px 14px;font-weight:800;cursor:pointer}.copy-estimate.done{background:#f2c400}