@import url('/etusivu-luonnokset.css');
.test-environment-banner{padding:14px 24px;background:#20201e;color:#fff;font-size:16px;text-align:center;line-height:1.6}.anchor-alias{display:block;scroll-margin-top:24px}.full-checks{margin-top:25px;border:1px solid var(--line);border-radius:16px;padding:0 22px}.full-checks>summary{padding:18px 0;font-size:18px;font-weight:500;color:#a83911;cursor:pointer;min-height:56px}.full-checks summary::marker,.home-questions summary::marker{color:var(--orange)}.check-content{padding-bottom:20px}.check-content details{border-top:1px solid var(--line)}.check-content summary{font-size:18px;line-height:1.5;padding:17px 0;cursor:pointer;font-weight:500}.check-content details p,.check-content .disclosure{font-size:17px;color:var(--muted);line-height:1.75;margin:0 0 20px}.check-content .disclosure{margin:15px 0 0}.partner-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-block:48px}.partner-section h2{font-size:36px}.partner-section>div>p:not(.eyebrow){color:var(--muted)}.partner-section .button{margin-block:25px 20px}.home-questions{padding-block:0 45px}.home-questions h2{font-size:34px;margin-bottom:20px}.home-questions details{border-bottom:1px solid var(--line)}.home-questions summary{padding:22px 0;cursor:pointer;font-size:19px;font-weight:500;line-height:1.5}.home-questions details p{max-width:850px;color:var(--muted);font-size:18px;line-height:1.75;margin-bottom:22px}.footer nav{display:flex;flex-wrap:wrap;gap:12px 25px}.footer nav a{font-size:16px;min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}.footer .footer-note{flex-basis:100%;font-size:15px}summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:760px){.partner-section{grid-template-columns:1fr;gap:22px;padding-block:36px}.partner-section h2{font-size:32px}.partner-section .eyebrow{margin-bottom:15px}.home-questions{padding-bottom:32px}.home-questions h2{font-size:30px}.full-checks{padding-inline:18px}.full-checks>summary{font-size:18px}.check-content details p,.check-content .disclosure{font-size:17px}.home-questions summary{font-size:18px}.footer nav{gap:5px 22px}.test-environment-banner{font-size:15px;padding:12px 20px}}

/* A live, readable table serves as illustration at every viewport size. */
.process-illustrated{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:65px;padding-block:60px}.process-illustrated ol{grid-template-columns:1fr;gap:24px;margin-top:28px}.process-illustrated .eyebrow{margin-bottom:16px}.process-illustrated h2{font-size:42px}.process-illustrated h3{font-size:23px}.comparison-illustration{position:relative;isolation:isolate;min-width:0;padding:13px 6px 10px}.comparison-illustration::before{content:"";position:absolute;inset:3px -4px 10px 9px;border:1px solid #efd9c5;border-radius:23px;background:#fff5ec;transform:rotate(2deg);z-index:-1}.comparison-illustration .offer-board{background:#fff;box-shadow:0 16px 40px #20201e09}.comparison-illustration .offer-board table{font-size:16px}.comparison-illustration .offer-board thead th{font-size:14px}.comparison-illustration .offer-board figcaption{font-size:13px}.comparison-illustration .offer-board small{font-size:15px}
@media(max-width:900px){.process-illustrated{gap:35px}.process-illustrated h2{font-size:36px}}
@media(max-width:760px){.process-illustrated{grid-template-columns:1fr;gap:28px;padding-block:36px}.process-illustrated h2{font-size:34px}.process-illustrated ol{gap:22px}.comparison-illustration{padding:10px 4px}.comparison-illustration .offer-board{padding:21px 18px}.comparison-illustration .offer-board table{font-size:14px}.comparison-illustration .offer-board thead th{font-size:13px}.comparison-illustration .offer-board figcaption{font-size:12px}.comparison-illustration .offer-board small{font-size:15px}.comparison-illustration::before{inset:3px 0 10px 9px;transform:rotate(1.4deg)}}

/* Selected slogan and .fi wordmark keep the existing brand and readable line lengths. */
.selected-home .hero.hero-b h1{font-size:clamp(44px,5.3vw,70px);text-wrap:balance;overflow-wrap:normal;hyphens:manual}
@media(max-width:600px){.selected-home .hero.hero-b h1{font-size:clamp(33px,8.8vw,43px);line-height:1.1;letter-spacing:-1.3px}.selected-home .header{flex-wrap:wrap;gap:8px 16px;padding-block:18px}.selected-home .header .brand span{font-size:27px}.selected-home .header nav{margin-left:auto}}