:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
--g:#17803F;--gh:#126934;--deep:#0E2B1B;--ink:#0F2A1C;--muted:#4D5F55;--grey:#F3F6F4;--line:#E3E9E5;--soft:#C9D1CC;
--section-space:2.75rem;--h:"Inter Tight",system-ui,sans-serif;--b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
html{height:100%;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 5rem);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:#fff;color:var(--ink);font:400 1rem/1.6 var(--b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:#fff;z-index:30}
a{color:inherit}img{display:block;max-width:100%}p{margin:0}:focus-visible{outline:3px solid var(--g);outline-offset:3px}
h1,h2,h3{margin:0;font-family:var(--h);font-weight:500;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(2.4rem,5.4vw,4.3rem)}h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}h3{font-size:1.35rem;letter-spacing:-.015em}
.w{max-width:1000px;margin:0 auto;padding:0 1.25rem}.ww{max-width:1500px;margin:0 auto;padding:0 1rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;justify-content:center;min-height:3rem;padding:0 1.5rem;border-radius:99px;font:500 .97rem var(--b);text-decoration:none;border:0;cursor:pointer;color:#fff}
.btn svg{width:.8em;height:.8em}.btn svg.i{width:1.2em;height:1.2em}
.bg{background:var(--g)}.bg:hover{background:var(--gh)}.bd{background:var(--deep)}.bd:hover{background:#000}.bw{background:#fff;color:var(--ink)}
.eb{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--g);font:600 .8rem var(--b);text-transform:uppercase;margin-bottom:.9rem}
.eb svg{width:1rem;height:1rem}.left .eb,.hero .eb{justify-content:flex-start}
header{position:static;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
header .ww{display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;gap:1rem}
.logo{display:flex;align-items:center;gap:.5rem;font:600 1.3rem var(--h);text-decoration:none;letter-spacing:-.02em}.logo svg{width:1.7rem;height:1.7rem;color:var(--g)}
@media(min-width:1200px){header{position:sticky;top:env(safe-area-inset-top,0px)}}
nav{display:none;gap:2rem;font-size:.97rem}nav a{text-decoration:none}nav a:hover{color:var(--g)}
.rt{display:flex;align-items:center;gap:1rem}
.ph{display:flex;align-items:center;gap:.6rem;font-weight:500;text-decoration:none;white-space:nowrap}
.ph i{width:2rem;height:2rem;border-radius:50%;background:var(--g);display:grid;place-items:center}.ph i svg{width:1rem;height:1rem;color:#fff}
@media(min-width:900px){nav{display:flex}}
.desktop-nav{display:none;align-items:center;gap:1.3rem;white-space:nowrap}
.nav-menu{position:relative}.nav-menu>summary{display:flex;align-items:center;gap:.4rem;list-style:none;cursor:pointer}.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu>summary svg,.mobile-submenu>summary svg{width:.7rem;height:.7rem;transition:transform .2s;flex:none}.nav-menu[open]>summary svg,.mobile-submenu[open]>summary svg{transform:rotate(180deg)}
.nav-menu[open]>summary,.nav-menu>summary:hover{color:var(--g)}
.nav-dropdown{position:absolute;top:calc(100% + .75rem);left:-1rem;z-index:21;min-width:15rem;padding:.5rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(14,43,27,.14)}
.nav-dropdown a{display:block;padding:.65rem .8rem;border-radius:.6rem;line-height:1.35}.nav-dropdown a:hover,.nav-dropdown a[aria-current="page"]{background:var(--grey);color:var(--g)}
@media(min-width:1200px){.desktop-nav{display:flex}}
.mobile-menu{display:none}
@media(max-width:1199px){
html{scroll-padding-top:1rem}header{position:relative}header .ww{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem}
header .logo{min-width:0}header .rt{justify-self:end}header .rt>.btn{display:none}
.mobile-menu{display:block;justify-self:end}
.mobile-menu>summary{display:grid;place-items:center;width:2.75rem;height:2.75rem;list-style:none;border-radius:.8rem;background:var(--deep);color:#fff;cursor:pointer}
.mobile-menu>summary::-webkit-details-marker,.mobile-submenu>summary::-webkit-details-marker{display:none}
.mobile-menu>summary svg{width:1.5rem;height:1.5rem}
.mobile-menu[open]>summary,.mobile-menu>summary:hover{background:var(--g)}
.mobile-menu nav{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;z-index:21;display:grid;gap:.25rem;max-height:calc(100dvh - 6rem);overflow-y:auto;overscroll-behavior:contain;padding:.75rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(14,43,27,.14)}
.mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;padding:.7rem 1rem;border-radius:.7rem;font-weight:500;line-height:1.4}
.mobile-menu nav a::after{content:"›";color:var(--g);font-size:1.35rem;line-height:1}
.mobile-menu nav a:hover,.mobile-menu nav a[aria-current="page"]{background:var(--grey);color:var(--g)}
.mobile-menu nav>a:last-child{margin-top:.35rem;background:var(--deep);color:#fff}.mobile-menu nav>a:last-child::after{color:inherit}.mobile-menu nav>a:last-child:hover{background:var(--g)}
.mobile-submenu>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;padding:.7rem 1rem;border-radius:.7rem;font-weight:500;line-height:1.4;list-style:none;cursor:pointer}
.mobile-submenu[open]>summary,.mobile-submenu>summary:hover{background:var(--grey);color:var(--g)}
.mobile-submenu>summary svg{color:var(--g)}.mobile-submenu-links{padding:.25rem 0 .25rem .8rem}.mobile-submenu-links a{font-size:.93rem}
}
@media(min-width:900px) and (max-width:1199px){header .rt>.btn{display:inline-flex}}
@media(max-width:359px){header .ph i{display:none}}
.hero{display:grid;gap:.75rem}@media(min-width:900px){.hero{grid-template-columns:1fr 1fr}}
.pn{background:var(--grey);border-radius:1.6rem;padding:clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center;gap:2.5rem}
.pn p.l{font-size:1.1rem;color:var(--muted);max-width:28rem;margin:1.3rem 0 1.8rem}
.row{display:flex;flex-wrap:wrap;gap:.7rem}
.hero-proof{display:flex;align-items:center;gap:.75rem;margin-top:1.3rem;font-size:1.1rem;font-weight:600}
.hero-proof svg{width:1.55rem;height:1.55rem;flex:none;color:var(--g)}
.tr{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:center}.tr div{font-size:.92rem;color:var(--muted);line-height:1.35}.tr b{display:block;font:500 1.6rem var(--h);color:var(--ink);letter-spacing:-.02em}
.tr hr{width:1px;height:2.6rem;border:0;background:var(--soft);margin:0}
.im{position:relative;border-radius:1.6rem;overflow:hidden;min-height:30rem}
.im>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tg{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem;flex-wrap:wrap}
.tg span{background:rgba(14,43,27,.82);color:#fff;border-radius:99px;padding:.4rem .9rem;font-size:.9rem;backdrop-filter:blur(6px)}
.st{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.st div{background:#fff;border-radius:1rem;padding:1rem 1.1rem;font-size:.88rem;color:var(--muted);line-height:1.4}.st b{display:block;font:500 1.9rem var(--h);color:var(--ink);letter-spacing:-.02em}
main>div.ww{padding-bottom:var(--section-space)}section{padding:var(--section-space) 0}.gr{background:var(--grey)}
.hd{text-align:center;max-width:34rem;margin:0 auto 3rem}.hd p{margin-top:1rem;color:var(--muted)}
.steps{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
.steps-section{padding-bottom:calc(var(--section-space) + 1.75rem)}
.sc{background:var(--grey);border-radius:1.2rem;padding:1.4rem;min-height:15rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2.4rem}
.sc>span{font:400 1.9rem/1.9rem var(--h);color:#8D9A92}.sc p{color:var(--muted);font-size:.95rem;margin-top:.5rem}
.sc.dk{background:var(--deep);color:#fff}.sc.dk .btn{width:100%;margin-top:1rem}.sc.dk svg.sp{flex:none;width:1.9rem;height:1.9rem;color:#6fd39a}.sc>div{width:100%}
.sv{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.sv a{text-decoration:none}
.sv>div{position:relative;background:#fff;border-radius:1.2rem;padding:1.4rem;min-height:15rem;display:flex;flex-direction:column;justify-content:space-between}
.sv .t{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.ic{flex:none;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--g);display:grid;place-items:center;color:#fff}.ic svg{width:1.3rem;height:1.3rem}
.sv p{color:var(--muted);font-size:.95rem}
.sv>.pic{padding:0;overflow:hidden;position:relative;min-height:15rem}.pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.why{display:grid;gap:2.5rem}@media(min-width:800px){.why{grid-template-columns:1fr 1.2fr}}
.fe{display:grid;gap:2rem 1.5rem;grid-template-columns:1fr 1fr}.fe .ic{background:none;color:var(--g);width:2.4rem;height:2.4rem;margin-bottom:.8rem}.fe .ic svg{width:2.2rem;height:2.2rem}
.etusivu .why .fe{background:var(--grey);border-radius:1.2rem;padding:1.5rem}
.fe h3{font-size:1.2rem;margin-bottom:.4rem}.fe p{color:var(--muted);font-size:.95rem}
.vd{position:relative;aspect-ratio:16/9;border-radius:1.6rem;overflow:hidden;background:#000}.vd iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vf{margin-top:1rem;text-align:center;font-size:.95rem;color:var(--muted)}.vf a{text-decoration:underline}
.mq{overflow:hidden;padding:var(--section-space) 0;white-space:nowrap;line-height:0}
.mq div{display:inline-block;font:500 clamp(3rem,9vw,6.5rem)/1 var(--h);letter-spacing:-.04em;color:var(--soft);animation:m 38s linear infinite}
.mq i{font-style:normal;color:var(--deep);margin:0 1.5rem;font-size:.6em}
@keyframes m{to{transform:translateX(-50%)}}
.pr{display:grid;gap:.9rem;grid-template-columns:1fr}@media(min-width:560px){.pr{grid-template-columns:1fr 1fr}.pn2{grid-column:1/-1}}@media(min-width:900px){.pr{grid-template-columns:repeat(4,1fr)}.pn2{grid-column:4;grid-row:1/3}}
.pn2{background:var(--deep);color:#fff;border-radius:1.2rem;padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.pn2 h3{font-size:1.15rem}.pn2 p{font-size:.95rem;color:#cfe0d6;padding-top:1rem;border-top:1px solid rgba(255,255,255,.18)}.pn2 p b{display:block;font-weight:600;color:#fff}.pc h3{font-size:1.15rem}
.pc{display:block;text-decoration:none;background:var(--grey);border-radius:1.2rem;padding:1.4rem}.pc:hover{box-shadow:inset 0 0 0 1px var(--g)}.pc.f:hover{background:var(--gh)}.pc b{display:block;font:500 2.6rem var(--h);letter-spacing:-.03em;margin-top:.8rem;line-height:1.1}
.pc span{font-size:.9rem;color:var(--muted)}.pc.f{background:var(--g);color:#fff}.pc.f span{color:#e3f3e9}
.fine{margin-top:1.6rem;padding:clamp(1rem,3vw,1.4rem);border:1px solid var(--line);border-radius:1.2rem;color:var(--muted);font-size:.93rem;display:grid;gap:1.25rem 1.75rem}
.fine h3{margin-bottom:.55rem;font:600 1rem var(--b);color:var(--ink)}
.fine .tax-deduction{grid-column:1/-1;padding-top:1rem;border-top:1px solid var(--line)}
.tax-deduction a{color:var(--g);text-underline-offset:.2em}
.fine .price-agreement{grid-column:1/-1;display:flex;align-items:flex-start;gap:.6rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink)}
.price-agreement svg{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;color:var(--g)}
@media(min-width:640px){.fine{grid-template-columns:1.3fr 1fr}}
.sk{margin-top:1.6rem;background:var(--grey);border-radius:1.2rem;padding:1.4rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
.sk p{color:var(--muted)}.sk .who{display:flex;align-items:center;gap:1rem}.sk img{flex:none;width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover;object-position:30% 36%}.sk strong{color:var(--ink)}
.bk{display:grid;gap:.75rem}@media(min-width:900px){.bk{grid-template-columns:1fr 1fr}}
.bk .im{min-height:28rem}.cap{position:absolute;left:1rem;right:1rem;bottom:1rem;background:#fff;border-radius:1rem;padding:1.1rem 1.2rem}.cap p{font:500 1.7rem/1.2 var(--h)}.cap small{display:block;margin-top:.2rem;font-size:1.05rem;color:var(--muted)}
form{background:var(--deep);color:#fff;border-radius:1.6rem;padding:clamp(1.5rem,4vw,3rem);display:grid;gap:.8rem}
form h2{margin-bottom:.8rem}form .eb{color:#6fd39a;justify-content:flex-start}
.two{display:grid;gap:.8rem}@media(min-width:620px){.two{grid-template-columns:1fr 1fr}}
input,select,textarea{width:100%;font:400 .97rem var(--b);padding:.9rem 1.2rem;border-radius:99px;border:1px solid #3a5a48;background:transparent;color:#fff}
textarea{border-radius:1.2rem}select option{color:#000}
input::placeholder,textarea::placeholder{color:#a9c0b2}input:focus,select:focus,textarea:focus{outline:none;border-color:#6fd39a}
form .btn{width:100%;margin-top:.5rem}.nt{font-size:.85rem;color:#a9c0b2}
footer{padding:var(--section-space) 0 2.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}
.footer-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem 1.5rem}
.footer-brand,.footer-contact{grid-column:1/-1;min-width:0}
footer h3{margin-bottom:.85rem;font:600 .8rem var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}footer a{text-decoration:none}footer a:hover{color:var(--g)}
.footer-brand>p{max-width:16rem;font-size:.9rem}
footer .footer-links{display:grid;gap:.15rem;align-content:start}
.footer-links a{display:flex;align-items:center;min-height:2.75rem;padding:.35rem 0;line-height:1.45}.footer-links a:hover{text-decoration:underline;text-underline-offset:.25em}.footer-links a[aria-current="page"]{color:var(--g);font-weight:600}
.footer-contact>a{display:block;width:fit-content;padding:.3rem 0;overflow-wrap:anywhere}.footer-contact .footer-phone{padding:.15rem 0 .45rem;font:600 1rem var(--h);letter-spacing:-.02em;color:var(--g)}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.8rem}.footer-bottom a{padding:.35rem 0;text-decoration:underline;text-underline-offset:.2em}
@media(min-width:900px){.footer-top{grid-template-columns:1.4fr 1.2fr .8fr 1.2fr;gap:1.5rem}.footer-brand,.footer-contact{grid-column:auto}.footer-links a{min-height:2.3rem}}
.cb{display:none}
@media(max-width:759px){:root{--section-space:1.75rem}html{scroll-padding-top:1rem}.cb{display:flex;gap:.6rem;position:fixed;left:0;right:0;bottom:0;z-index:25;transform:translateY(110%);transition:transform .3s ease;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid var(--line)}.cb .btn{flex:1}.cb .btn svg{width:1.15em;height:1.15em}.cb.show{transform:none}footer{padding-bottom:6rem}.im{min-height:26rem}}
@media(prefers-reduced-motion:reduce){.cb{transition:none}html{scroll-behavior:auto}.mq div{animation:none}}
.icons{position:absolute}
.hero .im>img{object-position:62% 14%}
.sv .pic img{object-position:50% 50%}
.why .left>p{margin:1.2rem 0 1.6rem;color:var(--muted)}
#tarjous .im>img{object-position:50% 45%}
footer .logo+p{margin-top:.8rem}

.breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1rem;padding-bottom:1rem;font-size:.9rem;color:var(--muted)}
.breadcrumb a{text-decoration:underline;text-underline-offset:.2em}
.suorakaato .hero .im>img{object-position:30% 40%}
.service-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--g);font-weight:500;text-underline-offset:.2em}
.service-link svg{width:.8em;height:.8em}
.sv .service-link::after{content:"";position:absolute;inset:0;border-radius:1.2rem}
.sv .service-link:hover::after{box-shadow:inset 0 0 0 1px var(--g)}
.sv .service-link:focus-visible{outline:none}.sv .service-link:focus-visible::after{outline:3px solid var(--g);outline-offset:3px}
.sv p a{position:relative;z-index:1}
.fit-cards{display:grid;gap:.9rem}
.fit-cards .sc{min-height:0;gap:1.2rem}
.fit-cards .sc>span.ic{font:inherit;color:#fff}
@media(min-width:760px){.fit-cards{grid-template-columns:repeat(3,1fr)}}

@media(max-width:759px){header .ww{gap:.5rem}header .logo{font-size:1rem;gap:.4rem}header .logo svg{width:1.4rem;height:1.4rem;flex-shrink:0}.rt>.btn{display:none}.ph{font-size:.9rem;gap:.4rem}.ph i{width:1.7rem;height:1.7rem}}

.service-comparison{display:grid;gap:.9rem}
.compare-card{min-width:0;background:var(--grey);border-radius:1.2rem;padding:clamp(1.4rem,3vw,2rem);display:flex;flex-direction:column;align-items:flex-start}
.compare-status{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--g);margin-bottom:1rem}
.compare-card h3{font-size:1.65rem}
.compare-summary{color:var(--muted);margin-top:.8rem}
.compare-price{font:500 2.6rem/1.1 var(--h);letter-spacing:-.03em;margin-top:1.4rem}
.compare-price span{font:400 .95rem var(--b);letter-spacing:normal;color:var(--muted)}
.compare-card ul{color:var(--muted);padding-left:1.2rem;margin:1.4rem 0 1.8rem;display:grid;gap:.65rem}
.compare-card .btn{margin-top:auto}
.compare-card.current{background:var(--deep);color:#fff}
.compare-card.current .compare-status{color:#6fd39a}
.compare-card.current .compare-summary,.compare-card.current .compare-price span,.compare-card.current ul{color:#cfe0d6}
@media(min-width:760px){.service-comparison{grid-template-columns:1fr 1fr}}

.myrskytuhot .hero .im>img{object-position:75% 50%}
.photo-label{position:absolute;left:1rem;bottom:1rem;max-width:calc(100% - 2rem);padding:.4rem .85rem;border-radius:99px;background:#fff;color:var(--ink);font-size:.85rem;font-weight:500;line-height:1.4}
.risk-pricing{display:grid;gap:.9rem;margin-bottom:3rem}
.risk-offer,.risk-factors{border-radius:1.2rem;padding:1.4rem}
.risk-offer{display:flex;flex-direction:column;gap:1rem;background:var(--deep);color:#fff}
.risk-offer .risk-label{font:600 .8rem var(--b);text-transform:uppercase;color:#6fd39a}
.risk-offer h3{font-size:2rem}
.risk-offer>p:not(.risk-label){font-size:.95rem;color:#cfe0d6}
.risk-offer .btn{margin-top:auto;align-self:flex-start}
.risk-factors{display:grid;gap:1rem;background:var(--grey)}
.risk-factors>h3{font-size:1.15rem}
.risk-factors>div{padding-top:1rem;border-top:1px solid var(--line)}
.risk-factors h4{margin:0 0 .3rem;font:600 .95rem var(--b)}
.risk-factors p{font-size:.95rem;color:var(--muted)}
.other-prices-title{margin-bottom:1.5rem}
@media(min-width:760px){.risk-pricing{grid-template-columns:1fr 1.5fr}}

.etusivu .hero .im>img{object-position:50% 45%}
.kiipeilykaato .hero .im>img{object-position:50% 20%}
.jarean-puun-kiipeilykaato .hero .im>img{object-position:50% 40%}

.form-fields{border:0;margin:0;padding:0;min-width:0;display:grid;gap:.8rem}
.form-field{display:grid;gap:.35rem;min-width:0;font-size:.9rem;font-weight:500}
.form-fields [hidden],.form-status[hidden],.tax-toggle[hidden]{display:none}
form button:disabled{opacity:.65;cursor:wait}
.form-status{font-size:.95rem;color:#6fd39a}
.form-status.is-error{color:#ffd3ce}
form.is-sent{min-height:28rem;align-content:center;text-align:center}
form.is-sent>:not(#form-status){display:none}
form.is-sent .form-status{font:500 1.4rem/1.5 var(--h);color:#fff}
.price-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}
.price-toolbar p{font-size:.9rem;color:var(--muted)}
.tax-toggle{min-height:2.75rem;padding:.6rem 1rem;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--g);font:500 .9rem var(--b);cursor:pointer}
.tax-toggle:hover{background:var(--grey)}
.compare-price b{font:inherit}
.price-mode-note{display:block;font:400 .75rem/1.4 var(--b);letter-spacing:normal;color:var(--muted)}
.compare-card.current .price-mode-note{color:#cfe0d6}

.legal{max-width:850px}
.legal h1{margin-bottom:1.5rem}
.legal h2{font-size:1.5rem;margin:2rem 0 .75rem}
.legal p+p{margin-top:.8rem}
.legal ul{padding-left:1.25rem}

.local-cards{display:grid;gap:.9rem}.taloyhtio-callout{margin:0;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.5rem}.taloyhtio-callout:hover{box-shadow:inset 0 0 0 1px var(--g)}
.taloyhtio-callout p{margin-top:.55rem}
.audience-section{padding-top:calc(var(--section-space) + 1rem);padding-bottom:calc(var(--section-space) + 1rem)}
.taloyhtioille .hero .im>img{object-position:50% 15%}

.city-links{padding:1.4rem;background:var(--grey);border-radius:1.2rem;display:grid;gap:1rem}.city-links p{margin-top:.4rem;color:var(--muted);font-size:.95rem}
.city-links ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;list-style:none;margin:0;padding:0}.city-links a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;padding:.5rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}.city-links a:hover{color:var(--g);border-color:var(--g)}.city-links a svg{width:.8rem;height:.8rem;color:var(--g);flex:none}
@media(min-width:760px){.local-cards{grid-template-columns:1fr 1fr}}
.tampere .hero .im>img{object-position:50% 15%}.jyvaskyla .hero .im>img{object-position:50% 40%}.virrat .hero .im>img{object-position:50% 45%}.seinajoki .hero .im>img{object-position:50% 30%}

.city-detail,.city-permit{display:grid;gap:2rem;align-items:start}
.city-copy .eb{justify-content:flex-start}.city-copy h2{max-width:18ch}.city-copy p{color:var(--muted);margin-top:1rem}
.city-note,.city-source{border-radius:1.2rem;padding:clamp(1.4rem,3vw,2rem)}
.city-note{background:var(--grey)}.city-note h3{margin-top:1.1rem}.city-note ul{padding-left:1.2rem;margin:1rem 0;display:grid;gap:.6rem;color:var(--muted)}.city-note p{border-top:1px solid var(--line);padding-top:1rem;color:var(--ink);font-weight:500}
.city-source{background:var(--deep);color:#fff}.city-source>span{font-size:.8rem;font-weight:600;text-transform:uppercase;color:#6fd39a}.city-source h3{margin-top:.8rem}.city-source p{color:#cfe0d6;margin:1rem 0 1.4rem}.city-source .btn{white-space:normal;text-align:center}
@media(min-width:760px){.city-detail,.city-permit{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,4rem)}}
