.surplus{padding:var(--section-y) 0}.surplus__points{list-style:none;margin:clamp(2.5rem,6vw,4rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.surplus__points li{background:var(--c-bg-soft);border-radius:var(--radius-m);padding:1.5rem 1.4rem;display:flex;flex-direction:column;gap:.4rem}.surplus__points strong{font-size:1.2rem;font-weight:600;letter-spacing:-.015em}.surplus__points span:last-child{color:var(--c-text-muted)}.surplus__num{width:2rem;height:2rem;border-radius:50%;background:var(--c-accent);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.95rem;margin-bottom:.4rem}.surplus__card{margin-top:1rem;background:var(--c-bg-soft);border-radius:var(--radius-l);padding:clamp(1.25rem,3vw,2.25rem)}.surplus__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.surplus__caption{color:var(--c-text-muted);font-size:var(--fs-small)}.seg{display:inline-flex;background:var(--c-fill);border-radius:999px;padding:3px}.seg button{padding:.5rem 1.1rem;border-radius:999px;font-size:.95rem;font-weight:500;color:var(--c-text-muted);transition:background .25s var(--ease),color .25s var(--ease)}.seg button[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);box-shadow:0 1px 3px #0000001f}.surplus__chart{width:100%;height:auto;margin-top:1.25rem;overflow:visible}.surplus__grid line{stroke:var(--c-line);stroke-width:1}.surplus__grid text{fill:var(--c-text-muted);font-size:12px;font-family:var(--font)}.surplus__line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.surplus__line--pv{stroke:#f5a300}.surplus__line--load{stroke:var(--c-ink);stroke-width:2.5}.surplus__fill{transition:opacity .4s var(--ease)}.surplus__fill--grid{fill:var(--c-ink-soft);opacity:.28}.surplus__fill--water{fill:var(--c-accent-light);opacity:.55}.surplus__cursor{stroke:var(--c-ink);stroke-width:1;stroke-dasharray:3 4;opacity:.5}.surplus__dot{stroke:var(--c-surface);stroke-width:3}.surplus__dot--pv{fill:#f5a300}.surplus__dot--load{fill:var(--c-ink)}.surplus__slider,.ctrl__slider{display:block;margin-top:1rem}.surplus__slider span,.ctrl__slider span{display:flex;justify-content:space-between;font-size:var(--fs-small);color:var(--c-text-muted);margin-bottom:.4rem}.surplus__slider strong,.ctrl__slider strong{color:var(--c-text);font-weight:600;font-variant-numeric:tabular-nums}.surplus input[type=range],.ctrl input[type=range]{width:100%;accent-color:var(--c-accent);height:28px}.surplus__legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.75rem;font-size:var(--fs-small);color:var(--c-text-muted)}.surplus__legend span{display:inline-flex;align-items:center;gap:.45rem}.surplus__legend span[hidden]{display:none}.k{width:14px;height:14px;border-radius:4px;display:inline-block}.k--pv{background:#f5a300}.k--load{background:var(--c-ink)}.k--grid{background:var(--c-ink-soft);opacity:.45}.k--water{background:var(--c-accent-light)}.surplus__readout{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.25rem}.surplus__readout>div{background:var(--c-surface);border-radius:var(--radius-m);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.15rem}.surplus__readout>div[hidden]{display:none}.surplus__readout span{font-size:var(--fs-small);color:var(--c-text-muted)}.surplus__readout strong{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.is-with [data-water-box] strong{color:var(--c-accent)}.surplus__sum{margin-top:1.25rem;font-size:1.1rem;line-height:1.45}.surplus__sum strong{font-weight:600}.is-with .surplus__sum strong{color:var(--c-accent)}.surplus .footnote{max-width:60ch;margin-left:auto;margin-right:auto}.ctrl{padding:var(--section-y) 0}.ctrl--soft{background:var(--c-bg-soft)}.ctrl__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:center}.ctrl__text{margin-top:1.25rem;color:var(--c-text-muted);font-size:1.05rem}.ctrl__card{background:var(--c-surface);border-radius:var(--radius-l);padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1px 2px var(--c-hairline)}.ctrl--soft .ctrl__card{box-shadow:none}.ctrl__slider:first-child{margin-top:0}.ctrl__slider--small span{font-size:.8125rem}.ctrl__rods{display:grid;gap:1rem;margin-top:1.5rem}.rod{--heat: 0}.rod__head{display:flex;justify-content:space-between;font-size:var(--fs-small);color:var(--c-text-muted)}.rod__head strong{color:var(--c-text);font-weight:600;font-variant-numeric:tabular-nums}.rod__tube{position:relative;height:16px;margin-top:.4rem;border-radius:999px;background:var(--c-fill);overflow:hidden}.rod__heat{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(var(--heat));border-radius:inherit;background:linear-gradient(90deg,#f5a300,#e8590c);transition:transform .35s var(--ease)}.rod.is-on .rod__tube{box-shadow:0 0 0 3px #e8590c1f}.rod__note{margin-top:.3rem;font-size:.8125rem;color:var(--c-text-muted)}.ctrl__flow{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.ctrl__flowbox{border-radius:var(--radius-m);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.15rem;background:var(--c-bg-soft)}.ctrl--soft .ctrl__flowbox{background:var(--c-bg-soft)}.ctrl__flowbox span{font-size:var(--fs-small);color:var(--c-text-muted)}.ctrl__flowbox strong{font-size:1.35rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ctrl__flowbox--water strong{color:var(--c-accent)}.ctrl__hint{margin-top:1rem;font-size:var(--fs-small);color:var(--c-text-muted);min-height:2.6em}.is-capped .ctrl__flowbox--grid strong{color:var(--c-text)}.partner{padding:var(--section-y) 0}.partner__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.partner__media{background:var(--c-bg-soft);border-radius:var(--radius-l);padding:clamp(1.5rem,5vw,3.5rem);display:grid;place-items:center}.partner__media img{max-height:420px;width:auto}.partner__badge{display:inline-block;font-size:var(--fs-small);font-weight:600;color:var(--c-accent);background:#3d752f1a;border-radius:999px;padding:.35rem .85rem;margin-bottom:1rem}.partner__text{margin-top:1.25rem;color:var(--c-text-muted);font-size:1.05rem}.partner__text p+p{margin-top:.75rem}.partner__note{margin-top:1.25rem;font-size:var(--fs-small);color:var(--c-text-muted)}.chain{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:0;counter-reset:chain}.chain li{position:relative;padding:0 0 1.1rem 2.5rem;display:flex;flex-direction:column;gap:.1rem}.chain li:before{counter-increment:chain;content:counter(chain);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;border-radius:50%;border:1.5px solid var(--c-accent);color:var(--c-accent);background:var(--c-bg);display:grid;place-items:center;font-size:.85rem;font-weight:600;z-index:1}.chain li:not(:last-child):after{content:"";position:absolute;left:calc(.875rem - 1px);top:1.75rem;bottom:0;width:2px;background:linear-gradient(var(--c-accent) 0 0) no-repeat 0 0 / 100% 0,var(--c-line)}.chain strong{font-weight:600}.chain span{color:var(--c-text-muted);font-size:.975rem}.chain.is-visible li:after{animation:chain-flow 2.4s var(--ease) infinite}.chain.is-visible li:nth-child(2):after{animation-delay:.5s}.chain.is-visible li:nth-child(3):after{animation-delay:1s}.chain.is-visible li:nth-child(4):after{animation-delay:1.5s}@keyframes chain-flow{0%{background-size:100% 0,auto;background-position:0 0,0 0}50%{background-size:100% 100%,auto;background-position:0 0,0 0}to{background-size:100% 0,auto;background-position:0 100%,0 0}}@media(max-width:860px){.surplus__points{grid-template-columns:1fr}.surplus__readout{grid-template-columns:1fr 1fr}.surplus__grid text{font-size:22px}.ctrl__grid,.partner__grid{grid-template-columns:1fr}.partner__media img{max-height:280px}}@media(prefers-reduced-motion:reduce){.chain.is-visible li:after{animation:none;background-size:100% 100%,auto}.rod__heat,.surplus__fill{transition:none}}.surplus__full line{stroke:var(--c-accent);stroke-width:1.5;stroke-dasharray:4 4}.surplus__full rect{fill:var(--c-accent)}.surplus__full text{fill:#fff;font:600 12px/1 var(--font)}.wp-label{font:500 11px/1 var(--font);fill:var(--c-text-muted)}.wp-reader{fill:#73a82e;animation:wp-blink 1.2s ease-in-out infinite}.wp-wifi path{fill:none;stroke:var(--c-accent);stroke-width:2.4;stroke-linecap:round}.wp-wifi circle{fill:var(--c-accent)}.wp-wifi{animation:wp-signal 9s linear infinite}.heat-cable{fill:none;stroke:var(--c-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 7;animation:flow 1.2s linear infinite,heat-dim 9s linear infinite}.feed-temp{fill:var(--c-surface);stroke:var(--c-ink-soft);stroke-width:1.4}.feed-temp-fill{fill:#049cd9;transform-box:fill-box;transform-origin:left center;animation:feed-temp 9s var(--ease) infinite}.feed-max{font:600 11px/1 var(--font);fill:#ff9f43;opacity:0;animation:feed-on 9s linear infinite}.feed-cable{fill:none;stroke:#ff9f43;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 7;animation:flow 1.2s linear infinite,feed-dim 9s linear infinite}@keyframes flow{to{stroke-dashoffset:-14}}@keyframes feed-temp{0%{transform:scaleX(.12);fill:#049cd9}60%{transform:scaleX(1);fill:#ff9f43}to{transform:scaleX(1);fill:#ff9f43}}@keyframes feed-on{0%,60%{opacity:0}64%,96%{opacity:1}to{opacity:0}}@keyframes feed-dim{0%,60%{opacity:.18}64%,96%{opacity:1}to{opacity:.18}}@keyframes heat-dim{0%,60%{opacity:1}64%,96%{opacity:.18}to{opacity:1}}@keyframes wp-signal{0%,60%{opacity:1}64%,96%{opacity:.2}to{opacity:1}}@keyframes wp-blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.heat-cable,.feed-cable,.wp-wifi,.wp-reader,.feed-max{animation:none;opacity:1}.feed-temp-fill{animation:none;transform:none;fill:#ff9f43}}.display__media--cutout{background:linear-gradient(100deg,#5b5b60,#9a9aa0 55%,#7c7c82);padding:clamp(1.5rem,5vw,3.5rem);display:grid;place-items:center}.display__media--cutout img{width:auto;max-width:100%;max-height:560px}.wlhero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,7vw,5rem);background:linear-gradient(180deg,var(--c-bg) 0%,var(--c-bg) 60%,var(--c-bg-soft) 100%);overflow:hidden}.wlhero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4rem);align-items:center}.wlhero__title{font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:700;letter-spacing:-.04em;line-height:1.02;margin-top:.35rem}.wlhero .hero__tagline{margin-top:.6rem;font-size:clamp(1.2rem,2vw,1.6rem)}.wlhero__lead{margin-top:1rem;font-size:1.1rem;color:var(--c-text-muted);max-width:40ch}.wlhero__claims{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.95rem;font-weight:500}.wlhero__claims li:before{content:"\2713";color:var(--c-accent);font-weight:700;margin-right:.4rem}.wlhero__form{margin-top:1.5rem}.wlhero__form .cform__card{box-shadow:0 20px 40px -24px #00000040}.wlhero__more{display:inline-block;margin-top:1.25rem}.wlhero__media{position:relative;display:grid;place-items:center}.wlhero__media:after{content:"";position:absolute;left:15%;right:15%;bottom:2%;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.18),transparent)}.wlhero__media img{position:relative;z-index:1;width:100%;max-width:640px;height:auto}@media(max-width:860px){.wlhero__grid{grid-template-columns:1fr}.wlhero__media{order:-1}.wlhero__media img{max-width:420px}}.partner__media--photo{padding:0;overflow:hidden;background:#e9e9eb}.partner__media--photo img{width:100%;height:100%;max-height:none;object-fit:cover;aspect-ratio:1 / 1}.tline{padding:clamp(3.5rem,8vw,6rem) 0;background:var(--c-bg-soft)}.tline__list{list-style:none;padding:0;margin:clamp(2rem,5vw,3rem) 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tline__item:not(:last-child):after{content:"";position:absolute;top:50%;right:calc(-1.5rem - 1px);width:calc(1.5rem + 2px);height:2px;margin-top:-1px;background:var(--c-line)}.tline__item.is-now:after{background:var(--c-accent)}.tline__item{position:relative;z-index:1;background:var(--c-surface, #fff);border-radius:var(--radius-m);padding:1.4rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--c-hairline, rgba(0,0,0,.08))}.tline__item.is-now{border-color:var(--c-accent);box-shadow:0 0 0 3px #3d752f1f}.tline__date{font-size:var(--fs-small);font-weight:600;color:var(--c-accent)}.tline__item strong{font-size:1.2rem;font-weight:600;letter-spacing:-.015em}.tline__text{color:var(--c-text-muted);font-size:.98rem}.tline__note{margin-top:1.5rem;text-align:center;color:var(--c-text-muted)}.tline__note strong{color:var(--c-text);font-weight:600}@media(max-width:860px){.tline__list{grid-template-columns:1fr;gap:1rem}.tline__item:not(:last-child):after{top:auto;bottom:calc(-1rem - 1px);right:auto;left:2rem;width:2px;height:calc(1rem + 2px);margin:0}}.prog{padding:clamp(3.5rem,8vw,6rem) 0}.prog__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:start}.prog__intro{position:sticky;top:90px}.prog__meter{margin-top:2rem;background:var(--c-bg-soft);border-radius:var(--radius-m);padding:1.1rem 1.25rem}.prog__meter-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}.prog__meter-head strong{font-weight:600}.prog__meter-head span{font-size:var(--fs-small);color:var(--c-text-muted)}.prog__bar{margin-top:.7rem;height:8px;border-radius:99px;background:var(--c-fill, #e8e8ed);overflow:hidden}.prog__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-light));transition:width 1.4s var(--ease) .3s}.prog__meter.is-visible .prog__bar i{width:var(--p)}.prog__list{list-style:none;margin:0;padding:0}.prog__step{position:relative;display:grid;grid-template-columns:28px 1fr;gap:1rem;padding-bottom:1.4rem}.prog__step:not(:last-child):before{content:"";position:absolute;left:13px;top:28px;bottom:0;width:2px;background:var(--c-line)}.prog__step--done:not(:last-child):before{background:var(--c-accent)}.prog__dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--c-line);background:var(--c-bg);display:grid;place-items:center;position:relative;z-index:1}.prog__step--done .prog__dot{background:var(--c-accent);border-color:var(--c-accent)}.prog__step--done .prog__dot:after{content:"";width:10px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}.prog__step--current .prog__dot{border-color:var(--c-accent)}.prog__step--current .prog__dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-accent);animation:prog-pulse 1.6s ease-in-out infinite}@keyframes prog-pulse{0%,to{box-shadow:0 0 #3d752f73}50%{box-shadow:0 0 0 7px #3d752f00}}.prog__tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--c-text-muted);margin-bottom:.15rem}.prog__step--done .prog__tag{color:var(--c-accent)}.prog__step--current .prog__tag{color:#fff;background:var(--c-accent);padding:.1rem .55rem;border-radius:99px}.prog__step strong{display:block;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.prog__text{display:block;color:var(--c-text-muted);font-size:.96rem;margin-top:.1rem}.prog__step--open strong{color:var(--c-text-muted)}@media(max-width:860px){.prog__grid{grid-template-columns:1fr}.prog__intro{position:static}}@media(prefers-reduced-motion:reduce){.prog__step--current .prog__dot:after{animation:none}.prog__bar i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fothermo-wifipro.css.map */
