.v5{--v5-yo: #0C3A26;--v5-yo-2: #12472F;--v5-viiva: rgba(236, 233, 224, .12);--v5-teksti: #ECE9E0;--v5-himmea: rgba(236, 233, 224, .72);--v5-kulta: #F0A02A;--v5-kulta-muste: #231502;--v5-r: 20px;--v5-ease: cubic-bezier(.16, 1, .3, 1);background:var(--v5-yo);color:var(--v5-teksti);font-family:var(--font-body);overflow-x:clip}.v5-wrap{width:min(1240px,100% - 32px);margin-inline:auto}.v5-h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(32px,4.4vw,58px);line-height:1.02;letter-spacing:-.025em;margin:0 0 clamp(28px,4vw,48px);max-width:18ch;text-wrap:balance;color:var(--v5-teksti)}.v5-osio{padding-block:clamp(64px,8vw,112px)}.v5-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border:0;border-radius:999px;background:var(--v5-kulta);color:var(--v5-kulta-muste);font:700 17px/1 var(--font-body);white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 18px 40px -18px #f0a02abf;transition:transform .18s var(--v5-ease),box-shadow .18s var(--v5-ease),background .18s var(--v5-ease)}.v5-cta:hover{transform:translateY(-2px);background:#f5b048;box-shadow:0 22px 44px -18px #f0a02ae6}.v5-cta:active{transform:translateY(0) scale(.98)}.v5-cta:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}.v5-nuoli{transition:transform .18s var(--v5-ease)}.v5-cta:hover .v5-nuoli{transform:translate(3px)}.v5-cta-iso{min-height:64px;padding:0 34px;font-size:19px}.v5-hero{position:relative;isolation:isolate;min-height:min(100dvh,920px);display:flex;align-items:center;padding:120px 0 72px}.v5-hero-kuva,.v5-hero-kuva img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.v5-hero-kuva img{object-fit:cover;object-position:70% 50%}.v5-hero-verho{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c3a26f0,#0c3a26c7 34%,#0c3a261a 62%,#0c3a2600),linear-gradient(180deg,rgba(12,58,38,.5) 0%,rgba(12,58,38,0) 22%,rgba(12,58,38,0) 78%,var(--v5-yo) 100%)}.v5-hero-sisalto{position:relative}.v5-h1{font-family:var(--font-heading);font-weight:700;margin:0;color:var(--v5-teksti);font-size:clamp(40px,5vw,84px);line-height:1;letter-spacing:-.035em}.v5-h1>span{display:block}.v5-h1-kulta{color:var(--v5-kulta)}.v5-lead{font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:var(--v5-himmea);max-width:30ch;margin:22px 0 0}.v5-kone{margin-top:32px;max-width:560px;padding:18px;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#ffffff1a,#ffffff0a),#0c3a268c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px #ffffff24,0 30px 80px -30px #0009}@media(prefers-reduced-transparency:reduce){.v5-kone{background:var(--v5-yo-2);backdrop-filter:none}}.v5-valinta{display:flex;gap:6px;padding:4px;border-radius:999px;background:#00000047;width:fit-content}.v5-valinta-nappi{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--v5-himmea);font:600 15px/1 var(--font-body);cursor:pointer;transition:background .18s var(--v5-ease),color .18s var(--v5-ease)}.v5-valinta-nappi:hover{color:#fff}.v5-valinta-nappi[aria-selected=true]{background:var(--v5-teksti);color:var(--v5-yo)}.v5-valinta-nappi:focus-visible{outline:2px solid var(--v5-kulta);outline-offset:2px}.v5-lomake{margin-top:16px}.v5-label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.v5-rivi{display:flex;gap:8px}.v5-kentta{flex:1;min-width:0;min-height:56px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#fffffff5;color:#10211b;font:500 16px/1 var(--font-body)}.v5-kentta::placeholder{color:#5e6b66}.v5-kentta:focus-visible{outline:3px solid var(--v5-kulta);outline-offset:2px}.v5-mikro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:12px 4px 0;font-size:14px;color:var(--v5-himmea)}.v5-mikro b{color:var(--v5-teksti)}.v5-ohi{color:var(--v5-teksti);text-underline-offset:3px}.v5-ohi:hover{color:var(--v5-kulta)}.v5-kortti{margin:14px 4px 0;font-size:13px;line-height:1.45;color:var(--v5-himmea)}.v5-ilmoitus{position:absolute;right:clamp(24px,6vw,96px);bottom:clamp(56px,12vh,140px);display:grid;gap:2px;width:280px;padding:18px 20px;border-radius:var(--v5-r);background:#fff;color:#10211b;box-shadow:0 30px 70px -24px #0009}.v5-ilmoitus-otsikko{font-size:13px;font-weight:700;color:#3f5a12}.v5-ilmoitus strong{font-size:18px;margin-top:4px}.v5-ilmoitus-rivi{font-size:14px;color:#55615c}.v5-ilmoitus-summa{font-family:var(--font-heading);font-size:36px;color:#8a4e06;margin-top:6px;line-height:1}@media(prefers-reduced-motion:no-preference){.v5-nousu{animation:v5-nousu .7s var(--v5-ease) both;animation-delay:calc(var(--i, 0) * 90ms + 80ms)}.v5-ilmoitus{animation:v5-pomppu .64s var(--v5-ease) .9s both}@keyframes v5-nousu{0%{opacity:0;transform:translateY(18px)}}@keyframes v5-pomppu{0%{opacity:0;transform:translateY(24px) scale(.94)}}}@media(max-width:760px){.v5-hero{display:block;min-height:auto;padding:0 0 32px}.v5-hero-kuva,.v5-hero-kuva img{height:50svh;min-height:340px}.v5-hero-kuva img{object-position:50% 62%}.v5-hero-verho{background:linear-gradient(180deg,rgba(12,58,38,.35) 0%,rgba(12,58,38,0) 18%,rgba(12,58,38,0) 34%,var(--v5-yo) max(50svh,340px))}.v5-hero-sisalto{padding-top:calc(max(50svh,340px) - 110px)}.v5-h1{font-size:38px}.v5-lead{font-size:17px;margin-top:14px}.v5-kone{margin-top:20px;padding:14px}.v5-valinta{width:100%}.v5-valinta-nappi{flex:1;padding:0 8px}.v5-rivi{flex-direction:column}.v5-cta{width:100%}.v5-ilmoitus{display:none}}.v5-nauha{border-block:1px solid var(--v5-viiva);padding:18px 0;overflow:hidden}.v5-nauha-rata{display:flex;width:max-content}.v5-nauha-lista{display:flex;gap:12px;padding:0 6px;margin:0;list-style:none}.v5-nauha-lista li{display:flex;align-items:baseline;gap:10px;white-space:nowrap;padding:12px 18px;border-radius:999px;background:var(--v5-yo-2);border:1px solid var(--v5-viiva);font-size:15px}.v5-nauha-otsikko{font-weight:700}.v5-nauha-rivi{color:var(--v5-himmea)}.v5-nauha-lista b{color:var(--v5-kulta)}@media(prefers-reduced-motion:no-preference){.v5-nauha-rata{animation:v5-nauha 46s linear infinite}.v5-nauha:hover .v5-nauha-rata{animation-play-state:paused}@keyframes v5-nauha{to{transform:translate(-50%)}}}.v5-bento{display:grid;grid-template-columns:.75fr 1.29fr 1.49fr;gap:16px;align-items:start}.v5-laatta{position:relative;overflow:hidden;border-radius:var(--v5-r);color:#fff;text-decoration:none;display:flex;align-items:flex-end;background:var(--v5-yo-2)}.v5-laatta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--v5-ease)}.v5-laatta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0c3a2600 35%,#0c3a26eb)}.v5-laatta:hover img{transform:scale(1.04)}.v5-laatta:focus-visible{outline:3px solid var(--v5-kulta);outline-offset:3px}.v5-laatta-sisalto{position:relative;z-index:1;display:grid;gap:6px;padding:clamp(20px,2.4vw,32px)}.v5-laatta-nimi{font-family:var(--font-heading);font-weight:700;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.02em}.v5-laatta-rivi{color:#ffffffd9;max-width:34ch;line-height:1.4}.v5-laatta-hinta{justify-self:start;margin-top:8px;padding:8px 14px;border-radius:999px;background:var(--v5-kulta);color:var(--v5-kulta-muste);font-weight:700;font-size:15px}@media(max-width:760px){.v5-bento{grid-template-columns:1fr}}.v5-askeleet{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0;counter-reset:none}.v5-askel{position:relative}.v5-askel:nth-child(2){margin-top:48px}.v5-askel:nth-child(3){margin-top:96px}.v5-askel-kuva{aspect-ratio:4 / 3;border-radius:var(--v5-r);overflow:hidden;background:#f4f1ea;border:1px solid var(--v5-viiva)}.v5-askel-kuva img{width:100%;height:100%;object-fit:cover;object-position:top center}.v5-askel-nro{position:absolute;top:-18px;left:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--v5-kulta);color:var(--v5-kulta-muste);font:800 18px/1 var(--font-heading)}.v5-askel h3{color:var(--v5-teksti);font-family:var(--font-heading);font-size:24px;line-height:1.15;letter-spacing:-.015em;margin:22px 0 8px}.v5-askel p{margin:0;color:var(--v5-himmea);line-height:1.5}@media(max-width:860px){.v5-askeleet{grid-template-columns:1fr;gap:48px}.v5-askel:nth-child(n){margin-top:0}}.v5-laskuri{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}.v5-liuku{display:grid;gap:14px;margin-bottom:28px;font-size:16px}.v5-liuku>span{display:flex;justify-content:space-between;font-weight:600}.v5-liuku output{font-family:var(--font-heading);font-size:22px;color:var(--v5-kulta)}.v5-liuku input{width:100%;height:44px;accent-color:var(--v5-kulta);cursor:pointer}.v5-liuku input:focus-visible{outline:2px solid var(--v5-kulta);outline-offset:4px}.v5-oletus{font-size:14px;color:var(--v5-himmea);margin:0}.v5-laskuri-oikea{padding:clamp(28px,4vw,48px);border-radius:28px;background:radial-gradient(120% 90% at 100% 0%,rgba(240,160,42,.22),transparent 60%),var(--v5-yo-2);border:1px solid rgba(240,160,42,.25)}.v5-laskuri-otsikko{font-size:16px;color:var(--v5-himmea)}.v5-luku{font-family:var(--font-heading);font-weight:700;font-size:clamp(56px,8vw,104px);line-height:1;letter-spacing:-.04em;color:var(--v5-kulta);margin:8px 0 16px;font-variant-numeric:tabular-nums}.v5-laskuri-selite{color:var(--v5-himmea);line-height:1.5;margin:0 0 24px;min-height:3em;max-width:44ch}@media(max-width:860px){.v5-laskuri{grid-template-columns:1fr}}.v5-rulla{display:grid;grid-auto-flow:column;grid-auto-columns:min(520px,82vw);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:4px max(16px,calc((100% - 1240px)/2)) 24px;scrollbar-width:thin}.v5-rulla li{scroll-snap-align:start}.v5-demo{position:relative;display:block;border-radius:var(--v5-r);overflow:hidden;background:#fff;color:#10211b;text-decoration:none;transition:transform .24s var(--v5-ease)}.v5-demo:hover{transform:translateY(-4px)}.v5-demo:focus-visible{outline:3px solid var(--v5-kulta);outline-offset:3px}.v5-demo-palkki{display:block;padding:10px 16px;background:#1b2e28;color:#fffc;font-size:13px}.v5-demo img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.v5-demo-teksti{display:block;padding:14px 16px 18px;font-size:15px;line-height:1.4}.v5-demo-merkki{position:absolute;top:48px;right:12px;padding:5px 10px;border-radius:999px;background:#0c3a26d1;color:#fff;font-size:12px;font-weight:700}.v5-hinnat{display:grid;border-radius:28px;overflow:hidden;border:1px solid var(--v5-viiva)}.v5-hinta{display:grid;grid-template-columns:1.1fr 1fr 2fr auto;align-items:center;gap:16px;padding:26px clamp(20px,3vw,36px);color:var(--v5-teksti);text-decoration:none;background:var(--v5-yo-2);transition:background .18s var(--v5-ease)}.v5-hinta+.v5-hinta{border-top:1px solid var(--v5-viiva)}.v5-hinta:hover{background:#163229}.v5-hinta:focus-visible{outline:3px solid var(--v5-kulta);outline-offset:-3px}.v5-hinta-nimi{font-family:var(--font-heading);font-size:24px;font-weight:700}.v5-hinta-luku{font-family:var(--font-heading);font-size:clamp(30px,3.4vw,44px);font-weight:700;color:var(--v5-kulta);letter-spacing:-.02em}.v5-hinta-pct{color:var(--v5-himmea)}.v5-hinta-nuoli{font-size:22px;transition:transform .18s var(--v5-ease)}.v5-hinta:hover .v5-hinta-nuoli{transform:translate(4px);color:var(--v5-kulta)}.v5-hinta-pieni{margin:18px 4px 0;font-size:14px;color:var(--v5-himmea)}@media(max-width:760px){.v5-hinta{grid-template-columns:1fr auto;gap:4px 12px}.v5-hinta-luku{grid-column:1}.v5-hinta-pct{grid-column:1 / -1}.v5-hinta-nuoli{grid-row:1;grid-column:2}}.v5-ukk{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v5-kysymys{border-radius:16px;background:var(--v5-yo-2);border:1px solid var(--v5-viiva)}.v5-kysymys summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:64px;padding:16px 22px;font-weight:600;font-size:17px}.v5-kysymys summary::-webkit-details-marker{display:none}.v5-kysymys summary:after{content:"+";font-size:24px;color:var(--v5-kulta);transition:transform .2s var(--v5-ease)}.v5-kysymys[open] summary:after{transform:rotate(45deg)}.v5-kysymys summary:focus-visible{outline:2px solid var(--v5-kulta);outline-offset:-2px;border-radius:16px}.v5-kysymys p{margin:0;padding:0 22px 20px;color:var(--v5-himmea);line-height:1.55}@media(max-width:760px){.v5-ukk{grid-template-columns:1fr}}.v5-loppu{position:relative;isolation:isolate;padding:clamp(96px,14vw,180px) 0;text-align:center}.v5-loppu>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.v5-loppu-verho{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--v5-yo) 0%,rgba(12,58,38,.72) 40%,rgba(12,58,38,.88) 100%)}.v5-loppu-sisalto{display:grid;justify-items:center}.v5-loppu .v5-h2{margin-inline:auto;max-width:16ch}.v5-loppu .v5-kortti{max-width:52ch}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.v5-esiin{animation:v5-esiin linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes v5-esiin{0%{opacity:0;transform:translateY(28px)}}}}