@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--navy:#0b2f6b;--blue:#1b5fd1;--yellow:#ffc72c;--sky:#eef3fc;--bg:var(--sky);--surface:#fff;--tone:#dfe8f8;--stage:#d5e1f5;--ink:#1a2333;--muted:#475369;--accent:var(--blue);--accent-dark:var(--navy);--on-accent:#fff;--focus:var(--yellow);--danger:#a4000f;--felt:#232a27;--letter:#f4f4f1;--frame:#b9bfc3;--screw:#6f767b;--t-display:clamp(2.5rem, 5vw, 4.25rem);--t-h2:clamp(1.8rem, 3vw, 2.5rem);--t-lead:clamp(1.2rem, 1.6vw, 1.4rem);--t-body:1.125rem;--t-small:1rem;--font:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--measure:38rem;--gutter:clamp(1rem, 4vw, 2.5rem);--section:clamp(3.5rem, 7vw, 5.5rem);--radius:10px;--header:4.5rem;font-family:var(--font);font-size:var(--t-body);color:var(--ink);background:var(--bg);scroll-padding-top:calc(var(--header) + 1rem);line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);margin:0}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance;hyphens:auto;overflow-wrap:break-word;font-weight:750}h1{font-size:var(--t-display);letter-spacing:-.03em;margin:0 0 1.5rem;line-height:1}h2{font-size:var(--t-h2);letter-spacing:-.02em;margin:0 0 1.25rem;line-height:1.08}h3{font-size:var(--t-body);margin:0 0 .35rem;line-height:1.3}p,li{max-width:var(--measure)}p{margin:0 0 1rem}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{color:var(--accent-dark);text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}.lead{font-size:var(--t-lead);line-height:1.5}.skip-link{background:var(--focus);color:var(--ink);z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:.5rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:78rem;padding:0 var(--gutter);margin:0 auto}.site-header{z-index:20;background:var(--navy);color:#fff;position:sticky;top:0}.site-header .wrap{min-height:var(--header);justify-content:space-between;align-items:center;gap:.5rem 2rem;display:flex}.brand{letter-spacing:-.01em;color:#fff;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:#fff}.brand .logo{flex:none}.site-nav ul{flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:#fff;padding:.4rem 0;font-weight:600;display:inline-block}.site-nav a:hover{color:var(--yellow)}.site-nav .nav-login{border-radius:var(--radius);background:var(--yellow);color:var(--navy);padding:.5rem 1.1rem;font-weight:800;text-decoration:none}.site-nav .nav-login:hover{color:var(--navy);background:#fff}.menu-button{border-radius:var(--radius);color:#fff;min-height:2.9rem;font:inherit;cursor:pointer;background:0 0;border:2px solid #fff;align-items:center;gap:.6rem;padding:.4rem .9rem;font-weight:700;display:none}.menu-icon{gap:4px;display:grid}.menu-icon i{background:currentColor;border-radius:2px;width:20px;height:2.5px;transition:transform .15s ease-out,opacity .15s ease-out;display:block}[data-auki] .menu-icon i:first-child{transform:translateY(6.5px)rotate(45deg)}[data-auki] .menu-icon i:nth-child(2){opacity:0}[data-auki] .menu-icon i:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}@media (width<=61.99rem){.valikko-js .menu-button{display:inline-flex}.site-header .wrap{flex-wrap:wrap;column-gap:.75rem}.site-header .wrap:has(.valikko-js){flex-wrap:nowrap}.valikko-js ul{display:none}.valikko-js[data-auki] ul{padding:.5rem var(--gutter) 1.5rem;background:var(--navy);overscroll-behavior:contain;gap:0;max-height:calc(100dvh - 100%);display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.valikko-js[data-auki] li{max-width:none}.valikko-js[data-auki] a{padding:.85rem 0;font-size:1.25rem;display:block}.valikko-js[data-auki] .nav-login{text-align:center;margin-top:.75rem;padding:.85rem 1rem}}.button{border-radius:var(--radius);background:var(--accent);min-height:3rem;color:var(--on-accent);font:inherit;cursor:pointer;border:0;padding:.85rem 1.5rem;font-weight:700;text-decoration:none;transition:transform .12s ease-out,background-color .12s ease-out;display:inline-block}.button:hover{background:var(--accent-dark);color:var(--on-accent)}.button:active{transform:translateY(1px)scale(.99)}.button-yellow{background:var(--yellow);color:var(--navy)}.button-yellow:hover{color:var(--navy);background:#fff}.button-block{text-align:center;display:block}.actions{flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2rem;display:flex}.section{padding:var(--section) 0}.section-tone{background:var(--tone)}.section-head{margin-bottom:2rem}.section-head p{font-size:var(--t-lead);line-height:1.5}.source{font-size:var(--t-small)}figure{margin:0}.card{background:var(--surface);border-radius:14px;box-shadow:0 1px 2px #0b2f6b14,0 8px 24px -12px #0b2f6b40}.hero{--overhang:clamp(4rem, 9vw, 7rem);background:linear-gradient(to bottom, var(--navy) 0, var(--navy) calc(100% - var(--overhang)), var(--bg) calc(100% - var(--overhang)));color:#fff;padding:clamp(2rem,5vw,4rem) 0 0}.hero-text a:not(.button){color:#fff}.hero-text a:not(.button):hover{color:var(--yellow)}.hero-grid{align-items:center;gap:2.5rem;display:grid}.hero-grid>*{min-width:0}@media (width>=62rem){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;gap:clamp(2.5rem,4vw,4rem)}.hero-text{align-self:center}}.hero h1{color:#fff}.hero .lead{color:#dce6f7}.hero-text{padding-bottom:.5rem}@media (width>=62rem){.hero-text{padding-bottom:var(--overhang)}}.free{align-items:center;gap:.5rem;font-weight:800;display:inline-flex}.free:before{content:"";border:solid var(--yellow);border-width:0 3px 3px 0;width:.55rem;height:1rem;margin:0 .2rem .25rem .15rem;transform:rotate(45deg)}.hero h1 .rivi{margin:-.06em 0 -.1em;padding:.06em 0 .1em;display:block;overflow:hidden}.hero h1 .rivi>span{display:block}.hero-login{margin-top:1.5rem}.stage{color:var(--ink);background:var(--surface);border-radius:18px;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1px 2px #0b2f6b14,0 24px 48px -24px #0b2f6b59}@media (width<=47.99rem){.stage{margin-inline:calc(-1 * var(--gutter));border-radius:0;padding:1.25rem .75rem}.board-controls,.board figcaption{padding-inline:.5rem}}.board{margin:0}.board-frame{background:linear-gradient(145deg,#e6e9eb 0%,#b9bfc3 38%,#d9dde0 52%,#9ea4a9 100%);border-radius:5px;padding:12px;position:relative;box-shadow:inset 0 1px #f7f8f9,inset 0 -2px #7d8388,0 22px 36px -20px #0b2f6b8c;container-type:inline-size}.board-screws{z-index:2;pointer-events:none;--screw-dot:radial-gradient(circle at 35% 35%, #f3f5f6 0, var(--screw) 2.6px, transparent 3.6px);background:var(--screw-dot) left top / 7px 7px no-repeat, var(--screw-dot) right top / 7px 7px no-repeat, var(--screw-dot) left bottom / 7px 7px no-repeat, var(--screw-dot) right bottom / 7px 7px no-repeat;position:absolute;inset:2.5px}.board-felt{--row:2.1em;color:var(--letter);padding:calc(var(--row) * .5) 1.1em;text-transform:uppercase;letter-spacing:.06em;font-weight:700;line-height:var(--row);background:repeating-linear-gradient(to bottom, var(--felt) 0, var(--felt) calc(var(--row) - 3px), #141917 calc(var(--row) - 3px), #141917 calc(var(--row) - 1px), #2e3632 calc(var(--row) - 1px), #2e3632 var(--row)) 0 calc(var(--row) * .5) / 100% var(--row), var(--felt);text-shadow:0 1px #000000b3,0 0 1px #ffffff59;font-size:clamp(.7rem,3.95cqi,1.15rem);position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #0000008c}.board-felt:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff1a 0%,#ffffff08 32%,#0000 33% 70%,#ffffff0d 71%,#0000 85%);position:absolute;inset:0}.board-title{text-align:center;margin-bottom:calc(var(--row) * .5);display:block}.board ol{margin:0;padding:0;list-style:none}.board li{grid-template-columns:4.4em 1fr;gap:.8em;max-width:none;display:grid}.board time{text-align:right;font-variant-numeric:tabular-nums}.board-plate{color:#2f353a;width:max-content;max-width:100%;font-size:var(--t-small);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#eef0f2,#c3c8cc);border-radius:2px;margin:.6rem auto 0;padding:.15rem .9rem;font-weight:700;box-shadow:0 1px #0003}.board figcaption{font-size:var(--t-small);margin-top:.9rem}.board-controls{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem 1.25rem;margin-top:1.5rem;display:grid}.control{border:0;min-width:0;margin:0;padding:0}.control>label,.control>legend{margin-bottom:.35rem;padding:0;font-weight:700;display:block}.control-wide{grid-column:1/-1}.control[hidden]{display:none}.choices{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.htj-note{max-width:none;margin:0;font-weight:700}.board-controls input:not([type=radio]),.board-controls select,.help-form input:not([type=radio]),.help-form textarea{font:inherit;border-radius:var(--radius);width:100%;max-width:30rem;min-height:3rem;color:var(--ink);background:#fff;border:2px solid #5f6562;padding:.6rem .75rem}.help-form input.medium{max-width:16rem}[aria-invalid=true]{border-color:var(--danger)!important;border-width:3px!important}.field{border:0;min-width:0;margin:0 0 1.25rem;padding:0}.field>label,.field>legend{margin-bottom:.35rem;padding:0;font-weight:700;display:block}.hint{color:var(--muted);font-size:var(--t-small);margin-bottom:.5rem;display:block}.choice{align-items:center;gap:.6rem;padding:.3rem 0;font-weight:400;display:flex}.choice input{width:1.3rem;height:1.3rem;accent-color:var(--accent);margin:0}.button:disabled{opacity:.7;cursor:progress}.error-summary{border:3px solid var(--danger);background:var(--surface);margin-bottom:1.5rem;padding:1rem 1.25rem}.error-summary h3{margin-top:0}.error-summary a{color:var(--danger);font-weight:700}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.faq-list details{border-bottom:2px solid #c9d6ee;max-width:none}.faq-list summary{cursor:pointer;font-size:var(--t-lead);color:var(--navy);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-weight:700;line-height:1.35;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:1.4rem;line-height:1;display:grid}.faq-list details[open] summary:after{content:"−"}.faq-list summary:hover{color:var(--blue)}.faq-answer{max-width:34rem;margin:0 0 1.25rem;animation:.16s ease-out vastaus}@keyframes vastaus{0%{opacity:0}}.tasks{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:2.25rem 2.5rem;margin:0;padding:0;list-style:none;display:grid}.tasks li{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:1rem;max-width:none;display:grid}.tasks li>:not(.task-icon){grid-column:2}.tasks h3{color:var(--navy);margin:.15rem 0 .35rem}.tasks p{margin:0}.task-icon{background:var(--navy);width:3.25rem;height:3.25rem;color:var(--yellow);border-radius:12px;grid-row:span 2;place-items:center;display:grid}.band{padding:var(--section) 0;background:var(--navy);color:#fff}.band a{color:var(--yellow)}.band a:hover{color:#fff}.band-grid{gap:1.5rem;display:grid}.band-grid>*{min-width:0}@media (width>=62rem){.band-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,6vw,6rem)}}.band .source{color:#d3def3}.plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.plan{border-top:6px solid var(--blue);max-width:none;padding:1.5rem}.plan h3{font-size:var(--t-lead);color:var(--navy)}.plan p{margin:0}.plan-size{color:var(--muted)}.plan-price{font-size:var(--t-h2);letter-spacing:-.02em;color:var(--navy);font-variant-numeric:tabular-nums;font-weight:800;margin-top:1rem!important}.plan-price span{font-size:var(--t-small);letter-spacing:0;color:var(--muted);font-weight:600}.plans-action{margin-top:2rem}.help{gap:2rem;margin-top:1rem;display:grid}.help>*{min-width:0}@media (width>=62rem){.help{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem)}}.help-card{padding:clamp(1.25rem,3vw,2rem)}.help-card>h3{font-size:var(--t-lead);color:var(--navy)}.help-form,.help-thanks{margin-top:1.5rem}.faq-more{margin-top:1rem}.site-footer{background:var(--navy);color:#fff;font-size:var(--t-small);padding:2.5rem 0}.site-footer a{color:#fff}.site-footer a:hover{color:var(--yellow)}.footer-line{gap:.75rem;display:grid}.footer-line p{margin:0}@media (width>=62rem){.footer-line{grid-template-columns:1fr auto 1fr;align-items:baseline;gap:2rem}.footer-line>:last-child{justify-self:end}}.footer-brand{align-items:center;gap:.75rem;display:flex}.footer-brand .logo{flex:none}.footer-links{flex-wrap:wrap;gap:.25rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.prose{padding:clamp(2.5rem,6vw,4rem) 0}.prose h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.1}.prose h2{margin-top:2.25rem;font-size:1.45rem}.prose ol,.prose ul{padding-left:1.4rem}.prose li{margin-bottom:.4rem}.prose .meta{color:var(--muted)}.liike .hero h1 .rivi>span{animation:.9s cubic-bezier(.16,1,.3,1) both rivi}.liike .hero h1 .rivi:nth-child(2)>span{animation-delay:.11s}.liike .hero-lead{animation:.6s ease-out .45s both esiin}.liike .stage{animation:.7s ease-out .25s both esiin}@keyframes rivi{0%{transform:translateY(105%)}}@keyframes esiin{0%{transform:translateY(16px)}}.liike .board li.vaihtui{animation:.4s ease-out both esiin;animation-delay:calc(var(--i,0) * 60ms)}@media print{.site-nav,.skip-link,.actions,.board-controls{display:none}.board-felt{color:#000;background:#fff;border:2px solid #000}}