.heat-diagram{background:#f7faf9;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;padding:45px 20px;display:flex}.heat-component{text-align:center;background:#fff;border:2px solid #dce7e5;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:180px;padding:22px 12px;display:flex;position:relative}.heat-component h3{color:#102b34;margin:12px 0 6px;font-size:16px}.component-icon{color:#168e78;font-size:36px}.refrigeration{border-color:#e5a3a3}.heat-red{color:#d62828;margin:5px 0;font-weight:700}.exchanger{border-color:#21b79a}.heat-pump{background:#f2f6f6;border:2px dashed #8da5aa}.optional-label{color:#fff;letter-spacing:1px;background:#102b34;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:700;position:absolute;top:-13px}.storage{border-color:#21b79a}.heat-green{color:#168e78;margin:5px 0;font-weight:700}.heat-arrow{color:#168e78;flex:0 0 42px;justify-content:center;align-items:center;font-size:32px;display:flex;position:relative}.optional-arrow{color:#8da5aa}.optional-arrow:before{content:"";border-top:3px dashed #8da5aa;width:100%;position:absolute}.optional-arrow span{background:#f7faf9;padding:0 3px;position:relative}@media (width<=950px){.heat-diagram{flex-direction:column;gap:18px}.heat-component{width:100%;min-height:130px}.heat-arrow{flex:0 0 30px;transform:rotate(90deg)}}:root{--navy:#102b34;--teal:#159c83;--orange:#e6a04b;--muted:#617b80}.navbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:20px 6%;display:flex}.brand{align-items:center;gap:9px;font-size:20px;font-weight:750;display:flex}.brand strong{color:#5ad8b7}.brand-icon{color:#102b34;background:#26bd9d;border-radius:9px;padding:8px 13px}.nav-links{align-items:center;gap:23px;font-size:14px;display:flex}.nav-links a:hover{color:#5ad8b7}.menu-toggle{display:none}.hero{color:#fff;background:linear-gradient(125deg,#102b34,#21525a);grid-template-columns:1.3fr .7fr;align-items:center;gap:55px;padding:100px 7%;display:grid}.eyebrow{letter-spacing:2px;color:#159c83;font-size:12px;font-weight:800}.hero .eyebrow{color:#65dabb}.hero h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(43px,5vw,74px);line-height:1.1}.hero h1 em{color:#65dabb;font-style:normal}.hero p{color:#c8d8d9;max-width:600px;font-size:17px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:8px;padding:15px 22px;font-size:14px;font-weight:700}.primary{color:#102b34;background:#45cfac}.secondary{color:#fff;border:1px solid #82a5a8}.hero-visual{text-align:center;border:1px solid #5e8589;border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:28px;display:flex}.hero-visual div{color:#173e48;background:#e7f0f0;border-radius:10px;width:100%;padding:20px;font-weight:800}.hero-visual span{color:#e9b573}.hero-visual .hero-core{background:#4ad0ae;font-size:22px}.hero-core small{margin-top:6px;font-size:11px;display:block}.section{padding:85px 7%}.section-head{max-width:820px;margin-bottom:38px}.section h2{letter-spacing:-1px;margin:14px 0;font-size:clamp(30px,3.6vw,46px);line-height:1.15}.section-head p,.contact p{color:var(--muted);line-height:1.8}.three-grid,.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.three-grid article,.tech-grid article{background:#fff;border:1px solid #e1e9e8;border-radius:12px;padding:28px}.three-grid b,.tech-number{color:var(--teal);font-size:26px}.three-grid p,.tech-grid p,.steps p,.tech-bottom p{color:var(--muted);line-height:1.7}.technology{background:#edf4f2}.diagram-card{background:#fff;border:1px solid #d7e6e2;border-radius:14px;margin-bottom:22px;padding:26px}.diagram-card h3{margin:0 0 10px}.flow-diagram{width:100%;height:auto;display:block}.diagram-title{fill:#16343b;font-size:16px;font-weight:750}.diagram-small{fill:#4c6870;font-size:13px}.diagram-note{color:#667e82;font-size:12px;line-height:1.6}.tech-bottom{grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;display:grid}.process{background:#fff}.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;display:grid}.steps b{color:var(--teal);font-size:25px}.contact{text-align:center;background:#e6f2ee}.contact p{max-width:630px;margin:15px auto}.contact-note{font-size:13px;font-style:italic}footer{color:#fff;background:#0a2027;padding:35px 7%}footer p,footer small{color:#a9c1c5}.simulator{background:#f6f9f8}.mode-switch{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.mode-switch button{color:#173b43;background:#fff;border:1px solid #bdd2ce;border-radius:8px;padding:12px 18px}.mode-switch button.selected{color:#fff;background:#147e6c;border-color:#147e6c}.mode-switch .reset-btn{margin-left:auto}.sim-layout{grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);align-items:start;gap:25px;display:grid}.sim-inputs,.sim-results{background:#fff;border:1px solid #dfe9e6;border-radius:14px;min-width:0;padding:26px}.sim-inputs h3{border-bottom:1px solid #e2eae8;margin:28px 0 20px;padding-bottom:12px}.sim-inputs h3:first-child{margin-top:0}.slider-field{margin:0 0 24px}.slider-head{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px;display:flex}.slider-head strong{color:#137e6b;white-space:nowrap}.slider-field input{accent-color:#159c83;width:100%}.slider-field small{color:#72898c;margin-top:7px;font-size:12px;line-height:1.55;display:block}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.stat{background:#f0f6f4;border-radius:9px;flex-direction:column;gap:9px;min-width:0;padding:19px;display:flex}.stat span{color:#577176;font-size:13px}.stat strong{overflow-wrap:anywhere;font-size:clamp(20px,2vw,27px)}.stat small{color:#6c8589;font-size:12px;line-height:1.5}.stat.accent{background:#dcf4e9;border:1px solid #159c83}.stat.accent strong{color:#116f5c}.sim-warning{color:#704c20;background:#fff2e5;border-left:4px solid #d18b3c;padding:14px;line-height:1.6}.chart-wrap{border-top:1px solid #e1e9e8;margin-top:30px;padding-top:15px}.assumptions{color:#6b8286;border-top:1px solid #e1e9e8;margin-top:20px;padding-top:10px;font-size:12px;line-height:1.7}.assumptions h3{color:#173b43;font-size:15px}@media (width<=1050px){.sim-layout{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-links{gap:12px;font-size:12px}}@media (width<=760px){.navbar{position:relative}.menu-toggle{color:#fff;background:0 0;border:0;font-size:25px;display:block}.nav-links{z-index:10;background:var(--navy);flex-direction:column;align-items:flex-start;padding:25px 7%;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 7%}.three-grid,.tech-grid,.tech-bottom{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-card{overflow-x:auto}.flow-diagram{min-width:680px}.section{padding:65px 5%}}@media (width<=480px){.steps,.stat-grid{grid-template-columns:1fr}.sim-inputs,.sim-results{padding:17px}.mode-switch .reset-btn{margin-left:0}}:root{color:#102b34;font-synthesis:none;background:#f6f9f8;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f0a34c}