.pain-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;margin:-24px max(5vw,20px) 0;border:1px solid #dce8e6;border-radius:12px;box-shadow:0 22px 55px #193b4418}.pain-strip div{padding:25px 30px;border-right:1px solid #e3ecea}.pain-strip div:last-child{border:0}.pain-strip span,.pain-strip strong{display:block}.pain-strip span{color:#839398;font-size:12px;margin-bottom:7px}.pain-strip strong{font:700 14px "Manrope",sans-serif}.decision{display:grid;grid-template-columns:1fr .85fr;gap:9vw;align-items:center;background:#f5f7f3}.decision-copy>p{color:#60737c;font-size:17px;line-height:1.75;max-width:650px}.decision-points{margin:30px 0}.decision-points>div{display:flex;gap:20px;padding:18px 0;border-top:1px solid #d9e5e2}.decision-points i{font:700 11px "Manrope",sans-serif;color:#0a969e;font-style:normal}.decision-points span>*{display:block}.decision-points strong{font:700 16px "Manrope",sans-serif}.decision-points small{margin-top:5px;color:#71848a;line-height:1.5}.comfort-panel{padding:42px;background:linear-gradient(145deg,#082936,#0b4d5a);border-radius:24px;color:#fff;box-shadow:0 35px 80px #06374435;position:relative;overflow:hidden}.comfort-panel:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#1fe1ce22;right:-70px;top:-70px}.comfort-label{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#75dcd5}.comfort-ring{width:210px;height:210px;margin:28px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#3be2d0 0 78%,#1e4b57 78%);position:relative}.comfort-ring:after{content:"";position:absolute;inset:12px;background:#0a3643;border-radius:50%}.comfort-ring div{position:relative;z-index:2;text-align:center}.comfort-ring strong,.comfort-ring small{display:block}.comfort-ring strong{font:800 54px "Manrope",sans-serif}.comfort-ring small{font-size:11px;color:#9ec1c5}.comfort-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.comfort-stats div{padding:13px 8px;background:#ffffff0c;border:1px solid #ffffff17;border-radius:9px;text-align:center}.comfort-stats span,.comfort-stats b{display:block}.comfort-stats span{font-size:9px;color:#8eb2b7}.comfort-stats b{font-size:11px;margin-top:5px;color:#66e5d7}.comfort-panel>p{text-align:center;font-size:10px;color:#7da1a7;margin:20px 0 0}.proof{background:#eef7f5}.proof>h2{margin:18px 0 45px}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promise-grid article{background:#fff;padding:32px;border:1px solid #d7e7e4;border-radius:13px}.promise-grid span{color:#0a949d;font:700 11px "Manrope",sans-serif}.promise-grid h3{font:700 19px "Manrope",sans-serif;margin:25px 0 10px}.promise-grid p{color:#667a81;line-height:1.65;font-size:14px}.proof-note{display:flex;gap:20px;align-items:center;margin-top:20px;padding:20px 25px;border-radius:10px;background:#dff1ee;color:#426269}.proof-note strong{color:#083b47;white-space:nowrap}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;background:#fff}.faq-intro h2{font-size:42px;margin-top:18px}.faq-intro p{color:#6f8187}.faq-list details{border-top:1px solid #dae5e3;padding:0}.faq-list details:last-child{border-bottom:1px solid #dae5e3}.faq-list summary{list-style:none;cursor:pointer;padding:24px 0;font:700 16px "Manrope",sans-serif;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#0b99a1;font-size:22px;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-5px 40px 24px 0;color:#687c83;line-height:1.7}.mobile-cta{display:none}.service.featured:after{content:"BELIEBTER EINSTIEG";position:absolute;top:-11px;left:28px;background:#49dfd0;color:#06313a;padding:6px 11px;border-radius:4px;font:800 9px "Manrope",sans-serif;letter-spacing:.1em}@media(max-width:950px){.pain-strip{grid-template-columns:1fr;margin-top:0}.pain-strip div{border-right:0;border-bottom:1px solid #e3ecea}.decision,.faq{grid-template-columns:1fr}.promise-grid{grid-template-columns:1fr}.proof-note{align-items:flex-start;flex-direction:column;gap:6px}.comfort-panel{max-width:570px;width:100%;margin:auto}}@media(max-width:600px){body{padding-bottom:72px}.pain-strip{margin:0;border-radius:0}.pain-strip div{padding:18px 20px}.comfort-panel{padding:28px 20px}.comfort-ring{width:175px;height:175px}.comfort-ring strong{font-size:44px}.comfort-stats{grid-template-columns:1fr}.faq-intro h2{font-size:34px}.mobile-cta{position:fixed;display:flex;align-items:center;justify-content:space-between;left:12px;right:12px;bottom:10px;z-index:40;background:linear-gradient(135deg,#0796aa,#21d4cf);color:#04222b;border-radius:10px;padding:15px 18px;font-weight:800;box-shadow:0 12px 35px #002f3a66}footer{padding-bottom:90px}}
.form-head>span{display:inline-block;color:#078e9a;background:#e4f7f3;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.form-head h3{margin:17px 0 7px}.form-head p{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.form-grid label>span{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:#536d74}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #ccdcda;border-radius:8px;background:#f8fbfa;color:#092632;font:inherit;font-size:14px;padding:13px;outline:none;transition:.2s}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#12aab0;box-shadow:0 0 0 4px #11aab012;background:#fff}.privacy{display:flex;gap:10px;align-items:flex-start}.privacy input{width:18px;height:18px;flex:0 0 auto;accent-color:#0ba1a7}.privacy>span{font-weight:400!important;line-height:1.5}.privacy a{color:#078c9c;text-decoration:underline}.website-field{position:absolute!important;left:-9999px!important}.submit-button{width:100%;border:0;cursor:pointer;font:inherit}.submit-button:disabled{opacity:.65;cursor:wait}.form-status{display:none;border-radius:8px;padding:12px 14px;margin-top:12px;font-size:13px;line-height:1.4}.form-status.success{display:block;background:#e1f7eb;color:#12613b}.form-status.error{display:block;background:#fff0f1;color:#9d2432}.animate-in{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.animate-in.visible{opacity:1;transform:none}.service.animate-in:nth-child(2),.steps article.animate-in:nth-child(2),.promise-grid article.animate-in:nth-child(2){transition-delay:.09s}.service.animate-in:nth-child(3),.steps article.animate-in:nth-child(3),.promise-grid article.animate-in:nth-child(3){transition-delay:.18s}.steps article.animate-in:nth-child(4){transition-delay:.27s}.pain-strip>div{transition:background .25s,transform .25s}.pain-strip>div:hover{background:#f2fbf8;transform:translateY(-4px)}.service-icon{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.service:hover .service-icon{transform:rotate(-7deg) scale(1.12)}.comfort-ring{animation:breathe 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.025);filter:drop-shadow(0 0 18px #39e0cf44)}}.hero-copy{transform:translateY(calc(var(--scroll,0) * -18px))}.hero-visual{transition:transform .25s ease-out}.button{position:relative;overflow:hidden}.button:after{content:"";position:absolute;inset:-100% auto -100% -40%;width:25%;background:#ffffff55;transform:rotate(20deg);transition:left .55s}.button:hover:after{left:120%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.animate-in{opacity:1;transform:none}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.contact-card{padding:25px 18px}}
.systems-lab{--system-progress:0;--flow-speed:1;position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center;padding:110px max(5vw,24px);background:radial-gradient(circle at 72% 45%,#12475a,#071d29 52%,#04141d);color:#fff;overflow:hidden}.systems-lab:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#54cad809 1px,transparent 1px),linear-gradient(90deg,#54cad809 1px,transparent 1px);background-size:45px 45px;transform:translateY(calc(var(--system-progress) * -25px))}.systems-copy,.systems-stage{position:relative;z-index:2}.systems-copy h2{font:800 clamp(35px,4.5vw,62px)/1.08 "Manrope",sans-serif;letter-spacing:-.04em;margin:20px 0}.systems-copy h2 span{color:#41dccc}.systems-copy>p{color:#9db8be;font-size:16px;line-height:1.7}.live-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.live-legend span{font-size:10px;color:#a9c0c4;display:flex;align-items:center;gap:7px}.live-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.electric-dot{background:#65f7e2;box-shadow:0 0 12px #65f7e2}.hot-dot{background:#ff7655;box-shadow:0 0 12px #ff7655}.cold-dot{background:#39bce7;box-shadow:0 0 12px #39bce7}.systems-stage{border:1px solid #ffffff18;background:#061a24cc;border-radius:22px;padding:18px;box-shadow:0 35px 90px #0008}.systems-status{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 12px;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#82a5ad}.systems-status span{display:flex;align-items:center;gap:7px}.systems-status i{width:7px;height:7px;border-radius:50%;background:#45e1bd;box-shadow:0 0 0 0 #45e1bd88;animation:statusPulse 1.6s infinite}.systems-status b{font-size:15px;color:#4de1d2}.systems-svg{width:100%;height:auto;display:block}.building-shell{stroke:#31606d;stroke-width:3}.floor-line{stroke:#34545e;stroke-width:2;fill:none}.room rect{fill:#0c2c38;stroke:#2c5662}.room text{fill:#6f99a2;font:700 11px sans-serif;letter-spacing:.12em}.room .room-value{fill:#d8f5f1;font-size:19px;letter-spacing:0}.panel{fill:#123e4b;stroke:#48aaad;stroke-width:2}.electric-system text{fill:#78d6d0;font:800 20px sans-serif}.bolt{fill:#58efdc;filter:url(#glow)}.wire{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.wire.base{stroke:#22515e}.wire.energy{stroke:#54efdc;stroke-dasharray:8 28;filter:url(#glow);animation:wireFlow calc(1.35s * var(--flow-speed)) linear infinite;opacity:calc(.25 + var(--system-progress) * .75)}.wire.delay-1{animation-delay:-.4s}.wire.delay-2{animation-delay:-.8s}.wire.delay-3{animation-delay:-1.2s}.electron{fill:#b8fff4;filter:url(#glow);opacity:calc(.2 + var(--system-progress) * .8)}.pipe{fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.pipe.hot{stroke:url(#hotPipe)}.pipe.cold{stroke:url(#coldPipe)}.fluid{filter:url(#glow);opacity:calc(.25 + var(--system-progress) * .75)}.hot-fluid{fill:#ffd07a}.cold-fluid{fill:#80eaff}.pump{fill:#102f3a;stroke:#fe7d57;stroke-width:5}.pump-core{fill:#ff7956;opacity:.25}.pump-arrow{fill:none;stroke:#ff9a68;stroke-width:5;stroke-linecap:round;animation:pumpSpin calc(2.8s * var(--flow-speed)) linear infinite;transform-origin:805px 342px}.heating-system>text{fill:#e4a075;font:700 10px sans-serif;letter-spacing:.12em}.radiator path{stroke:#df7658;stroke-width:5;fill:none;stroke-linecap:round}.sensor-nodes circle:first-child{fill:#174752;stroke:#58e4d5;stroke-width:2;animation:sensorPulse 2s infinite}.sensor-nodes circle:last-child{fill:#8effee}.systems-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.systems-readouts div{padding:12px;background:#ffffff08;border:1px solid #ffffff10;border-radius:9px}.systems-readouts span,.systems-readouts strong{display:block}.systems-readouts span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#6f939b}.systems-readouts strong{font:700 13px "Manrope",sans-serif;color:#d9f2f0;margin-top:5px}@keyframes wireFlow{to{stroke-dashoffset:-36}}@keyframes pumpSpin{to{transform:rotate(360deg)}}@keyframes sensorPulse{50%{stroke-width:6;stroke-opacity:.25}}@keyframes statusPulse{70%{box-shadow:0 0 0 9px transparent}}.systems-lab:not(.system-live) .wire.energy,.systems-lab:not(.system-live) .pump-arrow{animation-play-state:paused}@media(max-width:950px){.systems-lab{grid-template-columns:1fr;padding:85px 20px}.systems-copy{max-width:650px}.systems-stage{width:100%;max-width:850px;margin:auto}}@media(max-width:600px){.systems-stage{padding:10px;border-radius:14px}.systems-readouts strong{font-size:11px}.systems-readouts div{padding:9px 5px}.systems-svg{margin:4px 0}.live-legend{gap:9px}.systems-copy h2{font-size:38px}}
