:root{--zb-ink:#13213c;--zb-muted:#5f6d7d;--zb-line:#d9d6cf;--zb-paper:#fbf8f0;--zb-cream:#f5efe2;--zb-white:#fff;--zb-concrete:#d8d2c6;--zb-concrete2:#b8b1a7;--zb-orange:#e9783d;--zb-orange2:#ff9b5f;--zb-teal:#2f9e87;--zb-yellow:#f2c94c;--zb-blue:#4b79d8;--zb-red:#b84e43;--zb-shadow:0 22px 60px rgba(42,51,60,.12);--zb-radius:28px;--zb-shell:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.zb-page{margin:0;background:var(--zb-paper);color:var(--zb-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.zb-shell{width:var(--zb-shell);margin-inline:auto}.zb-skip{position:fixed;left:16px;top:-80px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:10px}.zb-skip:focus{top:16px}.zb-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(19,33,60,.09)}.zb-header-inner{min-height:72px;display:flex;align-items:center;gap:26px}.zb-logo{display:inline-flex;align-items:center;margin-right:auto}.zb-logo img{display:block;width:236px;height:auto}.zb-main-nav{display:flex;gap:24px;align-items:center}.zb-main-nav a,.zb-mobile-nav a{color:var(--zb-ink);font-weight:800;text-decoration:none;font-size:14px}.zb-main-nav a[aria-current=page]{color:var(--zb-orange)}.zb-header-cta{background:var(--zb-ink);color:#fff!important;text-decoration:none;font-weight:850;padding:12px 17px;border-radius:13px}.zb-menu-toggle{display:none;width:46px;height:46px;border:1px solid #d8dce3;background:#fff;border-radius:12px}.zb-menu-toggle span{display:block;width:20px;height:2px;background:var(--zb-ink);margin:4px auto}.zb-mobile-nav{display:none;padding:0 20px 18px;background:#fff}.zb-mobile-nav.is-open{display:grid;gap:14px}
.zb-hero{position:relative;overflow:hidden;padding:72px 0 62px;background:linear-gradient(120deg,#fffdf8 0%,#fff8ed 54%,#f8eee1 100%)}.zb-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,33,60,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(19,33,60,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 92%)}.zb-hero-watermark{position:absolute;right:-26px;top:36px;font-size:clamp(120px,16vw,260px);line-height:.8;font-weight:950;color:rgba(233,120,61,.055);letter-spacing:-.07em;transform:rotate(-4deg);pointer-events:none}.zb-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:56px;align-items:center}.zb-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:13px;color:#6d7885;margin-bottom:24px}.zb-breadcrumb a{color:inherit;text-decoration:none}.zb-stamp{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(233,120,61,.24);background:#fff5ec;color:#a34c21;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.zb-stamp i{width:8px;height:8px;border-radius:50%;background:var(--zb-orange)}.zb-hero h1{font-size:clamp(46px,5.4vw,76px);line-height:.97;letter-spacing:-.055em;margin:18px 0 22px;max-width:760px}.zb-lead{font-size:19px;color:#58687a;max-width:690px;margin:0}.zb-lead strong{color:var(--zb-ink)}.zb-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.zb-btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 19px;border-radius:13px;text-decoration:none;font-weight:900}.zb-btn-primary{background:var(--zb-orange);color:#fff}.zb-btn-secondary{background:#fff;color:var(--zb-ink);border:1px solid #d8d6d1}.zb-trust{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0;list-style:none}.zb-trust li{background:rgba(255,255,255,.8);border:1px solid rgba(19,33,60,.11);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#536173}
.zb-hero-scene{position:relative;min-height:470px;background:#fff;border:1px solid #e7ded0;border-radius:30px;box-shadow:var(--zb-shadow);padding:26px 26px 22px;overflow:hidden}.zb-hero-scene:after{content:"";position:absolute;right:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:rgba(47,158,135,.1)}.zb-scene-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;position:relative;z-index:2}.zb-scene-head span{display:block;color:var(--zb-orange);font-size:11px;font-weight:950;letter-spacing:.13em}.zb-scene-head strong{font-size:17px}.zb-scene-head b{font-size:11px;color:#718095;letter-spacing:.08em}.zb-block-wall{position:absolute;left:35px;right:95px;top:108px;height:235px;transform:skewY(-1deg)}.zb-block-row{height:54px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:5px}.zb-block-row:nth-child(even){transform:translateX(28px);width:calc(100% - 28px)}.zb-block-row i{display:block;position:relative;background:linear-gradient(145deg,#e5dfd3,#c7bfb1);border:1px solid #afa79b;border-radius:5px;box-shadow:inset 0 2px rgba(255,255,255,.55),0 5px 10px rgba(70,61,50,.08)}.zb-block-row i:before,.zb-block-row i:after{content:"";position:absolute;top:9px;bottom:9px;width:18%;border-radius:4px;background:#fff9ef;box-shadow:inset 0 0 0 1px rgba(90,80,67,.11)}.zb-block-row i:before{left:20%}.zb-block-row i:after{right:20%}.zb-concrete-pour{position:absolute;right:30px;top:72px;width:84px;height:206px}.zb-concrete-pour:before{content:"";position:absolute;left:26px;top:0;width:26px;height:110px;background:linear-gradient(#53b6a1,#2f9e87);border-radius:13px 13px 6px 6px;transform:rotate(7deg);opacity:.88}.zb-concrete-pour:after{content:"";position:absolute;left:13px;bottom:4px;width:55px;height:72px;background:linear-gradient(#73c4b1,#319c86);clip-path:polygon(40% 0,58% 0,100% 100%,0 100%);opacity:.75}.zb-scene-dimension{position:absolute;left:50px;right:118px;top:83px;height:1px;background:#7e8aa0}.zb-scene-dimension:before,.zb-scene-dimension:after{content:"";position:absolute;width:1px;height:12px;top:-5px;background:#7e8aa0}.zb-scene-dimension:before{left:0}.zb-scene-dimension:after{right:0}.zb-scene-dimension span{position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:11px;font-weight:900;color:#637084;background:#fff;padding:0 8px}.zb-scene-card{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;display:grid;grid-template-columns:1.2fr .9fr .8fr .8fr;background:#17243e;color:#fff;border-radius:18px;padding:16px 18px;gap:12px;box-shadow:0 16px 30px rgba(19,33,60,.18)}.zb-scene-card div{padding-right:12px;border-right:1px solid rgba(255,255,255,.12)}.zb-scene-card div:last-child{border-right:0}.zb-scene-card span{display:block;color:#9db0c9;font-size:10px;font-weight:850;letter-spacing:.08em}.zb-scene-card strong{display:block;font-size:21px;margin-top:3px}.zb-scene-card small{color:#cad4e1;font-size:10px}
.zb-proof{background:#fff;border-top:1px solid #ece6dc;border-bottom:1px solid #ece6dc}.zb-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.zb-proof-grid div{padding:18px 20px;border-right:1px solid #ebe5dc}.zb-proof-grid div:last-child{border-right:0}.zb-proof-grid span{color:var(--zb-orange);font-size:11px;font-weight:950}.zb-proof-grid strong{display:block;font-size:14px}.zb-proof-grid small{color:#718095}.zb-anchor{position:sticky;top:72px;z-index:60;background:rgba(251,248,240,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e7e2d9}.zb-anchor-scroll{display:flex;gap:22px;overflow:auto;scrollbar-width:none}.zb-anchor a{padding:13px 0;white-space:nowrap;color:#516074;text-decoration:none;font-size:12px;font-weight:850}
.zb-section{padding:86px 0}.zb-section-alt{background:#fff}.zb-section-head{max-width:820px;margin-bottom:36px}.zb-eyebrow{margin:0 0 9px;color:var(--zb-orange);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.zb-section h2{font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.045em;margin:0 0 14px}.zb-section-head p:last-child{color:#647286;font-size:17px}.zb-calculator-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:28px;align-items:start}.zb-form{background:#fff;border:1px solid #e4ddd2;border-radius:26px;padding:26px;box-shadow:0 16px 40px rgba(39,42,44,.07)}.zb-form-block{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #eee8de}.zb-form-block:last-child{margin-bottom:0}.zb-step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:17px}.zb-step-head>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#fff1e7;color:#bb5726;font-weight:950}.zb-step-head strong{display:block;font-size:18px}.zb-step-head small{display:block;color:#718095;margin-top:2px}.zb-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zb-product{display:block;cursor:pointer}.zb-product input{position:absolute;opacity:0;pointer-events:none}.zb-product-card{min-height:122px;border:1px solid #ddd8cf;background:#fbfaf7;border-radius:17px;padding:14px;transition:.18s ease;position:relative;overflow:hidden}.zb-product-card:before{content:"";position:absolute;right:-10px;bottom:-8px;width:62px;height:40px;background:linear-gradient(145deg,#e2ddd3,#c7c0b4);border:1px solid #b8b0a4;border-radius:5px;transform:skewY(-6deg)}.zb-product-card b{display:block;font-size:16px}.zb-product-card span{display:block;color:#738094;font-size:11px;margin-top:5px}.zb-product input:checked+.zb-product-card{border-color:var(--zb-orange);box-shadow:0 0 0 3px rgba(233,120,61,.12);background:#fff7f1}.zb-product-custom .zb-product-card:before{background:transparent;border:2px dashed #c8c0b5}.zb-custom{margin-top:13px;background:#f8f6f1;border:1px dashed #cfc7ba;border-radius:17px;padding:16px}.zb-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zb-fields.two{grid-template-columns:repeat(2,1fr)}.zb-field,.zb-custom label,.zb-segment label{display:block}.zb-field>span,.zb-custom label>span,.zb-segment label>span{display:block;font-size:12px;font-weight:850;color:#536173;margin-bottom:6px}.zb-unit{display:flex;align-items:center;min-height:52px;border:1px solid #d8d5cf;border-radius:12px;background:#fff;overflow:hidden}.zb-unit input{min-width:0;flex:1;border:0;background:transparent;padding:0 12px;font:inherit;color:var(--zb-ink);outline:0}.zb-unit:focus-within{border-color:var(--zb-orange);box-shadow:0 0 0 3px rgba(233,120,61,.12)}.zb-unit b{padding:0 11px;color:#738094;font-size:12px}.zb-segments{display:grid;gap:10px}.zb-segment{display:grid;grid-template-columns:42px 1.25fr .8fr .8fr 34px;gap:9px;align-items:end;padding:13px;border:1px solid #e2ddd5;border-radius:16px;background:#fcfbf8}.zb-segment-index{height:52px;border-radius:12px;background:#17243e;color:#fff;display:grid;place-items:center;font-weight:950}.zb-segment input[type=text],.zb-custom input[type=text]{width:100%;height:52px;border:1px solid #d8d5cf;border-radius:12px;padding:0 12px;font:inherit;outline:0}.zb-segment input:focus,.zb-custom input:focus{border-color:var(--zb-orange);box-shadow:0 0 0 3px rgba(233,120,61,.12)}.zb-remove{width:34px;height:34px;margin-bottom:9px;border:0;background:#f8e5df;color:#9e443a;border-radius:50%;font-size:22px;cursor:pointer}.zb-add{margin-top:10px;min-height:44px;border:1px dashed #c7beb2;background:#fff;color:#33435b;border-radius:12px;padding:0 14px;font-weight:850;cursor:pointer}.zb-toggle-row{display:flex;gap:12px;align-items:flex-start}.zb-switch{position:relative;width:46px;height:27px;flex:0 0 auto}.zb-switch input{position:absolute;opacity:0}.zb-switch i{position:absolute;inset:0;background:#d9d6cf;border-radius:999px;transition:.2s}.zb-switch i:after{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.zb-switch input:checked+i{background:var(--zb-teal)}.zb-switch input:checked+i:after{transform:translateX(19px)}.zb-toggle-copy strong{display:block}.zb-toggle-copy small{color:#718095}.zb-subpanel{margin-top:15px;padding:15px;background:#f7fbfa;border:1px solid #d5ebe5;border-radius:15px}.zb-result{position:sticky;top:126px;background:#fff;border:1px solid #e3ddd3;border-radius:26px;overflow:hidden;box-shadow:var(--zb-shadow)}.zb-result-top{padding:24px 24px 18px;background:linear-gradient(135deg,#17243e,#243653);color:#fff;position:relative}.zb-result-top:after{content:"";position:absolute;right:-55px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(233,120,61,.18)}.zb-result-kicker{font-size:11px;font-weight:900;letter-spacing:.1em;color:#ffb287}.zb-answer{font-size:50px;line-height:1;letter-spacing:-.05em;margin:8px 0}.zb-result-top p{margin:0;color:#d6dfeb;max-width:380px}.zb-result-main{padding:20px 22px}.zb-result-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.zb-result-strip div{background:#f7f5f0;border:1px solid #e8e2d8;border-radius:14px;padding:12px}.zb-result-strip span{display:block;font-size:10px;font-weight:850;color:#718095;text-transform:uppercase;letter-spacing:.05em}.zb-result-strip strong{display:block;font-size:19px;margin-top:3px}.zb-result-strip small{display:block;color:#758293;font-size:10px;margin-top:2px}.zb-module-check{border-radius:15px;padding:13px 14px;margin:14px 0;background:#fff7e7;border:1px solid #eedbac}.zb-module-check.is-ok{background:#edf8f4;border-color:#bfe2d8}.zb-module-check strong{display:block;font-size:14px}.zb-module-check p{margin:3px 0 0;color:#5e6977;font-size:12px}.zb-breakdown{display:grid;gap:7px;margin:15px 0}.zb-breakdown div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:9px 0;border-bottom:1px dashed #e0dbd3}.zb-breakdown span{font-weight:800;font-size:12px}.zb-breakdown strong{font-size:12px}.zb-breakdown small{grid-column:1/-1;color:#7a8696;font-size:10px}.zb-trust-line{margin-top:14px;padding-top:14px;border-top:1px solid #e7e1d8;display:flex;gap:9px;align-items:flex-start;color:#5d6978;font-size:11px}.zb-trust-line i{width:10px;height:10px;margin-top:3px;border-radius:50%;background:var(--zb-teal);box-shadow:0 0 0 4px rgba(47,158,135,.12)}
.zb-visual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.zb-course-card,.zb-concrete-card{background:#fff;border:1px solid #e3ddd3;border-radius:26px;padding:24px;box-shadow:0 14px 34px rgba(39,42,44,.06)}.zb-card-head span{display:block;color:var(--zb-orange);font-size:11px;font-weight:950;letter-spacing:.1em}.zb-card-head h3{font-size:26px;letter-spacing:-.035em;margin:4px 0}.zb-card-head p{margin:0;color:#687688}.zb-wall-canvas{min-height:300px;margin-top:20px;background:linear-gradient(#fffaf1,#f5ede0);border:1px solid #e7ddd0;border-radius:19px;padding:44px 54px 34px;position:relative;overflow:hidden}.zb-wall-canvas:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,33,60,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(19,33,60,.04) 1px,transparent 1px);background-size:24px 24px}.zb-wall-grid{position:relative;display:flex;flex-direction:column-reverse;gap:5px}.zb-course-row{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:4px}.zb-course-row.is-offset{transform:translateX(14px);width:calc(100% - 14px)}.zb-course-row i{height:34px;background:linear-gradient(145deg,#ded7ca,#c6beb1);border:1px solid #aaa296;border-radius:4px;position:relative}.zb-course-row i:after{content:"";position:absolute;left:28%;right:28%;top:7px;bottom:7px;background:#f9f5ed;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(80,72,62,.08)}.zb-course-row b{position:absolute;right:-48px;top:7px;font-size:10px;color:#6f7c8b}.zb-wall-dim{position:absolute;font-size:10px;font-weight:900;color:#5f6d7d}.zb-wall-dim-top{top:18px;left:54px;right:54px;border-top:1px solid #768295;text-align:center}.zb-wall-dim-top span{position:relative;top:-10px;background:#fffaf1;padding:0 8px}.zb-wall-dim-side{right:9px;top:60px;bottom:34px;border-right:1px solid #768295;display:flex;align-items:center}.zb-wall-dim-side span{writing-mode:vertical-rl;background:#fffaf1;padding:7px 0}.zb-wall-empty{position:relative;z-index:2;text-align:center;color:#7d8793;padding:90px 0}.zb-wall-caption{margin-top:10px;color:#687588;font-size:12px}.zb-concrete-body{margin-top:18px;display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.zb-cylinder{height:270px;width:126px;margin:auto;border:2px solid #8f979b;border-top-left-radius:48% 15px;border-top-right-radius:48% 15px;border-bottom-left-radius:48% 15px;border-bottom-right-radius:48% 15px;position:relative;overflow:hidden;background:linear-gradient(90deg,#f7f5ef,#e7e3db 50%,#f7f5ef)}.zb-cylinder:before{content:"";position:absolute;left:-1px;right:-1px;top:-2px;height:23px;border:2px solid #8f979b;border-radius:50%;background:#f9f7f2;z-index:3}.zb-concrete-fill{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(90deg,#5ab49f,#2f9e87 55%,#58b29d);transition:height .25s}.zb-concrete-fill:before{content:"";position:absolute;left:-1px;right:-1px;top:-9px;height:18px;border-radius:50%;background:#6bc1ae;border:1px solid #318e7c}.zb-gauge-copy strong{font-size:36px;letter-spacing:-.04em}.zb-gauge-copy span,.zb-gauge-copy small{display:block;color:#6f7b89}.zb-gauge-copy ul{padding:0;margin:18px 0 0;list-style:none}.zb-gauge-copy li{padding:7px 0;border-bottom:1px dashed #dfdbd4;font-size:12px}.zb-rebar-mini,.zb-cost-mini{margin-top:14px;background:#f7f6f2;border:1px solid #e4e0d8;border-radius:15px;padding:13px}.zb-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.zb-mini-grid div{background:#fff;border:1px solid #e9e4dc;border-radius:10px;padding:9px}.zb-mini-grid span{display:block;font-size:9px;color:#758293}.zb-mini-grid strong{font-size:13px}
.zb-source-strip{background:#17243e;color:#fff;padding:28px 0}.zb-source-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.zb-source-copy span{color:#ffad79;font-size:11px;font-weight:950;letter-spacing:.1em}.zb-source-copy h2{font-size:30px;margin:5px 0 7px}.zb-source-copy p{margin:0;color:#b9c6d7}.zb-source-links{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.zb-source-links a{display:block;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:12px 14px;border-radius:13px}.zb-source-links strong{display:block;font-size:12px}.zb-source-links small{color:#aebbd0}.zb-data-insight{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.zb-insight-big{background:#fff0e5;border:1px solid #f0d1bd;border-radius:28px;padding:30px;position:relative;overflow:hidden}.zb-insight-big:after{content:"14,0 ≠ 14,8";position:absolute;right:-15px;bottom:-18px;font-size:72px;font-weight:950;color:rgba(233,120,61,.08);letter-spacing:-.06em}.zb-insight-big span{color:#ac542b;font-weight:950;font-size:11px;letter-spacing:.08em}.zb-insight-big strong{display:block;font-size:42px;line-height:1.02;letter-spacing:-.045em;margin:8px 0}.zb-insight-big p{color:#695d55}.zb-insight-list{display:grid;gap:10px}.zb-insight-list article{background:#fff;border:1px solid #e2ddd3;border-radius:18px;padding:18px}.zb-insight-list span{color:var(--zb-teal);font-weight:950;font-size:10px}.zb-insight-list strong{display:block;font-size:17px;margin:3px 0}.zb-insight-list p{margin:0;color:#697688;font-size:13px}.zb-atlas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zb-atlas article{background:#fff;border:1px solid #e3ddd4;border-radius:20px;padding:18px}.zb-block-swatch{height:86px;background:linear-gradient(145deg,#e3ddd1,#c8c0b4);border:1px solid #aaa296;border-radius:8px;margin-bottom:13px;position:relative}.zb-block-swatch:before,.zb-block-swatch:after{content:"";position:absolute;top:16px;bottom:16px;width:20%;background:#fffaf2;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(79,71,62,.09)}.zb-block-swatch:before{left:21%}.zb-block-swatch:after{right:21%}.zb-atlas article:nth-child(2) .zb-block-swatch{height:96px}.zb-atlas article:nth-child(3) .zb-block-swatch{height:108px}.zb-atlas article:nth-child(4) .zb-block-swatch{height:120px}.zb-atlas span{color:#9c5a36;font-size:10px;font-weight:950}.zb-atlas strong{display:block;font-size:18px}.zb-atlas p{font-size:12px;color:#6b7888}.zb-atlas small{font-size:10px;color:#8a94a1}.zb-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.zb-method-panel{background:#fff;border:1px solid #e3ddd3;border-radius:24px;padding:25px}.zb-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#17243e;color:#fff;padding:13px 15px;border-radius:13px;margin:10px 0;font-size:12px;overflow:auto}.zb-boundary{background:#fff3e8;border:1px solid #efcfbb;border-radius:24px;padding:25px}.zb-boundary h3{font-size:24px;line-height:1.15;margin:0 0 22px}.zb-boundary-list{display:flex;flex-direction:column;gap:16px}.zb-boundary-item,.zb-boundary-list>div{display:flex;align-items:flex-start;gap:14px;min-width:0}.zb-boundary-no,.zb-boundary-list>div>span{flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;font-weight:950;color:#b65a2e;line-height:1}.zb-boundary-copy,.zb-boundary-list>div>div{flex:1 1 auto;min-width:0}.zb-boundary-copy h4,.zb-boundary-list>div>div>strong{display:block;margin:1px 0 4px;font-size:16px;line-height:1.3;letter-spacing:-.01em;overflow-wrap:normal;word-break:normal}.zb-boundary-copy p,.zb-boundary-list>div>div>p{margin:0;color:#6c6b6a;font-size:13px;line-height:1.5;overflow-wrap:break-word;word-break:normal}.zb-scenarios{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.zb-scenario-main{background:#fff;border:1px solid #e1dcd3;border-radius:26px;padding:26px}.zb-scenario-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.zb-scenario-head strong{font-size:25px}.zb-scenario-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.zb-scenario-result div{background:#f8f5ee;border-radius:14px;padding:13px}.zb-scenario-result span{font-size:10px;color:#748193}.zb-scenario-result strong{display:block;font-size:19px}.zb-scenario-side{display:grid;gap:12px}.zb-scenario-side article{background:#fff;border:1px solid #e1dcd3;border-radius:20px;padding:19px}.zb-scenario-side strong{font-size:16px}.zb-scenario-side p{font-size:12px;color:#6b7888}.zb-mistakes{background:#17243e;color:#fff}.zb-mistakes .zb-section-head p:last-child{color:#b8c5d7}.zb-mistake-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zb-mistake-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:20px}.zb-mistake-grid span{color:#ffab76;font-size:11px;font-weight:950}.zb-mistake-grid strong{display:block;font-size:17px;margin:4px 0}.zb-mistake-grid p{margin:0;color:#bcc8d8;font-size:13px}.zb-faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px}.zb-faq-list details{border-bottom:1px solid #dfd9cf;padding:16px 0}.zb-faq-list summary{font-weight:850;cursor:pointer}.zb-faq-list p{color:#657284}.zb-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.zb-related-grid a{background:#fff;border:1px solid #e2ddd4;border-radius:18px;padding:18px;text-decoration:none;color:var(--zb-ink)}.zb-related-grid span{color:var(--zb-orange);font-size:10px;font-weight:950}.zb-related-grid strong{display:block;font-size:17px}.zb-related-grid p{color:#6d7989;font-size:12px}.zb-footer{background:#0f1b31;color:#d8e1ec;padding:48px 0 0}.zb-footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}.zb-footer a{display:block;color:#c9d4e1;text-decoration:none;margin:8px 0;font-size:13px}.zb-footer h3{color:#fff;font-size:14px}.zb-footer-brand img{width:240px}.zb-footer-brand p{max-width:360px;color:#aebcce}.zb-socials{display:flex;gap:8px}.zb-socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center}.zb-socials svg{width:18px;height:18px}.zb-footer-bottom{margin-top:32px;padding:18px 0 30px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:24px;font-size:11px;color:#9faec1}
@media(max-width:980px){.zb-main-nav,.zb-header-cta{display:none}.zb-menu-toggle{display:block}.zb-hero-grid,.zb-calculator-grid,.zb-source-grid,.zb-data-insight,.zb-method-grid,.zb-faq-grid{grid-template-columns:1fr}.zb-hero-scene{min-height:450px}.zb-result{position:relative;top:auto}.zb-product-grid,.zb-atlas{grid-template-columns:repeat(2,1fr)}.zb-visual-grid,.zb-scenarios{grid-template-columns:1fr}.zb-mistake-grid{grid-template-columns:repeat(2,1fr)}.zb-related-grid{grid-template-columns:repeat(2,1fr)}.zb-footer-grid{grid-template-columns:1.3fr 1fr 1fr}.zb-footer-grid>div:last-child{grid-column:2/4}.zb-anchor{top:72px}}
@media(max-width:680px){:root{--zb-shell:min(100% - 24px,1180px)}.zb-header-inner{min-height:64px}.zb-logo img{width:200px}.zb-hero{padding:46px 0 42px}.zb-hero-grid{gap:32px}.zb-hero h1{font-size:45px}.zb-lead{font-size:17px}.zb-hero-scene{min-height:390px;padding:19px}.zb-block-wall{left:20px;right:68px;top:98px;height:190px}.zb-block-row{height:42px}.zb-concrete-pour{right:8px;top:72px;transform:scale(.78)}.zb-scene-dimension{left:25px;right:85px}.zb-scene-card{left:14px;right:14px;bottom:14px;grid-template-columns:repeat(2,1fr);padding:12px}.zb-scene-card div:nth-child(2){border-right:0}.zb-scene-card div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:8px}.zb-scene-card strong{font-size:18px}.zb-proof-grid{grid-template-columns:repeat(2,1fr)}.zb-proof-grid div:nth-child(2){border-right:0}.zb-section{padding:64px 0}.zb-section h2{font-size:36px}.zb-form{padding:17px}.zb-product-grid{grid-template-columns:repeat(2,1fr)}.zb-fields,.zb-fields.two{grid-template-columns:1fr}.zb-segment{grid-template-columns:38px 1fr 1fr}.zb-segment label:first-of-type{grid-column:2/4}.zb-segment .zb-remove{grid-column:1;grid-row:2;align-self:end}.zb-result-strip{grid-template-columns:repeat(2,1fr)}.zb-result-strip div:last-child{grid-column:1/3}.zb-visual-grid{grid-template-columns:1fr}.zb-concrete-body{grid-template-columns:1fr}.zb-source-links{grid-template-columns:1fr}.zb-atlas{grid-template-columns:1fr 1fr}.zb-scenario-result{grid-template-columns:1fr}.zb-mistake-grid{grid-template-columns:1fr}.zb-related-grid{grid-template-columns:1fr}.zb-footer-grid{grid-template-columns:1fr}.zb-footer-grid>div:last-child{grid-column:auto}.zb-footer-bottom{flex-direction:column}.zb-wall-canvas{padding-left:22px;padding-right:48px}.zb-course-row b{right:-42px}.zb-actions{display:grid}.zb-btn{width:100%}}
@media(max-width:390px){.zb-hero h1{font-size:39px}.zb-hero-scene{min-height:370px}.zb-scene-card{grid-template-columns:1fr 1fr}.zb-product-grid,.zb-atlas{grid-template-columns:1fr 1fr}.zb-product-card{min-height:110px;padding:11px}.zb-product-card b{font-size:14px}.zb-answer{font-size:43px}.zb-result-main{padding:17px}.zb-wall-canvas{min-height:260px}.zb-footer-brand img{width:220px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:focus-visible{outline:3px solid rgba(75,121,216,.65);outline-offset:3px}

/* V-next containment QA */
.zb-calculator-grid>*{min-width:0}
.zb-form,.zb-result{min-width:0}
@media(max-width:980px){.zb-calculator-grid{min-width:0}}
.zb-segment>*{min-width:0}
@media(max-width:680px){.zb-hero-watermark{right:12px;transform:rotate(-2deg)}}
.zb-product-card{display:block}
.zb-result-main>.zb-result-strip:nth-child(2){grid-template-columns:1fr;gap:0;margin:2px 0 14px;border-top:1px dashed #ded7cd;border-bottom:1px dashed #ded7cd}
.zb-result-main>.zb-result-strip:nth-child(2)>div{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;background:transparent;border:0;border-bottom:1px solid #eee8df;border-radius:0;padding:10px 2px}
.zb-result-main>.zb-result-strip:nth-child(2)>div:last-child{border-bottom:0;grid-column:auto}
.zb-result-main>.zb-result-strip:nth-child(2)>div>span{grid-column:1;font-size:10px}
.zb-result-main>.zb-result-strip:nth-child(2)>div>strong{grid-column:2;grid-row:1/3;text-align:right;font-size:14px;max-width:210px}
.zb-result-main>.zb-result-strip:nth-child(2)>div>small{grid-column:1;font-size:10px}
@media(max-width:680px){.zb-result-main>.zb-result-strip:nth-child(2)>div>strong{max-width:160px}}

/* Boundary component hardening — isolated semantic selectors, no generic nested-div layout rules. */
.zb-boundary-item,.zb-boundary-copy{max-width:100%}
@media(max-width:460px){.zb-boundary{padding:20px}.zb-boundary-item{gap:12px}.zb-boundary-copy h4{font-size:15px}}


/* V4 QA hardening — methodology boundaries + worked examples */
.zb-boundary{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff4e9 0%,#fff8f1 100%);
}
.zb-boundary::after{
  content:"SAFE LIMITS";
  position:absolute;
  right:-10px;
  bottom:-20px;
  font-size:54px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
  color:rgba(233,120,61,.055);
  pointer-events:none;
}
.zb-boundary h3{position:relative;z-index:1;margin-bottom:18px}
.zb-boundary-list{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  width:100%;
}
.zb-boundary-list > .zb-boundary-item{
  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  align-items:start !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  padding:12px 13px !important;
  margin:0 !important;
  border:1px solid rgba(216,170,139,.42);
  border-radius:15px;
  background:rgba(255,255,255,.62);
}
.zb-boundary-list > .zb-boundary-item > .zb-boundary-no{
  display:grid !important;
  place-items:center !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:11px;
  background:#fff;
  box-shadow:0 5px 14px rgba(90,63,44,.06);
}
.zb-boundary-list > .zb-boundary-item > .zb-boundary-copy{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.zb-boundary-list > .zb-boundary-item > .zb-boundary-copy > h4{
  display:block !important;
  width:100% !important;
  margin:1px 0 3px !important;
  padding:0 !important;
  font-size:15.5px !important;
  line-height:1.3 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}
.zb-boundary-list > .zb-boundary-item > .zb-boundary-copy > p{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#6d6b69 !important;
  font-size:12.5px !important;
  line-height:1.48 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

/* Worked examples: separate hierarchy + visual module cues */
.zb-scenarios{align-items:stretch}
.zb-scenario-main{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#fff 0%,#fffaf4 100%);
  border-color:#e6d8ca;
}
.zb-scenario-main::after{
  content:"4 × 250";
  position:absolute;
  right:-8px;
  bottom:-18px;
  font-size:64px;
  font-weight:950;
  letter-spacing:-.055em;
  color:rgba(233,120,61,.055);
  pointer-events:none;
}
.zb-scenario-head{position:relative;z-index:1;align-items:flex-start}
.zb-scenario-head > div{display:block;min-width:0}
.zb-scenario-head .zb-eyebrow{
  display:block !important;
  margin:0 0 6px !important;
  line-height:1.15 !important;
}
.zb-scenario-head strong{
  display:block !important;
  margin:0 !important;
  line-height:1.18 !important;
}
.zb-scenario-head > small{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border:1px solid #e4d9cd;
  border-radius:999px;
  background:#fff;
  color:#697687;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.zb-scenario-main > p{position:relative;z-index:1}
.zb-scenario-result{position:relative;z-index:1}
.zb-scenario-result div{
  border:1px solid rgba(230,216,202,.75);
  background:rgba(248,245,238,.88);
}
.zb-scenario-side article{
  position:relative;
  overflow:hidden;
  padding:20px 22px 20px 24px;
  background:linear-gradient(145deg,#fff 0%,#fffdf9 100%);
  border-color:#e6d8ca;
}
.zb-scenario-side article::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--zb-orange);
}
.zb-scenario-side article:nth-child(2)::before{background:var(--zb-teal)}
.zb-scenario-side article::after{
  position:absolute;
  right:16px;
  top:13px;
  font-size:25px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:rgba(233,120,61,.10);
  pointer-events:none;
}
.zb-scenario-side article:first-child::after{content:"+150 mm"}
.zb-scenario-side article:nth-child(2)::after{content:"14,0 → 14,8";color:rgba(47,158,135,.12)}
.zb-scenario-side .zb-eyebrow{
  display:block !important;
  margin:0 0 8px !important;
  line-height:1.1 !important;
}
.zb-scenario-side strong{
  display:block !important;
  max-width:78%;
  margin:0 0 8px !important;
  font-size:17px !important;
  line-height:1.25 !important;
}
.zb-scenario-side p{
  margin:0 !important;
  line-height:1.55 !important;
}

@media(max-width:700px){
  .zb-boundary::after{font-size:42px;bottom:-12px}
  .zb-boundary-list > .zb-boundary-item{grid-template-columns:38px minmax(0,1fr) !important;padding:11px !important}
  .zb-boundary-list > .zb-boundary-item > .zb-boundary-no{width:38px !important;height:38px !important;min-width:38px !important}
  .zb-scenario-head{display:block}
  .zb-scenario-head > small{margin-top:10px}
  .zb-scenario-side strong{max-width:100%}
  .zb-scenario-side article::after{font-size:20px;top:15px;right:12px}
}