.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}}.kp{--kp-ulos: cubic-bezier(.23, 1, .32, 1);--kp-paneeli: cubic-bezier(.32, .72, 0, 1);--kp-reuna: clamp(16px, 4vw, 40px);--kp-t-jatti: clamp(56px, 15vw, 176px);--kp-t-h1: clamp(40px, 8.4vw, 96px);--kp-t-h2: clamp(28px, 4.6vw, 52px);--kp-t-iso: clamp(20px, 2vw, 24px);--kp-t-runko: 17px;font-size:var(--kp-t-runko)}.kp ::-moz-selection{background:var(--kv-cyan);color:#000}.kp ::selection{background:var(--kv-cyan);color:#000}.kp-kehys{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--kp-reuna)}.kp-jatti{font-family:var(--kv-font-display);font-size:var(--kp-t-jatti);font-weight:700;line-height:.88;letter-spacing:-.045em}.kp-h1{font-family:var(--kv-font-display);font-size:var(--kp-t-h1);font-weight:700;line-height:.95;letter-spacing:-.04em;text-wrap:balance}.kp-h2{font-family:var(--kv-font-display);font-size:var(--kp-t-h2);font-weight:600;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.kp-iso{font-size:var(--kp-t-iso);line-height:1.45}.kp-runko{font-size:var(--kp-t-runko);line-height:1.6}.kp-pieni{font-size:14px;line-height:1.5}.kp-luku{font-variant-numeric:tabular-nums}.kp-kentta{position:relative;background:var(--kp-kentta);color:var(--kp-muste)}.kp-kentta[data-liina=sisaliina]{--kp-kentta: #161b2c;--kp-muste: #ffffff;--kp-muste-2: rgba(255,255,255,.78);--kp-taso: rgba(255,255,255,.07)}.kp-kentta[data-liina=pehmoliina]{--kp-kentta: #c5c9ce;--kp-muste: #0a0a0c;--kp-muste-2: rgba(10,10,12,.78);--kp-taso: rgba(10,10,12,.08)}.kp-kentta[data-liina=lasiliina]{--kp-kentta: #ebe48e;--kp-muste: #0a0a0c;--kp-muste-2: rgba(10,10,12,.8);--kp-taso: rgba(10,10,12,.08)}.kp-kentta[data-liina=paperi]{--kp-kentta: #f2f1ec;--kp-muste: #0a0a0c;--kp-muste-2: rgba(10,10,12,.74);--kp-taso: rgba(10,10,12,.06)}.kp-muste-2{color:var(--kp-muste-2)}.kp-nappi-tumma{background:#0a0a0c;color:#fff}.kp-nappi-tumma:hover{background:#24252b}.kp .kv-btn{min-height:48px}.kp .kv-btn:active{transform:scale(.97)}.kp .kv-btn:focus-visible,.kp a:focus-visible,.kp button:focus-visible,.kp summary:focus-visible,.kp input:focus-visible+.kp-valinta-pinta{outline:2px solid var(--kv-cyan);outline-offset:3px}.kp-kentta[data-liina=pehmoliina] :focus-visible,.kp-kentta[data-liina=lasiliina] :focus-visible,.kp-kentta[data-liina=paperi] :focus-visible{outline-color:#0a0a0c!important}.kp-linkki{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:currentColor}.kp-linkki:hover{text-decoration-thickness:2px}.kp-joulu{background:var(--kv-cyan);color:#000}.kp-valinta{position:relative;display:block;cursor:pointer}.kp-valinta input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;cursor:pointer}.kp-valinta-pinta{display:flex;flex-direction:column;gap:4px;min-height:92px;padding:14px 12px;border-radius:14px;background:var(--kv-bg-2);box-shadow:inset 0 0 0 1px var(--kv-line);transition:box-shadow .16s ease,background-color .16s ease,transform .16s var(--kp-ulos)}.kp-valinta:active .kp-valinta-pinta{transform:scale(.98)}.kp-valinta input:checked+.kp-valinta-pinta{background:var(--kv-tint-hi);box-shadow:inset 0 0 0 2px var(--kv-cyan)}.kp-valinta input:disabled+.kp-valinta-pinta{opacity:.45;cursor:not-allowed}.kp-maara{display:inline-flex;align-items:center;border-radius:999px;background:var(--kv-bg-2);box-shadow:inset 0 0 0 1px var(--kv-line-hi)}.kp-maara button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:rgb(var(--kv-ink));transition:background-color .15s ease,transform .12s var(--kp-ulos)}.kp-maara button:hover:not(:disabled){background:var(--kv-tint)}.kp-maara button:active:not(:disabled){transform:scale(.92)}.kp-maara button:disabled{opacity:.35}.kp-maara output{min-width:2ch;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.kp-tausta{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.kp-tausta[data-auki=true]{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .2s ease}.kp-paneeli{position:fixed;top:0;right:0;bottom:0;z-index:61;width:100%;max-width:440px;display:flex;flex-direction:column;background:var(--kv-bg);color:rgb(var(--kv-ink));box-shadow:-24px 0 60px -20px #0009;transform:translate(100%);visibility:hidden;transition:transform .22s var(--kp-ulos),visibility 0s linear .22s}.kp-paneeli[data-auki=true]{transform:none;visibility:visible;transition:transform .3s var(--kp-paneeli)}.kp-paneeli-runko{flex:1;overflow-y:auto;overscroll-behavior:contain}.kp-edistys{height:6px;border-radius:999px;background:var(--kv-bg-2);overflow:hidden}.kp-edistys>span{display:block;height:100%;width:100%;border-radius:inherit;background:var(--kv-cyan);transform-origin:left center;transition:transform .3s var(--kp-ulos)}.kp-rivi-kuva{width:72px;height:72px;flex-shrink:0;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.kp-alapalkki{position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px var(--kp-reuna) calc(10px + env(safe-area-inset-bottom));background:rgb(var(--kv-bg-rgb) / .96);box-shadow:0 -12px 30px -18px #000000b3;transform:translateY(110%);visibility:hidden;transition:transform .18s var(--kp-ulos),visibility 0s linear .18s}.kp-alapalkki[data-nakyy=true]{transform:none;visibility:visible;transition:transform .24s var(--kp-ulos)}@media (min-width: 1024px){.kp-alapalkki{display:none}}.kp-lippu{position:relative;display:grid;grid-template-columns:1fr;border-radius:18px;background:#f2f1ec;color:#0a0a0c;overflow:hidden}.kp-lippu-tynka{background:#e6e4dc}.kp-lippu-lovi{position:absolute;width:28px;height:28px;border-radius:999px;background:var(--kp-lovi, var(--kv-bg))}@media (min-width: 768px){.kp-lippu{grid-template-columns:7fr 3fr}}.kp-faq details{border-radius:14px;background:var(--kv-bg-2);transition:background-color .2s ease}.kp-faq details[open]{background:var(--kv-card-hi)}.kp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 20px;font-weight:500}.kp-faq summary::-webkit-details-marker{display:none}.kp-plus{position:relative;width:16px;height:16px;flex-shrink:0}.kp-plus:before,.kp-plus:after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:2px;background:var(--kv-cyan);transition:transform .2s var(--kp-ulos)}.kp-plus:after{transform:rotate(90deg)}.kp-faq details[open] .kp-plus:after{transform:rotate(0)}.kp-video{position:relative;aspect-ratio:9 / 16;border-radius:18px;overflow:hidden;background:#111114}.kp-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@keyframes kp-nouse{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.kp-nouse{animation:kp-nouse .42s var(--kp-ulos) both}.kp-nouse-2{animation-delay:70ms}.kp-nouse-3{animation-delay:.14s}.kp-nouse-4{animation-delay:.21s}@keyframes kp-pomppu{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.kp-pomppu{animation:kp-pomppu .26s var(--kp-ulos)}@media (hover: hover) and (pointer: fine){.kp-nosto:hover .kp-nosto-kuva{transform:translateY(-6px)}}.kp-nosto-kuva{transition:transform .26s var(--kp-ulos)}@media (prefers-reduced-motion: reduce){.kp-paneeli,.kp-alapalkki{transition:opacity .15s ease}.kp-paneeli:not([data-auki=true]),.kp-alapalkki:not([data-nakyy=true]){opacity:0}.kp-nouse,.kp-pomppu{animation:none}.kp-nosto-kuva,.kp-edistys>span{transition:none}}@media (min-width: 1024px){.kp-kappale-nimi{font-size:min(8vw,128px)}}.kp-venytetty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.kp-venytetty:focus-visible{outline:3px solid currentColor;outline-offset:-6px}.kp-kentta-linkki{cursor:pointer}.kp-kentta-linkki .kp-kehys{position:relative;pointer-events:none}.kp-kentta-linkki .kp-kehys .z-10{pointer-events:auto}@media (hover: hover){.kp-kentta-linkki:hover .kp-nosto-kuva{transform:scale(1.02)}}.kp-kentta-linkki .kp-nosto-kuva{transition:transform .3s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.kp-kentta-linkki .kp-nosto-kuva{transition:none}}@media (max-width: 639px){.kp-kappale-nimi{font-size:clamp(3.25rem,17vw,4.5rem);line-height:.95}}.kp-paluu{background:var(--kv-bg-2, #15151a);box-shadow:inset 0 0 0 1px var(--kv-line-hi, rgba(255,255,255,.18));transition:background-color .16s ease-out,transform .12s ease-out}.kp-paluu:hover{background:var(--kv-card, #1c1c22)}.kp-paluu:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){.kp-paluu{transition:none}.kp-paluu:active{transform:none}}
