.cb-heading{padding:38px 0 30px}.cb-heading h1{font-size:clamp(36px,3.7vw,54px);margin-bottom:18px}.cb-heading>p{max-width:650px;font-size:14px;margin:0}.cb-heading .eyebrow{margin-bottom:15px}.cb-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:28px;align-items:start;padding-bottom:25px}.cb-panel{padding:25px;border:1px solid var(--line);border-radius:7px;margin-bottom:24px}.cb-panel-title{display:flex;align-items:start;gap:14px;margin-bottom:22px}.cb-step{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;background:var(--pale);color:var(--teal);border-radius:50%;font-size:10px}.cb-panel-title h2{font-size:23px;margin:1px 0 7px;letter-spacing:-.025em}.cb-panel-title p{font-size:12px;margin:0}.cb-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cb-presets button{border:1px solid var(--line);border-radius:5px;padding:15px;background:white;text-align:left;color:var(--muted);font-size:12px;transition:border-color .2s,background .2s,transform .2s}.cb-presets button[aria-pressed=true]{border-color:var(--teal);background:var(--pale);color:var(--teal)}.cb-presets button:hover{border-color:var(--teal);transform:translateY(-2px)}.cb-presets button>span{display:block;font-size:26px;color:var(--ink);font-weight:500;line-height:1.3;margin-bottom:5px}.cb-presets small{display:block;font-size:10px;margin-top:7px}.cb-settings{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}.cb-settings summary{cursor:pointer;color:var(--teal);font-weight:600}.cb-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.cb-settings p{font-size:11px;margin:0 0 12px}.cb-settings a{font-size:10px;text-decoration:underline;color:var(--teal)}.cb-settings input{padding:9px}.cb-add{display:grid;grid-template-columns:1fr 1.4fr;gap:0 14px}.cb-add .button{grid-column:1/-1;width:fit-content;padding:11px 17px;font-size:12px;margin-bottom:20px}.cb-add input,.cb-add select{margin-bottom:12px;min-width:0}.cb-search-label,.cb-product-label{min-width:0}.cb-empty{padding:35px 20px;text-align:center;background:#f7faf9;border:1px dashed #c9dcd7;border-radius:5px}.cb-empty>span{font-size:33px;color:#7fa99e}.cb-empty h3{font-size:20px;margin:10px 0}.cb-empty p{font-size:12px;margin:0}.cb-line{padding:22px 0;border-top:1px solid var(--line);animation:contact-appear .35s ease backwards}.cb-line-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.cb-line-head img{width:58px;height:48px;object-fit:contain}.cb-line-head h3{font-size:16px;line-height:1.35;margin:0 0 3px;letter-spacing:-.02em}.cb-line-head small{font-size:9px;color:var(--muted)}.cb-remove{margin-left:auto;background:none;border:0;padding:5px;color:var(--muted);font-size:23px;line-height:1}.cb-line-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 13px}.cb-line-fields label{font-size:10px}.cb-line-fields input{padding:9px;font-size:12px;margin:5px 0 13px}.cb-line .cb-spec{font-size:10px}.cb-line textarea{font-size:12px;margin:5px 0 10px;min-height:65px}.cb-line-summary{font-size:10px;color:var(--teal);display:flex;gap:16px;flex-wrap:wrap}.cb-packing-note{font-size:10px;margin:20px 0 0;padding:14px;background:var(--pale);border-radius:4px}.cb-summary{position:sticky;top:124px;padding:27px;background:var(--navy);color:white;border-radius:8px}.cb-summary .eyebrow{color:#9fd0c4;font-size:9px;margin-bottom:16px}.cb-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.cb-summary h2{font-size:25px;letter-spacing:-.03em;margin:0}.cb-summary-heading>span{font-size:10px;color:#a4bbc6}.cb-container-visual{height:135px;position:relative;margin:30px 5px 0;perspective:500px}.cb-container-wall{position:absolute;left:0;right:22px;top:20px;bottom:10px;border:1px solid #68948f;border-radius:2px;background:repeating-linear-gradient(90deg,#1c4654 0px,#1c4654 9px,#27535d 10px,#27535d 12px);overflow:hidden;transform:skewY(-3deg)}.cb-container-wall>span{position:absolute;left:14px;bottom:12px;font-size:7px;letter-spacing:.13em;color:#f2fffa;opacity:.7}.cb-container-roof{position:absolute;left:8px;right:13px;top:4px;height:24px;background:#285763;border:1px solid #68948f;transform:skew(-35deg,-3deg)}.cb-container-door{position:absolute;right:5px;top:8px;height:calc(100% - 27px);width:19px;border:1px solid #68948f;background:repeating-linear-gradient(90deg,#16404f,#16404f 6px,#618782 7px,#618782 8px);transform:skewY(-37deg)}.cb-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#2b958ddd,#84cfb9dd);transition:width .45s ease,background .2s}.cb-fill.over{background:linear-gradient(90deg,#b47840dd,#e9a566dd)}.cb-limit{position:absolute;left:85%;top:0;bottom:0;border-left:1px dashed #dcf6eb;opacity:.7;transition:left .3s}.cb-visual-caption{text-align:center;font-size:8px;color:#a5bfc8;margin:0 0 24px}.cb-stat{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:20px}.cb-stat>div>span{display:block;font-size:10px;color:#b8cdd5}.cb-stat strong{font-size:29px;font-weight:500;display:block;line-height:1.4;margin-top:4px}.cb-stat b{font-weight:500}.cb-stat strong small{font-size:12px;font-weight:400;color:#b8cdd5}.cb-stat>span{font-size:12px;color:#a7d8c9;margin-bottom:7px}.cb-meter{height:4px;background:#ffffff1c;border-radius:3px;overflow:hidden;margin-top:9px}.cb-meter>span{height:100%;width:0;background:#89cdb9;display:block;transition:width .4s}.cb-meter>span.over{background:#e4a669}.cb-meter-caption{font-size:9px;color:#a9c1cc;margin:8px 0 0}.cb-counts{display:flex;gap:25px;border-top:1px solid #ffffff20;margin-top:23px;padding-top:19px}.cb-counts b{display:block;font-size:18px;font-weight:500}.cb-counts span{display:block;font-size:9px;color:#b8cdd5}.cb-status{padding:13px 14px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;color:#ccdedf;font-size:11px;line-height:1.6;margin:23px 0 18px}.cb-status.over{background:#c47c2320;border-color:#cc974244;color:#f1c891}.cb-status.complete{background:#2d887522;border-color:#7fbc9c40;color:#b9e6d3}.cb-summary .button{background:#d5eee5;color:var(--ink);border-color:#d5eee5;font-size:12px;padding:13px 16px}.cb-summary .button:hover{background:white}.cb-download{width:100%;background:none;border:0;color:#b8d3d8;padding:15px 0 0;font-size:10px}.cb-disclaimer{font-size:9px;line-height:1.75;color:#9eb6c2;margin:18px 0 0}.cb-summary #cb-action-status{font-size:11px;color:#ffe0ae;margin:10px 0 0}.cb-transfer-note{padding:15px 17px;background:#e1eee9;border-left:3px solid var(--teal);font-size:12px;margin:0 0 22px}.cb-transfer-note a{display:inline-block;color:var(--teal);text-decoration:underline;margin-top:5px}.container-promo{background:var(--pale);border:1px solid #dce7e3;border-radius:6px;padding:26px 32px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:70px}.container-promo h2{font-size:27px;margin:0 0 8px}.container-promo p{font-size:13px;margin:0}.container-promo .eyebrow{margin-bottom:12px}.container-promo .button{flex-shrink:0}@media(max-width:1050px){.cb-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.cb-panel{padding:20px}.cb-summary{padding:22px}.cb-presets{gap:8px}.cb-presets button{padding:12px}.cb-add{display:block}.cb-settings-grid{grid-template-columns:1fr 1fr}.cb-settings-grid label:last-child{grid-column:1/-1}.cb-summary h2{font-size:22px}.cb-summary-heading{flex-wrap:wrap}}@media(max-width:800px){.cb-layout{grid-template-columns:1fr}.cb-summary{position:static}.cb-heading{padding:28px 0}.cb-heading h1{font-size:38px}.cb-heading>p{font-size:13px}.cb-panel-title h2{font-size:21px}.cb-panel-title{gap:12px}.cb-presets button>span{font-size:23px}.cb-summary{padding:25px}.cb-container-visual{max-width:420px;margin:28px auto 0}.cb-summary-heading{justify-content:space-between;flex-wrap:nowrap}.cb-layout{padding-bottom:0}.cb-summary .button{padding:15px 18px}.cb-line-fields{gap:0 10px}.container-promo{display:block;padding:25px;margin-bottom:45px}.container-promo h2{font-size:26px}.container-promo .button{margin-top:20px}}@media(prefers-reduced-motion:reduce){.cb-fill,.cb-limit,.cb-meter>span,.cb-presets button{transition:none}.cb-line{animation:none}}
