@font-face{font-family:Inter;src:url('./inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--tausta:#fafafa;--muste:#202027;--himmea:#62626d;--violetti:#4f46e5;--oranssi:#f59e0b;--raja:#e5e5eb;--kuusi-20:#e5e5eb;--sininen:#4f46e5;--pinkki:#c7c5fa;--monofontti:ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--tausta);color:var(--muste);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.06;letter-spacing:-.055em;font-weight:500;text-wrap:balance}h2{font-size:clamp(2.4rem,4.2vw,3.65rem)}h3{font-size:1.35rem;letter-spacing:-.025em;line-height:1.25}.kehys{width:min(1280px,calc(100% - 96px));margin-inline:auto}.paavalikko{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 0}.merkki{display:flex;align-items:center;gap:.45rem;text-decoration:none;font-size:2rem;font-weight:650;letter-spacing:-.065em}.merkki img{width:44px;height:44px}.beta-merkki{align-self:center;margin-left:.2rem;padding:.15rem .55rem;border:1px solid #d3d0f7;border-radius:99px;background:#f0effb;color:var(--violetti);font-size:.75rem;font-weight:550;letter-spacing:0;line-height:1.4}.navlinkit{display:flex;gap:.35rem;background:#f0f0f3;border-radius:999px;padding:.35rem}.navlinkit a{text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:99px}.navlinkit a:hover{background:white}.nappi{display:inline-flex;align-items:center;justify-content:space-between;gap:1.75rem;min-height:48px;padding:.8rem 1.4rem;border:1px solid #d8d8e1;border-radius:99px;text-decoration:none;font-size:.875rem;font-weight:550;line-height:1.4;background:transparent;transition:background .16s,color .16s}.nappi span,.ilinkki span{font-size:1.3em;font-weight:400}.nappi:hover{background:#ecebf9}.nappi.ensisijainen{color:white;background:var(--violetti);border-color:var(--violetti)}.nappi.ensisijainen:hover{background:#3e36c1}.ilinkki{text-decoration:none;font-size:.9375rem;font-weight:500;display:inline-flex;align-items:center;gap:1rem}.ilinkki:hover{text-decoration:underline;text-underline-offset:5px}.silmakulma{font-size:.875rem;letter-spacing:0;font-weight:500;display:flex;align-items:center;gap:.65rem;margin-bottom:1.7rem}.piste{width:8px;height:8px;border-radius:50%;background:var(--oranssi)}.sankari{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;padding:4.5rem 0 4rem}.sankari h1{font-size:clamp(3.6rem,6.5vw,6.15rem);font-weight:450;line-height:1;letter-spacing:-.065em}.sankari h1 span{color:var(--violetti)}.alaotsikko{font-size:1.075rem;color:var(--himmea);max-width:29em;margin-top:2rem;line-height:1.75}.napit{display:flex;align-items:center;gap:1.6rem;margin-top:2rem;flex-wrap:wrap}.tilahuomio{font-size:.8125rem;color:var(--himmea);max-width:31em;margin-top:1.2rem}.sankari-kuva{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#fff;border-radius:1.5rem;overflow:hidden}.sankari-kuva img{width:100%;mix-blend-mode:multiply}.sankari-kuva figcaption{display:flex;justify-content:space-between;align-items:center;padding:0 2.2rem 1.5rem;font-size:.875rem;color:var(--himmea)}.sankari-kuva figcaption span:last-child{font-size:1.8rem;color:var(--violetti)}.perusasiat{display:grid;grid-template-columns:repeat(3,1fr);padding:1.4rem 0;gap:2rem;border-block:1px solid var(--raja)}.perusasiat p{display:flex;align-items:center;gap:1rem;font-size:.875rem}.perusasiat span{font-size:.75rem;color:var(--violetti);font-variant-numeric:tabular-nums}.perusasiat strong{font-weight:500}section{padding:6.5rem 0}.osio-otsake{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:end;margin-bottom:2.8rem}.osio-otsake .silmakulma{margin-bottom:1.1rem}.osio-otsake>p{color:var(--himmea);max-width:31em}.demo{border-radius:1rem;box-shadow:0 16px 50px -30px #29235a30}.demo-brandi img{width:30px;height:30px}.demo-saate{font-size:.8125rem;color:var(--himmea);margin:1rem 0 0;max-width:65em}.poiminnat{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.poiminnat p{color:var(--himmea);margin-top:.7rem;font-size:.9375rem}.tietoa{display:grid;grid-template-columns:1fr 1fr;gap:5rem;border-top:1px solid var(--raja)}.tietoa h2 span{color:var(--violetti)}.tietoa>div>p:not(.silmakulma){margin:1.7rem 0;color:var(--himmea);max-width:29em}.tietolista article{display:flex;gap:1.7rem;padding:1.6rem 0;border-bottom:1px solid var(--raja)}.tietolista article:first-child{padding-top:.4rem}.tietolista article>span{font-size:.75rem;color:var(--violetti);padding-top:.15rem}.tietolista p{font-size:.9375rem;color:var(--himmea);margin-top:.5rem}.avustaja{padding:3.5rem;background:#eeedf9;border-radius:1.25rem}.avustaja .silmakulma{color:var(--violetti)}.avustaja .osio-otsake{align-items:start;gap:2rem}.avustajan-asiat{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding-top:1.8rem;border-top:1px solid #d6d4ee}.avustajan-asiat p{font-size:.9375rem;color:#5b596a}.avustajan-asiat strong{display:block;color:var(--muste);font-weight:550;margin-bottom:.4rem}.hinnoittelu .osio-otsake{grid-template-columns:1.4fr 1fr}.hinnoittelu h2{font-size:clamp(2.2rem,3.5vw,3.25rem)}.hinnat{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hinta-kortti{display:flex;flex-direction:column;padding:2rem;background:white;border:1px solid var(--raja);border-radius:1.2rem}.hinta-kortti.korostettu{background:#f0effb;border-color:#d3d0f7}.paketin-tila{font-size:.8125rem;color:var(--himmea);margin-bottom:1.3rem}.hinta-kortti h3{font-size:1.55rem}.hinta-luku{font-size:3.5rem;letter-spacing:-.055em;line-height:1.2;margin:1.35rem 0 1rem}.hinta-luku small{font-size:.9375rem;letter-spacing:0;color:var(--himmea)}.hinta-kortti>p:not(.hinta-luku):not(.paketin-tila){font-size:.9375rem;color:var(--himmea)}.hinta-kortti ul{list-style:none;padding:0;margin:1.5rem 0 2rem;font-size:.875rem}.hinta-kortti li{padding:.5rem 0;border-bottom:1px solid var(--raja)}.hinta-kortti li:before{content:'✓';color:var(--violetti);margin-right:.7rem}.hinta-kortti .nappi{margin-top:auto}.hinnoittelu-huomio{font-size:.8125rem;color:var(--himmea);margin-top:1rem}footer{border-top:1px solid var(--raja);padding:2.8rem 0 2rem}.footer-alku{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.footer-alku>p{font-size:.9375rem;color:var(--himmea)}.footer-alku>.ilinkki{margin-left:auto}.footer-loppu{display:flex;justify-content:space-between;gap:2rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--raja);font-size:.8125rem;color:var(--himmea)}.footer-loppu p{max-width:43em}.footer-loppu>span,.footer-loppu>a{white-space:nowrap}.ohitus{position:fixed;top:-100px;left:1rem;padding:.7rem 1rem;background:white;z-index:50}.ohitus:focus{top:1rem}:is(a,button,input,select):focus-visible{outline:3px solid var(--violetti);outline-offset:4px}.demo-taulukko{min-width:520px}.demo-sisalto{overflow-x:auto}.demo button{min-height:36px}
@media(max-width:1050px){.kehys{width:calc(100% - 48px)}.paavalikko{gap:1rem}.navlinkit a{padding:.5rem .7rem}.nav-nappi{display:none}.sankari{gap:1rem}.osio-otsake{gap:2rem}.hinta-kortti{padding:1.4rem}.hinta-kortti .nappi{gap:.7rem}.tietoa{gap:3rem}.avustaja{padding:2.5rem}}
@media(max-width:760px){.kehys{width:calc(100% - 36px)}.paavalikko{flex-wrap:wrap;padding:1rem 0;gap:1rem}.merkki{font-size:1.75rem}.navlinkit{gap:0;margin-left:auto}.navlinkit a{font-size:.8125rem;padding:.4rem .6rem}.sankari{grid-template-columns:1fr;padding:2.7rem 0 2rem;gap:2rem}.sankari h1{font-size:clamp(3.5rem,12vw,5rem)}.sankari-kuva{max-width:100%;width:100%}.sankari-kuva img{max-height:380px;object-fit:contain}.sankari-kuva figcaption{padding-inline:1.5rem}.alaotsikko{max-width:36em}.perusasiat{grid-template-columns:1fr;gap:.65rem}.perusasiat p{font-size:.875rem}section{padding:3.5rem 0}.osio-otsake,.hinnoittelu .osio-otsake,.tietoa{grid-template-columns:1fr;gap:1.5rem}.osio-otsake{margin-bottom:1.6rem}.poiminnat,.hinnat,.avustajan-asiat{grid-template-columns:1fr;gap:1.5rem}.poiminnat{margin-top:2rem}.tietolista article:first-child{padding-top:1rem}.avustaja{padding:2rem 1.5rem}.avustajan-asiat{gap:1.2rem}.footer-alku{gap:1rem}.footer-alku>.ilinkki{margin-left:0}.footer-loppu{flex-direction:column;gap:.75rem}.demo-runko{flex-direction:column}.demo-sivu{width:100%;flex-direction:row;overflow-x:auto;gap:.35rem;border-right:0;border-bottom:1px solid var(--raja);padding:.6rem}.demo-nav{width:auto;white-space:nowrap}.demo-brandi,.demo-sivu-alaosa{display:none}.demo-palkki{flex-wrap:wrap}.demo-lippu{margin-left:0}.demo-tiedosto{font-size:.75rem}.demo-kentat{grid-template-columns:1fr 1fr}.demo-kentta:last-child{grid-column:1/-1}.demo-jako{grid-template-columns:1fr}.demo-ylapalkki{flex-wrap:wrap}.demo-sisalto{padding:.75rem}.demo-kortit{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.paavalikko{align-items:flex-start;flex-direction:column}.navlinkit{margin:0;width:100%;justify-content:space-between}.sankari h1{font-size:3.4rem}.napit{gap:1.1rem}.demo-kentat,.demo-kortit{grid-template-columns:1fr}.hinta-kortti{padding:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}