.vp{--vp-reuna: clamp(16px, 4vw, 56px);--vp-ulos: cubic-bezier(.23, 1, .32, 1);--vp-teksti: rgb(var(--kv-ink));--vp-teksti-2: rgb(var(--kv-ink) / .72);--vp-teksti-3: rgb(var(--kv-ink) / .58);--vp-pinta: var(--kv-card);--vp-pinta-2: var(--kv-card-hi);--vp-valittu: var(--kv-tint-hi);min-height:100svh;background:var(--kv-bg);color:var(--vp-teksti);font-family:var(--kv-font-body);font-size:17px;line-height:1.55;caret-color:var(--kv-cyan);accent-color:var(--kv-cyan)}.vp ::-moz-selection{background:var(--kv-cyan);color:rgb(var(--kv-on-accent))}.vp ::selection{background:var(--kv-cyan);color:rgb(var(--kv-on-accent))}.vp main{padding-top:var(--kv-header)}.vp :focus-visible{outline:2px solid var(--kv-cyan);outline-offset:3px;border-radius:6px}.vp-h1,.vp-h2,.vp-h3,.vp-loppu-otsikko,.vp-saa-luku,.vp-hinta{font-family:var(--kv-font-display);font-weight:600;text-wrap:balance}.vp-h1{font-size:clamp(2.2rem,4.2vw,5rem);line-height:.98;letter-spacing:-.035em}.vp-h1-nimi{white-space:nowrap}.vp-h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.02;letter-spacing:-.03em;max-width:18ch}.vp-h3{font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.15;letter-spacing:-.02em}.vp-ingressi,.vp-osio-ingressi{font-size:clamp(1.1rem,1.35vw,1.3rem);line-height:1.5;color:var(--vp-teksti-2);max-width:34ch}.vp-osio-ingressi{max-width:52ch;margin-top:20px}.vp-pieni{font-size:14px;line-height:1.5;color:var(--vp-teksti-3)}.vp-pieni a{color:var(--vp-teksti-2);text-decoration:underline;text-underline-offset:3px}.vp-nappi{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;transition:transform .16s var(--vp-ulos),background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.vp-nappi:active{transform:scale(.97)}.vp-nappi:disabled{opacity:.6;cursor:progress}.vp-nappi--paa{background:var(--kv-cyan);color:rgb(var(--kv-on-accent))}.vp-nappi--paa:hover{background:rgb(var(--kv-cyan-300))}.vp-nappi--toinen{background:var(--vp-pinta);color:var(--vp-teksti)}.vp-nappi--toinen:hover{background:var(--vp-pinta-2)}.vp-nappi--leve{width:100%}.vp-nappi svg{transition:transform .2s var(--vp-ulos)}.vp-nappi:hover svg{transform:translate(3px)}.vp-tarina{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr)}.vp-nayttamo{grid-column:2;grid-row:1;position:sticky;top:var(--kv-header);height:calc(100svh - var(--kv-header));background:var(--kv-bg);overflow:hidden}.vp-canvas{display:block;width:100%;height:100%;opacity:0;transform:scale(1.03);transition:opacity .9s var(--vp-ulos),transform 1.4s var(--vp-ulos);touch-action:pan-y}.vp-nayttamo[data-tila=valmis] .vp-canvas{opacity:1;transform:none}.vp-nayttamo[data-tila=ei]{background:var(--vp-pinta)}.vp-kulku{grid-column:1;grid-row:1;padding-left:var(--vp-reuna);padding-right:clamp(16px,3vw,48px);min-width:0}.vp-hero{min-height:calc(100svh - var(--kv-header));display:flex;flex-direction:column;justify-content:center;gap:0;padding:48px 0 64px}.vp-hero .vp-ingressi{margin-top:28px}.vp-hero-hinta{margin-top:40px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.vp-hero-hinta-teksti{color:var(--vp-teksti-2);font-size:16px}.vp-hinta{display:inline-block;letter-spacing:-.03em;font-variant-numeric:tabular-nums;animation:vp-hinta .38s var(--vp-ulos)}.vp-hinta--hero{font-size:clamp(2.4rem,3.6vw,3.4rem);line-height:1;color:var(--kv-cyan)}@keyframes vp-hinta{0%{opacity:0;filter:blur(6px);transform:translateY(6px)}}.vp-hero-toiminnot{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.vp-koot{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:460px}.vp-koko{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--vp-pinta);cursor:pointer;transition:background-color .18s ease,outline-color .18s ease,transform .16s var(--vp-ulos)}.vp-koko:hover{background:var(--vp-pinta-2)}.vp-koko:active{transform:scale(.98)}.vp-koko[data-valittu=true]{background:var(--vp-valittu);outline:2px solid var(--kv-cyan);outline-offset:-2px}.vp-koko input,.vp-valinta input,.vp-lisa input{position:absolute;opacity:0;pointer-events:none}.vp-koko:has(input:focus-visible),.vp-valinta:has(input:focus-visible),.vp-lisa:has(input:focus-visible){outline:2px solid var(--kv-cyan);outline-offset:3px}.vp-koko-nimi{font-weight:600}.vp-koko-hinta{font-size:14px;color:var(--vp-teksti-3);font-variant-numeric:tabular-nums}.vp-koko-esim{font-size:13px;color:var(--vp-teksti-3);line-height:1.35}.vp-koot--iso{max-width:none;margin-top:0}.vp-koot--iso .vp-koko{padding:16px 18px;gap:4px}.vp-koot--iso .vp-koko-nimi{font-size:18px}.vp-koot--iso .vp-koko-hinta{margin-top:auto;padding-top:6px;font-size:15px;color:var(--vp-teksti-2)}.vp-tyo-otsikko{padding-top:64px;scroll-margin-top:calc(var(--kv-header) + 24px)}.vp-vaiheet{list-style:none;margin:0;padding:0 0 18svh}.vp-vaihe{min-height:74svh;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:30rem;opacity:.34;transition:opacity .5s var(--vp-ulos)}.vp-vaihe[data-aktiivinen=true]{opacity:1}.vp-vaihe-sisus{display:grid;gap:16px}.vp-vaihe p{color:var(--vp-teksti-2);font-size:18px}.vp-vaihe .vp-vaihe-huom{color:var(--kv-cyan);font-size:15px;font-weight:500}.vp-osio{padding:clamp(96px,13vw,200px) 0 0;scroll-margin-top:calc(var(--kv-header) - clamp(96px,13vw,200px) + 32px)}.vp-kehys{padding:0 var(--vp-reuna);max-width:1440px;margin:0 auto}.vp-laskuri{margin-top:48px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:start}.vp-laskuri fieldset{border:0;margin:0 0 40px;padding:0;min-width:0}.vp-laskuri legend{font-family:var(--kv-font-display);font-weight:600;font-size:20px;letter-spacing:-.01em;margin-bottom:14px;padding:0}.vp-laskuri fieldset>.vp-pieni{margin-top:12px}.vp-valinnat{display:grid;gap:6px}.vp-valinta,.vp-lisa{position:relative;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:14px;background:var(--vp-pinta);cursor:pointer;transition:background-color .18s ease,outline-color .18s ease}.vp-valinta:hover,.vp-lisa:hover{background:var(--vp-pinta-2)}.vp-valinta[data-valittu=true],.vp-lisa[data-valittu=true]{background:var(--vp-valittu);outline:2px solid var(--kv-cyan);outline-offset:-2px}.vp-valinta-teksti{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vp-valinta-otsikko{font-weight:600}.vp-valinta-kuvaus{font-size:14px;color:var(--vp-teksti-3)}.vp-valinta-oikea{font-variant-numeric:tabular-nums;color:var(--vp-teksti-2);white-space:nowrap}.vp-yhteenveto{position:sticky;top:calc(var(--kv-header) + 24px);padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--vp-pinta);display:flex;flex-direction:column;gap:14px}.vp-hinta--iso{font-size:clamp(3.4rem,6vw,5.4rem);line-height:.95}.vp-rivit{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:8px;font-size:15px}.vp-rivit li{display:flex;justify-content:space-between;gap:16px;color:var(--vp-teksti-2);font-variant-numeric:tabular-nums}.vp-rivit-kesto{padding-top:8px;color:var(--vp-teksti)!important}.vp-huom{padding:12px 14px;border-radius:12px;background:var(--vp-valittu);font-size:15px}.vp-soita{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-size:15px;color:var(--vp-teksti-2);padding:6px}.vp-soita:hover{color:var(--vp-teksti)}.vp-lomake{display:grid;gap:16px;animation:vp-avautuu .42s var(--vp-ulos)}@keyframes vp-avautuu{0%{opacity:0;transform:translateY(8px)}}.vp-lomake-rivit{display:grid;gap:12px}.vp-kentta{display:grid;gap:6px}.vp-kentta label{font-size:14px;color:var(--vp-teksti-2)}.vp-kentta input,.vp-kentta textarea{width:100%;padding:13px 14px;border-radius:12px;border:0;background:var(--kv-bg);color:var(--vp-teksti);font:inherit;font-size:16px;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .16s ease}.vp-kentta input::-moz-placeholder,.vp-kentta textarea::-moz-placeholder{color:rgb(var(--kv-ink) / .4)}.vp-kentta input::placeholder,.vp-kentta textarea::placeholder{color:rgb(var(--kv-ink) / .4)}.vp-kentta input:focus,.vp-kentta textarea:focus{outline-color:var(--kv-cyan)}.vp-kentta[data-virhe=true] input{outline-color:var(--kv-bad)}.vp-kentta-virhe{font-size:14px;color:var(--kv-bad-fg, var(--kv-bad))}.vp-kiitos{display:grid;gap:10px;padding:8px 0;color:var(--vp-teksti-2)}.vp-kiitos svg{color:var(--kv-cyan)}.vp-kiitos-otsikko{font-family:var(--kv-font-display);font-size:22px;font-weight:600;color:var(--vp-teksti)}.vp-pyorii{animation:vp-pyorii .8s linear infinite}@keyframes vp-pyorii{to{transform:rotate(360deg)}}.vp-vuosi{list-style:none;margin:56px 0 24px;padding:0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,40px)}.vp-vuosi:before,.vp-vuosi:after{content:"";position:absolute;left:0;top:9px;height:6px;border-radius:6px}.vp-vuosi:before{right:0;background:var(--vp-pinta-2)}.vp-vuosi:after{width:100%;background:var(--kv-cyan);transform-origin:left;transition:transform 1.6s var(--vp-ulos) .2s}.vp-js .vp-vuosi:not(.vp-nakyy):after{transform:scaleX(0)}.vp-vuosi-kohta{position:relative;padding-top:44px;display:grid;gap:10px;align-content:start}.vp-vuosi-kohta:before{content:"";box-sizing:border-box;position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;background:var(--kv-bg);border:6px solid var(--kv-cyan)}.vp-vuosi-kk{font-size:15px;color:var(--kv-cyan)!important;font-variant-numeric:tabular-nums}.vp-vuosi-kohta>p{color:var(--vp-teksti-2);max-width:30ch}.vp-vuosi-hinta{font-family:var(--kv-font-display);font-size:28px!important;font-weight:600;color:var(--vp-teksti)!important;letter-spacing:-.02em}.vp-vuosi-hinta .vp-pieni{font-family:var(--kv-font-body);letter-spacing:0;font-weight:400}.vp-saa{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,64px);align-items:center}.vp-saa-luku{font-size:clamp(7rem,21vw,19rem);line-height:.82;letter-spacing:-.06em}.vp-saa-teksti{margin:24px 0 16px;font-size:clamp(1.1rem,1.4vw,1.3rem);color:var(--vp-teksti-2);max-width:46ch}.vp-osio--rajat{margin-top:clamp(96px,13vw,200px);padding-bottom:clamp(80px,10vw,160px);background:var(--kv-bg-2)}.vp-rajat{margin:56px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,72px) clamp(24px,5vw,96px)}.vp-raja{display:grid;gap:12px;align-content:start}.vp-raja dt{font-size:clamp(1.5rem,2.2vw,2.1rem)}.vp-raja dd{margin:0;color:var(--vp-teksti-2);max-width:44ch;font-size:18px}.vp-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);align-items:start}.vp-faq-lista{display:grid;gap:8px}.vp-faq-kohta{border-radius:16px;background:var(--vp-pinta)}.vp-faq-kohta summary{list-style:none;cursor:pointer;padding:20px 56px 20px 22px;position:relative;font-weight:600;font-size:18px}.vp-faq-kohta summary::-webkit-details-marker{display:none}.vp-faq-kohta summary:after{content:"";position:absolute;right:22px;top:50%;width:12px;height:12px;margin-top:-8px;border-right:2px solid var(--vp-teksti-2);border-bottom:2px solid var(--vp-teksti-2);transform:rotate(45deg);transition:transform .22s var(--vp-ulos)}.vp-faq-kohta[open] summary:after{transform:translateY(5px) rotate(225deg)}.vp-faq-kohta p{padding:0 22px 22px;color:var(--vp-teksti-2);max-width:62ch}.vp-osio--loppu{padding-bottom:clamp(96px,12vw,180px)}.vp-loppu{display:grid;gap:40px}.vp-loppu-otsikko{font-size:clamp(2.8rem,8vw,7.4rem);line-height:.92;letter-spacing:-.045em;max-width:14ch}.vp-loppu-toiminnot{display:flex;flex-wrap:wrap;gap:12px}.vp-js .vp-nouse{opacity:0;transform:translateY(24px);transition:opacity .8s var(--vp-ulos),transform .8s var(--vp-ulos)}.vp-js .vp-nouse.vp-nakyy{opacity:1;transform:none}.vp-js .vp-raja.vp-nouse:nth-child(2),.vp-js .vp-faq-kohta.vp-nouse:nth-child(2){transition-delay:70ms}.vp-js .vp-raja.vp-nouse:nth-child(3),.vp-js .vp-faq-kohta.vp-nouse:nth-child(3){transition-delay:.14s}.vp-js .vp-raja.vp-nouse:nth-child(4),.vp-js .vp-faq-kohta.vp-nouse:nth-child(4){transition-delay:.21s}.vp-js .vp-faq-kohta.vp-nouse:nth-child(5){transition-delay:.28s}@media (prefers-reduced-motion: reduce){.vp *,.vp *:before,.vp *:after{animation:none!important;transition-duration:0ms!important}.vp-vaihe{opacity:1}}@media (max-width: 900px){.vp{font-size:16px}.vp-tarina{grid-template-columns:minmax(0,1fr)}.vp-nayttamo{grid-column:1;align-self:start;top:var(--kv-header);height:calc(100svh - var(--kv-header));z-index:0}.vp-nayttamo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgb(var(--kv-bg-rgb) / 0),rgb(var(--kv-bg-rgb) / .55) 35%,rgb(var(--kv-bg-rgb) / .88) 75%)}.vp-kulku{grid-column:1;position:relative;z-index:1;padding-right:var(--vp-reuna)}.vp-hero{min-height:calc(100svh - var(--kv-header));justify-content:flex-end;padding:32px 0 28px}.vp-h1{font-size:min(8.6vw,3.4rem)}.vp-hero .vp-ingressi{color:var(--vp-teksti)}.vp-hero-hinta{margin-top:24px}.vp-koot{max-width:none}.vp-hero-toiminnot .vp-nappi{flex:1 1 100%}.vp-tyo-otsikko{margin-top:40svh;padding:20px;border-radius:20px;background:rgb(var(--kv-bg-rgb) / .82)}.vp-vaiheet{padding-bottom:30svh}.vp-vaihe{min-height:88svh;justify-content:center;padding-top:24svh;opacity:.55}.vp-vaihe-sisus{padding:20px;border-radius:20px;background:rgb(var(--kv-bg-rgb) / .82);gap:12px}.vp-vaihe p{font-size:17px;color:var(--vp-teksti)}.vp-laskuri{grid-template-columns:1fr}.vp-yhteenveto{position:static}.vp-vuosi{grid-template-columns:1fr;gap:36px;padding-left:40px}.vp-vuosi:before,.vp-vuosi:after{top:0;bottom:0;left:9px;right:auto;width:6px;height:auto}.vp-vuosi:after{transform-origin:top}.vp-js .vp-vuosi:not(.vp-nakyy):after{transform:scaleY(0)}.vp-vuosi-kohta{padding-top:0}.vp-vuosi-kohta:before{left:-40px;top:2px}.vp-saa{grid-template-columns:1fr;gap:8px}.vp-rajat,.vp-faq{grid-template-columns:1fr}}@media (max-width: 420px){.vp-koko{padding:10px 12px}.vp-koot--iso{grid-template-columns:1fr}}