:root{--kl-hiili: #373334;--kl-hiili-hover: #4a4546;--kl-sininen: #bfdff5;--kl-sininen-hover: #a9d3f1;--kl-sininen-pohja: #eef6fc;--kl-kerma: #fffff4;--kl-valkoinen: #ffffff;--kl-linkki: #1c5b87;--kl-viiva: rgba(55, 51, 52, .12);--kl-varjo: 0 10px 30px rgba(55, 51, 52, .1);--kl-sade: 18px;--kl-leveys: 1200px}.kl{color:var(--kl-hiili);font-family:var(--font-body-family)}.kl *,.kl *:before,.kl *:after{box-sizing:border-box}.kl-sisa{max-width:var(--kl-leveys);margin:0 auto;padding:0 20px}.kl-osio{padding:64px 0}.kl-osio--tiivis{padding:40px 0}.kl-osio--kerma{background:var(--kl-kerma)}.kl-osio--valkoinen{background:var(--kl-valkoinen)}.kl-osio--sininen{background:var(--kl-sininen-pohja)}.kl-osio--tumma{background:var(--kl-hiili);color:var(--kl-kerma)}@media(max-width:749px){.kl-osio{padding:44px 0}.kl-osio--tiivis{padding:28px 0}}.kl h1,.kl h2,.kl h3{font-family:var(--font-heading-family);font-weight:600;color:inherit;letter-spacing:-.01em;margin:0}.kl .kl-otsikko{font-size:clamp(26px,3.4vw,38px);line-height:1.2;text-align:center;margin:0 0 28px}.kl .kl-otsikko+.kl-alaotsikko{margin-top:-16px}.kl-alaotsikko{font-size:17px;line-height:1.6;text-align:center;opacity:.8;max-width:640px;margin:0 auto 32px}.kl-osio--tumma .kl-alaotsikko{opacity:.85}.kl-napit{display:flex;flex-wrap:wrap;gap:12px}.kl-nappi{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:14px;border:1.5px solid transparent;font-family:var(--font-body-family);font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.kl-nappi:hover{transform:translateY(-1px)}.kl-nappi:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:3px}.kl-nappi--paa{background:var(--kl-sininen);color:var(--kl-hiili)}.kl-nappi--paa:hover{background:var(--kl-sininen-hover)}.kl-nappi--tumma{background:var(--kl-hiili);color:var(--kl-valkoinen)}.kl-nappi--tumma:hover{background:var(--kl-hiili-hover)}.kl-nappi--haamu{background:transparent;color:inherit;border-color:currentColor}.kl-nappi--haamu:hover{background:#ffffff1a}.kl-osio--tumma .kl-nappi:focus-visible,.kl-hero .kl-nappi:focus-visible{outline-color:var(--kl-valkoinen)}.kl-nappi svg{width:18px;height:18px;flex:0 0 auto}.kl-hero{position:relative;color:var(--kl-valkoinen);background:var(--kl-hiili);overflow:hidden}.kl-hero__kuva{position:absolute;top:0;right:0;bottom:0;left:0}.kl-hero__kuva img{width:100%;height:100%;object-fit:cover;display:block}.kl-hero__kuva:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#231f2073,#231f209e)}.kl-hero__sisa{position:relative;max-width:var(--kl-leveys);margin:0 auto;padding:96px 20px 88px}.kl-hero--pieni .kl-hero__sisa{padding:72px 20px 64px}.kl-hero__teksti{max-width:720px}.kl-hero--keski .kl-hero__teksti{margin:0 auto;text-align:center}.kl-hero--keski .kl-napit,.kl-hero--keski .kl-hero__luottamus{justify-content:center}.kl-hero__esiotsikko{display:inline-block;font-size:14px;font-weight:600;letter-spacing:.02em;background:#bfdff52e;border:1px solid rgba(191,223,245,.45);padding:6px 14px;border-radius:999px;margin:0 0 18px}.kl-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.12;margin:0 0 16px;text-shadow:0 2px 12px rgba(0,0,0,.25)}.kl-hero__johdanto{font-size:clamp(17px,1.6vw,20px);line-height:1.55;margin:0 0 28px;opacity:.95}.kl-hero__luottamus{display:flex;flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:0;list-style:none;font-size:15px}.kl-hero__luottamus li{display:flex;align-items:center;gap:8px}.kl-hero__luottamus svg{width:18px;height:18px;color:var(--kl-sininen);flex:0 0 auto}@media(max-width:749px){.kl-hero__sisa{padding:64px 20px 56px}.kl-hero .kl-napit{flex-direction:column}.kl-hero .kl-nappi{width:100%}}.kl-luvut{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kl-luku{background:var(--kl-valkoinen);border-radius:var(--kl-sade);padding:20px 18px;text-align:center;box-shadow:var(--kl-varjo)}.kl-luku b{display:block;font-family:var(--font-heading-family);font-size:26px;font-weight:600;line-height:1.2}.kl-luku span{display:block;font-size:14px;line-height:1.4;opacity:.75;margin-top:4px}@media(max-width:749px){.kl-luvut{grid-template-columns:repeat(2,1fr)}.kl-luku b{font-size:22px}}.kl-polut{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:860px;margin:0 auto}.kl-polku{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;border-radius:999px;background:var(--kl-sininen);color:var(--kl-hiili);font-size:15px;line-height:1.35;text-decoration:none;border:1.5px solid transparent;transition:background .15s;cursor:pointer}.kl-polku:hover{background:var(--kl-sininen-hover)}.kl-polku:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:2px}.kl-polku--paa{background:var(--kl-hiili);color:var(--kl-valkoinen);font-weight:600}.kl-polku--paa:hover{background:var(--kl-hiili-hover)}.kl-upotus{max-width:720px;margin:28px auto 0;scroll-margin-top:96px}.kl-upotus:empty{display:none}html.kl-botti-valmis .kl-osio--upotus .kl-otsikko,html.kl-botti-valmis .kl-osio--upotus .kl-alaotsikko,html.kl-botti-valmis .kl-osio--upotus .kl-polut{display:none}html.kl-botti-valmis .kl-osio--upotus .kl-upotus{margin-top:0}.kl-ruudukko{display:grid;gap:16px;grid-template-columns:repeat(var(--kl-sarakkeet, 3),1fr)}@media(max-width:989px){.kl-ruudukko{grid-template-columns:repeat(2,1fr)}}@media(max-width:599px){.kl-ruudukko{grid-template-columns:1fr}}.kl-kortti{position:relative;display:flex;flex-direction:column;background:var(--kl-valkoinen);color:var(--kl-hiili);border-radius:var(--kl-sade);overflow:hidden;box-shadow:var(--kl-varjo);text-decoration:none;transition:transform .15s,box-shadow .15s}a.kl-kortti:hover{transform:translateY(-2px);box-shadow:0 16px 36px #37333424}a.kl-kortti:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:3px}.kl-kortti__kuva{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--kl-sininen-pohja)}.kl-kortti__kuva img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kl-kortti__runko{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.kl-kortti h3{font-size:20px;line-height:1.3}.kl-kortti p{margin:0;font-size:15px;line-height:1.55;opacity:.8}.kl-kortti__hinta{font-weight:600;font-size:15px}.kl-kortti__linkki{margin-top:auto;padding-top:6px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;gap:6px}.kl-kortti__linkki:after{content:"\2192";transition:transform .15s}a.kl-kortti:hover .kl-kortti__linkki:after{transform:translate(3px)}.kl-alueet{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.kl-alue{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:14px;background:var(--kl-valkoinen);color:var(--kl-hiili);text-decoration:none;font-weight:600;box-shadow:var(--kl-varjo)}.kl-alue:hover{background:var(--kl-sininen)}.kl-alue:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:2px}.kl-alue svg{width:18px;height:18px}.kl-alue span{font-weight:400;opacity:.7;font-size:14px}.kl-vaiheet{counter-reset:vaihe}.kl-vaihe{background:var(--kl-valkoinen);border-radius:var(--kl-sade);padding:26px 24px;box-shadow:var(--kl-varjo)}.kl-vaihe:before{counter-increment:vaihe;content:counter(vaihe);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--kl-sininen);font-family:var(--font-heading-family);font-weight:600;font-size:18px;margin-bottom:16px}.kl-vaihe h3{font-size:19px;margin:0 0 8px}.kl-vaihe p{margin:0;font-size:15px;line-height:1.6;opacity:.8}.kl-arvio{background:var(--kl-valkoinen);border-radius:var(--kl-sade);padding:24px;box-shadow:var(--kl-varjo);display:flex;flex-direction:column;gap:14px}.kl-tahdet{color:#e8a400;font-size:18px;letter-spacing:2px}.kl-arvio blockquote{margin:0;font-size:16px;line-height:1.6}.kl-arvio figcaption{margin-top:auto;font-size:14px}.kl-arvio figcaption b{font-weight:600}.kl-arvio figcaption span{opacity:.65}.kl-merkki{display:inline-flex;align-items:center;gap:8px;background:var(--kl-valkoinen);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;box-shadow:var(--kl-varjo)}.kl-merkit{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:-14px 0 28px}.kl-sisalto{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start}@media(max-width:989px){.kl-sisalto{grid-template-columns:1fr;gap:28px}}.kl-teksti{font-size:17px;line-height:1.75}.kl-teksti h2{font-size:clamp(22px,2.4vw,28px);line-height:1.3;margin:36px 0 12px}.kl-teksti h2:first-child{margin-top:0}.kl-teksti h3{font-size:19px;margin:24px 0 8px}.kl-teksti p{margin:0 0 16px}.kl-teksti ul{margin:0 0 18px;padding:0;list-style:none}.kl-teksti li{position:relative;padding-left:30px;margin:0 0 10px}.kl-teksti li:before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;border-radius:50%;background:var(--kl-sininen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23373334' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 11px no-repeat}.kl-teksti a{color:var(--kl-linkki);text-underline-offset:3px}.kl-teksti strong{font-weight:600}.kl-sivukortti{position:sticky;top:110px;background:var(--kl-hiili);color:var(--kl-kerma);border-radius:var(--kl-sade);padding:28px 24px}.kl-sivukortti h3{font-size:21px;margin:0 0 8px}.kl-sivukortti p{margin:0 0 18px;font-size:15px;line-height:1.6;opacity:.88}.kl-sivukortti .kl-hinta{font-family:var(--font-heading-family);font-size:30px;font-weight:600;margin:0 0 4px;opacity:1}.kl-sivukortti .kl-napit{flex-direction:column}.kl-sivukortti .kl-nappi{width:100%}.kl-sivukortti ul{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,244,.18);font-size:14px}.kl-sivukortti li{margin:0 0 8px;display:flex;gap:8px}.kl-sivukortti li:before{content:"\2713";color:var(--kl-sininen);font-weight:700}.kl-ukk{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.kl-ukk details{background:var(--kl-valkoinen);border-radius:14px;box-shadow:var(--kl-varjo)}.kl-ukk summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:16px 22px;font-family:var(--font-heading-family);font-weight:500;font-size:17px}.kl-ukk summary::-webkit-details-marker{display:none}.kl-ukk summary:after{content:"+";font-size:24px;line-height:1;transition:transform .2s;flex:0 0 auto}.kl-ukk details[open] summary:after{transform:rotate(45deg)}.kl-ukk summary:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:2px;border-radius:14px}.kl-ukk__vastaus{padding:0 22px 20px;font-size:16px;line-height:1.7}.kl-ukk__vastaus p{margin:0 0 10px}.kl-ukk__vastaus a{color:var(--kl-linkki)}.kl-cta{text-align:center}.kl-cta .kl-napit{justify-content:center}.kl-cta .kl-hinta{font-family:var(--font-heading-family);font-size:clamp(34px,5vw,48px);font-weight:600;margin:4px 0 6px}.kl-cta__pieni{font-size:14px;opacity:.75;margin:18px 0 0}.kl-kelluva{position:fixed;right:18px;bottom:18px;z-index:2147482000;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border-radius:26px;background:var(--kl-hiili);color:#fff;font-family:var(--font-body-family);font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #37333447}.kl-kelluva:hover{background:var(--kl-hiili-hover)}.kl-kelluva:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:3px}.kl-kelluva svg{width:20px;height:20px}html.kl-botti-valmis .kl-kelluva{display:none}@media(prefers-reduced-motion:reduce){.kl *,.kl-kelluva{transition:none!important}.kl-nappi:hover,a.kl-kortti:hover{transform:none}}.kl-kt{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.kl-kt--kaanteinen .kl-kt__kuva{order:2}.kl-kt__kuva{position:relative;aspect-ratio:4 / 3;border-radius:var(--kl-sade);overflow:hidden;box-shadow:var(--kl-varjo);background:var(--kl-sininen-pohja)}.kl-kt__kuva img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kl-kt h2{font-size:clamp(26px,3.2vw,36px);line-height:1.2;margin:0 0 14px}.kl-kt__teksti{font-size:17px;line-height:1.7;opacity:.85;margin:0 0 18px}.kl-kt__teksti p{margin:0 0 12px}.kl-kt ul{list-style:none;margin:0 0 24px;padding:0}.kl-kt li{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;font-size:16px}.kl-kt li:before{content:"";flex:0 0 22px;height:22px;border-radius:50%;margin-top:1px;background:var(--kl-sininen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23373334' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 12px no-repeat}@media(max-width:749px){.kl-kt{grid-template-columns:1fr;gap:24px}.kl-kt--kaanteinen .kl-kt__kuva{order:0}}.kl-liuku{position:relative}.kl-liuku__rata{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 22px;margin:0 -4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kl-liuku__rata::-webkit-scrollbar{display:none}.kl-liuku__rata>*{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start}@media(max-width:989px){.kl-liuku__rata>*{flex-basis:calc((100% - 16px)/2)}}@media(max-width:599px){.kl-liuku__rata>*{flex-basis:86%}}.kl-liuku__napit{display:flex;justify-content:center;gap:10px;margin-top:4px}.kl-liuku__nappi{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--kl-viiva);background:var(--kl-valkoinen);color:var(--kl-hiili);font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--kl-varjo)}.kl-liuku__nappi:hover{background:var(--kl-sininen)}.kl-liuku__nappi:focus-visible{outline:3px solid var(--kl-hiili);outline-offset:2px}.kl-liuku__nappi[disabled]{opacity:.35;cursor:default}.kl-arvio blockquote{font-style:normal;border:0;padding:0}.kl-logot{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.kl-logot__rata{display:flex;gap:56px;width:max-content;align-items:center;animation:kl-logot 28s linear infinite}.kl-logot__rata img{height:36px;width:auto;display:block}@keyframes kl-logot{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.kl-logot__rata{animation:none;flex-wrap:wrap;justify-content:center;width:auto}}.kl-osio--tumma .kl-logot__rata img{filter:brightness(0) invert(1);opacity:.85}.kl-murupolku{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin:0 0 20px;opacity:.75}.kl-murupolku a{color:inherit}.kl .kl-artikkeli__otsikko{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 10px}.kl-artikkeli__meta{font-size:14px;opacity:.65;margin:0 0 24px}.kl-tiivistelma{background:var(--kl-sininen-pohja);border-left:4px solid var(--kl-sininen);border-radius:0 14px 14px 0;padding:16px 20px;margin:0 0 28px;font-size:18px;line-height:1.6}.kl-tiivistelma p{margin:0}.kl-teksti table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}.kl-teksti th,.kl-teksti td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--kl-viiva);vertical-align:top}.kl-teksti th{font-weight:600;background:var(--kl-sininen-pohja)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kliini.css.map */
