@charset "UTF-8";*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts/poppins-v24-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(/fonts/poppins-v24-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(/fonts/poppins-v24-latin-500.woff2) format("woff2")}:root{--color-black: rgb(8, 0, 23);--color-dark: rgb(3, 32, 66);--color-white: rgb(255, 255, 255);--color-lila: rgb(165, 174, 238);--color-light-lila: rgb(220, 216, 247);--color-cyan: rgb(168, 253, 242);--color-purple: rgb(83, 3, 225);--color-dark-purple: rgb(42, 2, 113);--color-yellow: rgb(252, 208, 23);--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1rem;--font-size-body: 1rem;--section-block-padding: 2rem;--section-inline-padding: 1.5rem;--section-padding: var(--section-block-padding) var(--section-inline-padding);--hero-section-padding: 4rem 1rem;--section-header-margin-bottom: clamp(1rem, 5vw, 2.5rem);--card-width: 20rem;--card-height: 30rem;--product-card-width: 20rem;--content-max-width: 49rem;--content-padding: 1rem;--content-box-padding: 2rem}@media screen and (min-width:768px){:root{--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.25rem;--font-size-body: 1.25rem;--section-block-padding: 4rem;--section-inline-padding: 2.5rem;--hero-section-padding: 6rem 2.5rem;--card-width: 23.75rem;--content-box-padding: 3rem}}@media screen and (min-width:1280px){:root{--font-size-h1: 3rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--section-block-padding: 5rem;--section-inline-padding: 5rem;--hero-section-padding: 8rem 5rem;--content-padding: 2rem;--content-box-padding: 4rem;--product-card-width: 25rem}}*{scroll-margin-top:4rem}@media screen and (min-width:768px){*{scroll-margin-top:8rem}}:root{--overflow-slider-arrows-size:1.5rem;--overflow-slider-arrows-gap:.5rem;--overflow-slider-arrows-inactive-opacity:.5}.overflow-slider__arrows{display:flex;gap:var(--overflow-slider-arrows-gap)}.overflow-slider__arrows-button{align-items:center;cursor:pointer;display:flex;outline-offset:-2px}.overflow-slider__arrows-button svg{height:var(--overflow-slider-arrows-size);width:var(--overflow-slider-arrows-size)}.overflow-slider__arrows-button[data-has-content=false]{opacity:var(--overflow-slider-arrows-inactive-opacity)}:root{--overflow-slider-autoplay-background:#000}.overflow-slider__autoplay{background:var(--overflow-slider-autoplay-background)}:root{--overflow-slider-dots-gap:.5rem;--overflow-slider-dot-size:.75rem;--overflow-slider-dot-inactive-color:rgba(0,0,0,.1);--overflow-slider-dot-active-color:rgba(0,0,0,.8)}.overflow-slider__dots{align-items:center;display:flex;justify-content:center}.overflow-slider__dots ul{display:flex;flex-wrap:wrap;gap:var(--overflow-slider-dots-gap);list-style:none;margin:0;padding:0}.overflow-slider__dots li{line-height:0;margin:0;padding:0}.overflow-slider__dot-item{background:var(--overflow-slider-dot-inactive-color);border-radius:50%;cursor:pointer;height:var(--overflow-slider-dot-size);margin:0;outline-offset:2px;padding:0;position:relative;width:var(--overflow-slider-dot-size)}.overflow-slider__dot-item:after{bottom:calc(var(--overflow-slider-dots-gap) * -1);content:"";display:block;left:calc(var(--overflow-slider-dots-gap) * -1);position:absolute;right:calc(var(--overflow-slider-dots-gap) * -1);top:calc(var(--overflow-slider-dots-gap) * -1)}.overflow-slider__dot-item:focus,.overflow-slider__dot-item:hover,.overflow-slider__dot-item[aria-pressed=true]{background:var(--overflow-slider-dot-active-color)}:root{--overflow-slider-fade-color:#fff;--overflow-slider-fade-width:3rem}.overflow-slider-fade{height:100%;pointer-events:none;position:absolute;top:0;width:var(--overflow-slider-fade-width);z-index:1}.overflow-slider-fade--start{background:linear-gradient(to right,var(--overflow-slider-fade-color) 0,transparent 100%);left:0}[dir=rtl] .overflow-slider-fade--start{left:auto}.overflow-slider-fade--end,[dir=rtl] .overflow-slider-fade--start{background:linear-gradient(to left,var(--overflow-slider-fade-color) 0,transparent 100%);right:0}[dir=rtl] .overflow-slider-fade--end{background:linear-gradient(to right,var(--overflow-slider-fade-color) 0,transparent 100%);left:0;right:auto}[data-has-drag-scrolling][data-has-overflow=true]{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--overflow-slider-scroll-indicator-button-height:4px;--overflow-slider-scroll-indicator-padding:1rem;--overflow-slider-scroll-indicator-button-color:rgba(0,0,0,.75);--overflow-slider-scroll-indicator-bar-color:rgba(0,0,0,.25)}.overflow-slider__scroll-indicator{cursor:pointer;outline:0;padding-block:var(--overflow-slider-scroll-indicator-padding);position:relative;width:100%}.overflow-slider__scroll-indicator[data-has-overflow=false]{display:none}.overflow-slider__scroll-indicator:focus-visible .overflow-slider__scroll-indicator-button{outline:2px solid;outline-offset:2px}.overflow-slider__scroll-indicator-bar{background:var(--overflow-slider-scroll-indicator-bar-color);border-radius:3px;height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%}.overflow-slider__scroll-indicator-button{background:var(--overflow-slider-scroll-indicator-button-color);border-radius:3px;cursor:grab;height:var(--overflow-slider-scroll-indicator-button-height);left:0;position:absolute;top:calc(50% - var(--overflow-slider-scroll-indicator-button-height) / 2)}.overflow-slider__scroll-indicator-button:hover,.overflow-slider__scroll-indicator-button[data-is-grabbed=true]{--overflow-slider-scroll-indicator-button-height:6px}.overflow-slider__scroll-indicator-button:after{bottom:calc(var(--overflow-slider-scroll-indicator-padding) * -1);content:"";display:block;position:absolute;top:calc(var(--overflow-slider-scroll-indicator-padding) * -1);width:100%}.overflow-slider{-ms-overflow-style:none;display:grid;grid-auto-flow:column;grid-template-columns:max-content;max-width:-moz-max-content;max-width:max-content;overflow:auto;position:relative;scrollbar-width:none;width:100%}.overflow-slider::-webkit-scrollbar{display:none}.overflow-slider>*{outline-offset:-2px;scroll-snap-align:start}html{scroll-behavior:smooth}body{background-color:var(--color-purple);color:var(--color-lila);font-family:Poppins,sans-serif;font-size:var(--font-size-body);z-index:0;position:relative}h1{font-weight:600;font-size:var(--font-size-h1);margin:.25em 0 .75em;line-height:1.2}h2{font-weight:600;font-size:var(--font-size-h2);margin:.25em 0 .625em;line-height:1.25}h3{font-weight:600;font-size:var(--font-size-h3);margin:.25em 0 1em;line-height:1.17}p{font-size:var(--font-size-body);margin:0 0 1em;line-height:1.5}img{width:100%;height:auto;margin:0}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}p a{color:inherit}ul,ol{padding-left:1.75rem}ul li,ol li{line-height:1.5}.list-header+ul,.list-header+ol{margin-top:-1em}header{border-bottom:3px solid var(--color-dark);align-items:center;padding:16px 16px 13px;display:flex}@media screen and (min-width:768px){header{padding:20px 20px 17px}}header img{width:auto;height:20px}header .logo-wrapper{flex:0 auto}header nav{flex:auto;margin-left:20px}header nav ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}header nav ul li{margin-left:1.875rem;display:none}@media screen and (min-width:800px){header nav ul li{display:inline-block}}header nav ul a{color:var(--color-white);text-decoration:none}header nav ul a:hover{color:var(--color-cyan)}.logo{display:block}@media screen and (min-width:768px){.logo{margin:0 20px}}nav ul li.current a{color:var(--color-cyan)}nav ul li a:hover{color:var(--color-cyan)}.desktop-nav{font-size:1.125rem}.desktop-nav a{line-height:2em;font-weight:500;display:inline-block;border-bottom:3px solid transparent;transform:translateY(3px)}.desktop-nav .current a{border-bottom-color:var(--color-cyan)}.desktop-nav a:hover{color:var(--color-white);border-bottom-color:var(--color-cyan);transition:border-color .3s}section{flex-direction:column;justify-content:center;align-items:center;display:flex}section .wrapper{width:100%;max-width:90rem;padding:var(--section-padding)}section .wrapper.content-boxes{flex-direction:column;justify-content:center;align-items:center;display:flex;gap:1.5rem}.section-header{margin-bottom:var(--section-header-margin-bottom)}.contact{border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}@media screen and (min-width:768px){.contact{padding-block:3.5rem}}@media screen and (min-width:1280px){.contact{padding-block:5rem}}.contact svg{margin-bottom:1.5rem}address{text-align:center;font-style:normal;font-size:var(--font-size-h3)}address div{line-height:1.5}address a{color:inherit}.footer footer{border-top:1px solid var(--color-cyan);flex-direction:column;align-items:center;margin:2rem 1.5rem 0;padding:2rem 0;display:flex}@media screen and (min-width:768px){.footer footer{flex-direction:row;justify-content:space-between;margin-left:0;margin-right:0}}.footer footer .logo{margin:0 0 1rem;font-size:1.75rem}.footer-nav ul{margin:0;padding:0;list-style:none}.footer-nav li ul{margin-left:1rem}.footer-nav li ul li:before{content:">";color:var(--color-yellow);margin-right:.5rem}.footer-nav li a{color:var(--color-white);padding:10px 0;text-decoration:none;display:inline-block}.hero{min-height:calc(100vh - 106px - 10rem);color:var(--color-white)}.hero .wrapper{padding:var(--hero-section-padding)}.hero .content h1+p:last-of-type{margin-bottom:calc(var(--font-size-h1) * .75)}@media screen and (max-width:767px){.hero .button{width:100%}}.hero--bg-image{background-color:var(--color-purple);background-blend-mode:normal,multiply,normal;background-position:center center;background-repeat:no-repeat;background-size:cover}.hero--dronepalvelut{background-image:radial-gradient(50% 50%,#0000,#0003),url(/images/dronepalvelut-hero.webp),none}.hero--latauslaitteet{background-image:radial-gradient(50% 50%,#0000,#0003),url(/images/latauslaitteet-hero.webp),none}.hero--viilennys-ja-lammitys{background-image:radial-gradient(50% 50%,#0000,#0003),url(/images/viilennys-ja-lammitys-hero.webp),none}.hero--aurinkovoima{background-image:radial-gradient(50% 50%,#0000,#0003),url(/images/aurinkovoima-hero.webp),none}.tc-white{color:var(--color-white)}.tc-black{color:var(--color-black)}.tc-dark{color:var(--color-dark)}.tc-cyan{color:var(--color-cyan)}.tc-yellow{color:var(--color-yellow)}.bg-transparent.bg-transparent{background:transparent}.bg-white{background-color:var(--color-white)}.bg-lila{background-color:var(--color-lila)}.bg-light-lila{background-color:var(--color-light-lila)}.bg-cyan{background-color:var(--color-cyan)}.bg-black{background-color:var(--color-black)}.bg-dark{background-color:var(--color-dark)}.bg-purple{background-color:var(--color-purple)}.bg-dark-purple{background-color:var(--color-dark-purple)}.bg-purple-gradient{background:radial-gradient(95.33% 70.74% at 100% 0%,rgb(from var(--color-light-lila) r g b/50%),rgb(from var(--color-purple) r g b/50%)),radial-gradient(92.29% 70.68% at 0% 100%,var(--color-light-lila) 0%,var(--color-purple) 100%);background-repeat:no-repeat}.bg-yellow-gradient{background:radial-gradient(101.87% 70.74% at 100% 0%,#fcd0174d,#5303e14d),radial-gradient(92.47% 69.81% at 1.6% 100.32%,var(--color-yellow) 0%,var(--color-purple) 100%);background-repeat:no-repeat}.center{text-align:center}.rounded{border-radius:32px;padding:32px 24px}@media screen and (min-width:768px){.rounded{border-radius:48px;padding:48px 32px}}@media screen and (min-width:1280px){.rounded{border-radius:64px;padding:64px}}.button{--button-bg-color: transparent;--button-text-color: inherit;background-color:var(--button-bg-color);cursor:pointer;border:2px solid;border-color:var(--color-cyan);text-align:center;border-radius:40px;padding:18px 1.75rem;font-size:1.25rem;font-weight:500;line-height:1;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block;color:var(--button-text-color)!important}.button:hover{background-color:var(--color-cyan);border-color:var(--color-purple);text-decoration:none;color:var(--color-purple)!important}.button--cyan{--button-bg-color: var(--color-cyan);--button-text-color: var(--color-dark) }.button--black{--button-bg-color: var(--color-dark);--button-text-color: var(--color-lila) }.button--purple{--button-bg-color: var(--color-purple);--button-text-color: var(--color-white) }.button--text{background-color:unset;border:none;padding-left:0;padding-right:0}.button--text:hover{opacity:.8;background-color:unset;color:inherit!important}.button--text:after{content:"→";color:var(--color-cyan);margin-left:5px;display:inline-block;transform:translateY(1px)}.button--full-width{text-align:center;width:100%}.pre-headline{font-size:1.125rem;font-weight:500}@media screen and (min-width:768px){.pre-headline{font-size:1.25rem}}.pre-headline a{text-decoration:none;color:inherit;padding-bottom:5px;border-bottom:3px solid transparent;transition:border-color .3s}.pre-headline a:hover{border-bottom-color:var(--color-cyan)}.burger{cursor:pointer;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.burger svg path{fill:var(--color-cyan)}.slideout-nav{background-color:var(--color-purple);color:var(--color-white);z-index:2;flex-direction:column;width:min(100vw,480px);margin:0;padding:82px 24px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:100vw}@media screen and (min-width:768px){.slideout-nav{padding:90px 24px}}.slideout-nav.slideout-nav--open{transform:translate(-100%)}.slideout-nav .close{cursor:pointer;background-color:#0f0b1c;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:16px;right:16px}@media screen and (min-width:768px){.slideout-nav .close{top:20px;right:20px}}.slideout-nav .close svg{fill:var(--color-cyan)}.slideout-nav ul{display:block}.slideout-nav ul li{margin-left:0;display:block}.slideout-nav ul li ul li a:before{content:">";color:var(--color-yellow);margin-right:.5rem}.slideout-nav ul a{align-items:center;height:50px;display:flex}.slideout-nav ul .button{justify-content:center;height:auto;margin-top:30px}.overflow-slider__container{position:relative}.overflow-slider{--gap: 1.5rem;gap:var(--gap);scroll-snap-type:x mandatory;position:relative;left:50%;width:100vw;margin-left:-50vw}@media screen and (min-width:768px){.overflow-slider:has(>:nth-last-child(n+4))+.overflow-slider__nav{display:flex}}.overflow-slider .card{min-height:var(--card-height);width:var(--card-width);color:var(--color-white);border-radius:20px;padding:1.5rem 1.125rem;border:4px solid var(--color-cyan);display:flex;flex-direction:column;background-blend-mode:multiply,normal;background-color:var(--color-purple);background-position:50%;background-repeat:no-repeat;background-size:cover}@media screen and (min-width:768px){.overflow-slider .card{padding:2rem 1.5rem}}.overflow-slider .card svg{width:50px;height:50px;margin-bottom:24px}.overflow-slider .card .pre-headline{color:var(--color-cyan);margin-bottom:10px;font-size:18px;font-weight:500;line-height:20px}@media screen and (min-width:768px){.overflow-slider .card .pre-headline{font-size:19.2px}}.overflow-slider .card h3{margin-bottom:24px;font-size:25.63px;line-height:1.3}@media screen and (min-width:768px){.overflow-slider .card h3{font-size:33.18px;line-height:1.12}}.overflow-slider .card ul{margin:0 0 2.75rem 1.5rem;padding:0;font-size:18px;line-height:20px}.overflow-slider .card ul li{margin-bottom:.5em}.overflow-slider .card p{font-size:18px;line-height:1}@media screen and (min-width:768px){.overflow-slider .card p{font-size:20px}}.overflow-slider .card .button{margin-top:auto;align-self:start;font-size:18px;padding-block:4.5px;width:auto}.overflow-slider .card:first-of-type{background-image:url(/images/latauslaitteet-hero.webp),none}.overflow-slider .card:nth-of-type(2){background-image:url(/images/viilennys-ja-lammitys-hero.webp),none}.overflow-slider .card:nth-of-type(3){background-image:url(/images/aurinkovoima-hero.webp),none}.overflow-slider .card:nth-of-type(4){background-image:url(/images/dronepalvelut-hero.webp),none}.overflow-slider--images-only .slider-item{width:20rem;aspect-ratio:25/20}@media screen and (min-width:768px){.overflow-slider--images-only .slider-item{width:25rem}}.overflow-slider--images-only .slider-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.overflow-slider__nav{display:none;gap:2rem;position:absolute;top:-90px;right:0}.overflow-slider__nav .overflow-slider__nav-prev-button,.overflow-slider__nav .overflow-slider__nav-next-button{cursor:pointer;background-color:var(--color-cyan);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.columns{--column-gap: 1.5rem;--column-min-width: 330px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--column-min-width)),1fr));gap:var(--column-gap);display:grid}.columns--vertical-center{align-items:center}.columns--alt{--column-gap: 4rem;--column-min-width: 420px}@media screen and (min-width:768px){.columns--alt{--column-gap: 4rem }}@media screen and (min-width:1280px){.columns--alt{--column-gap: 4rem }}.column{padding:1rem;background-color:var(--color-purple);border-radius:10px;height:min-content;background:linear-gradient(0deg,#5303e1cc,#5303e1cc),linear-gradient(0deg,#0003,#0003)}@media screen and (min-width:768px){.column{padding:2rem}}.column p:last-of-type{margin-bottom:0}.column img{border-radius:.625rem;aspect-ratio:37.25/29.75;object-fit:cover;margin-bottom:1.5rem}.scroll-to-top{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);cursor:pointer;background:linear-gradient(#fff3,#fff3),linear-gradient(#0003,#0003);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto;display:flex}.scroll-to-top svg{fill:var(--color-cyan)}@media screen and (min-width:768px){#sahkokytkennat,#lampovuodot{margin-top:64px}}.backdrop{z-index:-1;background-color:#0000;transition:background-color .3s cubic-bezier(.25,1,.5,1);position:fixed;inset:0}.backdrop[class*=--active]{z-index:1;background-color:#000000b3}.content-box{border-radius:16px;padding:var(--content-box-padding);width:clamp(320px,100%,45rem);background:linear-gradient(0deg,#0003 0% 100%),rgb(from var(--color-purple) r g b/80%);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.content-box :last-child{margin-bottom:0}.content{max-width:var(--content-max-width);padding:var(--content-padding)}.product-card{width:var(--product-card-width);color:var(--color-black);background-color:#fff;border-radius:2rem;padding:2rem;display:flex;flex-direction:column;justify-content:end}.product-card img{margin-bottom:auto}.product-card .pre-headline{font-size:1rem;margin-top:3em}
