:root{--brick-ink:#071a33;--brick-navy:#0d3158;--brick-blue:#1b6ca8;--brick-cyan:#37b6c8;--brick-orange:#d97732;--brick-clay:#c85a2c;--brick-sand:#f0c27b;--brick-green:#2bc59c;--brick-soft:#f3f8fb;--brick-line:#d7e4ed;--brick-muted:#5b728c;--brick-shadow:0 24px 68px rgba(8,34,60,.12);--brick-radius:30px}.brick-pro{background:linear-gradient(180deg,#f7fafc 0,#eef5f7 44%,#f8fafb 100%);color:var(--brick-ink)}.brick-pro main{overflow:hidden}.brick-pro h1,.brick-pro h2,.brick-pro h3{color:var(--brick-ink);letter-spacing:-.045em}.brick-pro .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:7px 11px;border-radius:999px;background:#eaf4f8;color:#46647f;font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.brick-pro .btn-primary,.brick-pro .btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.18s ease}.brick-pro .btn-primary{background:linear-gradient(135deg,#0f3d68,#1a72a9 56%,#d97834);color:#fff;box-shadow:0 14px 30px rgba(20,91,139,.24)}.brick-pro .btn-secondary{background:#fff;color:var(--brick-ink);border-color:var(--brick-line);box-shadow:0 8px 24px rgba(9,34,67,.07)}.brick-pro .btn-primary:hover,.brick-pro .btn-secondary:hover{transform:translateY(-2px)}.site-header .brand-logo{display:inline-flex;align-items:center}.site-header .brand-logo img{display:block;width:190px;max-width:100%;height:auto}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#0e3d67,#176b9f 60%,#cf6a31);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(20,91,139,.2)}
.brick-hero{padding:54px 0 46px;background:radial-gradient(circle at 80% 8%,rgba(55,182,200,.16),transparent 29%),radial-gradient(circle at 14% 0,rgba(217,119,50,.13),transparent 27%)}.brick-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:48px;align-items:center}.brick-hero-copy h1{max-width:820px;margin:0 0 20px;font-size:clamp(2.75rem,5.3vw,5.7rem);line-height:.95;font-weight:950}.brick-hero-copy .lead{max-width:770px;margin:0;color:var(--brick-muted);font-size:1.13rem;line-height:1.72;font-weight:620}.lead-mobile{display:none}.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px;color:#71859c;font-size:.9rem}.breadcrumb a{color:#506b89}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.brick-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.brick-trust span{padding:9px 12px;border:1px solid rgba(13,76,116,.13);border-radius:999px;background:rgba(255,255,255,.78);font-size:.83rem;font-weight:850;color:#315173}
.blueprint-visual{position:relative;min-height:490px;padding:22px;border-radius:38px;background:linear-gradient(145deg,#092845,#0d4169 58%,#126174);box-shadow:0 38px 90px rgba(5,29,55,.28);color:#fff;overflow:hidden}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,#000,transparent 92%)}.blueprint-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:4px 3px 18px;color:rgba(255,255,255,.72);font-size:.76rem;font-weight:850;letter-spacing:.1em}.blueprint-head b{padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff}.wall-sketch{position:relative;z-index:1;height:255px;padding:28px 35px 35px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.brick-row{display:grid;gap:6px;height:42px;margin-bottom:7px}.brick-row.row-a{grid-template-columns:repeat(4,1fr)}.brick-row.row-b{grid-template-columns:.55fr repeat(4,1fr) .55fr}.brick-row i{display:block;border:1px solid rgba(255,255,255,.45);border-radius:5px;background:linear-gradient(145deg,rgba(220,118,61,.52),rgba(235,171,103,.2))}.opening-sketch{position:absolute;left:43%;bottom:35px;width:90px;height:104px;border:2px solid rgba(255,255,255,.86);border-bottom:0;background:rgba(5,25,44,.7)}.dimension{position:absolute;color:rgba(255,255,255,.74);font:700 .65rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.dimension-x{left:50%;bottom:12px;transform:translateX(-50%)}.dimension-y{left:8px;top:50%;transform:translateY(-50%) rotate(-90deg)}.blueprint-stats{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:9px;margin-top:14px}.blueprint-stats>div{padding:14px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(7px)}.blueprint-stats span{display:block;color:rgba(255,255,255,.66);font-size:.72rem;font-weight:750}.blueprint-stats strong{display:block;margin-top:5px;color:#fff;font-size:1.08rem}.blueprint-stats small{display:block;margin-top:4px;color:rgba(255,255,255,.62);font-size:.68rem}.blueprint-stats .stat-main strong{font-size:1.5rem}
.anchor-nav{position:relative;z-index:10;border-top:1px solid rgba(208,223,233,.78);border-bottom:1px solid rgba(208,223,233,.88);background:rgba(250,252,253,.93);backdrop-filter:blur(13px)}.anchor-scroll{display:flex;gap:9px;overflow-x:auto;padding-top:13px;padding-bottom:13px;scrollbar-width:none}.anchor-scroll a{flex:0 0 auto;padding:9px 14px;border:1px solid var(--brick-line);border-radius:999px;background:#fff;color:var(--brick-ink);font-size:.84rem;font-weight:850;box-shadow:0 6px 16px rgba(11,39,75,.05)}
.brick-work{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px;align-items:start;padding-top:44px;padding-bottom:38px}.brick-form,.brick-result{border:1px solid rgba(204,219,229,.95);border-radius:34px;background:rgba(255,255,255,.96);box-shadow:var(--brick-shadow)}.brick-form{padding:32px}.brick-result{position:sticky;top:18px;padding:29px;overflow:hidden}.form-top,.result-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.form-top h2,.result-top h2{margin:0 0 8px;font-size:clamp(1.85rem,2.9vw,2.75rem)}.form-top p:not(.eyebrow){margin:0;color:var(--brick-muted);line-height:1.56}.live-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 11px;border-radius:999px;background:#edfbf7;color:#15785f;font-size:.78rem;font-weight:900}.live-badge i{width:8px;height:8px;border-radius:50%;background:#27c995;box-shadow:0 0 0 5px rgba(39,201,149,.13)}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:27px 0}.mode-button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;text-align:left;padding:18px;border:1px solid var(--brick-line);border-radius:22px;background:#f9fbfc;color:var(--brick-ink);cursor:pointer;transition:.18s ease}.mode-button:hover{transform:translateY(-2px);border-color:#aac8d8}.mode-button.is-active{background:linear-gradient(145deg,#0b3157,#155d8f);border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(17,72,112,.22)}.mode-number{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e7f2fa;color:#245f88;font-size:.78rem;font-weight:950}.mode-button.is-active .mode-number{background:rgba(255,255,255,.13);color:#fff}.mode-button>span:nth-child(2){min-width:0}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:1rem}.mode-button small{margin-top:3px;color:#6b7e91;font-weight:650}.mode-button.is-active small{color:rgba(255,255,255,.7)}.mode-button em{grid-column:2;justify-self:start;margin-top:4px;padding:4px 7px;border-radius:999px;background:#ecf8f4;color:#20785e;font-style:normal;font-size:.61rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.mode-button.is-active em{background:rgba(255,255,255,.13);color:#fff}.calculation-panel[hidden],.advanced-result-panel[hidden],[data-toggle-fields][hidden]{display:none!important}.mode-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:17px 18px;border-radius:20px;margin-bottom:25px}.mode-intro>span{align-self:start;padding:7px 9px;border-radius:999px;font-size:.68rem;font-weight:950;text-transform:uppercase}.mode-intro strong{display:block;margin-bottom:3px}.mode-intro p{margin:0;color:var(--brick-muted);font-size:.9rem;line-height:1.5}.mode-intro-basic{background:#eef8f5;border:1px solid rgba(39,201,149,.22)}.mode-intro-basic>span{background:#1c8c6d;color:#fff}.mode-intro-advanced{background:#edf4fa;border:1px solid rgba(25,101,154,.18)}.mode-intro-advanced>span{background:#176897;color:#fff}.section-label{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:25px 0 14px}.section-label>span{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#0d3158;color:#fff;font-size:.76rem;font-weight:950}.section-label strong,.section-label small{display:block}.section-label small{margin-top:2px;color:var(--brick-muted)}fieldset{padding:0;margin:0;border:0}
.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.preset-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;text-align:left;padding:15px;border:1px solid var(--brick-line);border-radius:19px;background:#fff;color:var(--brick-ink);cursor:pointer}.preset-card:hover{border-color:#a7c7d8}.preset-card.is-active{border-color:#1f79aa;background:#f0f8fb;box-shadow:inset 0 0 0 1px #1f79aa}.preset-card strong,.preset-card small{display:block;grid-column:2}.preset-card small{margin-top:-7px;color:#6f8192;font-size:.73rem}.preset-icon{grid-row:1/3;display:block;width:45px;height:33px;border-radius:7px;border:1px solid rgba(120,63,34,.25);background:repeating-linear-gradient(90deg,#d36f3d 0 20px,#bb592e 20px 22px);box-shadow:inset 0 -7px 0 rgba(117,47,21,.12)}.preset-icon.wide{width:50px}.preset-icon.aerated,.preset-icon.partition{background:linear-gradient(145deg,#eef1e8,#d6dacf);border-color:#bec5ba}.preset-icon.partition{height:24px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block}.field>span,.field>small{display:block}.field>span{margin-bottom:6px;font-weight:900;color:var(--brick-ink)}.field>small{margin:-3px 0 7px;color:var(--brick-muted);font-size:.78rem;line-height:1.35}.input-wrap,.select-wrap{display:flex;align-items:center;min-height:52px;border:1px solid var(--brick-line);border-radius:16px;background:#fff;overflow:hidden;transition:.15s ease}.input-wrap:focus-within,.select-wrap:focus-within{border-color:#4385bf;box-shadow:0 0 0 4px rgba(40,111,170,.1)}.input-wrap input,.select-wrap select,.zone-field input,.zone-field select{width:100%;border:0;outline:0;background:transparent;color:var(--brick-ink);font:inherit;font-weight:800}.input-wrap input{padding:13px 8px 13px 15px}.input-wrap em{padding-right:13px;color:#70839a;font-style:normal;font-size:.82rem;font-weight:850}.select-wrap select{padding:13px 38px 13px 15px}.field-wide{grid-column:1/-1}.reserve-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reserve-picker button{padding:13px 9px;border:1px solid var(--brick-line);border-radius:17px;background:#fff;color:var(--brick-ink)}.reserve-picker strong,.reserve-picker small{display:block}.reserve-picker small{margin-top:4px;color:#718398;font-size:.7rem}.reserve-picker button.is-active{border-color:#1a759f;background:#eff8fb;box-shadow:inset 0 0 0 1px #1a759f}.basic-details{margin-top:22px;border:1px solid var(--brick-line);border-radius:20px;background:#f9fbfc;overflow:hidden}.basic-details summary{cursor:pointer;padding:16px 18px;font-weight:900;color:#234f73}.basic-details[open] summary{border-bottom:1px solid var(--brick-line)}.details-grid{padding:18px}.technical-note{margin:0;padding:0 18px 18px;color:#6a7d90;font-size:.78rem;line-height:1.5}
.project-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:2px 0 14px}.project-toolbar strong,.project-toolbar small{display:block}.project-toolbar small{margin-top:3px;color:var(--brick-muted)}.add-zone-button{padding:10px 14px;border:1px solid #9ec3d5;border-radius:999px;background:#eff8fb;color:#145f87;font-weight:900}.zone-list{display:grid;gap:14px}.zone-card{border:1px solid var(--brick-line);border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(8,39,64,.05)}.zone-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 17px;background:linear-gradient(135deg,#f1f7fa,#f8fbfc)}.zone-title{display:flex;align-items:center;gap:10px}.zone-index{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#0d3158;color:#fff;font-size:.74rem;font-weight:950}.zone-title input{max-width:240px;border:0;border-bottom:1px dashed #9db1c1;background:transparent;color:var(--brick-ink);font-weight:900;outline:0}.remove-zone{border:0;border-radius:999px;background:#fff0ec;color:#b84d2c;padding:7px 10px;font-weight:900}.zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:17px}.zone-field{display:block}.zone-field span,.zone-field small{display:block}.zone-field span{margin-bottom:5px;color:#244763;font-size:.76rem;font-weight:850}.zone-field small{margin-top:4px;color:#7a8c9d;font-size:.66rem}.zone-field input,.zone-field select{min-height:46px;padding:11px 10px;border:1px solid var(--brick-line);border-radius:13px;background:#fff}.zone-field-wide{grid-column:span 2}.zone-technical{margin:0 17px 17px;border:1px dashed #bdd0dc;border-radius:16px;background:#f8fbfc}.zone-technical summary{cursor:pointer;padding:12px 14px;color:#3a617e;font-size:.8rem;font-weight:900}.zone-tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px 14px}.advanced-section{margin-top:25px;padding-top:2px;border-top:1px solid #e1ebf1}.feature-toggle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-toggle{position:relative}.feature-toggle input{position:absolute;opacity:0}.feature-toggle>span{display:block;padding:14px;border:1px solid var(--brick-line);border-radius:17px;background:#fff;cursor:pointer}.feature-toggle b,.feature-toggle small{display:block}.feature-toggle small{margin-top:4px;color:#718398;font-size:.7rem}.feature-toggle input:checked+span{border-color:#2485aa;background:#f0f9fb;box-shadow:inset 0 0 0 1px #2485aa}.advanced-fields{margin-top:12px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.privacy-note{display:flex;align-items:center;gap:8px;margin:13px 0 0;color:#728398;font-size:.75rem}.privacy-note i{width:7px;height:7px;border-radius:50%;background:#2bc59c}
.result-top{align-items:center}.result-top h2{font-size:2rem}.result-top>span{padding:8px 10px;border-radius:999px;background:#eef5f8;color:#47637e;font-size:.75rem;font-weight:900}.result-main{margin-top:21px;padding:23px;border-radius:27px;background:radial-gradient(circle at 95% 5%,rgba(226,138,70,.48),transparent 34%),linear-gradient(145deg,#092b4f,#15598b 65%,#156c75);color:#fff;box-shadow:0 22px 46px rgba(11,47,86,.25)}.result-main-label{display:flex;justify-content:space-between;gap:12px;align-items:center;color:rgba(255,255,255,.72);font-size:.77rem;font-weight:850}.result-main-label b{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:.65rem;text-transform:uppercase}.result-main output{display:block;margin:9px 0 2px;color:#fff;font-size:clamp(3rem,6vw,4.7rem);line-height:.95;font-weight:950;letter-spacing:-.065em}.result-main>strong{display:block;color:#d9fff5;font-size:1.05rem}.result-main p{margin:11px 0 16px;color:rgba(255,255,255,.74);line-height:1.55}.wall-gauge{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.13)}.wall-gauge i{display:block;background:linear-gradient(90deg,#2dd6a2,#70e1bf)}.wall-gauge span{display:block;background:rgba(245,183,86,.88)}.wall-gauge-legend{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:rgba(255,255,255,.7);font-size:.7rem}.wall-gauge-legend b{color:#fff}.result-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:15px}.result-metrics>div,.advanced-stat-grid>div{padding:14px;border:1px solid var(--brick-line);border-radius:18px;background:#fff}.result-metrics span,.advanced-stat-grid span{display:block;color:#70839a;font-size:.72rem;font-weight:800}.result-metrics strong,.advanced-stat-grid strong{display:block;margin-top:5px;color:var(--brick-ink);font-size:1.06rem}.result-metrics small,.advanced-stat-grid small{display:block;margin-top:2px;color:#8191a2;font-size:.68rem}.purchase-card{margin-top:15px;padding:16px;border-radius:21px;background:#f2f8fa;border:1px solid #d7e7ed}.purchase-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.purchase-card-head span{color:#5f768b;font-size:.74rem;font-weight:850}.purchase-card-head strong{color:#164a6a;font-size:.9rem}.purchase-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.purchase-items>div{padding:11px;border-radius:14px;background:#fff;border:1px solid #dde9ee}.purchase-items span,.purchase-items small{display:block;color:#74869a;font-size:.67rem}.purchase-items strong{display:block;margin:4px 0;color:#163b5c}.advanced-result-panel{margin-top:16px;padding:16px;border-radius:21px;background:#eef8f5;border:1px solid rgba(39,183,142,.27)}.budget-head{padding:14px;border-radius:16px;background:#0e385e;color:#fff}.budget-head span,.budget-head small{display:block;color:rgba(255,255,255,.7);font-size:.72rem}.budget-head strong{display:block;margin:5px 0;color:#fff;font-size:1.55rem}.advanced-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.result-actions{display:flex;gap:9px;margin-top:16px}.result-actions button{flex:1;padding:11px;border-radius:14px;border:1px solid var(--brick-line);background:#fff;color:#173b70;font-weight:850;cursor:pointer}.result-insight{margin-top:16px;padding:15px 16px;border-radius:19px;border-left:4px solid #25bd8e;background:#f0faf7;color:#49647d;line-height:1.5;font-size:.88rem}.result-insight strong{display:block;color:#153968;margin-bottom:4px}.result-insight p{margin:0}
.result-section{padding-top:31px;padding-bottom:31px}.section-head{margin-bottom:19px}.section-head h2{margin:0 0 8px;font-size:clamp(2rem,3.5vw,3.2rem)}.section-head p{margin:0;color:var(--brick-muted);line-height:1.65;max-width:870px}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scenario-card{padding:17px;border:1px solid var(--brick-line);border-radius:21px;background:#fff;box-shadow:0 10px 24px rgba(13,45,76,.05)}.scenario-card.is-current{border-color:#2688b0;box-shadow:inset 0 0 0 1px #2688b0}.scenario-card span,.scenario-card small{display:block;color:#71849a}.scenario-card strong{display:block;margin:5px 0;color:var(--brick-ink);font-size:1.15rem}.breakdown-wrap{overflow-x:auto;border:1px solid var(--brick-line);border-radius:22px;background:#fff}.breakdown-table{width:100%;border-collapse:collapse;min-width:760px}.breakdown-table th,.breakdown-table td{padding:14px 17px;text-align:left;border-bottom:1px solid #e5edf2}.breakdown-table th{background:#f3f7f9;color:#516a84;font-size:.76rem;text-transform:uppercase}.breakdown-table td{color:#425d78}.breakdown-table td:first-child{font-weight:850;color:var(--brick-ink)}.cost-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.cost-breakdown{display:grid;gap:9px}.cost-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;border:1px solid var(--brick-line);border-radius:16px;background:#fff}.cost-breakdown span{color:#5e748b}.cost-breakdown strong{color:var(--brick-ink)}.cost-note{padding:20px;border-radius:22px;background:linear-gradient(145deg,#0c3156,#135e7d);color:#fff}.cost-note span,.cost-note p{color:rgba(255,255,255,.72)}.cost-note strong{display:block;margin:8px 0;color:#fff;font-size:1.15rem}.cost-note p{margin:0;line-height:1.58;font-size:.86rem}
.brick-section{padding-top:58px;padding-bottom:58px}.brick-section-soft{background:linear-gradient(180deg,rgba(229,239,243,.55),rgba(247,250,251,.7));border-block:1px solid rgba(210,224,232,.8)}.content-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.content-article{padding:36px;border:1px solid var(--brick-line);border-radius:30px;background:#fff;box-shadow:0 18px 46px rgba(9,38,70,.07)}.content-article h2{margin:0 0 18px;font-size:clamp(2rem,3.4vw,3.2rem)}.content-article h3{margin:35px 0 12px;font-size:1.65rem}.content-article p,.content-article li{color:#526a83;line-height:1.8}.content-article strong{color:#1b3c65}.formula-box{margin:22px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,#eff8fb,#fff5ea);border:1px solid #bdd9df;color:#21496f;font:700 .9rem/1.75 ui-monospace,SFMono-Regular,Menlo,monospace}.content-aside{position:sticky;top:18px;display:grid;gap:12px}.content-aside a,.content-aside div{padding:18px;border:1px solid var(--brick-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(10,39,70,.06)}.content-aside span,.content-aside small{display:block;color:#74869a;font-size:.75rem}.content-aside strong{display:block;margin:5px 0;color:#173c6a}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.knowledge-grid article{padding:24px;border:1px solid var(--brick-line);border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(10,39,70,.06)}.knowledge-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#0d3158;color:#fff;font-weight:950}.knowledge-grid h3{margin:14px 0 8px;font-size:1.35rem}.knowledge-grid p{margin:0;color:#5a7187;line-height:1.72}.example-grid,.source-grid,.related-grid,.faq-grid{display:grid;gap:14px}.example-grid{grid-template-columns:repeat(3,1fr)}.example-card{padding:23px;border:1px solid var(--brick-line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(9,38,70,.06)}.example-card h3{margin:8px 0 9px;font-size:1.28rem}.example-card p{margin:0;color:#5b7188;line-height:1.68}.example-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#0d3158;color:#fff;font-weight:950}.brick-section-dark{background:linear-gradient(145deg,#071e37,#0d385c 62%,#155f6d);color:#fff}.brick-section-dark h2{color:#fff}.brick-section-dark .eyebrow{background:rgba(255,255,255,.1);color:#d8f7ff}.mistake-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start}.mistake-layout h2{font-size:clamp(2.3rem,4vw,4rem)}.mistake-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mistake-list article{padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.08)}.mistake-list strong{display:block;color:#fff;margin-bottom:7px}.mistake-list p{margin:0;color:rgba(255,255,255,.7);line-height:1.58;font-size:.87rem}.source-grid{grid-template-columns:repeat(3,1fr)}.source-grid a{padding:21px;border:1px solid var(--brick-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(10,38,69,.06)}.source-grid span,.source-grid small{display:block;color:#71859a;font-size:.74rem}.source-grid strong{display:block;margin:6px 0;color:#153b6c}.review-note{margin-top:14px;color:#637a91}.related-grid{grid-template-columns:repeat(5,1fr)}.related-card{padding:20px;border:1px solid var(--brick-line);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(10,38,69,.06);transition:.18s ease}.related-card:hover{transform:translateY(-4px)}.related-card>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#edf6fa;color:#195b82;font-weight:950}.related-card strong,.related-card small{display:block}.related-card strong{margin:10px 0 5px;color:var(--brick-ink)}.related-card small{color:#708399;line-height:1.45}.faq-grid{grid-template-columns:repeat(2,1fr)}.faq-grid details{border:1px solid var(--brick-line);border-radius:20px;background:#fff;overflow:hidden}.faq-grid summary{position:relative;cursor:pointer;list-style:none;padding:18px 54px 18px 19px;color:var(--brick-ink);font-weight:900}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf5f8;color:#195b82}.faq-grid details[open] summary::after{content:"–"}.faq-grid p{margin:0;padding:0 19px 19px;color:#5a728a;line-height:1.65}
.footer{margin-top:55px;padding:52px 0 22px;background:linear-gradient(145deg,#06182d,#0c3154);color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px;align-items:start}.footer img{display:block;width:190px;max-width:100%;height:auto;margin-bottom:14px}.footer p{margin:12px 0 0;color:rgba(255,255,255,.64);line-height:1.6}.footer h3{margin:0 0 12px;color:#fff;font-size:14px}.footer-links{display:grid;gap:8px}.footer-links a{display:block;color:rgba(255,255,255,.72);font-size:12px;font-weight:700;line-height:1.45}.footer-links a:hover{color:#fff}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.footer-bottom p{margin:0;font-size:11px}
@media(max-width:1100px){.brick-hero-grid,.brick-work,.content-shell,.cost-layout,.mistake-layout{grid-template-columns:1fr}.blueprint-visual{max-width:720px}.brick-result{position:relative;top:auto}.related-grid{grid-template-columns:repeat(3,1fr)}.source-grid{grid-template-columns:1fr 1fr}.content-aside{position:relative;top:auto;grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.brick-hero{padding:22px 0 20px}.breadcrumb{display:none}.brick-hero-grid{gap:22px}.brick-hero-copy h1{font-size:clamp(2.35rem,11vw,3.6rem)}.lead-desktop,.blueprint-visual,.anchor-nav{display:none}.lead-mobile{display:inline}.brick-hero-copy .lead{font-size:1rem;line-height:1.58}.hero-actions .btn-secondary{display:none}.brick-trust{display:grid;grid-template-columns:1fr 1fr}.brick-trust span{text-align:center;font-size:.72rem;padding:8px}.brick-work{padding-top:23px;gap:18px}.brick-form,.brick-result{padding:19px;border-radius:25px}.form-top{display:block}.live-badge{margin-top:10px}.mode-switch{grid-template-columns:1fr}.mode-button{padding:15px}.preset-grid,.field-grid,.reserve-picker,.feature-toggle-row,.result-metrics,.advanced-stat-grid,.purchase-items,.faq-grid,.source-grid,.example-grid,.knowledge-grid,.content-aside,.mistake-list{grid-template-columns:1fr}.zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-field-wide{grid-column:1/-1}.zone-tech-grid{grid-template-columns:1fr 1fr}.scenario-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.result-main{padding:19px}.result-main output{font-size:3.2rem}.brick-section{padding-top:40px;padding-bottom:40px}.content-article{padding:22px;border-radius:24px}.content-article h3{font-size:1.4rem}.section-head h2{font-size:2rem}.form-actions{display:grid}.form-actions button{width:100%}.result-actions{display:grid}.result-top{display:block}.result-top>span{display:inline-flex;margin-top:6px}.field-wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer{padding-top:38px}.project-toolbar{align-items:flex-start}.add-zone-button{flex:0 0 auto}.wall-gauge-legend,.purchase-card-head{display:block}.wall-gauge-legend span+span,.purchase-card-head strong{display:block;margin-top:5px}}
@media(max-width:430px){.zone-grid,.zone-tech-grid,.scenario-grid,.related-grid{grid-template-columns:1fr}.brick-form,.brick-result{padding:16px}.brick-hero-copy h1{font-size:2.28rem}.brick-trust{grid-template-columns:1fr 1fr}.preset-card{grid-template-columns:auto 1fr}.mode-button{grid-template-columns:auto minmax(0,1fr)}.project-toolbar{display:block}.add-zone-button{margin-top:10px}.result-main-label{display:block}.result-main-label b{display:inline-flex;margin-top:6px}}
@media print{.site-header,.brick-hero,.anchor-nav,.brick-form,.result-actions,.brick-section,.footer{display:none!important}.brick-work{display:block;padding:0}.brick-result{box-shadow:none;border:0;position:static}.advanced-result-panel[hidden]{display:block!important}body{background:#fff}}