:root{--paper:#dad9cd;--light:#f6f6f4;--ink:#151511;--muted:#505048;--line:#a6a69a;--blue:#07377a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.45 Helvetica Neue,Helvetica,Arial,sans-serif}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.055em;font-weight:600;line-height:1.02}p{max-width:53ch}.wrap{width:min(100% - 112px,1280px);margin-inline:auto}.skip,.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:2;clip-path:none;background:#fff;width:auto;height:auto;padding:12px;top:8px;left:8px}.top,.footer{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:22px;padding-block:21px;display:flex}.logo{width:88px}nav{align-items:center;gap:28px;display:flex}nav>a{font-size:14px;font-weight:600;text-decoration:none}nav>a:hover,.footer a:hover{text-decoration:underline}.button{background:var(--ink);width:max-content;max-width:100%;color:var(--light);justify-content:space-between;align-items:center;gap:20px;padding:13px 17px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#33332a}.button.small{padding:9px 12px}.hero{padding-block:66px 50px}.eyebrow,.num,.section-top>span,.muted{letter-spacing:.08em;font:600 11px/1.4 ui-monospace,Menlo,monospace}.eyebrow{align-items:center;gap:10px;display:flex}.dot{background:var(--blue);border-radius:50%;width:8px;height:8px}.sep{background:var(--line);width:12px;height:1px}h1{letter-spacing:-.07em;margin:21px 0 28px;font-size:clamp(40px,7.45vw,111px)}.hero-bottom{justify-content:space-between;align-items:end;gap:24px;display:flex}.hero p{letter-spacing:-.025em;max-width:43ch;font-size:clamp(18px,2vw,25px)}.demo{padding-bottom:66px}.section-top{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.section-top h2{letter-spacing:-.01em;font-size:15px}.mock{background:var(--light);border:1px solid var(--line);grid-template-columns:198px minmax(0,1fr);min-height:262px;display:grid}.mock-side{background:#e9e8e0;border-right:1px solid #c3c2b7;align-content:start;gap:10px;padding:20px 16px;font-size:13px;display:grid}.mock-side img{width:55px;margin-bottom:12px}.muted{color:var(--muted)}.selected{background:#d7d7cb;justify-content:space-between;margin:-4px -7px;padding:7px;display:flex}.mock-main{padding:23px 26px 30px}.mock-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.mock-title h3{margin-top:6px;font-size:clamp(22px,3.2vw,38px)}.pill{color:#3d3e36;white-space:nowrap;background:#e5e4dc;border-radius:24px;padding:4px 9px;font-size:11px;display:inline-block}.done{color:#253e26;background:#dce5d6}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}td,th{border-bottom:1px solid #d0d0c4;padding:8px 8px 8px 0}th{color:var(--muted);font-size:12px}.features{border-top:1px solid var(--ink);padding-block:23px 68px}h2{font-size:clamp(32px,5vw,63px)}.features h2,.trust h2,.pricing h2{margin:13px 0 23px}.grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid article{padding:16px 24px 3px 0}.grid article+article{border-left:1px solid var(--line);padding-left:24px}.grid h3{margin:12px 0 8px;font-size:clamp(22px,2.6vw,34px)}.trust{background:var(--light);padding-block:42px}.trust-grid,.pricing{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:35px;display:grid}.trust figure{text-align:center;color:var(--muted);justify-self:end;font-size:11px}.trust img{width:92px;margin:0 auto 10px}.pricing{border-bottom:1px solid var(--ink);padding-block:52px}.price{border-left:1px solid var(--line);padding-left:24px}.price strong{letter-spacing:-.09em;font-size:clamp(47px,6vw,82px);font-weight:600;line-height:1}.price p{margin-top:10px}.faq{padding-block:46px 54px}.faq h2{margin-bottom:19px}details{border-top:1px solid var(--line);padding:12px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin-top:9px}.footer{border-top:1px solid var(--ink);border-bottom:0;font-size:13px}.footer .logo{width:62px}@media (max-width:780px){.wrap{width:calc(100% - 40px)}.hero{padding-top:47px}.hero-bottom{flex-direction:column;align-items:start}.grid article{padding-right:12px}.grid article+article{padding-left:12px}.trust-grid,.pricing{grid-template-columns:minmax(0,1fr) 170px}}@media (max-width:540px){.wrap{width:calc(100% - 32px)}.top{padding-block:15px}.logo{width:67px}nav{gap:12px}nav>a:first-child{display:none}h1{font-size:clamp(34px,8.4vw,50px)}.hero{padding-block:38px 30px}.demo{padding-bottom:44px}.mock{grid-template-columns:minmax(0,1fr);min-height:0}.mock-side{display:none}.mock-main{padding:16px 11px}.mock-title{margin-bottom:12px}.mock-title>.pill{display:none}table{font-size:12px}.grid,.trust-grid,.pricing{grid-template-columns:1fr}.grid article,.grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:15px 0}.features{padding-bottom:42px}.trust figure{justify-self:start}.pricing{gap:15px;padding-block:38px}.price{border:0;padding:0}.footer{gap:10px}.footer>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.example-clients{border-top:1px solid var(--ink);padding-block:24px 48px}.example-clients h2{margin:12px 0}.example-clients p{color:var(--muted)}.foundation-logos{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 0;padding:0;list-style:none;display:grid}.foundation-logos li{place-items:center;min-height:106px;padding:18px;display:grid}.foundation-logos li+li{border-left:1px solid var(--line)}.foundation-logos img{filter:grayscale();width:auto;max-width:min(100%,230px);height:auto;max-height:53px}.foundation-logos li:first-child img{filter:grayscale()brightness(0)}@media (max-width:540px){.foundation-logos{grid-template-columns:1fr}.foundation-logos li{min-height:74px}.foundation-logos li+li{border-left:0;border-top:1px solid var(--line)}.foundation-logos img{max-width:195px;max-height:44px}}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-back{font-size:14px;font-weight:600;text-decoration:none}.login-back:hover{text-decoration:underline}.login-layout{flex:1;place-items:center;padding-block:52px;display:grid}.login-card{background:var(--light);border:1px solid var(--line);width:min(100%,525px);padding:clamp(22px,5vw,42px)}.login-card h1{margin:14px 0 17px;font-size:clamp(34px,6vw,57px)}.login-card p{color:var(--muted)}@media (max-width:360px){.top nav a[href=\#hinnoittelu]{display:none}}.hero-price{margin-top:12px;font-size:14px;font-weight:600;display:inline-block}.hero-price span{margin-left:4px}.section-intro{color:var(--muted);margin-bottom:22px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid article{padding:19px 23px 20px}.feature-grid article:nth-child(odd){border-left:0;padding-left:0}.feature-grid article:nth-child(n+3){border-top:1px solid var(--line)}.feature-grid ul,.included{margin:12px 0 0;padding-left:19px}.feature-grid li,.included li{margin-top:4px}.price .button,.contact-card .button{margin-top:18px}.contact{background:var(--light);border-block:1px solid var(--line);padding-block:46px}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(230px,340px);align-items:center;gap:32px;display:grid}.contact h2{margin:12px 0 17px}.contact-card{border:1px solid var(--line);padding:22px}.contact-card h3{margin-bottom:10px;font-size:24px}.site-footer{padding-top:34px;font-size:14px}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:24px;display:grid}.footer-grid>*{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-grid h2{letter-spacing:0;margin-bottom:4px;font-size:15px}.footer-grid p,.footer-grid span{color:var(--muted)}.footer-grid p{max-width:27ch;margin-top:6px}.footer-grid a{font-weight:400}.footer-end{border-top:1px solid var(--line);justify-content:space-between;gap:14px;margin-top:28px;padding-block:15px;display:flex}@media (max-width:780px){.top nav{gap:12px}.top .desktop-contact{display:none}}@media (max-width:540px){.feature-grid,.contact-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border-top:0;border-left:0;padding:15px 0}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{padding-block:32px}}.contact-card form{gap:6px;margin-top:16px;display:grid}.contact-card label{font-size:14px;font-weight:600}.contact-card input,.contact-card textarea{border:1px solid var(--line);background:var(--light);width:100%;color:var(--ink);font:inherit;margin-bottom:6px;padding:9px}.contact-card textarea{resize:vertical}.contact-card button{cursor:pointer;border:0;margin-top:4px}.contact-card :is(input,textarea,button):focus-visible{outline:3px solid var(--blue);outline-offset:3px}.contact-card output{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;padding:10px;font-size:14px}.login-options,.login-flow{margin:22px 0 14px}.login-options button,.login-flow button{cursor:pointer;border:0}.login-options [hidden],.login-reset[hidden]{display:none}.login-google{border:1px solid var(--line);margin-bottom:10px;padding:11px 14px}.login-google:last-child{border-bottom:1px solid var(--line)}.login-google summary{cursor:pointer}.login-flow h2{margin-bottom:12px;font-size:25px}.login-flow label{margin-bottom:5px;font-size:14px;font-weight:600;display:block}.login-flow input{background:var(--light);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;padding:9px 12px}.login-flow input[readonly]{background:#e9e8e0}.login-flow p,.login-flow .button{margin-top:10px}.login-reset{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.login-demo-link{width:max-content;margin-top:18px;font-size:14px;display:block}.login-page :is(button,input):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
