.e-sankari{position:relative;padding:88px 0 64px;overflow:hidden;isolation:isolate}.e-sankari:before{content:"";position:absolute;inset:-30% -15% auto auto;width:900px;height:900px;z-index:-1;background:radial-gradient(closest-side,rgb(64 183 211 / .2),transparent 70%);pointer-events:none}.e-tahdet{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55;pointer-events:none;mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}.e-sankari .rivi{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}.e-sankari h1{font-size:clamp(34px,4.6vw,58px);max-width:17ch}.e-sankari h1 em{font-style:normal;color:var(--korostus)}.e-ingressi{font-size:clamp(17px,1.9vw,20px);color:var(--himmea);max-width:56ch;margin-top:22px}.e-ingressi b{color:var(--teksti);font-weight:600}.e-luotto{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:26px;color:var(--himmea);font-size:14px;list-style:none;padding:0}.e-luotto li{display:inline-flex;align-items:center;gap:7px}.e-luotto svg{width:16px;height:16px;color:var(--korostus);flex:none}.e-nayttamo{position:relative;height:440px;perspective:1400px}.e-taso{position:absolute;border-radius:14px;overflow:hidden;border:1px solid #24363c;background:#101719;box-shadow:0 40px 90px -30px #000000d9,0 0 0 1px #40b7d30f;transition:transform .25s ease-out;will-change:transform}.e-taso img{display:block;width:100%;height:auto}.e-taso-1{width:88%;left:0;top:18px;transform:rotateY(-12deg) rotateX(6deg) translateZ(0)}.e-taso-2{width:78%;right:-4%;top:210px;transform:rotateY(-12deg) rotateX(6deg) translateZ(60px)}.e-siru{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#101a1deb;border:1px solid #2a4a52;backdrop-filter:blur(8px);font-size:13.5px;color:var(--teksti);box-shadow:0 18px 40px -16px #000c;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s ease,transform .5s ease;white-space:nowrap;z-index:3}.e-siru.nakyvissa{opacity:1;transform:none}.e-siru i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-style:normal;font-weight:700}.e-siru small{display:block;color:var(--himmea);font-size:12px}.e-siru.vihrea i{background:#12301f;color:#8fdcab}.e-siru.petrooli i{background:#10232a;color:var(--korostus)}.e-siru.keltainen i{background:#33290f;color:#f3c66b}.e-siru-1{left:-6%;top:150px}.e-siru-2{right:0;top:40px}.e-siru-3{left:8%;bottom:6px}.e-osa{padding:64px 0}.e-osa h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:12px;max-width:22ch}.e-osa .e-johdanto{color:var(--himmea);max-width:62ch;font-size:17px}.e-tuote{position:relative;margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;padding:34px;border-radius:20px;border:1px solid #22404a;overflow:hidden;background:radial-gradient(120% 140% at 100% 0%,rgb(64 183 211 / .14),transparent 55%),linear-gradient(180deg,#11191c,#0e1416)}.e-tuote-merkki{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--otsikko);letter-spacing:.12em;text-transform:uppercase;color:var(--korostus)}.e-tuote-merkki:before{content:"";width:8px;height:8px;border-radius:50%;background:#3fbf72;box-shadow:0 0 0 4px #3fbf722e}.e-tuote h3{font-size:clamp(26px,3vw,34px);margin:10px 0}.e-tuote p{color:var(--himmea)}.e-lista{list-style:none;padding:0;margin:14px 0 22px;display:grid;gap:9px}.e-lista li{position:relative;padding-left:26px}.e-lista li:before{content:"";position:absolute;left:0;top:7px;width:14px;height:9px;border-left:2px solid var(--korostus);border-bottom:2px solid var(--korostus);transform:rotate(-45deg)}.e-hinta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.e-hinta span{font:600 13px var(--otsikko);padding:5px 11px;border-radius:999px;border:1px solid #2b3d44;color:var(--himmea)}.e-hinta span b{color:var(--teksti)}.e-tuote-kuva{position:relative;border-radius:14px;overflow:hidden;border:1px solid #24363c;transform:rotate(-1.5deg);box-shadow:0 30px 70px -30px #000000e6}.e-tuote-kuva img{display:block;width:100%;height:auto}.e-tulossa{margin-top:18px;display:flex;align-items:center;gap:12px;color:var(--himmea);font-size:15px}.e-tulossa:before{content:"";flex:none;width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--korostus))}.e-roolit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.e-rooli{background:var(--pinta);border:1px solid #1f2a2e;border-radius:16px;padding:24px;position:relative;overflow:hidden}.e-rooli:after{content:"";position:absolute;inset:auto -40px -60px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,rgb(64 183 211 / .12),transparent)}.e-rooli svg{width:30px;height:30px;color:var(--korostus)}.e-rooli h3{font-size:19px;margin:14px 0 8px}.e-rooli p{color:var(--himmea);font-size:15px;margin:0}.e-rooli .e-tunniste{display:inline-block;margin-top:14px;font:600 12px var(--otsikko);color:var(--himmea);border:1px solid #2b3d44;border-radius:999px;padding:3px 10px}.e-kulku{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:34px;position:relative}.e-kulku:before{content:"";position:absolute;left:6%;right:6%;top:27px;height:2px;background:linear-gradient(90deg,transparent,var(--korostus-tumma) 12%,var(--korostus-tumma) 88%,transparent)}.e-askel{position:relative;padding:0 14px;text-align:center}.e-askel .e-ikoni{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:#10232a;border:1px solid var(--korostus-tumma);color:var(--korostus);position:relative}.e-askel .e-ikoni svg{width:26px;height:26px}.e-askel h3{font-size:16.5px;margin-bottom:6px}.e-askel p{color:var(--himmea);font-size:14.5px;margin:0}.e-ominaisuudet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.e-ominaisuus{background:var(--pinta);border:1px solid #1f2a2e;border-radius:16px;padding:22px}.e-ominaisuus h3{font-size:17.5px;margin:12px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.e-ominaisuus p{color:var(--himmea);font-size:15px;margin:0}.e-ominaisuus svg{width:26px;height:26px;color:var(--korostus)}.e-pro{font:700 10.5px var(--otsikko);letter-spacing:.1em;color:#06181d;background:var(--korostus);border-radius:999px;padding:2px 8px}.e-periaatteet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.e-periaate{border-top:2px solid var(--korostus-tumma);padding-top:14px}.e-periaate h3{font-size:16.5px;margin-bottom:6px}.e-periaate p{color:var(--himmea);font-size:14.5px;margin:0}.e-lopetus{margin:20px 0 30px;padding:40px;border-radius:20px;text-align:center;border:1px solid #22404a;background:radial-gradient(80% 140% at 50% 0%,rgb(64 183 211 / .16),transparent 60%),#0f1517}.e-lopetus h2{margin:0 auto 10px}.e-lopetus p{color:var(--himmea);max-width:56ch;margin:0 auto 22px}.e-lopetus .cta{justify-content:center;margin-top:0}.e-esiin{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.e-esiin.nakyvissa{opacity:1;transform:none}@media (max-width: 980px){.e-sankari .rivi,.e-tuote{grid-template-columns:1fr}.e-nayttamo{height:360px;max-width:560px}.e-roolit,.e-ominaisuudet,.e-periaatteet{grid-template-columns:1fr 1fr}.e-kulku{grid-template-columns:1fr 1fr;row-gap:28px}.e-kulku:before{display:none}}@media (max-width: 620px){.e-sankari{padding:56px 0 40px}.e-nayttamo{height:300px}.e-taso-2{top:150px}.e-siru{font-size:12.5px;padding:8px 11px}.e-siru-1{left:0;top:110px}.e-siru-3{left:0;bottom:0}.e-roolit,.e-ominaisuudet,.e-periaatteet,.e-kulku{grid-template-columns:1fr}.e-tuote{padding:22px}.e-lopetus{padding:28px 18px}}@media (prefers-reduced-motion: reduce){.e-esiin,.e-siru,.e-taso{transition:none}.e-esiin{opacity:1;transform:none}}@media (max-width: 480px){.ylapalkki nav a.nav-pohjat{display:none}}.pro-tarjouslinkki{color:var(--himmea);margin:4px 0 0}.pro-tarjouslinkki a{color:var(--korostus);font-weight:600}.e-ratkaisut{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.e-ratkaisu{min-width:0;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;border:1px solid #22404a;background:radial-gradient(120% 120% at 100% 0%,rgb(64 183 211 / .12),transparent 55%),linear-gradient(180deg,#11191c,#0e1416)}.e-ratkaisu h3{font-size:clamp(21px,2.2vw,26px)}.e-ratkaisu .e-lista{margin:4px 0 14px}.e-ratkaisu-kuva{display:block;height:210px;border-radius:12px;overflow:hidden;border:1px solid #24363c;margin-bottom:6px;background:#121a1d}.e-ratkaisu-kuva img{display:block;height:100%;width:auto;min-width:100%;max-width:none;object-fit:cover;object-position:top left;transition:transform .5s ease;transform-origin:top left}.e-ratkaisu:hover .e-ratkaisu-kuva img{transform:scale(1.04)}.e-hintalinkki{font:600 13px var(--otsikko);color:var(--korostus);text-decoration:none;padding:5px 4px}.e-ratkaisu-otsikko{font-size:clamp(24px,3vw,34px)!important;margin:10px 0!important;max-width:20ch}.e-tuote-kaanteinen>:first-child{order:2}.e-lista .e-pro{margin-left:8px;vertical-align:2px}#tyomaapaivakirja,#tr-mittaus{scroll-margin-top:130px}@media (max-width: 980px){.e-ratkaisut{grid-template-columns:minmax(0,1fr)}.e-tuote-kaanteinen>:first-child{order:0}}.e-vertailu{margin-top:28px;border:1px solid #22343a;border-radius:16px;overflow:hidden}.e-vertailu-otsake,.e-vertailu-rivi{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr 1fr;gap:18px;padding:14px 18px;align-items:start}.e-vertailu-otsake{background:#10181b;font:600 12.5px var(--otsikko);letter-spacing:.06em;text-transform:uppercase;color:var(--himmea)}.e-vertailu-otsake span:last-child{color:var(--korostus)}.e-vertailu-rivi{border-top:1px solid #1c2a2f;font-size:15px}.e-vertailu-rivi:nth-child(odd){background:#0f1517}.e-vertailu-rivi b{font:600 15px var(--otsikko);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.e-ennen{color:var(--himmea);position:relative;padding-left:22px}.e-ennen:before{content:"–";position:absolute;left:4px;color:#8a6f6b}.e-nyt{color:var(--teksti);position:relative;padding-left:24px}.e-nyt:before{content:"";position:absolute;left:2px;top:7px;width:12px;height:7px;border-left:2px solid var(--korostus);border-bottom:2px solid var(--korostus);transform:rotate(-45deg)}.e-nopeus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.e-nopeus>div{background:var(--pinta);border:1px solid #1f2a2e;border-radius:16px;padding:22px}.e-nopeus svg{width:26px;height:26px;color:var(--korostus)}.e-nopeus h3{font-size:17.5px;margin:12px 0 6px}.e-nopeus p{color:var(--himmea);font-size:15px;margin:0}#automatiikka{scroll-margin-top:110px}@media (max-width: 760px){.e-vertailu-otsake{display:none}.e-vertailu-rivi{grid-template-columns:1fr;gap:6px;padding:14px 16px}.e-ennen:after{content:" (perinteisesti)";color:#6f7b80;font-size:13px}html[lang=en] .e-ennen:after{content:" (traditionally)"}.e-nopeus{grid-template-columns:1fr}}.alapalkki-teema{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13.5px}.alapalkki-teema .teemanappi{padding:5px 11px}@media (max-width: 420px){.alapalkki-teema .teemanappi span{display:inline}}.e-hylly{height:420px}.e-laatta{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px 20px;width:62%;border-color:#24434c;background:radial-gradient(140% 120% at 100% 0%,rgb(64 183 211 / .16),transparent 60%),linear-gradient(180deg,#121c1f,#0e1517)}.e-laatta b{font:600 17px var(--otsikko);color:var(--teksti)}.e-laatta small{grid-column:2;color:#8fdcab;font-size:12.5px;font-weight:600;letter-spacing:.04em}.e-laatta-ikoni{grid-row:span 2;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#10232a;border:1px solid var(--korostus-tumma);color:var(--korostus)}.e-laatta-ikoni svg{width:22px;height:22px}.e-laatta-1{left:4%;top:20px;transform:rotateY(-10deg) rotateX(5deg)}.e-laatta-2{right:0;top:118px;transform:rotateY(-10deg) rotateX(5deg) translateZ(40px)}.e-laatta-3{left:0;top:220px;transform:rotateY(-10deg) rotateX(5deg) translateZ(20px)}.e-laatta-3 small{color:var(--korostus)}.e-laatta-4{right:6%;top:318px;transform:rotateY(-10deg) rotateX(5deg)}.e-laatta.tuleva{background:transparent;border:1px dashed #3a5860;box-shadow:none}.e-laatta.tuleva b{color:var(--himmea)}.e-laatta.tuleva small{color:#f3c66b}.e-hylly .e-siru-1{left:auto;right:2%;top:4px}.e-hylly .e-siru-2{left:auto;right:-2%;top:232px}.e-hylly .e-siru-3{left:2%;bottom:auto;top:384px}.e-lahto{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}.e-lahto .e-johdanto{margin:0 0 14px}.e-pieni{font-size:15px!important}#ratkaisut{scroll-margin-top:90px}.e-luettelo{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid #1f2a2e}.e-luettelo>li{border-bottom:1px solid #1f2a2e;position:relative}.e-luettelo-paa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:28px;align-items:center;padding:24px 6px;color:inherit;text-decoration:none;transition:background .2s ease,padding .2s ease;border-radius:12px}.e-luettelo-paa:hover,.e-luettelo-paa:focus-visible{background:#40b7d30f;padding-left:14px}.e-luettelo-nimi{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.e-luettelo-nimi b{font:600 clamp(19px,2vw,23px) var(--otsikko)}.e-luettelo-kuvaus{color:var(--himmea);font-size:15.5px}.e-nuoli{font-size:22px;color:var(--korostus);transition:transform .2s ease}.e-luettelo-paa:hover .e-nuoli{transform:translate(4px)}.e-tila{font:600 11.5px var(--otsikko);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid}.e-tila.kaytossa{color:#8fdcab;border-color:#24553a;background:#0f2418}.e-tila.ilmainen{color:var(--korostus);border-color:#22404a;background:#0f1d22}.e-tila.tulossa{color:#f3c66b;border-color:#5a4a1e;background:#221c0c}.e-tila.alpha{color:var(--himmea);border-color:#33393b;background:transparent}.e-alalinkit{display:flex;flex-wrap:wrap;gap:8px;padding:0 6px 22px;margin-top:-8px}.e-alalinkit a{font:600 13.5px var(--otsikko);padding:6px 12px;border-radius:999px;border:1px solid #2b3d44;color:var(--teksti);text-decoration:none}.e-alalinkit a:hover{border-color:var(--korostus);color:var(--korostus)}@media (max-width: 980px){.e-hylly{display:none}.e-lahto{grid-template-columns:1fr;gap:6px}}@media (max-width: 680px){.e-luettelo-paa{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}.e-luettelo-kuvaus{grid-column:1 / -1;grid-row:2}.e-nuoli{grid-column:2;grid-row:1}}