@import url('/styles/galvanek-design-tokens.css');
/* ThermoCheck reference reconstruction, 14 September. Only .tc4 chapters. */
.tcp .tc4{background:#fff;padding:76px 0;isolation:isolate;position:relative;scroll-margin-top:12px;--accent:#ff5915;--copy:#66728a;--line:#e8ebf0;--shadow:0 12px 40px #17213408}
.tc4 .tc4-wrap{width:min(1320px,calc(100% - 96px));margin:auto;position:relative}
.tcp .tc4 :is(h2,h3){color:#111822;letter-spacing:-.045em;text-wrap:initial}
.tcp .tc4 h2{font-size:clamp(36px,3.65vw,54px);line-height:1.025;margin:0 0 22px;font-weight:700}
.tcp .tc4 h2 em{color:var(--accent)}
.tcp .tc4 h3{font-size:21px;line-height:1.15;margin:0 0 10px;font-weight:700}
.tcp .tc4 p{color:var(--copy);font-size:17px;line-height:1.5;margin:0 0 20px}
.tcp .tc4 .eyebrow{color:var(--accent);font-size:12px;letter-spacing:.16em;margin:0 0 20px;line-height:1.4}
.tcp .tc4 .tcp-btn{background:var(--accent);font-weight:600;font-size:16px;padding:12px 28px;min-height:52px}
.tc4 :is(a,button):focus-visible{outline:3px solid #e25b13;outline-offset:5px}
.tc4 .tcp-btn>.icon{color:inherit;width:20px;height:20px}
.tc4 img{max-width:100%}
.tc4 .icon{color:var(--accent);width:32px;height:32px;flex:none}
.tc4 :is(.tc4-panel,.tc4-card){border:1px solid var(--line);border-radius:15px;background:#fffffff5;box-shadow:var(--shadow)}
.tc4 :is(.tc4-card,.tc4-panel){min-width:0}
.tc4 .tc4-panel{padding:22px}
.tc4 .tc4-card{padding:24px;position:relative}
.tc4 .tc4-number{position:absolute;top:15px;left:15px;width:30px;height:30px;border-radius:50%;background:#e9ecf1;color:#596274;font-size:17px;font-weight:650;display:grid;place-items:center}
.tc4 .tc4-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tc4 .tc4-benefit{display:flex;gap:14px;align-items:flex-start;min-width:0}
.tc4 .tc4-benefit strong{display:block;font-size:18px;line-height:1.2;letter-spacing:-.03em;color:#172032;margin-bottom:7px;font-weight:650}
.tc4 .tc4-benefit span{display:block;font-size:14px;color:var(--copy);line-height:1.4}
.tc4 .compact{gap:16px;margin:26px 0 0}
.tc4 .compact .icon{width:29px;height:29px}.tc4 .compact .tc4-benefit{gap:10px}.tc4 .compact strong{font-size:12px;margin:0 0 4px}.tc4 .compact span{font-size:11px}
.tcp .tc4 .tc4-hand{font-family:Caveat,cursive;font-size:30px;font-weight:500;color:var(--accent);line-height:.98;transform:rotate(-7deg);margin:0}
.tc4 .tc4-hand>svg{display:block;width:85px;height:35px;margin:8px 0 0 35px;transform:rotate(12deg)}
.tc4 .tc4-check{width:27px;height:27px;display:grid;place-items:center;background:var(--accent);border-radius:50%;flex:none;color:#fff}
.tc4 .tc4-check>.icon{color:#fff;width:17px;height:17px}
.tc4 .tc4-check.muted{background:#dce1e8}.tc4 .tc4-check.muted>.icon{color:#596477}
.tcp .tc4 .tc4-small{font-size:13px;line-height:1.35;margin:0;color:#8590a4}
.tc4 .tc4-join{position:relative;padding-top:33px;text-align:center;margin:0 10%}
.tc4 .tc4-join:before{content:'';position:absolute;inset:0 4% auto;height:25px;border:1.5px solid var(--accent);border-top:0;border-radius:0 0 13px 13px}
.tc4 .tc4-join>span{position:absolute;left:50%;top:6px;transform:translateX(-50%);display:grid;place-items:center;width:43px;height:43px;border:4px solid white;border-radius:50%;background:var(--accent);z-index:2}
.tc4 .tc4-join .icon{width:23px;color:white}
.tcp .tc4 .tc4-join>p{padding:22px 22px 15px;background:#fff1ea;border-radius:11px;color:#192232;font-size:21px;font-weight:600;line-height:1.2;margin:15px 0 0;letter-spacing:-.035em}
.tc4 .tc4-join strong{color:var(--accent)}
.tc4 figcaption,.tc4 .tc4-image-note{color:#6e7889;font-size:10px;line-height:1.4;margin-top:8px}
.tc4 .tc4-image-note{position:absolute;bottom:12px;right:14px;background:#ffffffda;padding:4px 8px;border-radius:4px;z-index:3}
.tc4 blockquote{border:0;background:#fff3ec;border-radius:14px;padding:28px 25px 25px 58px;color:var(--accent);font-size:25px;font-weight:600;line-height:1.17;letter-spacing:-.035em;margin:26px 0;position:relative}
.tc4 blockquote>span{font:80px/1 Georgia,serif;position:absolute;left:16px;top:14px}

/* 01: photographic editorial left column + two composed explanation panels. */
.tcp .tc4-intro{padding-bottom:0}
.tc4-intro-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:start}
.tc4-intro-left,.tc4-intro-right{min-width:0}
.tcp .tc4-intro h2{font-size:clamp(36px,3.35vw,49px)}
.tc4-intro-left>p:not(.eyebrow){max-width:565px}
.tc4-intro-photo{position:relative;margin-top:10px!important;overflow:hidden}
.tc4-intro-photo>img{width:100%;height:380px;object-fit:cover;object-position:50% 58%;display:block;mask-image:linear-gradient(transparent,#000 12%)}
.tcp .tc4 .tc4-intro-photo .tc4-hand{position:absolute;left:8px;top:110px;color:#fff;text-shadow:0 2px 6px #253421}
.tc4-intro-photo figcaption{position:absolute;bottom:8px;right:10px;color:white;text-shadow:0 1px 4px #000}
.tc4-intro-right{display:grid;gap:18px}
.tc4-mini-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.tc4-mini-levels:before{content:'';position:absolute;top:38%;left:3%;right:3%;height:2px;background:var(--accent);z-index:-1}
.tc4-mini-levels article{position:relative;border:1px solid var(--line);border-radius:10px;padding:50px 14px 18px;background:#fff}
.tc4-mini-levels article>.icon{display:block;width:39px;height:39px;margin:0 auto 12px}
.tcp .tc4-mini-levels h3{font-size:17px;letter-spacing:-.035em;margin-bottom:12px}
.tcp .tc4-mini-levels p{font-size:14px;line-height:1.4;margin:0}
.tc4-mini-system .tc4-join{margin:0 8%}.tcp .tc4-mini-system .tc4-join p{font-size:15px;font-weight:550;padding:20px 12px 12px}
.tc4-comparison-cols{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tc4-comparison-cols>div{padding:17px 14px;border-radius:10px;background:#f7f8fa}
.tc4-comparison-cols>div+div{background:#fff8f4;border:1px solid #ffebe0}
.tc4-comparison-cols h3{display:flex;gap:9px;align-items:center!important;font-size:19px!important}
.tc4-comparison-cols h3 .icon{width:28px}.tc4-comparison-cols h3 img{width:48px;height:29px;object-fit:cover;object-position:left;clip-path:inset(0 64% 0 0);margin-right:-30px}
.tc4-comparison-cols>div+div h3{color:var(--accent)}
.tc4-comparison ul{padding:0;margin:22px 0 0;list-style:none;display:grid;gap:20px}
.tc4-comparison li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;color:var(--copy)}
.tc4-comparison .tc4-check{width:23px;height:23px}.tc4-comparison .tc4-check>.icon{width:14px}
.tcp .tc4-comparison>.tc4-hand{text-align:right;font-size:27px;margin:16px 12px 0}.tc4-comparison .tc4-hand>svg{position:absolute;left:5%;top:-8px}

/* 02: physical radiator, three side-by-side temperature comparisons. */
.tc4-temp-top{display:grid;grid-template-columns:1.7fr .7fr;gap:24px;position:relative;min-height:210px}
.tc4-temp-top>div:first-child{position:relative;z-index:2;max-width:900px}
.tc4-temp-photo{position:relative}
.tc4-temp-photo>img{position:absolute;inset:-55px -20px auto auto;width:430px;max-width:none;height:300px;object-fit:cover;object-position:60% 50%;mask-image:linear-gradient(90deg,transparent,#000 35%);z-index:-1}
.tcp .tc4-temp-photo .tc4-hand{font-size:27px;color:#1e3445;position:absolute;left:-55px;top:6px}
.tc4-temp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:2;margin-top:24px}
.tc4-temp-cards .tc4-card{padding:24px 25px 20px;min-height:300px}
.tcp .tc4-temp-cards h3{font-size:34px;color:var(--accent);letter-spacing:-.05em;margin:0 0 6px}.tc4-temp-cards h3 small{font-size:25px}
.tc4-radiator{width:155px;height:127px;display:block}
.tc4-temp-cards .tc4-radiator{position:absolute;right:15px;top:20px;width:44%;z-index:-0;pointer-events:none}
.tc4-temp-cards h3,.tc4-temp-cards .tc4-small{position:relative;z-index:1}
.tc4-output{display:grid;grid-template-columns:1fr auto;gap:8px 13px;margin-top:40px;position:relative}
.tc4-output>strong{grid-column:1/-1;display:block;font-size:14px;font-weight:550;max-width:50%;line-height:1.2;margin-bottom:4px;color:#162033}
.tc4-output b{font-size:18px;line-height:20px;white-space:nowrap}
.tc4-bar{height:18px;background:#e9ecf0;border-radius:100px;overflow:hidden}
.tc4-bar>span{height:100%;display:block;background:linear-gradient(90deg,#ff4d08,#ff731e);border-radius:100px}
.tc4-temp-explain{background:#f5f6f8;border-radius:10px;padding:15px;margin-top:20px}
.tc4-temp-explain strong{display:block;color:#4b576b;font-size:14px;line-height:1.25;margin-bottom:6px}
.tcp .tc4-temp-explain p{font-size:14px;line-height:1.4;margin:0}
.tcp .tc4 .tc4-calculation{font-size:11px;line-height:1.5;color:#7a8495;margin:16px auto 0;max-width:900px;text-align:center}
.tc4-calculation a{text-decoration:underline;text-underline-offset:3px}
.tc4-bottom-benefits{margin-top:35px}.tc4-bottom-benefits>.tc4-benefit+.tc4-benefit{border-left:1px solid var(--line);padding-left:24px}.tc4-bottom-benefits .icon{width:40px;height:40px}

/* 04: large architecture with overlapping lower topics. */
.tc4-property-stage{position:relative;min-height:590px;padding-top:12px}
.tc4-property-image{position:absolute;right:-48px;top:-45px;width:91%;height:640px;object-fit:cover;object-position:right center;z-index:-1}
.tc4-property-copy{max-width:49%;position:relative;z-index:1}
.tc4-property-copy>p{max-width:515px}.tc4-property-copy blockquote{max-width:490px}
.tc4-property-stage>.tc4-hand{position:absolute;right:25px;top:15px;color:#1d2838;text-align:center}
.tc4-property-bottom{position:relative;z-index:2;display:grid;grid-template-columns:2.7fr 1fr;align-items:center;gap:34px;margin-top:-12px}
.tc4-four-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tc4-four-features .tc4-card{padding:20px 17px;box-shadow:none}.tc4-four-features .icon{width:38px;height:38px;margin-bottom:15px}
.tcp .tc4-four-features h3{font-size:18px}.tcp .tc4-four-features p{font-size:14px;margin:0}
.tc4-check-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:13px}
.tc4-check-list li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.3;color:var(--copy)}
.tc4-check-list .icon{width:23px;height:23px;background:var(--accent);color:white;padding:4px;border-radius:50%}
.tc4-property-bottom .tcp-btn{font-size:14px!important;padding:12px 18px!important;white-space:nowrap}

/* 05: image-led anatomy with eight real, named callouts. */
.tcp .tc4-anatomy{padding-bottom:52px}
.tc4-anatomy-heading{position:relative;z-index:3;max-width:66%;pointer-events:none}
.tc4-anatomy-heading p:not(.eyebrow){max-width:560px}
.tc4-anatomy-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:28px;align-items:start;margin-top:-20px}
.tc4-anatomy-scene{position:relative;min-width:0;margin-top:-22px!important}
.tc4-anatomy-scene>img{width:100%;display:block;height:auto;mask-image:linear-gradient(transparent,#000 15%)}
.tc4-callout-lines{position:absolute;inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:3/2;pointer-events:none}
.tc4-callouts{position:absolute;inset:0 0 auto;aspect-ratio:3/2}
.tc4-callout{position:absolute;display:flex;align-items:center;gap:8px;border:1px solid #ffe4d3;background:#fff;box-shadow:0 5px 14px #623a1c12;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;color:#162035;cursor:pointer;min-height:45px;white-space:nowrap;transition:box-shadow .2s,transform .2s}
.tc4-callout:hover{box-shadow:0 6px 22px #ff641f30;transform:translateY(-2px)}
.tc4-callout .icon{width:25px;height:25px}
.tc4-callout:after{content:'+';color:var(--accent);font-weight:500;font-size:15px}
.callout-1{left:1%;top:34%}.callout-2{left:0;top:56%}.callout-3{left:10%;top:78%}.callout-4{left:15%;top:93%}.callout-5{left:43%;top:12%}.callout-6{right:0;top:35%}.callout-7{right:-2%;top:60%}.callout-8{right:1%;top:83%}
.tc4-anatomy-scene figcaption{margin-top:40px}
.tc4 .tc4-outcomes{margin-top:-148px;position:relative;padding:25px 24px 12px}
.tcp .tc4-outcomes>h3{font-size:28px;line-height:1.1;margin-bottom:22px}
.tc4-outcomes .tc4-benefit{padding:23px 0;border-bottom:1px solid var(--line);gap:14px}
.tc4-outcomes .tc4-benefit>.icon{width:47px;height:47px;padding:10px;background:#fff3ed;border-radius:50%}
.tc4-outcomes .tc4-benefit strong{font-size:18px}.tc4-outcomes .tc4-benefit span{font-size:14px}
.tcp .tc4-outcomes .tc4-hand{position:absolute;top:100%;left:0;right:0;font-size:36px;margin:30px 0 0;text-align:center}
.tc4-popover{position:fixed;inset:0;margin:auto;max-width:min(470px,calc(100% - 40px));border:1px solid #e5e8ee;border-radius:18px;padding:38px;background:#fff;box-shadow:0 30px 130px #09152938;font-family:'Instrument Sans',sans-serif;color:#152032}
.tc4-popover::backdrop{background:#17212c55;backdrop-filter:blur(4px)}
.tc4-popover>.icon{width:40px;height:40px;margin-bottom:20px;color:#ff5915}
.tc4-popover h3{font-size:27px;margin:0 0 16px}.tc4-popover p{font-size:17px;line-height:1.5;margin:0;color:#59677b}
.tc4-close{position:absolute;right:12px;top:12px;border:0;background:#f3f4f6;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}.tc4-close .icon{width:18px;color:#203040}

/* 08: three detailed boards with visual arrows and one system illustration. */
.tc4-system-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;margin-bottom:24px}
.tc4-system-heading>div:first-child>p:last-child{margin:0}
.tc4-thought{display:flex;align-items:center;gap:25px;background:#fff3ec;border:1px solid #ffebe0;border-radius:12px;padding:28px;color:var(--accent)}
.tc4-thought>.icon{width:55px;height:55px}.tc4-thought strong{font-size:23px;line-height:1.17;font-weight:600;letter-spacing:-.035em}
.tc4-flow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;position:relative;z-index:2}
.tc4-flow-cards .tc4-card{padding:34px 28px 26px}.tc4-flow-cards .tc4-card>.icon{width:44px;height:44px;margin:0 0 16px 40px}
.tcp .tc4-flow-cards h3{font-size:23px;max-width:75%}
.tcp .tc4-flow-cards p{font-size:15px;line-height:1.4;margin:0;max-width:100%}
.tcp .tc4-flow-cards .tc4-flow-question{min-height:105px;max-width:66%;font-size:16px;margin-bottom:15px}
.tc4-mini-visual{position:absolute;right:13px;top:65px;width:30%;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.85}
.tc4-mini-visual>.icon{width:82px;height:95px}.tc4-mini-visual .tc4-radiator{width:115px;height:105px}.tc4-mini-visual>span{font-size:11px;padding:5px 7px;background:#edf0f4;border-radius:5px;text-align:center;color:#536073;line-height:1.2}
.tc4-mini-visual .tc4-pipe-flow{width:95px;height:110px}
.tc4-mini-visual>svg{max-width:100%}
.tc4-flow-arrow{position:absolute;right:-43px;top:32%;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);box-shadow:0 4px 13px #ff631f33}
.tc4-flow-arrow:before{content:'';position:absolute;left:-9px;right:-9px;height:2px;background:var(--accent);z-index:-1}.tc4-flow-arrow .icon{color:white;width:23px;height:23px}
.tc4-system-bottom{display:grid;grid-template-columns:.5fr 1.7fr .7fr;gap:25px;align-items:center;margin-top:-18px;position:relative}
.tc4-system-bottom figure>img{width:100%;height:auto;display:block;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 8%,#000 87%,transparent);mask-composite:intersect}
.tc4-system-bottom>.tc4-hand{font-size:29px;text-align:center}.tc4-system-bottom figure{min-width:0}
.tc4-system-benefits{display:grid;gap:25px;padding-top:30px}.tc4-system-benefits .tc4-benefit strong{font-size:17px}.tc4-system-benefits .tc4-benefit span{font-size:13px}
.tc4-system-benefits .tc4-hand{font-size:28px;text-align:right}

/* 09: retained image with labels, four connected technical boards. */
.tc4-hyd-top{display:grid;grid-template-columns:1fr 1.5fr;gap:34px;align-items:center}
.tc4-hyd-top>div{position:relative;z-index:2}.tc4-hyd-scene{position:relative;min-width:0}
.tc4-hyd-scene>img{width:100%;height:auto;display:block;border-radius:4px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 98%)}
.tc4-hyd-label{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0f1b2412;padding:9px 11px;color:#142033;font-size:12px;font-weight:600;white-space:nowrap}.tc4-hyd-label>.icon{width:23px;height:23px}
.hyd-radiator{left:36%;top:30%}.hyd-floor{left:34%;top:73%}.hyd-pipes{left:60%;top:50%}.hyd-pump{right:1%;top:83%}
.hyd-storage{left:63%;top:64%}
.tc4-hyd-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;position:relative;z-index:3}
.tc4-hyd-cards .tc4-card{padding:24px 22px}.tc4-hyd-cards .tc4-card:after{content:'';position:absolute;right:-19px;top:45%;width:18px;height:2px;background:var(--accent)}.tc4-hyd-cards .tc4-card:last-child:after{display:none}
.tc4-hyd-cards .tc4-card>.icon{display:block;width:47px;height:47px;margin:12px auto 22px}
.tcp .tc4-hyd-cards h3{font-size:20px;margin-bottom:14px}.tcp .tc4-hyd-cards p{font-size:15px;line-height:1.45;margin:0}

/* 06: physical report, exact logo retained as native image. */
.tc4-report-grid{display:grid;grid-template-columns:.78fr 1.25fr;gap:32px;align-items:center}
.tc4-report-copy{position:relative;z-index:2}.tc4-report-copy>p{max-width:470px}
.tc4-report-checks{list-style:none;padding:19px 22px;margin:25px 0;border:1px solid var(--line);border-radius:14px;display:grid;gap:17px;max-width:390px;background:#fff}
.tc4-report-checks li{display:flex;align-items:center;gap:14px;color:#576b8a;font-size:17px}
.tc4-report-copy blockquote{font-family:Caveat,cursive;color:#182338;font-size:29px;font-weight:500;line-height:1.05;padding:23px 20px 23px 35px;max-width:390px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0}
.tc4-report-copy blockquote>span{font-size:52px;color:var(--accent);top:-13px;left:11px;background:white;line-height:1}
.tc4-report-media{min-width:0;position:relative;padding-top:76px}
.tc4-report-figure{position:relative;margin:0 -35px!important}
.tc4-report-figure>img:first-child{width:100%;height:auto;display:block;border-radius:12px}
.tc4-report-figure>.tc4-report-logo{position:absolute;left:21.5%;top:15.9%;width:24%;height:auto;transform:rotate(-10deg) skewX(-1deg);transform-origin:center;mix-blend-mode:multiply}
.tc4-report-badge{position:absolute;top:0;left:20px;z-index:2;display:grid;grid-template-columns:39px 1fr;gap:7px 10px;width:230px;background:#fff3ec;border:1px solid #fff;border-radius:13px;padding:22px;box-shadow:0 8px 25px #21314008}
.tc4-report-badge>.icon{width:35px;height:35px}.tc4-report-badge strong{font-size:25px;line-height:1.05;letter-spacing:-.025em;color:var(--accent)}
.tc4-report-badge>span{grid-column:2;font-size:12px;color:var(--copy);line-height:1.3}
.tcp .tc4-report-media>.tc4-hand{position:absolute;right:0;top:2px;font-size:30px;text-align:center}
.tc4-report-figure figcaption{padding-left:35px}

/* 07: independent large-project scene, not a footnote in the old-building section. */
.tc4-b2b-stage{position:relative;min-height:780px;isolation:isolate}
.tc4-b2b-image{position:absolute;top:-45px;right:-48px;width:100%;height:840px;object-fit:cover;object-position:right;z-index:-2}
.tc4-b2b-stage:before{content:'';position:absolute;inset:-45px -48px 0;background:linear-gradient(90deg,#fff 0%,#fffffff5 26%,#ffffffa8 41%,transparent 60%);z-index:-1;pointer-events:none}
.tc4-b2b-copy{position:relative;width:51%;z-index:2}
.tc4-b2b-copy>p{max-width:600px}.tc4-b2b-copy h2>span{color:var(--accent)}
.tc4-b2b-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 18px;max-width:540px}
.tc4-b2b-features .tc4-card{padding:21px 22px;background:#ffffffec}.tc4-b2b-features .icon{width:39px;height:39px;margin-bottom:13px}
.tcp .tc4-b2b-features h3{font-size:21px}.tcp .tc4-b2b-features p{font-size:15px;line-height:1.35;margin:0}
.tcp .tc4-b2b-footer{display:flex;gap:12px;align-items:center;font-size:14px;margin:20px 0 0}.tc4-b2b-footer>.icon{width:28px;height:28px}
.tc4-b2b-stage>.tc4-hand{position:absolute;top:5px;right:18px;text-align:center;font-size:31px}
.tc4-next ol{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:35px 0 0}.tc4-next li{border-top:1px solid var(--line);padding:25px 0}.tc4-next li>span{color:var(--accent);font-size:31px;display:block;margin-bottom:18px}

@media(min-width:1600px){.tcp .tc4{padding-block:88px}.tc4-intro-photo>img{height:420px}.tc4-mini-levels article{padding-top:54px;padding-bottom:22px}.tc4-comparison li{font-size:15px}.tc4-property-stage{min-height:620px}.tc4-property-image{height:670px}.tc4-b2b-stage{min-height:820px}.tc4-b2b-image{height:880px}}
@media(max-width:1150px){
 .tc4 .tc4-wrap{width:calc(100% - 64px)}.tcp .tc4{padding-block:60px}.tcp .tc4 h2{font-size:38px}.tcp .tc4 p{font-size:16px}
 .tc4-intro-grid{gap:22px}.tc4 .tc4-panel{padding:16px}.tc4-mini-levels{gap:8px}.tc4-mini-levels article{padding:46px 11px 15px}.tcp .tc4-mini-levels h3{font-size:15px}.tcp .tc4-mini-levels p{font-size:13px}
 .tc4-comparison-cols>div{padding:14px 10px}.tc4-comparison li{font-size:13px;gap:7px}.tc4-comparison ul{gap:17px}.tc4-comparison-cols h3{font-size:16px!important}
 .tc4 .compact{gap:10px}.tc4 .compact .tc4-benefit{gap:6px}.tc4 .compact .icon{width:23px;height:23px}
 .tc4-property-copy{max-width:50%}.tc4-property-image{right:-32px;height:630px}.tc4-property-bottom{grid-template-columns:1fr;gap:20px}.tc4-property-bottom>div:last-child{display:flex;align-items:center;gap:25px}.tc4-check-list{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0}
 .tc4-temp-photo>img{width:320px}.tc4-temp-cards .tc4-card{padding:21px 18px}.tc4-output b{font-size:16px}.tc4-temp-explain{padding:12px}
 .tc4-anatomy-layout{grid-template-columns:minmax(0,2.25fr) 270px;gap:22px}.tcp .tc4-outcomes>h3{font-size:25px}.tc4-outcomes .tc4-benefit{gap:10px;padding:18px 0}.tc4-callout{font-size:11px;padding:9px;gap:6px}.tc4-callout .icon{width:21px;height:21px}
 .tc4-system-heading{gap:25px}.tc4-thought{padding:23px;gap:15px}.tc4-thought strong{font-size:21px}.tc4-flow-cards{gap:30px}.tc4-flow-cards .tc4-card{padding:32px 18px 22px}.tc4-flow-arrow{right:-29px;width:28px;height:28px}.tc4-flow-arrow:before{left:-4px;right:-4px}
 .tc4-system-bottom{grid-template-columns:.4fr 1.5fr .8fr;gap:16px}.tc4-system-benefits{gap:18px}.tc4-system-benefits .tc4-benefit{gap:8px}.tc4-system-benefits .icon{width:26px}.tc4-system-benefits .tc4-benefit strong{font-size:15px}
 .tc4-hyd-cards .tc4-card{padding:23px 16px}.tcp .tc4-hyd-cards h3{font-size:18px}.tcp .tc4-hyd-cards p{font-size:14px}.tc4-hyd-label{font-size:10px;padding:7px 8px;gap:5px}.tc4-hyd-label>.icon{width:18px;height:18px}
 .tc4-report-grid{grid-template-columns:.9fr 1.1fr;gap:24px}.tc4-report-figure{margin:0!important}.tc4-report-badge{width:205px;padding:16px;left:5px}.tcp .tc4-report-media>.tc4-hand{font-size:25px;right:0;top:-15px}.tc4-report-figure figcaption{padding:0}
 .tc4-b2b-image{right:-32px;width:108%;height:820px}.tc4-b2b-copy{width:54%}.tc4-b2b-features .tc4-card{padding:18px}.tcp .tc4-b2b-features h3{font-size:19px}.tcp .tc4-b2b-features p{font-size:14px}
}
@media(max-width:800px){
 .tc4-b2b-stage:before{display:none}
 .tc4 .tc4-wrap{width:calc(100% - 40px)}.tcp .tc4{padding-block:48px}.tcp .tc4 h2{font-size:35px;line-height:1.04;overflow-wrap:normal}.tcp .tc4 h2 em{display:block}
 .tcp .tc4 .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:17px}.tcp .tc4 p{font-size:16px;line-height:1.5}.tcp .tc4 .tcp-btn{font-size:14px;min-height:50px;padding:12px 22px}
 .tc4-intro-grid,.tc4-temp-top,.tc4-report-grid,.tc4-system-heading,.tc4-hyd-top,.tc4-anatomy-layout{grid-template-columns:1fr;gap:24px}
 .tc4-intro-photo>img{height:auto;aspect-ratio:3/2;mask-image:linear-gradient(transparent,#000 13%)}.tc4-intro-photo .tc4-hand{font-size:25px;top:80px;left:8px}.tc4-intro-photo figcaption{font-size:8px}
 .tc4 .compact{margin-top:22px;gap:10px}.tc4 .compact .tc4-benefit{display:block}.tc4 .compact .icon{width:27px;height:27px;margin-bottom:7px}.tc4 .compact strong{font-size:12px}.tc4 .compact span{font-size:11px}
 .tc4-intro-right{gap:15px}.tc4-mini-levels{gap:7px}.tc4-mini-levels article{padding:44px 9px 14px}.tcp .tc4-mini-levels h3{font-size:14px;overflow-wrap:anywhere}.tcp .tc4-mini-levels p{font-size:12px;line-height:1.35}.tc4-mini-levels article>.icon{width:30px;height:30px;margin-bottom:11px}.tc4 .tc4-number{width:25px;height:25px;font-size:14px;top:10px;left:10px}
 .tc4-comparison-cols{gap:8px}.tc4-comparison-cols>div{padding:13px 11px}.tc4-comparison-cols h3{font-size:16px!important;display:block}.tc4-comparison-cols h3>.icon{display:block;margin-bottom:10px}.tc4-comparison-cols h3>img{display:block;width:80px;height:28px;margin:0 0 10px;clip-path:none;object-fit:contain}
 .tc4-comparison li{font-size:13px;line-height:1.45;display:block}.tc4-comparison .tc4-check{margin-bottom:7px}.tc4-comparison ul{gap:16px}.tcp .tc4-comparison>.tc4-hand{font-size:28px;margin:16px 12px 5px}
 .tc4 .tc4-join{margin:0 4%;padding-top:28px}.tc4 .tc4-join>span{width:39px;height:39px}.tcp .tc4 .tc4-join>p{font-size:19px;padding:20px 15px 15px}.tcp .tc4-mini-system .tc4-join p{font-size:14px}
 .tc4-temp-top{gap:0;min-height:0}.tc4-temp-photo{height:180px;overflow:hidden;order:2}.tc4-temp-photo>img{position:absolute;inset:0 0 0 auto;width:68%;height:180px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 35%)}.tcp .tc4-temp-photo .tc4-hand{font-size:25px;left:5px;top:12px;z-index:1}
 .tc4-temp-cards{grid-template-columns:1fr;gap:16px;margin-top:4px}.tc4-temp-cards .tc4-card{min-height:0;padding:22px}.tcp .tc4-temp-cards h3{font-size:32px}.tc4-temp-cards .tc4-radiator{right:15px;top:15px;width:42%;height:116px}.tc4-output{margin-top:27px}.tc4-output>strong{font-size:13px;max-width:55%}.tc4-temp-explain{padding:12px 14px;margin-top:16px}.tcp .tc4-temp-explain p{font-size:14px}.tc4-temp-explain strong{font-size:14px}
 .tc4 .tc4-benefits.tc4-bottom-benefits{grid-template-columns:1fr;gap:21px;margin-top:28px}.tc4-bottom-benefits>.tc4-benefit+.tc4-benefit{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.tc4-bottom-benefits .tc4-benefit strong{font-size:18px}.tc4-bottom-benefits .icon{width:34px;height:34px}
 .tc4-property-stage{min-height:0;padding:0;display:flex;flex-direction:column}.tc4-property-copy{max-width:none}.tc4-property-copy>p{max-width:none}.tc4-property-image{position:relative;order:2;inset:auto;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:70% center;mask-image:linear-gradient(transparent,#000 14%);margin-top:-25px}.tc4-property-stage>.tc4-hand{top:auto;bottom:60px;right:12px;font-size:28px;text-shadow:0 1px 8px #fff;background:#ffffffd9;border-radius:8px;padding:12px}.tc4-property-stage>.tc4-image-note{bottom:5px;right:0;font-size:8px}
 .tc4 blockquote{font-size:24px;padding:25px 22px 24px 52px;margin:24px 0}.tc4-property-bottom{display:block;margin-top:12px}.tc4-four-features{grid-template-columns:1fr 1fr;gap:12px}.tc4-four-features .tc4-card{padding:19px 15px}.tcp .tc4-four-features h3{font-size:18px}.tcp .tc4-four-features p{font-size:14px}.tc4-property-bottom>div:last-child{display:block;margin-top:24px}.tc4-check-list{display:grid;margin-top:22px;gap:12px}
 .tc4-anatomy-heading{max-width:none}.tc4-anatomy-layout{margin-top:0;display:flex;flex-direction:column;gap:25px}.tc4-anatomy-scene{margin:0!important;width:100%}.tc4-anatomy-scene>img{mask-image:linear-gradient(transparent,#000 10%);width:100%;height:auto}
 .tc4-callout-lines{display:none}.tc4-callouts{position:relative;inset:auto;aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.tc4-callout{position:static;min-height:47px;font-size:12px;padding:10px;justify-content:flex-start;white-space:normal;box-shadow:none}.tc4-callout .icon{width:22px;height:22px}.tc4-callout:after{margin-left:auto}.tc4-anatomy-scene figcaption{margin-top:10px;font-size:9px}
 .tc4 .tc4-outcomes{margin:0;width:100%;padding:23px}.tcp .tc4-outcomes>h3{font-size:27px;margin-bottom:12px}.tc4-outcomes .tc4-benefit{padding:19px 0}.tc4-outcomes .tc4-benefit strong{font-size:18px}.tc4-outcomes .tc4-benefit span{font-size:14px}.tcp .tc4-outcomes .tc4-hand{position:static;font-size:31px;margin:25px 0 0}
 .tc4-system-heading{gap:20px}.tc4-thought{padding:22px;gap:18px}.tc4-thought strong{font-size:22px}.tc4-thought>.icon{width:40px;height:45px}
 .tc4-flow-cards{grid-template-columns:1fr;gap:30px}.tc4-flow-cards .tc4-card{padding:29px 24px 22px}.tc4-flow-cards .tc4-card>.icon{width:37px;height:37px;margin-bottom:14px}.tcp .tc4-flow-cards h3{font-size:24px}.tcp .tc4-flow-cards .tc4-flow-question{min-height:70px;font-size:16px;max-width:68%;margin-bottom:18px}.tcp .tc4-flow-cards p{font-size:15px}.tc4-mini-visual{right:18px;top:68px;width:26%}.tc4-flow-arrow{right:calc(50% - 14px);top:auto;bottom:-30px;transform:rotate(90deg);width:28px;height:28px}
 .tc4-flow-cards .tc4-mini-visual>svg{height:76px;max-height:76px}.tc4-flow-cards .tc4-mini-visual>span{font-size:10px;line-height:1.1}
 .tc4-system-bottom{grid-template-columns:1fr;margin-top:25px;gap:18px}.tc4-system-bottom>.tc4-hand{position:relative;z-index:3;text-align:left;font-size:25px;max-width:200px;margin-bottom:-25px}.tc4-system-bottom>.tc4-hand>svg{display:none}.tc4-system-bottom figure{margin:0 -10px}.tc4-system-benefits{display:grid;grid-template-columns:1fr;gap:22px;padding-top:8px}.tc4-system-benefits .tc4-benefit strong{font-size:18px}.tc4-system-benefits .tc4-benefit span{font-size:14px}.tc4-system-benefits .icon{width:32px}.tc4-system-benefits .tc4-hand{font-size:28px;justify-self:end}
 .tc4-hyd-top{gap:20px}.tc4-hyd-scene>img{mask-image:none;border-radius:10px}.tc4-hyd-label{font-size:11px;padding:5px 6px;gap:3px}.tc4-hyd-label>.icon{width:15px;height:15px}.hyd-pipes{left:50%;top:49%}.hyd-pump{right:0;top:82%}.hyd-floor{left:19%;top:72%}.hyd-radiator{left:30%;top:26%}.hyd-storage{left:66%;top:63%}.tc4-hyd-scene figcaption{font-size:9px}
 .tc4-hyd-cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.tc4-hyd-cards .tc4-card{padding:19px 15px}.tc4-hyd-cards .tc4-card:after{display:none}.tc4-hyd-cards .tc4-card>.icon{width:35px;height:35px;margin:25px auto 17px}.tcp .tc4-hyd-cards h3{font-size:18px;overflow-wrap:anywhere}.tcp .tc4-hyd-cards p{font-size:14px;line-height:1.4}
 .tc4-report-grid{display:flex;flex-direction:column;gap:20px}.tc4-report-copy{display:contents}.tc4-report-copy>.eyebrow{order:0;align-self:flex-start;margin:0!important}.tc4-report-copy>h2{order:1;align-self:flex-start;margin:0!important}.tc4-report-copy>p{order:2;margin:0!important}.tc4-report-media{order:3;padding-top:25px;width:100%}.tc4-report-checks{order:4;width:100%;max-width:none;gap:15px;margin:0;padding:20px}.tc4-report-copy>blockquote{order:5;width:100%;max-width:none;margin:0}.tc4-report-copy>.tcp-btn{order:6;align-self:flex-start}
 .tc4-report-badge{position:relative;top:auto;left:auto;width:200px;padding:15px;margin-bottom:-15px}.tc4-report-badge strong{font-size:21px}.tc4-report-badge>.icon{width:30px;height:30px}.tc4-report-figure{margin:0!important}.tc4-report-figure>img:first-child{border-radius:8px}.tcp .tc4-report-media>.tc4-hand{font-size:24px;right:0;top:14px;width:120px}.tc4-report-figure figcaption{font-size:9px;margin-top:8px}.tc4-report-checks li{font-size:16px}
 .tc4-b2b-stage{min-height:0;display:flex;flex-direction:column}.tc4-b2b-copy{width:100%}.tc4-b2b-image{position:relative;order:2;inset:auto;width:100%;height:auto;aspect-ratio:.95;object-fit:cover;object-position:right;mask-image:linear-gradient(transparent,#000 13%);margin-top:5px}.tc4-b2b-features{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:12px}.tc4-b2b-features .tc4-card{padding:18px 15px}.tcp .tc4-b2b-features h3{font-size:18px;hyphens:auto;overflow-wrap:anywhere}.tcp .tc4-b2b-features p{font-size:14px}.tc4-b2b-features .icon{width:35px;height:35px}
 .tc4-b2b-stage>.tc4-hand{position:relative;top:auto;bottom:auto;left:auto;right:auto;order:1;margin:22px 0 -18px;align-self:flex-start;font-size:26px;z-index:3;padding:0}.tc4-b2b-stage>.tc4-image-note{bottom:8px;right:0;font-size:8px}
 .tc4-next ol{grid-template-columns:1fr;gap:15px;margin-top:25px}.tc4-next li{padding:20px 0;display:grid;grid-template-columns:44px 1fr;gap:8px 12px}.tc4-next li>span{grid-row:1/3;margin:0;font-size:27px}.tc4-next li h3{margin:0}.tc4-next li p{margin:0;grid-column:2}
}
@media(prefers-reduced-motion:reduce){.tc4-callout{transition:none}.tc4-callout:hover{transform:none}}

/* Shared product-page pattern + visual technical details, 14.09. 17:45/18:03. */
.tcp .tc4{--accent:var(--g-brand-orange);--copy:var(--g-body-ink)}
.tcp .tc4 h2{font-size:var(--g-section-title);font-weight:var(--g-heading-weight);line-height:var(--g-heading-leading);letter-spacing:var(--g-heading-tracking);color:var(--g-heading-ink)}
.tcp .tc4 h3{color:var(--g-heading-ink);font-weight:650;letter-spacing:-.025em}
.tcp .tc4-temp-cards h3{color:var(--g-brand-orange)}
.tc4 .tc4-bar>span{background:var(--g-brand-orange)}
.tc4 .tc4-benefit strong{color:var(--g-heading-ink)}
.tc4 .tc4-hand,.tc4 .tc4-b2b-copy h2>span{color:var(--g-brand-orange)}
.tc4-system-heading{grid-template-columns:1fr;text-align:center;justify-items:center;gap:24px;margin-bottom:35px}
.tc4-system-heading>div:first-child{max-width:740px}.tc4-thought{max-width:650px;padding:18px 26px;text-align:left}.tc4-thought strong{font-size:20px}
.tc4-next .tc4-wrap>.eyebrow,.tc4-next .tc4-wrap>h2{text-align:center}
.tc4-comparison-cols h3:has(.tc5-brandmark){display:flex;align-items:center;gap:12px;font-size:22px!important}
.tc5-brandmark{display:block;position:relative;overflow:hidden;width:48px;height:48px;flex:none}
.tc4-comparison-cols h3 .tc5-brandmark img{position:absolute;width:264px;max-width:none;height:auto;left:-14px;top:-23px;margin:0;clip-path:none;object-fit:initial}
.tc4 .tc5-radiator{object-fit:contain;mix-blend-mode:multiply}
.tc4-temp-cards .tc5-radiator{width:43%;height:113px;top:26px;right:14px}
.tc4-mini-visual .tc5-radiator{width:110px;height:94px}
.tc4-popover.tc5-detail{width:min(970px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;overflow:auto;border:1px solid #e4e6e3;border-radius:20px}
.tc4-popover.tc5-detail:popover-open{display:grid;grid-template-columns:1.1fr 1fr}
.tc5-detail>figure{margin:0;display:flex;flex-direction:column;justify-content:center;min-width:0;background:#f9f9f7;padding:20px}
.tc5-detail>figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:8px}
.tc5-detail figcaption{font:11px/1.45 'Instrument Sans',sans-serif;color:#747b76;margin-top:12px}
.tc5-detail-copy{padding:42px 32px 30px;min-width:0}
.tcp .tc4 .tc5-detail-copy .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 16px}
.tcp .tc4 .tc5-detail-copy h3{font-size:28px;line-height:1.1;margin:0 0 18px}
.tcp .tc4 .tc5-detail-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;margin:0 0 24px;color:var(--g-body-ink)}
.tc5-detail-copy dl{margin:0;display:grid;gap:14px}.tc5-detail-copy dl>div{border-top:1px solid #e1e5df;padding-top:14px}
.tc5-detail-copy dt{font-size:14px;color:var(--g-heading-ink);font-weight:650}.tc5-detail-copy dd{font-size:13px;line-height:1.5;color:var(--g-body-ink);margin:5px 0 0}
.tc5-detail .tc4-close{z-index:3;background:#fff;box-shadow:0 2px 12px #0b162014}
.tc5-section-head{text-align:center;max-width:740px;margin:0 auto 36px}.tc5-section-head>p:last-child{max-width:660px;margin:0 auto!important}
.tc5-valve-explosion{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;align-items:center}
.tc5-valve-explosion>figure{min-width:0}.tc5-valve-explosion>figure img{display:block;width:100%;height:auto}
.tcp .tc4 .tc5-valve-explosion h3{font-size:28px;line-height:1.1;margin-bottom:24px}
.tc5-valve-explosion ol{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:20px}.tc5-valve-explosion li{display:flex;gap:17px}
.tc5-valve-explosion li>span{font-size:13px;color:var(--g-brand-orange);padding-top:2px}.tc5-valve-explosion strong{font-size:16px;font-weight:650}
.tcp .tc4 .tc5-valve-explosion li p{font-size:14px;line-height:1.5;margin:6px 0 0}
.tc5-valve-explosion .tcp-btn{font-family:inherit;cursor:pointer}
.tc5-flow-story{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;margin-top:55px;padding:36px;border-radius:20px;background:#171a1b;color:white}
.tc5-flow-story>figure{min-width:0}.tc5-flow-story img{width:100%;display:block;height:auto;border-radius:12px}
.tc5-flow-story>figure{position:relative}
.tc5-flow-label{position:absolute;background:#111b22dc;color:#d5f2ff;padding:5px 9px;font-size:11px;line-height:1.2;border-radius:5px;pointer-events:none}
.tc5-flow-label.inlet{left:7%;top:41%}.tc5-flow-label.seat{left:65%;top:47%;color:#ffd9af}.tc5-flow-label.outlet{left:65%;bottom:12%}
.tc5-flow-story figcaption{color:#a9b3b7;font-size:10px}
.tcp .tc4 .tc5-flow-story h3{font-size:30px;color:white;line-height:1.1;margin:0 0 20px}
.tcp .tc4 .tc5-flow-story p:not(.eyebrow){color:#c4ccce;font-size:15px;line-height:1.6}
.tc5-flow-sequence{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:24px 0;padding:16px 0;border-block:1px solid #ffffff24;font-size:14px}
.tc5-flow-sequence b{color:var(--g-brand-orange)}.tc5-flow-sequence strong{width:100%;color:#fff;font-size:16px;margin-top:6px}
.tcp .tc4 .tc5-flow-takeaway{margin:0;font-size:13px!important}
@media(max-width:800px){
 .tcp .tc4 h2{font-size:34px}.tc4-thought{padding:20px}.tc4-thought strong{font-size:18px}
 .tc4-comparison-cols h3:has(.tc5-brandmark){flex-direction:column;align-items:flex-start!important;gap:10px;font-size:19px!important}
 .tc5-brandmark{width:43px;height:43px}.tc4-comparison-cols h3 .tc5-brandmark img{width:240px;left:-12px;top:-20px}
 .tc4-popover.tc5-detail{width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:16px}
 .tc4-popover.tc5-detail:popover-open{display:block}
 .tc5-detail>figure{padding:14px 18px 12px}.tc5-detail>figure img{max-height:230px;object-fit:contain}.tc5-detail figcaption{font-size:10px}
 .tc5-detail-copy{padding:23px}.tcp .tc4 .tc5-detail-copy h3{font-size:25px}.tc5-detail-copy dl{gap:12px}
 .tc5-valve-explosion,.tc5-flow-story{grid-template-columns:1fr;gap:24px}.tc5-section-head{margin-bottom:22px}
 .tcp .tc4 .tc5-valve-explosion h3{font-size:25px}.tc5-valve-explosion ol{gap:20px}
 .tc5-flow-story{padding:22px;margin-top:34px;border-radius:15px}.tcp .tc4 .tc5-flow-story h3{font-size:26px}
 .tc4-temp-cards .tc5-radiator{width:43%;height:105px;top:26px}
}