:root{--ink:#10303f;--ink-2:#1e4a5e;--muted:#4f7586;--faint:#86a6b4;--hair:#d3e4ec;--hair-strong:#afcbd8;--ground:#f1f7fa;--surface:#ffffff;--surface-2:#e4eff5;--brand:#2f7ea1;--brand-2:#4a9fc4;--tint:#e3f1f8;--ok:#f7c600;--ok-ink:#16161a;--ok-text:#8a6d00;--ok-tint:#fff6cf;--warn:#7d6033;--warn-tint:#f1e9dc;--bad:#8f2d22;--r:12px;--step--1:14px;--step-0:16px;--step-1:20px;--step-2:26px;--step-3:34px;--label:12px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--accent:var(--brand);--accent-2:var(--brand-2);--kentta-1:#0f2b3a;--kentta-2:#153a4c;--kentta-3:#1c4a60;--kentta-solmu:rgba(163,196,222,.5);--kentta-vayla:#b08550;--puu:#b08550;--puu-tumma:#6f5630;--puu-tint:#f3ece2;--puu-viiva:#e3d6c3;--ok-kirkas:#f7c600}:root[data-theme="dark"]{--ink:#e2eff5;--ink-2:#c2d8e3;--muted:#8fb0c0;--faint:#5f7d8c;--hair:#1f3d4b;--hair-strong:#335667;--ground:#0a1720;--surface:#10242f;--surface-2:#17323f;--brand:#6fbfe0;--brand-2:#9fd0e6;--tint:#123241;--ok:#f7c600;--ok-tint:#2b2410;--ok-ink:#16161a;--ok-text:#ffd94d;--warn:#c9a468;--warn-tint:#33291a;--bad:#e07a6d;--kentta-1:#0c1f2a;--kentta-2:#123141;--kentta-3:#183f52;--puu:#c9a468;--puu-tumma:#d9bd8c;--puu-tint:#241d14;--puu-viiva:#3a2f1f}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:var(--step-0);line-height:1.55;color:var(--ink);background:var(--ground)}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-size:var(--step-3);font-weight:800}h2{font-size:var(--step-2);font-weight:750}h3{font-size:var(--step-1);font-weight:700}p{max-width:64ch}a{color:var(--brand);text-underline-offset:3px}button{font:inherit;cursor:pointer}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hair-strong);border-radius:8px;padding:10px 12px;width:100%}.wrap{max-width:1020px;margin:0 auto;padding:0 20px}.num{font-variant-numeric:tabular-nums}.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--puu-viiva)}.topbar .wrap{display:flex;align-items:center;gap:18px;height:60px}.logo{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--ink);text-decoration:none;white-space:nowrap}.logo b{color:var(--brand-2)}.logo::after{content:'.';color:var(--ok);font-weight:800}.topnav{display:flex;gap:4px;margin-left:auto;align-items:center;flex-wrap:wrap}.topbar .cta{margin-left:0}.topnav button{background:none;border:0;padding:8px 12px;border-radius:8px;color:var(--ink-2);font-weight:600;font-size:var(--step--1)}.topnav button:hover{background:var(--surface-2)}.topnav .cta,.topbar .cta{background:var(--brand);color:#fff}.topnav .cta:hover,.topbar .cta:hover{background:var(--brand-2)}.topbar .cta{padding:8px 13px;border-radius:8px;font-weight:600;font-size:var(--step--1);text-decoration:none;white-space:nowrap}.nav-avaa{display:none;border:0;background:none;color:var(--muted);width:34px;height:34px;padding:0;border-radius:50%;margin-left:auto;align-items:center;justify-content:center;cursor:pointer}.nav-avaa:hover{color:var(--ink);background:var(--surface-2)}.nav-avaa svg{width:20px;height:20px;fill:currentColor;stroke:none}@media(max-width:760px){.nav-avaa{display:inline-flex}.topbar .wrap{position:relative;gap:10px;height:auto;padding-top:11px;padding-bottom:11px}.topnav{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin-left:0;background:var(--surface);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);box-shadow:0 12px 26px rgba(0,0,0,.12);padding:6px 0}.topbar.valikko-auki .topnav{display:flex}.topnav a{padding:13px 20px;border-radius:0;font-size:var(--step-0)}.topnav a[aria-current="true"]{background:none;color:var(--brand);font-weight:750}}@keyframes sisaan{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:700;text-decoration:none}.btn:hover{background:var(--brand-2)}.btn-osta{background:var(--ok);color:var(--ok-ink)}.btn-osta:hover{filter:brightness(1.08);background:var(--ok)}:root[data-theme="dark"] .btn-osta{color:var(--ok-ink)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--hair-strong)}.btn-ghost:hover{background:var(--surface-2)}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r)}.pill{display:inline-block;font-size:13px;font-weight:700;border-radius:999px;padding:3px 11px;white-space:nowrap}.pill.ok{background:var(--ok-tint);color:var(--ok-text)}.pill.warn{background:var(--warn-tint);color:var(--warn)}.pill.off{background:var(--surface-2);color:var(--faint)}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--brand)}.selite{font-size:var(--step--1);color:var(--muted)}section.lohko{padding:52px 0}section.lohko.tint{background:var(--surface)}section.lohko.puu{background:color-mix(in srgb,var(--ok) 11%,var(--surface));border-top:1px solid color-mix(in srgb,var(--ok) 38%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--ok) 38%,var(--surface))}section.lohko.puu input[type=range]{accent-color:var(--ok)}section.lohko.puu .card{border-color:color-mix(in srgb,var(--ok) 38%,var(--surface))}.kortti{padding:16px;display:flex;flex-direction:column;gap:8px}.kortti-yla{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.kortti-alue{font-weight:750;font-size:17px}.kortti-rivi{display:flex;gap:6px 14px;flex-wrap:wrap;font-size:var(--step--1);color:var(--ink-2)}.kortti-alaosa{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.kortti-hinta{font-weight:800;font-size:19px;color:var(--puu-tumma)}.kortti.myyty{opacity:.55}.kortti .btn-osta{padding:11px 18px}.yhteys{border-top:1px dashed var(--hair-strong);padding-top:10px;margin-top:4px}.puhelin{width:min(370px,100%);margin:0 auto;background:var(--surface);border:1px solid var(--hair-strong);border-radius:34px;padding:14px 12px 18px;box-shadow:0 18px 44px -22px rgba(15,40,60,.35)}.sms{max-width:86%;border-radius:16px;padding:10px 13px;font-size:14px;line-height:1.45}.sms.saapuva{background:var(--surface-2);border-bottom-left-radius:5px;align-self:flex-start}.sms.oma{background:var(--brand);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.sms .aika{display:block;font-size:11px;color:var(--faint);margin-top:4px}.sms.oma .aika{color:rgba(255,255,255,.7)}.sms a{color:inherit;font-weight:700}.sms.uusi{animation:smsSisaan .5s ease}@keyframes smsSisaan{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.mail{overflow:hidden}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.tabs button{background:transparent;border:1px solid var(--hair-strong);border-radius:9px;padding:9px 16px;font-weight:650;color:var(--ink)}.tabs button[aria-selected="true"]{background:var(--brand);border-color:var(--brand);color:#fff}.hero-kehys{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 18% 12%, var(--kentta-3) 0%, transparent 62%),linear-gradient(160deg, var(--kentta-2) 0%, var(--kentta-1) 100%);isolation:isolate}.kentta{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-kehys>.wrap{position:relative;z-index:1}.kentta svg{width:100%;height:100%;display:block}.kentta::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg, rgba(5,24,34,.72) 0%, rgba(5,24,34,.38) 34%, rgba(5,24,34,0) 62%)}.korttelit rect{fill:rgba(163,196,222,.10)}.tie-pohja path{fill:none;stroke:var(--kentta-1);stroke-width:10;stroke-linecap:round}.tie path{fill:none;stroke:var(--kentta-vayla);opacity:.40;stroke-width:3.4;stroke-linecap:round}.raja-pohja{fill:none;stroke:var(--kentta-1);stroke-width:5}.raja{fill:none;stroke:rgba(163,196,222,.13);stroke-width:1.4}.vesi{fill:#0b1622}.ranta{fill:none;stroke:rgba(163,196,222,.30);stroke-width:1.6}.joki{fill:none;stroke:var(--kentta-1);stroke-width:9;stroke-linecap:round}.joki-reuna{fill:none;stroke:rgba(163,196,222,.22);stroke-width:5;stroke-linecap:round}.puisto{fill:rgba(127,189,166,.13)}.aalto{fill:none;stroke:var(--ok-kirkas);stroke-width:2;transform-origin:560px 330px}.aalto.a1{animation:aalto 20.8s cubic-bezier(.25,.55,.4,1) infinite}.aalto.a2{animation:aalto 20.8s cubic-bezier(.25,.55,.4,1) infinite 1.36s}.aalto.a3{animation:aalto 20.8s cubic-bezier(.25,.55,.4,1) infinite 2.72s}.aalto.a4{animation:aalto 20.8s cubic-bezier(.25,.55,.4,1) infinite 4.08s}@keyframes aalto{0%{transform:scale(.012);opacity:0}5%{opacity:.85}32%{opacity:.4}48%{transform:scale(1);opacity:0}100%{transform:scale(1);opacity:0}}.kohde{animation:hengitys 20.8s ease-in-out infinite}.kohde-varjo{fill:rgba(0,0,0,.35)}.kohde-pin{fill:var(--ok-kirkas)}.kohde-silma{fill:var(--kentta-1)}@keyframes hengitys{0%,100%{opacity:.92}50%{opacity:1}}.solmu{fill:var(--kentta-solmu);animation:syttyy 20.8s ease-out infinite backwards}@keyframes syttyy{0%,6%{fill:var(--kentta-solmu);r:4}12%{fill:#cfe8f7;r:5.5}34%{fill:var(--kentta-solmu);r:4}100%{fill:var(--kentta-solmu);r:4}}.lunastettu{fill:var(--kentta-solmu);animation:lunastus 20.8s ease-out infinite backwards}@keyframes lunastus{0%,10%{fill:var(--kentta-solmu);r:4}18%{fill:var(--ok-kirkas);r:7}62%{fill:var(--ok-kirkas);r:6.5}78%{fill:var(--kentta-solmu);r:4}100%{fill:var(--kentta-solmu);r:4}}.lunastettu-keha{fill:none;stroke:var(--ok-kirkas);stroke-width:1.5;opacity:0;animation:kehaNaky 20.8s ease-out infinite backwards}@keyframes kehaNaky{0%,14%{opacity:0;r:6}22%{opacity:.9;r:12}62%{opacity:.55;r:12}80%{opacity:0;r:14}100%{opacity:0}}@media (prefers-reduced-motion: reduce){.aalto,.solmu,.lunastettu,.lunastettu-keha,.kohde{animation:none}.lunastettu{fill:var(--ok-kirkas)}.lunastettu-keha{opacity:.8}}.hero{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;padding:92px 0 96px;min-height:520px}@media(max-width:840px){.hero{grid-template-columns:1fr;gap:28px;padding:52px 0 56px;min-height:0}}.hero .eyebrow{color:var(--ok-kirkas)}.hero h1{color:#fff;margin:12px 0 16px;font-size:clamp(30px,4.4vw,44px);line-height:1.08;letter-spacing:-.025em}.hero .johdanto{color:#b7cede;font-size:17px;max-width:46ch}.hero .napit{display:flex;gap:11px;margin-top:26px;flex-wrap:wrap}.hero .napit .btn{background:var(--ok-kirkas);color:var(--ok-ink)}.hero .napit .btn:hover{background:var(--ok-kirkas);filter:brightness(1.07)}.hero .napit .btn-ghost{background:rgba(255,255,255,.09);color:#eaf3f9;border:1px solid rgba(255,255,255,.22)}.hero .napit .btn-ghost:hover{background:rgba(255,255,255,.15)}.hero .selite{color:#8aa8bd}.hero-demo{position:relative}.hero-demo .kortti{box-shadow:0 30px 60px -30px rgba(3,20,34,.75)}.hero-demo .leima{position:absolute;top:-13px;right:14px;background:var(--ok-kirkas);color:var(--ok-ink);font-size:12px;font-weight:800;border-radius:999px;padding:4px 12px;text-transform:uppercase;letter-spacing:.06em;z-index:2}.lupaukset{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:24px}.lupaus{padding:16px 18px}.lupaus b{display:block;margin-bottom:4px}.lupaus p{font-size:var(--step--1);color:var(--muted)}@media(max-width:820px){}.hinnasto{width:100%;border-collapse:collapse;max-width:560px}.hinnasto th,.hinnasto td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--hair)}.hinnasto th{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--puu-viiva)}.hinnasto td:last-child,.hinnasto th:last-child{text-align:right}.hinnasto td:last-child{font-weight:750;color:var(--puu-tumma)}.laskuri{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}@media(max-width:760px){.laskuri{grid-template-columns:1fr}}.laskuri label{display:block;font-size:var(--step--1);font-weight:650;margin:14px 0 4px}.laskuri input[type=range]{padding:0;border:0;background:none;accent-color:var(--brand)}.laskuri-arvo{font-weight:750}.laskuri-tulos{padding:20px}.laskuri-tulos .iso{font-size:30px;font-weight:800}.luvut{display:flex;gap:26px;flex-wrap:wrap}.luku b{display:block;font-size:32px;font-weight:800}.luku span{color:var(--muted);font-size:var(--step--1)}.tulossa{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.tulossa{grid-template-columns:1fr}}.tulossa .card{padding:18px;opacity:.75}.ukk-jako{display:grid;grid-template-columns:.84fr 1.16fr;gap:0 56px;align-items:start}.ukk-otsikko{position:sticky;top:84px}.ukk-lisa{margin-top:18px;color:var(--muted);font-size:var(--step--1)}.ukk{margin-top:4px}@media(max-width:860px){.ukk-jako{grid-template-columns:1fr}.ukk-otsikko{position:static}.ukk{margin-top:24px}}.ukk details:first-child{border-top:1px solid var(--hair)}.ukk details{border-bottom:1px solid var(--hair)}.ukk summary{cursor:pointer;list-style:none;padding:15px 30px 15px 0;font-weight:650;position:relative}.ukk summary::-webkit-details-marker{display:none}.ukk summary::after{content:"+";position:absolute;right:2px;color:var(--ok-text);font-size:20px}.ukk details[open] summary::after{content:"–"}.ukk .vastaus{padding:0 0 16px;color:var(--muted);font-size:var(--step--1);max-width:70ch}:root{--foot-bg:#0b1b28;--foot-ink:#eef4f8;--foot-muted:#a9bccb;--foot-faint:#7d92a3;--foot-hair:#1d3346;--puu-viiva-tumma:#3c3222}:root[data-theme="dark"]{--foot-bg:#081019;--foot-ink:#e2ecf3;--foot-muted:#93a9ba;--foot-faint:#6b8092;--foot-hair:#16283a;--puu-viiva-tumma:#33291a}footer{background:var(--foot-bg);color:var(--foot-muted);margin-top:56px}footer .wrap{padding:40px 20px 0;font-size:var(--step--1)}.foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px 26px}@media(max-width:760px){.foot-cols{grid-template-columns:1fr 1fr}}@media(max-width:460px){.foot-cols{grid-template-columns:1fr}}footer .lede{color:var(--foot-muted);max-width:34ch;line-height:1.55;margin:10px 0 0}footer .free{color:var(--foot-muted);max-width:34ch;line-height:1.55;margin:12px 0 0}footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--foot-faint);font-weight:700;margin:0 0 12px}footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}footer a{color:var(--foot-ink);text-decoration:none}footer a:hover{text-decoration:underline;text-underline-offset:3px}.foot-legal{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:34px;padding:18px 0 26px;border-top:1px solid var(--puu-viiva-tumma);color:var(--foot-faint);font-size:12px}footer .logo{color:var(--foot-ink)}footer .logo b{color:var(--brand-2)}footer .logo::after{color:var(--ok-kirkas)}[hidden]{display:none !important}.lomake{max-width:480px;display:flex;flex-direction:column;gap:13px}.lomake label{font-size:var(--step--1);font-weight:650}.lomake label input{margin-top:5px;font-weight:400}.lomake label.rasti,.rasti{display:flex;gap:10px;align-items:flex-start;font-size:var(--step--1);font-weight:400;line-height:1.5}.rasti input{width:auto;margin-top:3px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}.screen-reader-text:focus-visible{position:fixed;top:12px;left:12px;z-index:100;width:auto;height:auto;clip-path:none;margin:0;padding:12px 18px;background:var(--surface);color:var(--ink);border:2px solid var(--brand);border-radius:8px;font-weight:650;text-decoration:none}.topnav a{background:none;border:0;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:var(--step--1);font-weight:600;text-decoration:none;display:inline-block}.topnav a:hover{color:var(--ink);background:var(--surface-2)}.topnav a[aria-current="true"]{background:var(--brand);color:#fff}.cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--hair);box-shadow:0 -3px 12px rgba(0,0,0,.06)}.cookie .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}.cookie p{margin:0;font-size:var(--label);color:var(--muted);flex:1 1 260px}.cookie p a{color:var(--ink)}.cookie-napit{display:flex;gap:8px;flex-wrap:wrap}.cookie-napit .btn{margin:0;padding:6px 12px;font-size:var(--label);font-weight:600;border-radius:5px}.cookie-paneeli{position:fixed;left:0;right:0;bottom:0;z-index:61;background:var(--surface);border-top:1px solid var(--hair-strong);box-shadow:0 -10px 34px rgba(0,0,0,.16);display:none}.cookie-paneeli.on{display:block}.cookie-paneeli .wrap{padding-top:22px;padding-bottom:22px}.cookie-paneeli h2{display:flex;justify-content:space-between;align-items:center;font-size:var(--step-1);margin-bottom:10px}.cookie-sulje{font:inherit;background:none;border:0;cursor:pointer;font-size:var(--step-1);color:var(--muted);padding:4px 8px}.cookie-sulje:hover{color:var(--ink)}.cookie-paneeli>.wrap>p{font-size:var(--step--1);color:var(--muted);max-width:70ch}.cookie-luokka{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--hair)}.cookie-luokka:first-of-type{border-top:0}.cookie-luokka input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--accent)}.cookie-luokka b{display:block;font-size:var(--step--1)}.cookie-luokka span{font-size:var(--label);color:var(--muted);line-height:1.5}.cookie-paneeli .cookie-napit{margin-top:16px;justify-content:flex-end}.liidi-sisalto{padding:40px 0 64px;max-width:74ch}.liidi-sisalto.liidi-levea{max-width:none}.liidi-sisalto h1{margin-bottom:22px}.liidi-runko h2{margin:38px 0 12px;font-size:var(--step-1)}.liidi-runko h3{margin:26px 0 8px}.liidi-runko p{margin:0 0 14px;color:var(--muted);line-height:1.7}.liidi-runko p b,.liidi-runko li b{color:var(--ink)}.liidi-runko a{color:var(--accent-2)}.liidi-lista{margin:0 0 16px;padding-left:20px;color:var(--muted);line-height:1.7}.liidi-lista li{margin-bottom:7px}.liidi-runko code{font-family:var(--mono);font-size:.92em;background:var(--surface-2);padding:1px 5px;border-radius:3px;color:var(--ink)}.liidi-taulu-kaari{overflow-x:auto;margin:0 0 20px}.liidi-taulu{border-collapse:collapse;width:100%;font-size:var(--step--1)}.liidi-taulu th,.liidi-taulu td{text-align:left;vertical-align:top;padding:10px 14px 10px 0;border-bottom:1px solid var(--hair);color:var(--muted);line-height:1.6}.liidi-taulu th{color:var(--faint);font-family:var(--mono);font-size:var(--label);text-transform:uppercase;letter-spacing:.06em;font-weight:600;white-space:nowrap}.liidi-taulu td b{color:var(--ink)}.liidi-paivays{margin-top:34px;padding-top:18px;border-top:1px solid var(--hair);font-size:var(--step--1);color:var(--faint)}section.lohko{padding:76px 0}@media(max-width:700px){section.lohko{padding:52px 0}}.lohko>.wrap>h2{max-width:22ch}.lohko-johdanto{color:var(--muted);max-width:56ch;margin-top:10px;font-size:var(--step-0)}.kaavio{margin:38px auto 0;max-width:900px}.kaavio svg{display:block;width:100%;height:auto}.kaavio--vaiheet{display:grid;grid-template-columns:repeat(3,1fr);gap:0 56px;position:relative}.vaihe{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.vaihe svg{width:min(184px,72%);height:auto;margin-bottom:16px}.vaihe figcaption h3{font-size:var(--step-0);font-weight:750;margin-bottom:4px}.vaihe figcaption p{color:var(--muted);font-size:var(--step--1);max-width:30ch;margin:0 auto}.vaihe+.vaihe::before{content:"";position:absolute;left:calc(-56px + 6px);top:92px;width:calc(56px - 12px);height:0;border-top:2px dashed var(--hair-strong)}.vaihe+.vaihe::after{content:"";position:absolute;left:-12px;top:87px;border:6px solid transparent;border-left:8px solid var(--hair-strong);border-right:0}@media(max-width:700px){.kaavio--vaiheet{grid-template-columns:1fr;gap:34px}.vaihe svg{width:150px;margin-bottom:12px}.vaihe+.vaihe::before{left:50%;top:-30px;width:0;height:22px;border-top:0;border-left:2px dashed var(--hair-strong);transform:translateX(-1px)}.vaihe+.vaihe::after{left:50%;top:-10px;border:6px solid transparent;border-top:8px solid var(--hair-strong);border-bottom:0;transform:translateX(-6px)}}.vaitteet{columns:2;column-gap:40px;margin-top:34px}@media(max-width:760px){.vaitteet{columns:1}}.vaite{display:flex;gap:14px;align-items:flex-start;break-inside:avoid;margin-bottom:26px}.vaite-merkki{flex:none;width:26px;height:26px;margin-top:1px;color:var(--ok)}.vaite-merkki svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.vaite b{display:block;font-size:var(--step-0);font-weight:750;color:var(--ink);margin-bottom:3px}.vaite p{color:var(--muted);font-size:var(--step--1);max-width:40ch}.huomiorivi{margin-top:34px;padding:16px 20px;border-left:3px solid var(--hair-strong);color:var(--muted);font-size:var(--step--1);max-width:66ch}.huomiorivi b{color:var(--ink)}.topbar{background:#10303f;border-bottom:1px solid rgba(255,255,255,.08)}.topbar .logo{color:#fff}.topbar .logo b{color:#9fd0e6}.topbar .logo::after{color:var(--ok)}.topnav a{color:rgba(255,255,255,.78);text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:600;font-size:var(--step--1)}.topnav a:hover{color:#fff;background:rgba(255,255,255,.08)}.topnav a[aria-current="true"]{background:#4a9fc4;color:#fff}.topbar .cta{background:var(--ok);color:var(--ok-ink)}.topbar .cta:hover{background:var(--ok);filter:brightness(1.06)}.nav-avaa{color:rgba(255,255,255,.8)}.nav-avaa:hover{color:#fff;background:rgba(255,255,255,.1)}@media(max-width:760px){.topnav{background:#10303f;border-color:rgba(255,255,255,.1)}.topnav a{color:#fff}}:root[data-theme="dark"] .topbar{background:#0c1f2a}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .topbar{background:#0c1f2a}}.tuotteet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}@media(max-width:860px){.tuotteet{grid-template-columns:1fr}}.tuote{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);padding:22px 22px 20px;display:flex;flex-direction:column;gap:12px;border-top:5px solid var(--brand-2)}.tuote-alue{border-top-color:var(--ok)}.tuote-kutsu{border-top-color:var(--brand)}.tuote-nimi{font-size:var(--step-2);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1}.tuote-lause{margin:-6px 0 4px;color:var(--brand);font-weight:600}.tuote dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;font-size:var(--step--1)}.tuote dt{color:var(--faint);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding-top:3px}.tuote dd{margin:0;color:var(--ink-2)}.tuote .btn{margin-top:auto;align-self:flex-start;padding:10px 16px}.hp{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:22px}.hp-palsta{display:grid;gap:18px;min-width:0}.hp-kortti{margin:0;min-width:0}@media(max-width:860px){.hp{grid-template-columns:1fr}.hp-palsta{display:contents}}.hp-kortti{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);padding:20px 22px}.hp-kortti h3{font-size:var(--step-1);margin:0 0 4px;letter-spacing:-.01em}.hp-selite{color:var(--muted);font-size:var(--step--1);margin:0 0 12px}.hp-taulu{width:100%;border-collapse:collapse;font-size:var(--step-0)}.hp-taulu td{padding:10px 0;border-top:1px solid var(--hair);vertical-align:top}.hp-taulu tr:first-child td{border-top:0}.hp-taulu td.num{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}.hp-taulu .hp-lisa td{color:var(--ink-2)}.hp-taulu td span{display:block;font-size:12.5px;color:var(--muted)}.hp-lista{margin:12px 0 0;padding-left:18px;color:var(--ink-2);font-size:var(--step--1);display:grid;gap:6px}.hp-haku{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}.hp-haku label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}.hp-haku-rivi{display:flex;gap:8px}.hp-haku input{flex:1;max-width:160px;padding:9px 11px;border:1px solid var(--hair-strong);border-radius:8px;font:inherit}.hp-haku .btn{padding:9px 16px;border-radius:8px}.hp-tulos{margin:8px 0 0;font-size:var(--step--1);color:var(--ink-2)}.hp-tulos:empty{display:none}.hp-taulu th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:0 0 8px;font-weight:700}.hp-taulu th.num{text-align:right}.hp-ehdot{grid-template-columns:1fr 1fr;margin-top:18px}.hp-ehdot .hp-kortti{grid-row:auto}@media(max-width:860px){.hp-ehdot{grid-template-columns:1fr}}.eiloydy{padding:72px 0 96px;max-width:56ch}.eiloydy__koodi{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}.eiloydy h1{margin:10px 0 12px}.eiloydy p{color:var(--ink-2);margin-bottom:26px}.eiloydy__linkit{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:560px){.eiloydy{padding:48px 0 64px}.eiloydy__linkit{flex-direction:column;align-items:flex-start}.eiloydy__linkit>*{width:100%%;text-align:center}}.eiloydy__linkit .btn,.eiloydy__linkit .nappi{display:inline-block;text-decoration:none;line-height:1.25;text-align:center}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}[id]{scroll-margin-top:84px}.opas{max-width:44rem;margin:0 auto;padding:8px 0 48px}.opas h1{font-size:var(--step-3);line-height:1.15;margin:8px 0 16px;color:var(--ink);text-wrap:balance}.opas h2{font-size:var(--step-2);line-height:1.25;margin:40px 0 12px;color:var(--ink);text-wrap:balance}.opas h3{font-size:var(--step-1);line-height:1.3;margin:28px 0 8px;color:var(--ink-2)}.opas p{margin:0 0 16px;line-height:1.65}.opas ul,.opas ol{margin:0 0 16px;padding-left:1.35em}.opas li{margin:0 0 8px;line-height:1.6}.opas a{color:var(--brand-2)}.opas-murut{font-size:var(--step--1);color:var(--muted);margin:0 0 8px}.opas-murut a{color:var(--muted)}.opas-karki{font-size:var(--step-1);line-height:1.5;color:var(--ink-2);border-left:3px solid var(--brand-2);padding-left:16px;margin:0 0 28px}.opas-luvut{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:var(--r);overflow:hidden}.opas-luvut li{margin:0;padding:16px;background:var(--surface);display:block}.opas-luku{display:block;font-size:var(--step-2);font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;line-height:1.2}.opas-mita{display:block;margin:4px 0 6px;line-height:1.5}.opas-lahde{display:block;font-size:var(--step--1);color:var(--muted)}.opas-runko table{width:100%;border-collapse:collapse;margin:0 0 24px;font-variant-numeric:tabular-nums}.opas-runko th,.opas-runko td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hair)}.opas-runko th{font-size:var(--step--1);color:var(--muted);font-weight:600}.opas-lahteet{margin:40px 0 0;padding:20px;background:var(--surface-2);border-radius:var(--r)}.opas-lahteet h2{margin:0 0 8px;font-size:var(--step-1)}.opas-lahteet ul{margin:0;padding-left:1.2em;font-size:var(--step--1)}.opas-byline{margin:24px 0 0;font-size:var(--step--1);color:var(--muted)}.opas-kehote{margin:32px 0 0;padding:24px;background:var(--tint);border-radius:var(--r)}.opas-kehote h2{margin:0 0 8px;font-size:var(--step-1)}.opas-kehote p{margin:0 0 12px}.opas-kehote p:last-child{margin:0}.opas-kehote .nappi{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:10px 18px;border-radius:8px;font-weight:600;margin-right:12px}.opas-muut{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--hair)}.opas-muut h2{margin:0 0 8px;font-size:var(--step-1)}.opas-muut ul{margin:0;padding-left:1.2em}.opas-lista{max-width:44rem;margin:0 auto;padding:8px 0 48px}.opas-johdanto{margin:0 0 24px;line-height:1.65;color:var(--ink-2)}.opas-kortit{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.opas-kortti a{display:block;padding:20px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);text-decoration:none;color:inherit}.opas-kortti a:hover{border-color:var(--hair-strong)}.opas-kortti h2{margin:0 0 6px;font-size:var(--step-1);line-height:1.3;color:var(--brand)}.opas-kortti p{margin:0 0 8px;line-height:1.55;color:var(--ink-2)}.opas-meta{font-size:var(--step--1);color:var(--muted)}@media (max-width:640px){.opas h1{font-size:var(--step-2)}.opas h2{font-size:var(--step-1);margin-top:32px}.opas-karki{font-size:var(--step-0);padding-left:12px}.opas-runko table{display:block;overflow-x:auto}}