@charset "UTF-8";.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/_next/static/media/slick.25572f22.eot);src:url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:black}.top-page{display:flex}.top-page .left{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 max(3vw,20px);position:relative}.top-page .right{flex:4 1}.top-page .left .content{z-index:2}.top-page .left h1{text-align:left;margin:25px auto 20px;color:black;white-space:pre}.top-page .left .content p{color:#646464;font-weight:400;font-size:clamp(12px,1.5vw,16px);line-height:clamp(18px,2vw,28px)}.top-page .left .content p b{color:var(--dark-orange);font-weight:700}.top-page .left .action-buttons{display:flex;margin-top:20px;align-items:center;gap:1.8vw}.top-page .left .action{align-self:flex-start}.top-page .left .button-video{display:flex;align-items:center;gap:10px;color:black}.top-page .left .button-video .play-label{color:black}.top-page .left .button-video .play-button{width:30px;height:30px;background-color:white;border-radius:50%;border-bottom:3px solid transparent;border-right:3px solid transparent;border-left:3px solid transparent;border-left-color:var(--main-color1);border-top:3px solid transparent;border-top-color:var(--main-color1);box-shadow:0 5px 16px 0 #dfdfdf;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center}.top-page .left .button-video:hover{cursor:pointer}.top-page .left .button-video:hover .play-label{color:var(--dark-orange)}.top-page .left .button-video:hover .play-button{animation:play-rotation .8s ease-in-out infinite}@keyframes play-rotation{0%{border-left-color:var(--dark-orange);border-top-color:var(--dark-orange);border-right-color:transparent;border-bottom-color:transparent}25%{border-left-color:transparent;border-top-color:var(--dark-orange);border-right-color:var(--dark-orange);border-bottom-color:transparent}50%{border-left-color:transparent;border-top-color:transparent;border-right-color:var(--dark-orange);border-bottom-color:var(--dark-orange)}75%{border-left-color:var(--dark-orange);border-top-color:transparent;border-right-color:transparent;border-bottom-color:var(--dark-orange)}}.top-page .right{max-width:70%;position:relative;overflow-x:hidden;overflow-y:hidden;height:clamp(400px,41vw,700px)}.top-page .back.right-component{width:100%;height:100%;object-fit:cover;border-bottom-left-radius:50px}.top-page .right .screen-shot{width:80%;object-fit:contain;position:absolute;top:max(calc(100% - 33vw),80px);left:10%}.top-page .right .slick-dots li button:before{display:flex;justify-content:center;font-size:clamp(12px,1.5vw,15px);color:var(--main-color2)}.top-page .right .slick-dots li.slick-active button:before{font-size:clamp(16px,2.2vw,22px)}.top-page .radial-gradiant{width:75%;height:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,156,0,.12) 0,rgba(255,106,22,0) 100%);position:absolute;left:-20%;top:60%;z-index:1}.modal-image-viewer,.modal-video-player{font-family:Roboto,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;border-radius:5px}.modal-image-viewer .close-window,.modal-video-player .close-window{display:flex;justify-content:right;background-color:white}.modal-image-viewer img{width:90vw;max-height:calc(100vh - 30px);object-fit:contain}@media screen and (max-width:850px){.top-page{display:block;background-size:cover;min-height:100vh}.top-page .left .content{margin-top:100px;max-width:80%;display:flex;flex-direction:column;align-items:center}.top-page .left .content h1,.top-page .left .content p{text-align:center}.top-page .left .action-buttons{flex-direction:column;gap:25px}.top-page .back.right-component{display:none}.top-page .right{max-width:100%;height:clamp(210px,60vw,480px)}.top-page .right .screen-shot{top:7%;left:7%}}.solar-system{position:absolute;display:flex;align-items:center;justify-content:center}.solar-system .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1/1;border:1px solid;border-radius:50%}.solar-system .circle.nb1{width:35%;animation:growth-circle1 10s linear infinite}.solar-system .circle.nb2{width:55%;animation:growth-circle2 10s linear infinite}.solar-system .circle.nb3{width:75%;animation:growth-circle3 10s linear infinite}.solar-system .circle.nb4{width:95%;animation:growth-circle4 10s linear infinite}@keyframes growth-circle1{0%{width:35%}to{width:55%}}@keyframes growth-circle2{0%{width:55%}to{width:75%}}@keyframes growth-circle3{0%{width:75%}to{width:95%}}@keyframes growth-circle4{0%{width:95%}to{width:105%}}.solar-system .planets{width:100%;height:100%;position:relative;transform-origin:center;animation:rotate-planets 180s linear infinite}.solar-system .planet{position:absolute;aspect-ratio:1/1;border-radius:50%}@keyframes rotate-planets{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.alternative-jpme{margin:0 auto;min-height:calc(100vh - 200px)}section.top{padding-bottom:20px}section.jpme-promo-band{min-height:140px;background-color:var(--main-color6);color:white;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;font-size:clamp(24px,3vw,32px);font-weight:700;padding:10px 20px}section.jpme-promo-band .code{display:flex;gap:100px}section.jpme-explainations{max-width:1400px;padding:20px;margin:0 auto;line-height:130%}section.jpme-explainations h1{color:var(--dark-orange);text-align:center}section.jpme-explainations .title{max-width:900px;margin:0 auto;display:flex;justify-content:center}section.jpme-explainations h1.line{width:100px;border-bottom:2px solid var(--dark-orange);margin:20px auto 30px}section.jpme-explainations b{font-weight:700}section.jpme-explainations .paragraph{max-width:900px;margin:25px auto}section.jpme-explainations .list{margin-bottom:20px;margin-left:40px}section.jpme-explainations .list li{list-style:number}section.jpme-explainations .paragraph.button{display:flex;justify-content:center}section.jpme-why-kwatts{background-color:var(--main-color6);padding:20px}section.jpme-why-kwatts h2{color:white;text-align:center;margin-top:10px}section.jpme-why-kwatts b{font-weight:700}section.jpme-why-kwatts .array{max-width:1000px;height:400px;margin:20px auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}section.jpme-why-kwatts .array .item:nth-child(odd){border-right:1px solid white}section.jpme-why-kwatts .array .item:first-child,section.jpme-why-kwatts .array .item:nth-child(2){border-bottom:1px solid white}section.jpme-why-kwatts .array .item{padding:10%;color:white;display:flex;flex-direction:column}section.jpme-why-kwatts .array .item .title{display:flex;gap:15px;font-size:clamp(16px,2.5vw,22px);font-weight:700}section.jpme-why-kwatts .array .item .line{width:35px;height:10px;border-bottom:3px solid var(--dark-orange)}section.jpme-why-kwatts .array .item .text{padding-top:25px;font-size:clamp(12px,1.5vw,16px);font-weight:300;line-height:20px}section.jpme-steps{padding:20px;background-color:#f7f7f7;display:flex;overflow:hidden;gap:10px}section.jpme-steps p b{font-weight:700}section.jpme-steps h1{color:var(--dark-orange);text-align:center}section.jpme-steps .left{width:min(30%,250px);display:flex;justify-content:right;align-items:start}section.jpme-steps .right{width:100%}section.jpme-steps .left img{width:130%;height:130%;object-fit:contain;opacity:60%}section.jpme-steps .right .jpme-step-details{margin:30px auto;max-width:600px;display:flex;gap:15px}section.jpme-steps .right .jpme-step-details .ok-icon img{width:30px;object-fit:contain;margin:5px 20px}section.jpme-steps .right .step-title{font-size:larger;font-weight:700;margin-bottom:5px}section.jpme-steps .right .action{margin-top:50px;display:flex;justify-content:center}section.jpme-faq{padding:20px;line-height:130%}section.jpme-faq h1{color:var(--dark-orange);text-align:center}section.jpme-faq h1.line{width:100px;border-bottom:2px solid var(--dark-orange);margin:20px auto 30px}section.jpme-faq .jpme-faq-item{max-width:1000px;margin:25px auto}section.jpme-faq .jpme-faq-item .question{font-size:larger;font-weight:700;margin-bottom:10px}@media screen and (max-width:850px){section.top .top-page .right{height:0}section.jpme-steps .left img{width:200%;height:150%;object-fit:contain}}@media screen and (max-width:600px){section.jpme-steps .left{width:0;display:none}section.jpme-steps .right .jpme-step-details .ok-icon img{margin:0}}