:root{
  --ink:#111315;
  --blue:#4d6f91;
  --deep:#17314a;
  --gold:#b59662;
  --soft:#f3f5f6;
  --line:rgba(181,150,98,.28);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}
a{color:inherit}
.wrap{width:min(calc(100% - 48px),var(--max));margin:0 auto}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(23,49,74,.1)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:245px;display:block}
.menu{display:flex;align-items:center;gap:28px}
.menu a{text-decoration:none;font-size:15px}
.menu .nav-cta,.btn{background:var(--deep);color:#fff!important;padding:12px 20px;border-radius:2px;text-decoration:none;display:inline-block;border:1px solid var(--deep);font-weight:600}
.page{display:none}
.page.is-active{display:block}
.hero{padding:72px 0 60px}
.hero-center{max-width:920px;text-align:center}
.hero-center .left{text-align:left}
h1,h2,h3,h4{margin-top:0;color:var(--ink)}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
h1{font-size:clamp(42px,5vw,66px);line-height:1.08;margin-bottom:22px}
h2{font-size:36px;line-height:1.2;margin-bottom:18px}
h3{font-size:22px;line-height:1.3}
.eyebrow,.article-meta,.text-link{color:var(--blue);font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.eyebrow{margin-bottom:14px}
.rule{width:58px;height:2px;background:var(--gold);margin:22px auto 26px}
.left-rule{margin-left:0}
.hero-lead{font-size:20px}
.image-band{height:185px;overflow:hidden}
.image-band img{width:100%;height:100%;object-fit:cover;display:block}
.about-image-band img{object-position:center 58%}
.section{padding:68px 0}
.soft{background:var(--soft)}
.section-head{margin-bottom:28px}
.three-cards,.article-cards,.expertise-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.article-card,.package,.form-card,.contact-card{background:#fff;border:1px solid var(--line);padding:26px 24px}
.card{border-top:2px solid var(--gold)}
.text-link{text-decoration:none;display:inline-block;margin-top:12px}
.home-help{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:20px}
.home-help>div{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:24px 22px}
.help-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;color:var(--gold);vertical-align:-6px}.help-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-home{text-align:center;max-width:900px}
.about-home .left{text-align:left}
.about-home p{max-width:820px;margin:0 auto 18px}
.article-thumb{height:190px;overflow:hidden;margin:-26px -24px 20px}
.article-thumb img{width:100%;height:100%;object-fit:cover}
.service-section{padding:62px 0;position:relative}
.service-section:nth-of-type(even){background:#fff}
.service-grid{display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,.66fr);gap:54px;align-items:start}
.service-side{position:sticky;top:112px;align-self:start;background:#fff;padding:4px 0 10px}
.service-promise{font-size:18px}
.service-detail-box{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:28px 28px}
.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.package ul{padding-left:20px}
.meta{font-size:15px;margin-top:14px}
.project-heading{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:700;margin:28px 0 10px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.project-grid>div{padding:15px 0;border-top:1px solid var(--line)}
.project-grid h4{font-size:16px;margin-bottom:6px}
.expertise-cards .card p{margin-bottom:0}
.story{max-width:900px}
.story-inner{max-width:800px;margin:0 auto;text-align:center}
.story-inner p{margin-bottom:22px}
.founder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}
.profile{height:520px;overflow:hidden}
.profile img{width:100%;height:100%;object-fit:cover}
.founder-name{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:14px;margin-bottom:24px}
.founder-links{display:flex;gap:22px;flex-wrap:wrap}
.compact-cards .card{padding:22px}
.process-cards{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:14px}
.process-cards .card{min-width:0;padding:22px;border:1px solid var(--line);border-top:2px solid var(--gold)}
.process-arrow{align-self:center;color:var(--gold);font-size:24px;line-height:1;text-align:center}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}
.form-card label{display:block;font-weight:600;margin-bottom:18px}
input,select,textarea{width:100%;padding:12px 13px;margin-top:7px;border:1px solid #cdd3d7;font:inherit;background:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{font-weight:400!important}
.check input{width:auto;margin-right:8px}
.step{display:none}
.step.active{display:block}
.form-actions{display:flex;gap:12px;justify-content:space-between}
.btn-light{background:#fff;color:var(--deep)!important}
.contact-card h2{font-size:30px}
.contact-card a{color:var(--blue)}
.end-cta{padding:44px 0;background:#234765;color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.end-cta-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.end-cta h2{font-size:30px;margin-bottom:8px;color:#fff}
.end-cta .btn{background:#fff;color:var(--deep)!important;border-color:#fff}
.footer-contact-inline a{display:inline;margin:0;color:#fff;text-decoration:none}
.footer-address{margin-top:6px}
.end-cta p{margin:0}
footer{background:#102638;color:#fff;padding:46px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:42px;align-items:start}
.footer-brand img{width:230px;display:block}
footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff}
footer a{display:block;color:#fff;text-decoration:none;margin:5px 0}
footer p{margin:0}
.article-hero{padding:74px 0 46px;background:var(--soft)}
.article-wrap{width:min(calc(100% - 48px),820px);margin:0 auto}
.article-body{padding:56px 0 74px}
.article-body h2{font-size:30px;margin-top:48px}
.article-body h3{font-size:21px;margin-top:32px}
.article-body p{margin-bottom:22px}
.article-intro{font-size:20px}
.highlight{border-left:2px solid var(--gold);padding:8px 0 8px 20px;font-weight:600}
.article-cta{background:var(--soft);padding:30px;margin-top:50px}
#osa-aikainen,#interim,#projekti,#osaaminen,#ajankohtaista{scroll-margin-top:100px}
@media(max-width:900px){
  .menu{gap:12px;flex-wrap:wrap;justify-content:flex-end}
  .three-cards,.article-cards,.expertise-cards,.home-help,.package-grid,.project-grid,.founder-grid,.contact-grid,.footer-grid,.end-cta-grid,.service-grid{grid-template-columns:1fr}
  .process-cards{grid-template-columns:1fr}
  .process-arrow{transform:rotate(90deg)}
  .service-side{position:static}
  .profile{height:390px}
  .image-band{height:145px}
}



.hero-side-layout{padding:58px 0 54px}
.hero-side-layout .hero-split{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:48px;align-items:stretch}
.hero-side-layout .hero-copy{max-width:620px;text-align:left;padding:8px 0}
.hero-side-layout .hero-copy .rule{margin-left:0}
.hero-visual{position:relative;overflow:hidden;min-height:330px;align-self:stretch;background:#f6f8f9}
.hero-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.hero-visual::before{content:"";position:absolute;z-index:2;inset:0 auto auto 0;width:100%;height:30px;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));pointer-events:none}
.hero-visual::after{content:"";position:absolute;z-index:2;inset:0 0 0 auto;width:34px;height:100%;background:linear-gradient(to left,#fff,rgba(255,255,255,0));pointer-events:none}
.hero-visual .fade-left{position:absolute;z-index:2;left:0;top:0;width:26px;height:100%;background:linear-gradient(to right,#fff,rgba(255,255,255,0));pointer-events:none}
.article-thumb img{filter:none}
@media(max-width:900px){
  .hero-side-layout .hero-split{grid-template-columns:1fr;gap:28px}
  .hero-side-layout .hero-copy{max-width:none}
  .hero-visual,.hero-visual img{min-height:235px;height:235px}
}


#page-palvelut .hero-visual::before,
#page-tietoa .hero-visual::before{
  display:none!important;
  content:none!important;
}
#page-palvelut .hero-visual::after,
#page-tietoa .hero-visual::after{
  display:none!important;
  content:none!important;
}
#page-palvelut .hero-visual .fade-left,
#page-tietoa .hero-visual .fade-left{
  display:block!important;
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:34px;
  height:100%;
  background:linear-gradient(to right,rgba(255,255,255,.88) 0%,rgba(255,255,255,.40) 40%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
#page-palvelut .hero-visual img,
#page-tietoa .hero-visual img{
  filter:none!important;
  opacity:1!important;
}





.image-band,
.hero-visual,
.article-thumb{
  display:none!important;
}


.hero-side-layout .hero-split{
  display:block!important;
  max-width:920px!important;
  margin:0 auto!important;
}
.hero-side-layout .hero-copy{
  max-width:760px!important;
}


#page-etusivu .hero{
  padding-bottom:72px!important;
}


.article-card{
  border-top:2px solid var(--gold)!important;
}
.article-card .article-meta{
  margin-top:0!important;
}


.end-cta{
  background:var(--deep)!important;
  color:#fff!important;
  border-top:0!important;
  padding:52px 0!important;
}
.end-cta h2,
.end-cta p{
  color:#fff!important;
}
.end-cta .btn{
  background:#fff!important;
  color:var(--deep)!important;
  border-color:#fff!important;
}
.end-cta .btn:hover{
  background:transparent!important;
  color:#fff!important;
}


footer{
  background:#fff!important;
  color:var(--ink)!important;
  border-top:1px solid rgba(23,49,74,.10)!important;
  padding:42px 0!important;
}
footer h4,
footer p,
footer a,
.footer-contact-inline a{
  color:var(--ink)!important;
}
footer a:hover{
  color:var(--blue)!important;
}
.footer-brand img{
  width:260px!important;
  max-width:100%!important;
  height:auto!important;
}
.footer-address{
  color:var(--ink)!important;
}


.brand img{
  width:275px!important;
  max-width:34vw!important;
  height:auto!important;
}


.rule,
.card,
.service-detail-box,
.process-cards .card,
.highlight,
.expertise-cards .card{
  border-color:var(--line);
}


.section{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.soft{
  background:var(--soft)!important;
}


.profile{
  display:block!important;
}





.brand img{
  width:315px!important;
  max-width:38vw!important;
  height:auto!important;
}
.footer-brand img{
  width:255px!important;
  max-width:100%!important;
  height:auto!important;
}



.brand{
  display:flex!important;
  align-items:center!important;
  padding:8px 0!important;
}
.brand img{
  width:255px!important;
  max-width:31vw!important;
  height:auto!important;
  display:block!important;
}
header .nav{
  min-height:76px!important;
}
header{
  overflow:visible!important;
}
.footer-brand img{
  width:220px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
}



:root{
  --blue:#243E56!important;       
  --deep:#1D3448!important;       
  --soft:#F2F5F7!important;       
}


.hero{
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #ffffff 56%,
      #f6f8fa 76%,
      #e7edf1 100%
    )!important;
}


.soft{
  background:var(--soft)!important;
}


.end-cta{
  background:var(--deep)!important;
}


.eyebrow,
.text-link,
a.text-link,
.section-link,
a.section-link{
  color:var(--blue)!important;
}





#ajankohtaista{
  padding-top:44px!important;
  padding-bottom:46px!important;
}
#ajankohtaista .section-head{
  margin-bottom:20px!important;
}
#ajankohtaista .section-head h2{
  font-size:30px!important;
  margin-bottom:8px!important;
}
#ajankohtaista .article-cards{
  gap:16px!important;
}
#ajankohtaista .article-card{
  display:grid!important;
  grid-template-columns:156px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:20px!important;
  row-gap:4px!important;
  align-items:start!important;
  padding:18px!important;
  border-top:1px solid var(--line)!important;
}
#ajankohtaista .article-thumb{
  display:block!important;
  grid-column:1!important;
  grid-row:1 / 4!important;
  width:156px!important;
  height:104px!important;
  margin:0!important;
  overflow:hidden!important;
}
#ajankohtaista .article-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}
#ajankohtaista .article-meta,
#ajankohtaista .article-card h3,
#ajankohtaista .article-card .text-link{
  grid-column:2!important;
}
#ajankohtaista .article-meta{
  font-size:10px!important;
  margin:0!important;
}
#ajankohtaista .article-card h3{
  font-size:18px!important;
  line-height:1.28!important;
  margin:1px 0 3px!important;
}
#ajankohtaista .article-card .text-link{
  font-size:10px!important;
  margin-top:4px!important;
}

@media(max-width:900px){
  #ajankohtaista .article-card{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  #ajankohtaista .article-thumb{
    width:118px!important;
    height:90px!important;
  }
}



#ajankohtaista .article-cards{
  gap:34px!important;
}
#ajankohtaista .article-card{
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#ajankohtaista .article-thumb{
  display:block!important;
  width:100%!important;
  height:190px!important;
  margin:0 0 16px!important;
  overflow:hidden!important;
  background:transparent!important;
}
#ajankohtaista .article-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}
#ajankohtaista .article-meta{
  margin:0 0 6px!important;
}
#ajankohtaista .article-card h3{
  font-size:19px!important;
  line-height:1.32!important;
  margin:0 0 10px!important;
}
#ajankohtaista .article-card .text-link{
  margin-top:0!important;
}



#ajankohtaista{
  padding-top:30px!important;
  padding-bottom:32px!important;
}
#ajankohtaista .section-head{
  margin-bottom:14px!important;
}
#ajankohtaista .section-head .eyebrow{
  font-size:10px!important;
  margin-bottom:5px!important;
}
#ajankohtaista .section-head h2{
  font-size:24px!important;
  line-height:1.2!important;
  margin-bottom:0!important;
}
#ajankohtaista .article-cards{
  gap:24px!important;
}
#ajankohtaista .article-thumb{
  height:125px!important;
  margin-bottom:10px!important;
}
#ajankohtaista .article-meta{
  font-size:9px!important;
  margin-bottom:3px!important;
}
#ajankohtaista .article-card h3{
  font-size:16px!important;
  line-height:1.3!important;
  margin-bottom:6px!important;
}
#ajankohtaista .article-card .text-link{
  font-size:9px!important;
  margin-top:0!important;
}



#ajankohtaista{
  padding-top:28px!important;
  padding-bottom:30px!important;
}
#ajankohtaista .article-cards{
  gap:28px!important;
}
#ajankohtaista .article-card{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:16px!important;
  row-gap:2px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#ajankohtaista .article-thumb{
  grid-column:1!important;
  grid-row:1 / 4!important;
  width:118px!important;
  height:82px!important;
  margin:0!important;
}
#ajankohtaista .article-meta,
#ajankohtaista .article-card h3,
#ajankohtaista .article-card .text-link{
  grid-column:2!important;
}
#ajankohtaista .article-meta{
  margin:0 0 2px!important;
}
#ajankohtaista .article-card h3{
  margin:0 0 5px!important;
  font-size:16px!important;
  line-height:1.28!important;
}
#ajankohtaista .article-card .text-link{
  margin:0!important;
}



.eyebrow,.section-head,.section-head .eyebrow{text-align:left!important}.section-head .eyebrow{margin-left:0!important;margin-right:0!important}
.about-home,.page[data-page="tietoa"] .story,.page[data-page="tietoa"] .story-inner{text-align:left!important;margin-left:0!important}.page[data-page="tietoa"] .story-inner{max-width:760px!important}
#projekti .project-grid{display:block!important;margin-top:14px!important;border:0!important}#projekti .project-grid>div{padding:10px 0!important;border:0!important;border-top:1px solid rgba(183,151,92,.52)!important;background:transparent!important}#projekti .project-grid>div:last-child{border-bottom:1px solid rgba(183,151,92,.52)!important}#projekti .project-grid h4{margin:0 0 3px!important;font-size:14px!important;line-height:1.3!important}#projekti .project-grid p{margin:0!important;font-size:13px!important;line-height:1.48!important}
.expertise-light .card{padding-top:24px!important;padding-bottom:24px!important}.expertise-light .card h3{margin-bottom:9px!important}.expertise-light .expertise-intro{margin:0 0 12px!important;font-size:14px!important;line-height:1.55!important;font-weight:400!important}.expertise-list{list-style:none!important;padding:0!important;margin:0!important}.expertise-list li{position:relative!important;padding:3px 0 3px 13px!important;font-size:13px!important;line-height:1.45!important;font-weight:400!important}.expertise-list li:before{content:"•";position:absolute;left:0;top:3px;color:var(--gold)!important;font-size:11px}
#osa-aikainen .service-copy p{margin-bottom:14px!important}#osa-aikainen .service-copy .text-link{display:inline-block;margin-top:2px!important}




.hero-side-layout .hero-split{
  display:block!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-side-layout .hero-copy{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
.hero-side-layout .hero-copy > .eyebrow{
  width:100%!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.hero-side-layout .hero-copy > h1,
.hero-side-layout .hero-copy > p{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hero-side-layout .hero-copy > .rule{
  margin-left:auto!important;
  margin-right:auto!important;
}


.section > .wrap > .section-head,
.section > .wrap > .section-head .eyebrow,
.service-section > .wrap .service-side,
.service-section > .wrap .service-side .eyebrow,
.founder-copy,
.founder-copy .eyebrow{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}


.about-home{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.about-home > .eyebrow{
  text-align:left!important;
  margin-left:0!important;
}
.about-home > h2,
.about-home > p,
.about-home > .rule,
.about-home > .text-link{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.about-home > h2,
.about-home > p{
  text-align:center!important;
}


.page[data-page="tietoa"] .story{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.page[data-page="tietoa"] .story > .eyebrow{
  text-align:left!important;
  margin-left:0!important;
}
.page[data-page="tietoa"] .story > h2,
.page[data-page="tietoa"] .story > .rule,
.page[data-page="tietoa"] .story-inner{
  max-width:800px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page[data-page="tietoa"] .story > h2,
.page[data-page="tietoa"] .story-inner{
  text-align:center!important;
}


.eyebrow{
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.11em!important;
  font-weight:700!important;
  margin-bottom:14px!important;
}





.hero-side-layout .hero-copy{
  text-align:center!important;
}
.hero-side-layout .hero-copy > h1,
.hero-side-layout .hero-copy > p:not(.eyebrow),
.hero-side-layout .hero-copy > .rule{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


.hero-side-layout .hero-split{
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-side-layout .hero-copy > .eyebrow{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}


.about-home{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.about-home > .eyebrow,
.about-home > h2,
.about-home > p,
.about-home > .text-link{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.about-home > .rule{
  margin-left:0!important;
  margin-right:0!important;
}


.page[data-page="tietoa"] .about-copy,
.page[data-page="tietoa"] .about-text,
.page[data-page="tietoa"] .founder-copy{
  text-align:left!important;
}
.page[data-page="tietoa"] .about-copy > .eyebrow,
.page[data-page="tietoa"] .about-copy > h2,
.page[data-page="tietoa"] .about-copy > p,
.page[data-page="tietoa"] .about-text > .eyebrow,
.page[data-page="tietoa"] .about-text > h2,
.page[data-page="tietoa"] .about-text > p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}


.page[data-page="tietoa"] .story{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page[data-page="tietoa"] .story > .eyebrow{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.page[data-page="tietoa"] .story > h2,
.page[data-page="tietoa"] .story > .rule,
.page[data-page="tietoa"] .story-inner{
  max-width:800px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


.section > .wrap > .section-head,
.section > .wrap > .section-head .eyebrow,
.service-section > .wrap .service-side,
.service-section > .wrap .service-side .eyebrow{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}


footer .service-area{
  margin:8px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  opacity:.78!important;
}





:root{ --apaja-content-line: var(--max); }


.hero-side-layout .hero-split{
  width:min(calc(100% - 48px), var(--apaja-content-line))!important;
  max-width:var(--apaja-content-line)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-side-layout .hero-copy{
  width:100%!important;
  max-width:none!important;
  text-align:center!important;
}
.hero-side-layout .hero-copy > .eyebrow{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.hero-side-layout .hero-copy > h1,
.hero-side-layout .hero-copy > p:not(.eyebrow){
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


.about-home{
  width:min(calc(100% - 48px), var(--apaja-content-line))!important;
  max-width:var(--apaja-content-line)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.about-home > .eyebrow,
.about-home > h2,
.about-home > p,
.about-home > .text-link{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-home > .rule{
  margin-left:0!important;
}


.page[data-page="tietoa"] .story{
  width:min(calc(100% - 48px), var(--apaja-content-line))!important;
  max-width:var(--apaja-content-line)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .story > .eyebrow,
.page[data-page="tietoa"] .story > h2,
.page[data-page="tietoa"] .story-inner{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .story > .rule{
  margin-left:0!important;
  margin-right:0!important;
}


footer .service-area{
  margin:10px 0 0!important;
  max-width:280px!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  opacity:.78!important;
}



#page-etusivu .hero .wrap,
.page[data-page="etusivu"] .hero .wrap{
  width:min(calc(100% - 48px), var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#page-etusivu .hero .eyebrow,
.page[data-page="etusivu"] .hero .eyebrow{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}




:root{
  --apaja-editorial-indent: 110px;
}


.about-home{
  width:min(calc(100% - 48px), var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.about-home > .eyebrow{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-home > h2,
.about-home > p,
.about-home > .text-link{
  box-sizing:border-box!important;
  width:calc(100% - var(--apaja-editorial-indent))!important;
  max-width:900px!important;
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-home > .rule{
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
}


.page[data-page="tietoa"] .story{
  width:min(calc(100% - 48px), var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .story > .eyebrow{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .story > h2,
.page[data-page="tietoa"] .story > .story-inner{
  box-sizing:border-box!important;
  width:calc(100% - var(--apaja-editorial-indent))!important;
  max-width:900px!important;
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .story > .story-inner p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .story > .rule{
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
}


@media (max-width: 700px){
  .about-home > h2,
  .about-home > p,
  .about-home > .text-link,
  .page[data-page="tietoa"] .story > h2,
  .page[data-page="tietoa"] .story > .story-inner{
    width:100%!important;
    margin-left:0!important;
  }
  .about-home > .rule,
  .page[data-page="tietoa"] .story > .rule{
    margin-left:0!important;
  }
}



#page-etusivu .hero-actions{margin-top:32px}



#page-etusivu .hero .hero-cta{
  display:table;
  margin-top:32px;
}



#page-etusivu .hero .hero-cta{
  display:table;
  margin:32px auto 0!important;
}



.page[data-page="tietoa"] .hero .hero-copy > .apaja-thought{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.page[data-page="tietoa"] .hero .apaja-hero-body{
  max-width:760px!important;
  margin:28px auto 0!important;
  text-align:left!important;
}
.page[data-page="tietoa"] .hero .apaja-hero-body p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.page[data-page="tietoa"] .hero .apaja-hero-body p + p{
  margin-top:18px!important;
}

@media (max-width: 700px){
  .page[data-page="tietoa"] .hero .apaja-hero-body{
    margin-top:22px!important;
  }
}



#page-palvelut .hero .palvelut-hero-lead{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#page-palvelut .hero .palvelut-hero-body{
  max-width:760px!important;
  margin:28px auto 0!important;
  text-align:left!important;
}
#page-palvelut .hero .palvelut-hero-body p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
#page-palvelut .hero .palvelut-hero-body p + p{
  margin-top:18px!important;
}
@media (max-width:700px){
  #page-palvelut .hero .palvelut-hero-body{
    margin-top:22px!important;
  }
}



#page-palvelut .hero .palvelut-hero-lead{
  max-width:900px!important;
}
@media (max-width:700px){
  #page-palvelut .hero .palvelut-hero-lead{
    max-width:100%!important;
  }
}



.apaja-situations .section-head{max-width:850px;margin-bottom:28px}
.apaja-situations .section-head h2{margin-bottom:18px}
.situations-lead{max-width:800px;font-size:18px;line-height:1.65;margin:0}
.situation-list{margin:34px 0 24px;border-top:1px solid rgba(14,45,76,.18)}
.situation-item{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid rgba(14,45,76,.18);align-items:start}
.situation-num{font-size:14px;letter-spacing:.14em;font-weight:700;color:#a7864b;padding-top:5px}
.situation-item h3{margin:0 0 7px;font-size:22px}
.situation-item p{margin:0;max-width:760px}
@media(max-width:700px){.situations-lead{font-size:16px}.situation-item{grid-template-columns:44px 1fr;gap:12px;padding:21px 0}.situation-item h3{font-size:19px}}

.help-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin:38px 0 32px;border-top:1px solid #dfe2e6;border-bottom:1px solid #dfe2e6}
.help-highlight{padding:24px 28px 24px 0}
.help-highlight+.help-highlight{padding-left:28px;border-left:1px solid #dfe2e6}
.help-highlight h3{font-size:12px;letter-spacing:.08em;margin:0 0 9px}
.help-highlight p{margin:0;font-size:16px;line-height:1.45;color:#596474}
.assignment-copy{max-width:900px}
@media(max-width:760px){.help-highlights{grid-template-columns:1fr}.help-highlight,.help-highlight+.help-highlight{padding:20px 0;border-left:0;border-top:1px solid #dfe2e6}.help-highlight:first-child{border-top:0}}

.hero-services{color:var(--ink);font-weight:700;letter-spacing:.055em;text-transform:uppercase;font-size:12px;line-height:1.7}
.hero-dot{padding:0 8px}
.service-intro{max-width:860px;margin:24px 0 28px;font-size:17px;line-height:1.55;color:#596474}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 34px}
.service-card{border:1px solid #dfe2e6;background:#fff;padding:26px 24px;min-height:210px}
.service-card-kicker{font-size:11px;letter-spacing:.12em;color:#a28b54;font-weight:700;margin-bottom:14px}
.service-card h3{font-size:20px;line-height:1.25;margin:0 0 12px}
.service-card p{margin:0;color:#596474;line-height:1.55}
@media(max-width:760px){
  .service-cards{grid-template-columns:1fr}
  .service-card{min-height:0}
  .hero-dot{padding:0 5px}
}

.service-intro-title{font-size:18px;margin:30px 0 18px;font-weight:700}

#etusivu .hero-center,
.page#etusivu .hero-center,
.hero-center {
  max-width: var(--max);
}

.apaja-situations > .wrap > h2::after,
.about-home-interim > .wrap > h2::after,
#ajankohtaista .section-head > h2::after{
  content:"";
  display:block;
  width:58px;
  height:2px;
  background:var(--gold);
  margin:18px 0 22px;
}


.apaja-situations .service-card{
  background:#fff;
  border:1px solid rgba(181,150,98,.28);
  border-top:2px solid var(--gold);
  box-shadow:none;
}
.apaja-situations .service-card h3{
  color:var(--ink);
}


#ajankohtaista .article-card{
  border-color:rgba(181,150,98,.28)!important;
  border-top:2px solid var(--gold)!important;
}


@media(max-width:760px){
  .apaja-situations > .wrap > h2::after,
  .about-home-interim > .wrap > h2::after,
  #ajankohtaista .section-head > h2::after{
    margin-top:16px;
    margin-bottom:20px;
  }
}

.implementation-home .wrap>h2::after{content:"";display:block;width:58px;height:2px;background:var(--gold);margin:18px 0 26px}
.implementation-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:stretch;margin-top:30px}
.implementation-card{background:#fff;border:1px solid rgba(181,150,98,.48);border-top:2px solid var(--gold);padding:24px 20px;min-height:145px}
.implementation-card h3{margin:0 0 12px}.implementation-card p{margin:0}
.implementation-arrow{color:var(--gold);font-size:28px;display:flex;align-items:center;justify-content:center}
@media(max-width:850px){.implementation-flow{grid-template-columns:1fr;gap:10px}.implementation-card{min-height:0}.implementation-arrow{font-size:0;height:24px}.implementation-arrow::after{content:"↓";font-size:25px;color:var(--gold)}}

.apaja-situations .wrap>p{max-width:900px}
.apaja-situations .lead{margin-bottom:16px}
.apaja-situations .service-intro-title{margin:26px 0 16px}
.apaja-situations .service-cards{margin:0 0 18px}
.apaja-situations .service-card{
  min-height:0!important;
  padding:20px 20px!important;
}
.apaja-situations .service-card h3{font-size:19px;line-height:1.25;margin:0 0 9px}
.apaja-situations .service-card p{font-size:15px;line-height:1.5}
.assignment-fit{margin:18px 0 14px!important;max-width:900px}

.implementation-home{padding-top:48px!important;padding-bottom:48px!important}
.implementation-home .wrap>h2{margin-bottom:0}
.implementation-home .wrap>h2::after{margin:14px 0 20px!important}
.implementation-flow{
  margin-top:0!important;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)!important;
  gap:6px!important;
}
.implementation-card{
  min-height:0!important;
  padding:16px 16px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.implementation-card h3{font-size:17px!important;line-height:1.25;margin:0 0 6px!important}
.implementation-card p{font-size:14px!important;line-height:1.4;margin:0!important}
.step-dot{color:var(--gold);font-size:18px;margin-right:7px}
.implementation-arrow{font-size:23px!important}

.end-cta h2{font-size:clamp(26px,3vw,38px)}
.end-cta p{max-width:760px}

@media(max-width:850px){
  .implementation-home{padding-top:38px!important;padding-bottom:38px!important}
  .implementation-flow{grid-template-columns:1fr!important;gap:6px!important}
  .implementation-arrow{height:18px!important}
  .implementation-card{padding:15px 16px!important}
}

.apaja-situations .service-cards{
  width:min(100%,1040px);
  margin:24px auto 18px!important;
  gap:18px!important;
}
.apaja-situations .service-card{
  padding:24px 22px!important;
  min-height:300px!important;
  color:var(--ink)!important;
}
.apaja-situations .service-card h3{
  color:var(--ink)!important;
  font-size:19px!important;
  margin-bottom:10px!important;
}
.apaja-situations .service-card p,
.apaja-situations .service-card li{
  color:var(--ink)!important;
}
.card-intro{
  font-size:15px!important;
  line-height:1.5!important;
  margin:0 0 14px!important;
}
.service-points{
  margin:0;
  padding-left:18px;
  font-size:14px;
  line-height:1.5;
}
.service-points li{margin:7px 0}
.service-points li::marker{color:var(--gold)}


.implementation-home .implementation-card{
  color:var(--ink)!important;
  padding:14px 15px!important;
}
.implementation-card h3{color:var(--ink)!important}
.implementation-card ul{
  margin:0;
  padding-left:17px;
  font-size:13.5px;
  line-height:1.4;
}
.implementation-card li{
  margin:4px 0;
  color:var(--ink)!important;
}
.implementation-card li::marker{color:var(--gold)}
.step-dot{display:none!important}


.apaja-situations p,
.implementation-home p,
.about-home-interim p{
  color:var(--ink)!important;
}

@media(max-width:900px){
  .apaja-situations .service-cards{width:100%}
  .apaja-situations .service-card{min-height:0!important}
}

.service-choice-intro{
  width:min(100%,1040px);
  margin:28px auto 16px;
}
.service-choice-intro h3{
  color:var(--ink)!important;
  font-size:22px;
  line-height:1.3;
  margin:0 0 8px;
}
.service-choice-intro p{
  color:var(--ink)!important;
  max-width:820px;
  margin:0;
  line-height:1.55;
}
@media(max-width:900px){
  .service-choice-intro{width:100%}
}

.apaja-situations{
  position:relative;
  overflow:hidden;
  padding-bottom:56px!important;
}
.service-balance{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  align-items:stretch;
  gap:34px;
  position:relative;
}
.service-intro-copy{
  padding:0;
}
.service-intro-copy h2,
.service-intro-copy p{
  max-width:none!important;
  color:var(--ink)!important;
}
.service-intro-wash{
  min-height:100%;
  border-radius:0 0 0 90px;
  background:
    radial-gradient(circle at 78% 38%, rgba(77,111,145,.18), rgba(77,111,145,.08) 44%, rgba(243,245,246,0) 72%),
    linear-gradient(180deg, rgba(243,245,246,0) 0%, rgba(243,245,246,.55) 70%, rgba(243,245,246,.95) 100%);
}
.service-cards-wrap{
  margin-top:30px;
}
.apaja-situations .service-cards{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  gap:18px!important;
}
.apaja-situations .service-card{
  min-height:0!important;
  padding:22px 22px!important;
  color:var(--ink)!important;
}
.apaja-situations .service-card h3,
.apaja-situations .service-card p,
.apaja-situations .service-card li{
  color:var(--ink)!important;
}
.apaja-situations .text-link{
  display:inline-block;
  margin-top:16px;
}


.implementation-home{
  padding-top:50px!important;
  padding-bottom:50px!important;
}
.implementation-flow{
  margin-top:24px!important;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)!important;
  gap:6px!important;
}
.implementation-card{
  min-height:0!important;
  padding:17px 16px!important;
  color:var(--ink)!important;
}
.implementation-card h3{
  color:var(--ink)!important;
  font-size:17px!important;
  margin:0 0 7px!important;
}
.implementation-card p{
  color:var(--ink)!important;
  font-size:14px!important;
  line-height:1.42!important;
  margin:0!important;
}
.implementation-arrow{color:var(--gold)!important}

@media(max-width:900px){
  .service-balance{grid-template-columns:1fr}
  .service-intro-wash{
    min-height:90px;
    border-radius:0 0 0 55px;
  }
  .implementation-flow{grid-template-columns:1fr!important}
  .implementation-arrow{height:18px!important;font-size:0!important}
  .implementation-arrow::after{content:"↓";font-size:24px;color:var(--gold)}
}

#page-etusivu > .hero{
  background:
    linear-gradient(180deg, rgba(243,245,246,.92) 0%, rgba(255,255,255,.98) 100%) !important;
}


#page-etusivu > .image-band{
  background:#fff !important;
}


#page-etusivu > section.apaja-situations{
  background:#fff !important;
}
#page-etusivu > section.implementation-home{
  background:var(--soft) !important;
}
#page-etusivu > section.about-home-interim{
  background:#fff !important;
}
#page-etusivu > section#ajankohtaista{
  background:var(--soft) !important;
}
#page-etusivu > section.end-cta{
  background:var(--deep) !important;
}


#page-etusivu .service-intro-wash{
  background:transparent !important;
  min-height:0 !important;
  border-radius:0 !important;
}


#page-etusivu .implementation-home .implementation-card,
#page-etusivu #ajankohtaista .article-card{
  background:#fff !important;
}

#page-etusivu .service-balance{
  display:block !important;
}
#page-etusivu .service-intro-copy{
  width:100% !important;
  max-width:none !important;
}
#page-etusivu .service-intro-copy h2,
#page-etusivu .service-intro-copy p{
  width:100% !important;
  max-width:none !important;
}
#page-etusivu .service-cards-wrap{
  margin-top:30px !important;
}
#page-etusivu .service-cards-heading{
  margin:0 0 18px;
  max-width:900px;
}
#page-etusivu .service-cards-heading h3{
  margin:0 0 8px;
  color:var(--ink) !important;
  font-size:22px;
  line-height:1.3;
}
#page-etusivu .service-cards-heading p{
  margin:0;
  color:var(--ink) !important;
  font-size:16px;
  line-height:1.55;
}

#page-etusivu .service-cards-heading{
  width:100% !important;
  max-width:none !important;
  margin:0 0 24px !important;
}
#page-etusivu .service-cards-heading h3{
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  margin:0 0 16px !important;
  color:var(--ink) !important;
}
#page-etusivu .service-cards-heading p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:var(--ink) !important;
}
#page-etusivu .service-number{
  color:var(--gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:10px;
}

#page-etusivu .service-divider{
  width:58px;
  height:2px;
  background:var(--gold);
  margin:0 0 22px;
}
#page-etusivu .service-cards-intro{
  width:100%;
  margin:0 0 22px;
}
#page-etusivu .service-cards-intro p{
  width:100%;
  max-width:none;
  margin:0 0 12px;
  color:var(--ink)!important;
  font-size:17px;
  line-height:1.6;
  font-weight:400;
}
#page-etusivu .service-cards-intro p:last-child{
  margin-bottom:0;
}

#page-tietoa, #page-yhteydenotto{
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.65;
}
#page-tietoa h1,#page-tietoa h2,
#page-yhteydenotto h1,#page-yhteydenotto h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  color:var(--ink);
}
#page-tietoa h3,#page-yhteydenotto h3{color:var(--ink)}
#page-tietoa p,#page-yhteydenotto p{color:var(--ink)}
#page-tietoa .eyebrow,#page-yhteydenotto .eyebrow{
  color:var(--blue);
  font-size:12px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:700;
}
#page-tietoa .rule,#page-yhteydenotto .rule{background:var(--gold)}


#page-tietoa section{padding:68px 0}
#page-tietoa section.soft{background:var(--soft)}
#page-tietoa > section:first-child{
  background:linear-gradient(180deg,rgba(243,245,246,.92),rgba(255,255,255,.98));
}
#page-tietoa .wrap{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;padding:0}
#page-tietoa h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0 0 22px;max-width:900px}
#page-tietoa h2{font-size:36px;line-height:1.2;margin:0 0 18px}
#page-tietoa h3{font-size:20px;line-height:1.3;margin:0 0 10px}
#page-tietoa .lead{font-size:20px;max-width:850px}
#page-tietoa .rule{width:58px;height:2px;margin:22px 0 26px}
#page-tietoa .founder{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:center}
#page-tietoa .founder-name-label{margin-top:4px;margin-bottom:22px}
#page-tietoa .photo img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
#page-tietoa .keep-simple{margin-top:24px;font-size:13px;font-weight:700;letter-spacing:.16em;color:#786b48}
#page-tietoa .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
#page-tietoa .stat strong{display:block;font-size:23px}
#page-tietoa .stat span{display:block;font-size:13px}
#page-tietoa .stat small{display:block;font-size:11px;color:#657080;margin-top:3px;line-height:1.35}
#page-tietoa .dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
#page-tietoa .dashboard-card{
  background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);
  padding:24px;
}
#page-tietoa .dashboard-card h3{font-size:17px;margin-bottom:12px}
#page-tietoa .dashboard-card p{font-size:14px;line-height:1.6;margin:0;color:var(--ink)}
#page-tietoa .dashboard-card p span{padding:0 4px;color:var(--gold)}
#page-tietoa .companies{margin-top:24px;font-size:14px;color:#596474}
#page-tietoa .why-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
#page-tietoa .why-card{
  background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);
  padding:27px;display:flex;flex-direction:column;min-height:230px;
}
#page-tietoa .why-explain{font-size:14px;line-height:1.55;margin:0 0 20px;color:var(--ink)}
#page-tietoa .value-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#786b48;margin-top:auto;padding-top:8px;margin-bottom:6px}
#page-tietoa .why-value{font-size:19px;line-height:1.35;font-weight:700;margin:0;color:var(--ink)}
#page-tietoa .cta{text-align:center;background:var(--deep);color:#fff}
#page-tietoa .cta h2,#page-tietoa .cta p{color:#fff}
#page-tietoa .cta .btn{display:inline-block;background:#fff;color:var(--deep);padding:13px 24px;text-decoration:none;font-weight:700}


#page-yhteydenotto .panel{padding:68px 0}
#page-yhteydenotto .contact-hero{
  background:linear-gradient(180deg,rgba(243,245,246,.92),rgba(255,255,255,.98));
}
#page-yhteydenotto .hero-copy{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto}
#page-yhteydenotto .hero-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0 0 20px}
#page-yhteydenotto .hero-copy p{max-width:840px;font-size:18px}
#page-yhteydenotto .rule{width:58px;height:2px;margin:22px 0 26px}
#page-yhteydenotto .contact-area{background:var(--soft);padding:68px 0 76px}
#page-yhteydenotto .contact-grid{
  width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start;
}
#page-yhteydenotto .form-shell{
  background:#fff;padding:34px 36px;border:1px solid var(--line);border-top:2px solid var(--gold);
}
#page-yhteydenotto .form-intro{font-size:16px;margin-bottom:26px}
#page-yhteydenotto .field{margin-bottom:24px}
#page-yhteydenotto label{display:block;font-size:15px;font-weight:700;line-height:1.45;margin-bottom:9px}
#page-yhteydenotto select{
  width:100%;min-height:52px;border:1px solid rgba(17,19,21,.22);background:#fff;
  color:var(--ink);font:inherit;padding:0 14px;
}
#page-yhteydenotto .form-btn{
  display:inline-block;border:0;background:var(--deep);color:#fff;padding:13px 20px;
  font:inherit;font-weight:700;cursor:pointer;
}
#page-yhteydenotto .form-note,#page-yhteydenotto .form-status{font-size:13px;margin-top:12px}
#page-yhteydenotto .direct-card{
  background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:30px;
}
#page-yhteydenotto .direct-card h3{margin-bottom:14px}
#page-yhteydenotto .contact-line{margin:8px 0}
#page-yhteydenotto .linkedin-link{color:var(--blue);font-weight:700}
#page-yhteydenotto .cta{background:var(--deep);color:#fff;padding:54px 0}
#page-yhteydenotto .cta-grid{
  width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;gap:32px;
}
#page-yhteydenotto .cta h2,#page-yhteydenotto .cta p{color:#fff}
#page-yhteydenotto .cta-mail{display:inline-block;background:#fff;color:var(--deep);padding:13px 20px;font-weight:700}


@media(max-width:760px){
  #page-tietoa section{padding:50px 0}
  #page-tietoa .wrap,#page-yhteydenotto .hero-copy,#page-yhteydenotto .contact-grid,#page-yhteydenotto .cta-grid{
    width:min(calc(100% - 40px),var(--max));
  }
  #page-tietoa h1,#page-yhteydenotto .hero-copy h1{font-size:38px}
  #page-tietoa h2{font-size:29px}
  #page-tietoa .founder,#page-tietoa .dashboard-cards,#page-tietoa .why-cards,
  #page-yhteydenotto .contact-grid{grid-template-columns:1fr}
  #page-tietoa .founder{gap:28px}
  #page-tietoa .photo{max-width:340px}
  #page-tietoa .stats{grid-template-columns:1fr 1fr}
  #page-tietoa .why-card{min-height:0}
  #page-yhteydenotto .contact-area{padding:50px 0}
  #page-yhteydenotto .form-shell{padding:26px 22px}
  #page-yhteydenotto .cta-grid{display:block}
  #page-yhteydenotto .cta-mail{margin-top:18px}
}

#page-tietoa .cta .btn,
#page-tietoa .cta a{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
}
#page-tietoa .cta .btn{
  background:#fff!important;
  color:var(--deep)!important;
  border:1px solid #fff!important;
  padding:13px 24px!important;
  font-weight:700!important;
  text-decoration:none!important;
}

#page-tietoa .cta{display:block!important;background:var(--deep)!important;color:#fff!important;text-align:center!important}
#page-tietoa .cta .wrap{display:block!important}
#page-tietoa .cta h2,#page-tietoa .cta p{display:block!important;color:#fff!important}
#page-tietoa .cta .btn{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#fff!important;
  color:var(--deep)!important;
  border:1px solid #fff!important;
  padding:13px 24px!important;
  margin-top:8px!important;
}

#page-tietoa .about-final-cta .about-discuss{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.65!important;
  font-weight:400!important;
  color:#fff!important;
  margin:0 auto 24px!important;
}

#page-tietoa .experience-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 46px;
  margin-top:30px;
  border-top:1px solid rgba(181,150,98,.42);
}
#page-tietoa .experience-item{
  padding:25px 0 27px;
  border-bottom:1px solid rgba(181,150,98,.42);
  background:transparent;
}
#page-tietoa .experience-item:nth-child(odd){
  padding-right:12px;
}
#page-tietoa .experience-item:nth-child(even){
  padding-left:12px;
}
#page-tietoa .experience-item h3{
  margin:0 0 10px;
  font-size:17px;
}
#page-tietoa .experience-item p{
  margin:0;
  font-size:14px;
  line-height:1.7;
}
#page-tietoa .companies{
  margin-top:34px;
  padding-top:0;
  text-align:left;
}
#page-tietoa .companies-label{
  margin-bottom:11px;
  color:#786b48;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#page-tietoa .company-line{
  font-size:14px;
  line-height:1.85;
  color:var(--ink);
}

#page-tietoa .why-light-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 46px;
  margin-top:30px;
  border-top:1px solid rgba(181,150,98,.42);
}
#page-tietoa .why-light-item{
  min-height:0;
  padding:27px 0 29px;
  border-bottom:1px solid rgba(181,150,98,.42);
  background:transparent;
}
#page-tietoa .why-light-item:nth-child(odd){padding-right:12px}
#page-tietoa .why-light-item:nth-child(even){padding-left:12px}
#page-tietoa .why-light-item h3{
  margin:0 0 10px;
  font-size:18px;
}
#page-tietoa .why-light-item .why-explain{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.65;
}
#page-tietoa .why-light-item .why-value{
  margin:0;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
}

@media(max-width:760px){
  #page-tietoa .experience-grid,
  #page-tietoa .why-light-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  #page-tietoa .experience-item,
  #page-tietoa .experience-item:nth-child(odd),
  #page-tietoa .experience-item:nth-child(even),
  #page-tietoa .why-light-item,
  #page-tietoa .why-light-item:nth-child(odd),
  #page-tietoa .why-light-item:nth-child(even){
    padding-left:0;
    padding-right:0;
  }
}

#page-etusivu .implementation-flow-light{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);
  column-gap:0;
  row-gap:0;
  align-items:start;
  margin-top:34px;
  padding-top:20px;
}
#page-etusivu .implementation-flow-light::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:rgba(181,150,98,.52);
}
#page-etusivu .implementation-step-light{
  border:0!important;
  border-top:0!important;
  background:transparent!important;
  padding:17px 0 0!important;
  min-height:0!important;
  box-shadow:none!important;
}
#page-etusivu .implementation-step-light h3{
  margin:0 0 9px;
  font-size:17px;
}
#page-etusivu .implementation-step-light p{
  margin:0;
  font-size:14px;
  line-height:1.65;
}
#page-etusivu .implementation-arrow-light{
  align-self:start;
  justify-self:stretch;
  padding-top:16px;
  color:var(--gold);
  font-size:22px;
  line-height:1;
  text-align:center;
}
@media(max-width:760px){
  #page-etusivu .implementation-flow-light{
    grid-template-columns:1fr;
    gap:0;
    padding-top:0;
    border-top:1px solid rgba(181,150,98,.52);
  }
  #page-etusivu .implementation-flow-light::before{display:none}
  #page-etusivu .implementation-step-light{
    padding:22px 0!important;
    border-bottom:1px solid rgba(181,150,98,.38)!important;
  }
  #page-etusivu .implementation-arrow-light{
    display:none!important;
  }
}

#page-etusivu .kv-callout{
  margin:30px 0 0;
  padding:23px 0 0;
  border-top:1px solid rgba(181,150,98,.46);
  max-width:900px;
}
#page-etusivu .kv-callout .eyebrow{
  margin-bottom:9px;
}
#page-etusivu .kv-callout p{
  margin:0;
  max-width:850px;
  font-size:15px;
  line-height:1.65;
  color:var(--ink);
}

#page-etusivu .kv-callout .service-points{margin:14px 0 0;padding-left:20px;max-width:850px;}
#page-etusivu .kv-callout .service-points li{margin:6px 0;font-size:14px;line-height:1.55;color:var(--ink);}
#page-tietoa .kv-experience{
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(181,150,98,.32);
}
#page-tietoa .kv-experience strong{
  display:block;
  margin-bottom:5px;
  font-size:14px;
  color:var(--ink);
}
#page-tietoa .kv-experience p{
  margin:0;
  font-size:13px;
  line-height:1.6;
}
#page-tietoa .kv-founder{
  margin-top:18px;
}

#page-etusivu .service-cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:900px){
  #page-etusivu .service-cards{grid-template-columns:1fr;}
}

#page-tietoa > section:first-child > .wrap{
  text-align:center;
}
#page-tietoa > section:first-child .eyebrow,
#page-tietoa > section:first-child h1,
#page-tietoa > section:first-child .lead,
#page-tietoa > section:first-child p,
#page-tietoa > section:first-child .rule{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#page-tietoa > section:first-child .lead,
#page-tietoa > section:first-child p{
  max-width:860px;
}


#page-yhteydenotto .contact-hero .hero-copy{
  text-align:center;
}
#page-yhteydenotto .contact-hero .hero-copy .eyebrow,
#page-yhteydenotto .contact-hero .hero-copy h1,
#page-yhteydenotto .contact-hero .hero-copy p,
#page-yhteydenotto .contact-hero .hero-copy .rule{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#page-yhteydenotto .contact-hero .hero-copy p{
  max-width:840px;
}


#page-etusivu .implementation-arrow-light{
  align-self:center;
  padding-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.menu-toggle{display:none;background:transparent;border:0;padding:9px 4px;cursor:pointer;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--deep);transition:transform .2s ease,opacity .2s ease}
#page-tietoa .experience-item-kv{grid-column:1 / -1;padding-left:0!important;padding-right:0!important;border-top:1px solid rgba(181,150,98,.42);margin-top:2px}
#page-tietoa .experience-item-kv h3{font-size:18px;margin-bottom:9px}
#page-tietoa .experience-item-kv p{max-width:900px}
#page-tietoa .why-intro{max-width:760px;margin:4px 0 0;font-size:17px;line-height:1.6;font-weight:600}
@media(max-width:800px){
  header .nav{height:72px;position:relative;gap:16px}
  header .brand img{width:min(210px,62vw)}
  .menu-toggle{display:flex;margin-left:auto;position:relative;z-index:102}
  .menu{display:none!important;position:absolute;left:-24px;right:-24px;top:72px;background:#fff;border-top:1px solid rgba(23,49,74,.08);border-bottom:1px solid rgba(23,49,74,.12);padding:12px 24px 20px;box-shadow:0 12px 24px rgba(16,38,56,.08);flex-direction:column;align-items:stretch;gap:0;z-index:101}
  .menu.is-open{display:flex!important}
  .menu a{display:block;padding:12px 0;font-size:16px;border-bottom:1px solid rgba(23,49,74,.08)}
  .menu a:last-child{border-bottom:0}
  .menu .nav-cta{margin-top:10px;text-align:center;padding:12px 18px}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #page-tietoa .experience-item-kv{grid-column:auto}
}

#page-etusivu .hero h1{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
#page-etusivu .hero .hero-lead{
  max-width:650px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.62;
}
@media(max-width:700px){
  #page-etusivu .hero h1,
  #page-etusivu .hero .hero-lead{
    max-width:100%;
  }
  #page-etusivu .hero .hero-lead{
    line-height:1.58;
  }
}

@media(min-width:701px){
  #page-etusivu .hero-title-readable > span,
  #page-etusivu .hero-lead-readable > span{
    display:block;
  }
  #page-etusivu .hero-title-readable{
    max-width:760px!important;
  }
  #page-etusivu .hero-lead-readable{
    max-width:760px!important;
    line-height:1.58!important;
  }
}
@media(max-width:700px){
  #page-etusivu .hero-title-readable > span,
  #page-etusivu .hero-lead-readable > span{
    display:inline;
  }
}

.hero-services .hero-dot {
  color: #B08D57 !important;
}

.home-about-split{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:72px;
  align-items:center;
}
.home-about-copy{min-width:0;}
.home-about-dashboard{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(181,150,98,.52);
  border-left:1px solid rgba(181,150,98,.52);
}
.home-about-stat{
  min-height:132px;
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(181,150,98,.52);
  border-bottom:1px solid rgba(181,150,98,.52);
}
.home-about-stat strong{
  display:block;
  color:var(--ink);
  font-size:40px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.035em;
  margin-bottom:10px;
}
.home-about-stat span{
  color:var(--ink);
  font-size:13px;
  line-height:1.45;
}
@media(max-width:900px){
  .home-about-split{
    grid-template-columns:1fr;
    gap:36px;
  }
  .home-about-dashboard{
    width:100%;
    max-width:520px;
  }
}
@media(max-width:520px){
  .home-about-stat{
    min-height:108px;
    padding:18px 14px;
  }
  .home-about-stat strong{font-size:32px;}
  .home-about-stat span{font-size:12px;}
}

.hero-services a{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease, text-decoration-color .18s ease;
}
.hero-services a:hover,
.hero-services a:focus-visible{
  color:var(--gold);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
#palvelu-01,#palvelu-02,#palvelu-03,#palvelu-04{
  scroll-margin-top:96px;
}

.hero-service-arrow{
  color:#B08D57;
  font-size:.9em;
  margin-left:2px;
  position:relative;
  top:-1px;
}
.hero-services a:hover .hero-service-arrow,
.hero-services a:focus-visible .hero-service-arrow{
  transform:translateY(1px);
}

.hero-services a{
  display:inline-block;
  cursor:pointer;
  touch-action:manipulation;
}

.home-about-dashboard{
  display:flex !important;
  flex-direction:column;
  border:0 !important;
}
.home-about-stat{
  min-height:0 !important;
  padding:15px 0 !important;
  display:grid !important;
  grid-template-columns:78px 1fr;
  gap:14px;
  align-items:center;
  border:0 !important;
  border-bottom:1px solid rgba(181,150,98,.45) !important;
}
.home-about-stat:first-child{
  border-top:1px solid rgba(181,150,98,.45) !important;
}
.home-about-stat strong{
  margin:0 !important;
  font-size:31px !important;
  line-height:1 !important;
}
.home-about-stat span{
  font-size:13px !important;
  line-height:1.35 !important;
}
@media(max-width:800px){
  .home-about-dashboard{
    max-width:420px !important;
  }
}

[data-page="tietoa"] img[alt="Kristiina Kämäräinen"]{
  object-fit:cover;
  object-position:50% 38%;
}
@media(max-width:800px){
  [data-page="tietoa"] img[alt="Kristiina Kämäräinen"]{
    object-position:50% 32%;
  }
}

.language-switch{display:inline-flex;align-items:center;gap:.3rem;margin-left:.35rem;font-weight:700;white-space:nowrap}
.language-switch a{padding:.2rem .1rem;text-decoration:none}
@media(max-width:800px){.language-switch{margin:.55rem 0 0}}

:root{
  --ink:#111315;
  --blue:#4d6f91;
  --deep:#17314a;
  --gold:#b59662;
  --soft:#f3f5f6;
  --line:rgba(181,150,98,.28);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}
a{color:inherit}
.wrap{width:min(calc(100% - 48px),var(--max));margin:0 auto}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(23,49,74,.1)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand img{width:245px;display:block}
.menu{display:flex;align-items:center;gap:28px}
.menu a{text-decoration:none;font-size:15px}
.menu .nav-cta,.btn{background:var(--deep);color:#fff!important;padding:12px 20px;border-radius:2px;text-decoration:none;display:inline-block;border:1px solid var(--deep);font-weight:600}
.page{display:none}
.page.is-active{display:block}
.hero{padding:72px 0 60px}
.hero-center{max-width:920px;text-align:center}
.hero-center .left{text-align:left}
h1,h2,h3,h4{margin-top:0;color:var(--ink)}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
h1{font-size:clamp(42px,5vw,66px);line-height:1.08;margin-bottom:22px}
h2{font-size:36px;line-height:1.2;margin-bottom:18px}
h3{font-size:22px;line-height:1.3}
.eyebrow,.article-meta,.text-link{color:var(--blue);font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:700}
.eyebrow{margin-bottom:14px}
.rule{width:58px;height:2px;background:var(--gold);margin:22px auto 26px}
.left-rule{margin-left:0}
.hero-lead{font-size:20px}
.image-band{height:185px;overflow:hidden}
.image-band img{width:100%;height:100%;object-fit:cover;display:block}
.about-image-band img{object-position:center 58%}
.section{padding:68px 0}
.soft{background:var(--soft)}
.section-head{margin-bottom:28px}
.three-cards,.article-cards,.expertise-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.article-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.article-card,.package,.form-card,.contact-card{background:#fff;border:1px solid var(--line);padding:26px 24px}
.card{border-top:2px solid var(--gold)}
.text-link{text-decoration:none;display:inline-block;margin-top:12px}
.home-help{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:20px}
.home-help>div{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:24px 22px}
.help-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;color:var(--gold);vertical-align:-6px}.help-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-home{text-align:center;max-width:900px}
.about-home .left{text-align:left}
.about-home p{max-width:820px;margin:0 auto 18px}
.article-thumb{height:190px;overflow:hidden;margin:-26px -24px 20px}
.article-thumb img{width:100%;height:100%;object-fit:cover}
.service-section{padding:62px 0;position:relative}
.service-section:nth-of-type(even){background:#fff}
.service-grid{display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,.66fr);gap:54px;align-items:start}
.service-side{position:sticky;top:112px;align-self:start;background:#fff;padding:4px 0 10px}
.service-promise{font-size:18px}
.service-detail-box{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:28px 28px}
.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.package ul{padding-left:20px}
.meta{font-size:15px;margin-top:14px}
.project-heading{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:700;margin:28px 0 10px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.project-grid>div{padding:15px 0;border-top:1px solid var(--line)}
.project-grid h4{font-size:16px;margin-bottom:6px}
.expertise-cards .card p{margin-bottom:0}
.story{max-width:900px}
.story-inner{max-width:800px;margin:0 auto;text-align:center}
.story-inner p{margin-bottom:22px}
.founder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}
.profile{height:520px;overflow:hidden}
.profile img{width:100%;height:100%;object-fit:cover}
.founder-name{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:14px;margin-bottom:24px}
.founder-links{display:flex;gap:22px;flex-wrap:wrap}
.compact-cards .card{padding:22px}
.process-cards{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:14px}
.process-cards .card{min-width:0;padding:22px;border:1px solid var(--line);border-top:2px solid var(--gold)}
.process-arrow{align-self:center;color:var(--gold);font-size:24px;line-height:1;text-align:center}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:start}
.form-card label{display:block;font-weight:600;margin-bottom:18px}
input,select,textarea{width:100%;padding:12px 13px;margin-top:7px;border:1px solid #cdd3d7;font:inherit;background:#fff}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{font-weight:400!important}
.check input{width:auto;margin-right:8px}
.step{display:none}
.step.active{display:block}
.form-actions{display:flex;gap:12px;justify-content:space-between}
.btn-light{background:#fff;color:var(--deep)!important}
.contact-card h2{font-size:30px}
.contact-card a{color:var(--blue)}
.end-cta{padding:44px 0;background:#234765;color:#fff;border-top:1px solid rgba(255,255,255,.12)}
.end-cta-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.end-cta h2{font-size:30px;margin-bottom:8px;color:#fff}
.end-cta .btn{background:#fff;color:var(--deep)!important;border-color:#fff}
.footer-contact-inline a{display:inline;margin:0;color:#fff;text-decoration:none}
.footer-address{margin-top:6px}
.end-cta p{margin:0}
footer{background:#102638;color:#fff;padding:46px 0}
.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:42px;align-items:start}
.footer-brand img{width:230px;display:block}
footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff}
footer a{display:block;color:#fff;text-decoration:none;margin:5px 0}
footer p{margin:0}
.article-hero{padding:74px 0 46px;background:var(--soft)}
.article-wrap{width:min(calc(100% - 48px),820px);margin:0 auto}
.article-body{padding:56px 0 74px}
.article-body h2{font-size:30px;margin-top:48px}
.article-body h3{font-size:21px;margin-top:32px}
.article-body p{margin-bottom:22px}
.article-intro{font-size:20px}
.highlight{border-left:2px solid var(--gold);padding:8px 0 8px 20px;font-weight:600}
.article-cta{background:var(--soft);padding:30px;margin-top:50px}
#osa-aikainen,#interim,#projekti,#osaaminen,#ajankohtaista{scroll-margin-top:100px}
@media(max-width:900px){
  .menu{gap:12px;flex-wrap:wrap;justify-content:flex-end}
  .three-cards,.article-cards,.expertise-cards,.home-help,.package-grid,.project-grid,.founder-grid,.contact-grid,.footer-grid,.end-cta-grid,.service-grid{grid-template-columns:1fr}
  .process-cards{grid-template-columns:1fr}
  .process-arrow{transform:rotate(90deg)}
  .service-side{position:static}
  .profile{height:390px}
  .image-band{height:145px}
}



.hero-side-layout{padding:58px 0 54px}
.hero-side-layout .hero-split{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:48px;align-items:stretch}
.hero-side-layout .hero-copy{max-width:620px;text-align:left;padding:8px 0}
.hero-side-layout .hero-copy .rule{margin-left:0}
.hero-visual{position:relative;overflow:hidden;min-height:330px;align-self:stretch;background:#f6f8f9}
.hero-visual img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block}
.hero-visual::before{content:"";position:absolute;z-index:2;inset:0 auto auto 0;width:100%;height:30px;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));pointer-events:none}
.hero-visual::after{content:"";position:absolute;z-index:2;inset:0 0 0 auto;width:34px;height:100%;background:linear-gradient(to left,#fff,rgba(255,255,255,0));pointer-events:none}
.hero-visual .fade-left{position:absolute;z-index:2;left:0;top:0;width:26px;height:100%;background:linear-gradient(to right,#fff,rgba(255,255,255,0));pointer-events:none}
.article-thumb img{filter:none}
@media(max-width:900px){
  .hero-side-layout .hero-split{grid-template-columns:1fr;gap:28px}
  .hero-side-layout .hero-copy{max-width:none}
  .hero-visual,.hero-visual img{min-height:235px;height:235px}
}


#en-page-palvelut .hero-visual::before,
#en-page-tietoa .hero-visual::before{
  display:none!important;
  content:none!important;
}
#en-page-palvelut .hero-visual::after,
#en-page-tietoa .hero-visual::after{
  display:none!important;
  content:none!important;
}
#en-page-palvelut .hero-visual .fade-left,
#en-page-tietoa .hero-visual .fade-left{
  display:block!important;
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:34px;
  height:100%;
  background:linear-gradient(to right,rgba(255,255,255,.88) 0%,rgba(255,255,255,.40) 40%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
#en-page-palvelut .hero-visual img,
#en-page-tietoa .hero-visual img{
  filter:none!important;
  opacity:1!important;
}





.image-band,
.hero-visual,
.article-thumb{
  display:none!important;
}


.hero-side-layout .hero-split{
  display:block!important;
  max-width:920px!important;
  margin:0 auto!important;
}
.hero-side-layout .hero-copy{
  max-width:760px!important;
}


#en-page-etusivu .hero{
  padding-bottom:72px!important;
}


.article-card{
  border-top:2px solid var(--gold)!important;
}
.article-card .article-meta{
  margin-top:0!important;
}


.end-cta{
  background:var(--deep)!important;
  color:#fff!important;
  border-top:0!important;
  padding:52px 0!important;
}
.end-cta h2,
.end-cta p{
  color:#fff!important;
}
.end-cta .btn{
  background:#fff!important;
  color:var(--deep)!important;
  border-color:#fff!important;
}
.end-cta .btn:hover{
  background:transparent!important;
  color:#fff!important;
}


footer{
  background:#fff!important;
  color:var(--ink)!important;
  border-top:1px solid rgba(23,49,74,.10)!important;
  padding:42px 0!important;
}
footer h4,
footer p,
footer a,
.footer-contact-inline a{
  color:var(--ink)!important;
}
footer a:hover{
  color:var(--blue)!important;
}
.footer-brand img{
  width:260px!important;
  max-width:100%!important;
  height:auto!important;
}
.footer-address{
  color:var(--ink)!important;
}


.brand img{
  width:275px!important;
  max-width:34vw!important;
  height:auto!important;
}


.rule,
.card,
.service-detail-box,
.process-cards .card,
.highlight,
.expertise-cards .card{
  border-color:var(--line);
}


.section{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
.soft{
  background:var(--soft)!important;
}


.profile{
  display:block!important;
}





.brand img{
  width:315px!important;
  max-width:38vw!important;
  height:auto!important;
}
.footer-brand img{
  width:255px!important;
  max-width:100%!important;
  height:auto!important;
}



.brand{
  display:flex!important;
  align-items:center!important;
  padding:8px 0!important;
}
.brand img{
  width:255px!important;
  max-width:31vw!important;
  height:auto!important;
  display:block!important;
}
header .nav{
  min-height:76px!important;
}
header{
  overflow:visible!important;
}
.footer-brand img{
  width:220px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
}



:root{
  --blue:#243E56!important;       
  --deep:#1D3448!important;       
  --soft:#F2F5F7!important;       
}


.hero{
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #ffffff 56%,
      #f6f8fa 76%,
      #e7edf1 100%
    )!important;
}


.soft{
  background:var(--soft)!important;
}


.end-cta{
  background:var(--deep)!important;
}


.eyebrow,
.text-link,
a.text-link,
.section-link,
a.section-link{
  color:var(--blue)!important;
}





#ajankohtaista{
  padding-top:44px!important;
  padding-bottom:46px!important;
}
#ajankohtaista .section-head{
  margin-bottom:20px!important;
}
#ajankohtaista .section-head h2{
  font-size:30px!important;
  margin-bottom:8px!important;
}
#ajankohtaista .article-cards{
  gap:16px!important;
}
#ajankohtaista .article-card{
  display:grid!important;
  grid-template-columns:156px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr auto!important;
  column-gap:20px!important;
  row-gap:4px!important;
  align-items:start!important;
  padding:18px!important;
  border-top:1px solid var(--line)!important;
}
#ajankohtaista .article-thumb{
  display:block!important;
  grid-column:1!important;
  grid-row:1 / 4!important;
  width:156px!important;
  height:104px!important;
  margin:0!important;
  overflow:hidden!important;
}
#ajankohtaista .article-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}
#ajankohtaista .article-meta,
#ajankohtaista .article-card h3,
#ajankohtaista .article-card .text-link{
  grid-column:2!important;
}
#ajankohtaista .article-meta{
  font-size:10px!important;
  margin:0!important;
}
#ajankohtaista .article-card h3{
  font-size:18px!important;
  line-height:1.28!important;
  margin:1px 0 3px!important;
}
#ajankohtaista .article-card .text-link{
  font-size:10px!important;
  margin-top:4px!important;
}

@media(max-width:900px){
  #ajankohtaista .article-card{
    grid-template-columns:118px minmax(0,1fr)!important;
  }
  #ajankohtaista .article-thumb{
    width:118px!important;
    height:90px!important;
  }
}



#ajankohtaista .article-cards{
  gap:34px!important;
}
#ajankohtaista .article-card{
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#ajankohtaista .article-thumb{
  display:block!important;
  width:100%!important;
  height:190px!important;
  margin:0 0 16px!important;
  overflow:hidden!important;
  background:transparent!important;
}
#ajankohtaista .article-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  filter:none!important;
}
#ajankohtaista .article-meta{
  margin:0 0 6px!important;
}
#ajankohtaista .article-card h3{
  font-size:19px!important;
  line-height:1.32!important;
  margin:0 0 10px!important;
}
#ajankohtaista .article-card .text-link{
  margin-top:0!important;
}



#ajankohtaista{
  padding-top:30px!important;
  padding-bottom:32px!important;
}
#ajankohtaista .section-head{
  margin-bottom:14px!important;
}
#ajankohtaista .section-head .eyebrow{
  font-size:10px!important;
  margin-bottom:5px!important;
}
#ajankohtaista .section-head h2{
  font-size:24px!important;
  line-height:1.2!important;
  margin-bottom:0!important;
}
#ajankohtaista .article-cards{
  gap:24px!important;
}
#ajankohtaista .article-thumb{
  height:125px!important;
  margin-bottom:10px!important;
}
#ajankohtaista .article-meta{
  font-size:9px!important;
  margin-bottom:3px!important;
}
#ajankohtaista .article-card h3{
  font-size:16px!important;
  line-height:1.3!important;
  margin-bottom:6px!important;
}
#ajankohtaista .article-card .text-link{
  font-size:9px!important;
  margin-top:0!important;
}



#ajankohtaista{
  padding-top:28px!important;
  padding-bottom:30px!important;
}
#ajankohtaista .article-cards{
  gap:28px!important;
}
#ajankohtaista .article-card{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:16px!important;
  row-gap:2px!important;
  align-items:start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#ajankohtaista .article-thumb{
  grid-column:1!important;
  grid-row:1 / 4!important;
  width:118px!important;
  height:82px!important;
  margin:0!important;
}
#ajankohtaista .article-meta,
#ajankohtaista .article-card h3,
#ajankohtaista .article-card .text-link{
  grid-column:2!important;
}
#ajankohtaista .article-meta{
  margin:0 0 2px!important;
}
#ajankohtaista .article-card h3{
  margin:0 0 5px!important;
  font-size:16px!important;
  line-height:1.28!important;
}
#ajankohtaista .article-card .text-link{
  margin:0!important;
}



.eyebrow,.section-head,.section-head .eyebrow{text-align:left!important}.section-head .eyebrow{margin-left:0!important;margin-right:0!important}
.about-home,.page[data-page="en-tietoa"] .story,.page[data-page="en-tietoa"] .story-inner{text-align:left!important;margin-left:0!important}.page[data-page="en-tietoa"] .story-inner{max-width:760px!important}
#projekti .project-grid{display:block!important;margin-top:14px!important;border:0!important}#projekti .project-grid>div{padding:10px 0!important;border:0!important;border-top:1px solid rgba(183,151,92,.52)!important;background:transparent!important}#projekti .project-grid>div:last-child{border-bottom:1px solid rgba(183,151,92,.52)!important}#projekti .project-grid h4{margin:0 0 3px!important;font-size:14px!important;line-height:1.3!important}#projekti .project-grid p{margin:0!important;font-size:13px!important;line-height:1.48!important}
.expertise-light .card{padding-top:24px!important;padding-bottom:24px!important}.expertise-light .card h3{margin-bottom:9px!important}.expertise-light .expertise-intro{margin:0 0 12px!important;font-size:14px!important;line-height:1.55!important;font-weight:400!important}.expertise-list{list-style:none!important;padding:0!important;margin:0!important}.expertise-list li{position:relative!important;padding:3px 0 3px 13px!important;font-size:13px!important;line-height:1.45!important;font-weight:400!important}.expertise-list li:before{content:"•";position:absolute;left:0;top:3px;color:var(--gold)!important;font-size:11px}
#osa-aikainen .service-copy p{margin-bottom:14px!important}#osa-aikainen .service-copy .text-link{display:inline-block;margin-top:2px!important}




.hero-side-layout .hero-split{
  display:block!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-side-layout .hero-copy{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
.hero-side-layout .hero-copy > .eyebrow{
  width:100%!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.hero-side-layout .hero-copy > h1,
.hero-side-layout .hero-copy > p{
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hero-side-layout .hero-copy > .rule{
  margin-left:auto!important;
  margin-right:auto!important;
}


.section > .wrap > .section-head,
.section > .wrap > .section-head .eyebrow,
.service-section > .wrap .service-side,
.service-section > .wrap .service-side .eyebrow,
.founder-copy,
.founder-copy .eyebrow{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}


.about-home{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.about-home > .eyebrow{
  text-align:left!important;
  margin-left:0!important;
}
.about-home > h2,
.about-home > p,
.about-home > .rule,
.about-home > .text-link{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.about-home > h2,
.about-home > p{
  text-align:center!important;
}


.page[data-page="en-tietoa"] .story{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.page[data-page="en-tietoa"] .story > .eyebrow{
  text-align:left!important;
  margin-left:0!important;
}
.page[data-page="en-tietoa"] .story > h2,
.page[data-page="en-tietoa"] .story > .rule,
.page[data-page="en-tietoa"] .story-inner{
  max-width:800px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page[data-page="en-tietoa"] .story > h2,
.page[data-page="en-tietoa"] .story-inner{
  text-align:center!important;
}


.eyebrow{
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.11em!important;
  font-weight:700!important;
  margin-bottom:14px!important;
}





.hero-side-layout .hero-copy{
  text-align:center!important;
}
.hero-side-layout .hero-copy > h1,
.hero-side-layout .hero-copy > p:not(.eyebrow),
.hero-side-layout .hero-copy > .rule{
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


.hero-side-layout .hero-split{
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-side-layout .hero-copy > .eyebrow{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}


.about-home{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.about-home > .eyebrow,
.about-home > h2,
.about-home > p,
.about-home > .text-link{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.about-home > .rule{
  margin-left:0!important;
  margin-right:0!important;
}


.page[data-page="en-tietoa"] .about-copy,
.page[data-page="en-tietoa"] .about-text,
.page[data-page="en-tietoa"] .founder-copy{
  text-align:left!important;
}
.page[data-page="en-tietoa"] .about-copy > .eyebrow,
.page[data-page="en-tietoa"] .about-copy > h2,
.page[data-page="en-tietoa"] .about-copy > p,
.page[data-page="en-tietoa"] .about-text > .eyebrow,
.page[data-page="en-tietoa"] .about-text > h2,
.page[data-page="en-tietoa"] .about-text > p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}


.page[data-page="en-tietoa"] .story{
  width:min(calc(100% - 48px),var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.page[data-page="en-tietoa"] .story > .eyebrow{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.page[data-page="en-tietoa"] .story > h2,
.page[data-page="en-tietoa"] .story > .rule,
.page[data-page="en-tietoa"] .story-inner{
  max-width:800px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


.section > .wrap > .section-head,
.section > .wrap > .section-head .eyebrow,
.service-section > .wrap .service-side,
.service-section > .wrap .service-side .eyebrow{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}


footer .service-area{
  margin:8px 0 0!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  opacity:.78!important;
}





:root{ --apaja-content-line: var(--max); }


.hero-side-layout .hero-split{
  width:min(calc(100% - 48px), var(--apaja-content-line))!important;
  max-width:var(--apaja-content-line)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-side-layout .hero-copy{
  width:100%!important;
  max-width:none!important;
  text-align:center!important;
}
.hero-side-layout .hero-copy > .eyebrow{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.hero-side-layout .hero-copy > h1,
.hero-side-layout .hero-copy > p:not(.eyebrow){
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}


.about-home{
  width:min(calc(100% - 48px), var(--apaja-content-line))!important;
  max-width:var(--apaja-content-line)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.about-home > .eyebrow,
.about-home > h2,
.about-home > p,
.about-home > .text-link{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-home > .rule{
  margin-left:0!important;
}


.page[data-page="en-tietoa"] .story{
  width:min(calc(100% - 48px), var(--apaja-content-line))!important;
  max-width:var(--apaja-content-line)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .story > .eyebrow,
.page[data-page="en-tietoa"] .story > h2,
.page[data-page="en-tietoa"] .story-inner{
  max-width:820px!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .story > .rule{
  margin-left:0!important;
  margin-right:0!important;
}


footer .service-area{
  margin:10px 0 0!important;
  max-width:280px!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  opacity:.78!important;
}



#en-page-etusivu .hero .wrap,
.page[data-page="en-etusivu"] .hero .wrap{
  width:min(calc(100% - 48px), var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#en-page-etusivu .hero .eyebrow,
.page[data-page="en-etusivu"] .hero .eyebrow{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}




:root{
  --apaja-editorial-indent: 110px;
}


.about-home{
  width:min(calc(100% - 48px), var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.about-home > .eyebrow{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-home > h2,
.about-home > p,
.about-home > .text-link{
  box-sizing:border-box!important;
  width:calc(100% - var(--apaja-editorial-indent))!important;
  max-width:900px!important;
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.about-home > .rule{
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
}


.page[data-page="en-tietoa"] .story{
  width:min(calc(100% - 48px), var(--max))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .story > .eyebrow{
  margin-left:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .story > h2,
.page[data-page="en-tietoa"] .story > .story-inner{
  box-sizing:border-box!important;
  width:calc(100% - var(--apaja-editorial-indent))!important;
  max-width:900px!important;
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
  padding-left:0!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .story > .story-inner p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .story > .rule{
  margin-left:var(--apaja-editorial-indent)!important;
  margin-right:0!important;
}


@media (max-width: 700px){
  .about-home > h2,
  .about-home > p,
  .about-home > .text-link,
  .page[data-page="en-tietoa"] .story > h2,
  .page[data-page="en-tietoa"] .story > .story-inner{
    width:100%!important;
    margin-left:0!important;
  }
  .about-home > .rule,
  .page[data-page="en-tietoa"] .story > .rule{
    margin-left:0!important;
  }
}



#en-page-etusivu .hero-actions{margin-top:32px}



#en-page-etusivu .hero .hero-cta{
  display:table;
  margin-top:32px;
}



#en-page-etusivu .hero .hero-cta{
  display:table;
  margin:32px auto 0!important;
}



.page[data-page="en-tietoa"] .hero .hero-copy > .apaja-thought{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.page[data-page="en-tietoa"] .hero .apaja-hero-body{
  max-width:760px!important;
  margin:28px auto 0!important;
  text-align:left!important;
}
.page[data-page="en-tietoa"] .hero .apaja-hero-body p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.page[data-page="en-tietoa"] .hero .apaja-hero-body p + p{
  margin-top:18px!important;
}

@media (max-width: 700px){
  .page[data-page="en-tietoa"] .hero .apaja-hero-body{
    margin-top:22px!important;
  }
}



#en-page-palvelut .hero .palvelut-hero-lead{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
#en-page-palvelut .hero .palvelut-hero-body{
  max-width:760px!important;
  margin:28px auto 0!important;
  text-align:left!important;
}
#en-page-palvelut .hero .palvelut-hero-body p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
#en-page-palvelut .hero .palvelut-hero-body p + p{
  margin-top:18px!important;
}
@media (max-width:700px){
  #en-page-palvelut .hero .palvelut-hero-body{
    margin-top:22px!important;
  }
}



#en-page-palvelut .hero .palvelut-hero-lead{
  max-width:900px!important;
}
@media (max-width:700px){
  #en-page-palvelut .hero .palvelut-hero-lead{
    max-width:100%!important;
  }
}



.apaja-situations .section-head{max-width:850px;margin-bottom:28px}
.apaja-situations .section-head h2{margin-bottom:18px}
.situations-lead{max-width:800px;font-size:18px;line-height:1.65;margin:0}
.situation-list{margin:34px 0 24px;border-top:1px solid rgba(14,45,76,.18)}
.situation-item{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid rgba(14,45,76,.18);align-items:start}
.situation-num{font-size:14px;letter-spacing:.14em;font-weight:700;color:#a7864b;padding-top:5px}
.situation-item h3{margin:0 0 7px;font-size:22px}
.situation-item p{margin:0;max-width:760px}
@media(max-width:700px){.situations-lead{font-size:16px}.situation-item{grid-template-columns:44px 1fr;gap:12px;padding:21px 0}.situation-item h3{font-size:19px}}


.help-highlights{display:grid;grid-template-columns:repeat(3,1fr);margin:38px 0 32px;border-top:1px solid #dfe2e6;border-bottom:1px solid #dfe2e6}
.help-highlight{padding:24px 28px 24px 0}
.help-highlight+.help-highlight{padding-left:28px;border-left:1px solid #dfe2e6}
.help-highlight h3{font-size:12px;letter-spacing:.08em;margin:0 0 9px}
.help-highlight p{margin:0;font-size:16px;line-height:1.45;color:#596474}
.assignment-copy{max-width:900px}
@media(max-width:760px){.help-highlights{grid-template-columns:1fr}.help-highlight,.help-highlight+.help-highlight{padding:20px 0;border-left:0;border-top:1px solid #dfe2e6}.help-highlight:first-child{border-top:0}}


.hero-services{color:var(--ink);font-weight:700;letter-spacing:.055em;text-transform:uppercase;font-size:12px;line-height:1.7}
.hero-dot{padding:0 8px}
.service-intro{max-width:860px;margin:24px 0 28px;font-size:17px;line-height:1.55;color:#596474}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 34px}
.service-card{border:1px solid #dfe2e6;background:#fff;padding:26px 24px;min-height:210px}
.service-card-kicker{font-size:11px;letter-spacing:.12em;color:#a28b54;font-weight:700;margin-bottom:14px}
.service-card h3{font-size:20px;line-height:1.25;margin:0 0 12px}
.service-card p{margin:0;color:#596474;line-height:1.55}
@media(max-width:760px){
  .service-cards{grid-template-columns:1fr}
  .service-card{min-height:0}
  .hero-dot{padding:0 5px}
}


.service-intro-title{font-size:18px;margin:30px 0 18px;font-weight:700}



#etusivu .hero-center,
.page#etusivu .hero-center,
.hero-center {
  max-width: var(--max);
}



.apaja-situations > .wrap > h2::after,
.about-home-interim > .wrap > h2::after,
#ajankohtaista .section-head > h2::after{
  content:"";
  display:block;
  width:58px;
  height:2px;
  background:var(--gold);
  margin:18px 0 22px;
}


.apaja-situations .service-card{
  background:#fff;
  border:1px solid rgba(181,150,98,.28);
  border-top:2px solid var(--gold);
  box-shadow:none;
}
.apaja-situations .service-card h3{
  color:var(--ink);
}


#ajankohtaista .article-card{
  border-color:rgba(181,150,98,.28)!important;
  border-top:2px solid var(--gold)!important;
}


@media(max-width:760px){
  .apaja-situations > .wrap > h2::after,
  .about-home-interim > .wrap > h2::after,
  #ajankohtaista .section-head > h2::after{
    margin-top:16px;
    margin-bottom:20px;
  }
}


.implementation-home .wrap>h2::after{content:"";display:block;width:58px;height:2px;background:var(--gold);margin:18px 0 26px}
.implementation-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:stretch;margin-top:30px}
.implementation-card{background:#fff;border:1px solid rgba(181,150,98,.48);border-top:2px solid var(--gold);padding:24px 20px;min-height:145px}
.implementation-card h3{margin:0 0 12px}.implementation-card p{margin:0}
.implementation-arrow{color:var(--gold);font-size:28px;display:flex;align-items:center;justify-content:center}
@media(max-width:850px){.implementation-flow{grid-template-columns:1fr;gap:10px}.implementation-card{min-height:0}.implementation-arrow{font-size:0;height:24px}.implementation-arrow::after{content:"↓";font-size:25px;color:var(--gold)}}



.apaja-situations .wrap>p{max-width:900px}
.apaja-situations .lead{margin-bottom:16px}
.apaja-situations .service-intro-title{margin:26px 0 16px}
.apaja-situations .service-cards{margin:0 0 18px}
.apaja-situations .service-card{
  min-height:0!important;
  padding:20px 20px!important;
}
.apaja-situations .service-card h3{font-size:19px;line-height:1.25;margin:0 0 9px}
.apaja-situations .service-card p{font-size:15px;line-height:1.5}
.assignment-fit{margin:18px 0 14px!important;max-width:900px}

.implementation-home{padding-top:48px!important;padding-bottom:48px!important}
.implementation-home .wrap>h2{margin-bottom:0}
.implementation-home .wrap>h2::after{margin:14px 0 20px!important}
.implementation-flow{
  margin-top:0!important;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)!important;
  gap:6px!important;
}
.implementation-card{
  min-height:0!important;
  padding:16px 16px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.implementation-card h3{font-size:17px!important;line-height:1.25;margin:0 0 6px!important}
.implementation-card p{font-size:14px!important;line-height:1.4;margin:0!important}
.step-dot{color:var(--gold);font-size:18px;margin-right:7px}
.implementation-arrow{font-size:23px!important}

.end-cta h2{font-size:clamp(26px,3vw,38px)}
.end-cta p{max-width:760px}

@media(max-width:850px){
  .implementation-home{padding-top:38px!important;padding-bottom:38px!important}
  .implementation-flow{grid-template-columns:1fr!important;gap:6px!important}
  .implementation-arrow{height:18px!important}
  .implementation-card{padding:15px 16px!important}
}



.apaja-situations .service-cards{
  width:min(100%,1040px);
  margin:24px auto 18px!important;
  gap:18px!important;
}
.apaja-situations .service-card{
  padding:24px 22px!important;
  min-height:300px!important;
  color:var(--ink)!important;
}
.apaja-situations .service-card h3{
  color:var(--ink)!important;
  font-size:19px!important;
  margin-bottom:10px!important;
}
.apaja-situations .service-card p,
.apaja-situations .service-card li{
  color:var(--ink)!important;
}
.card-intro{
  font-size:15px!important;
  line-height:1.5!important;
  margin:0 0 14px!important;
}
.service-points{
  margin:0;
  padding-left:18px;
  font-size:14px;
  line-height:1.5;
}
.service-points li{margin:7px 0}
.service-points li::marker{color:var(--gold)}


.implementation-home .implementation-card{
  color:var(--ink)!important;
  padding:14px 15px!important;
}
.implementation-card h3{color:var(--ink)!important}
.implementation-card ul{
  margin:0;
  padding-left:17px;
  font-size:13.5px;
  line-height:1.4;
}
.implementation-card li{
  margin:4px 0;
  color:var(--ink)!important;
}
.implementation-card li::marker{color:var(--gold)}
.step-dot{display:none!important}


.apaja-situations p,
.implementation-home p,
.about-home-interim p{
  color:var(--ink)!important;
}

@media(max-width:900px){
  .apaja-situations .service-cards{width:100%}
  .apaja-situations .service-card{min-height:0!important}
}


.service-choice-intro{
  width:min(100%,1040px);
  margin:28px auto 16px;
}
.service-choice-intro h3{
  color:var(--ink)!important;
  font-size:22px;
  line-height:1.3;
  margin:0 0 8px;
}
.service-choice-intro p{
  color:var(--ink)!important;
  max-width:820px;
  margin:0;
  line-height:1.55;
}
@media(max-width:900px){
  .service-choice-intro{width:100%}
}



.apaja-situations{
  position:relative;
  overflow:hidden;
  padding-bottom:56px!important;
}
.service-balance{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  align-items:stretch;
  gap:34px;
  position:relative;
}
.service-intro-copy{
  padding:0;
}
.service-intro-copy h2,
.service-intro-copy p{
  max-width:none!important;
  color:var(--ink)!important;
}
.service-intro-wash{
  min-height:100%;
  border-radius:0 0 0 90px;
  background:
    radial-gradient(circle at 78% 38%, rgba(77,111,145,.18), rgba(77,111,145,.08) 44%, rgba(243,245,246,0) 72%),
    linear-gradient(180deg, rgba(243,245,246,0) 0%, rgba(243,245,246,.55) 70%, rgba(243,245,246,.95) 100%);
}
.service-cards-wrap{
  margin-top:30px;
}
.apaja-situations .service-cards{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  gap:18px!important;
}
.apaja-situations .service-card{
  min-height:0!important;
  padding:22px 22px!important;
  color:var(--ink)!important;
}
.apaja-situations .service-card h3,
.apaja-situations .service-card p,
.apaja-situations .service-card li{
  color:var(--ink)!important;
}
.apaja-situations .text-link{
  display:inline-block;
  margin-top:16px;
}


.implementation-home{
  padding-top:50px!important;
  padding-bottom:50px!important;
}
.implementation-flow{
  margin-top:24px!important;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr)!important;
  gap:6px!important;
}
.implementation-card{
  min-height:0!important;
  padding:17px 16px!important;
  color:var(--ink)!important;
}
.implementation-card h3{
  color:var(--ink)!important;
  font-size:17px!important;
  margin:0 0 7px!important;
}
.implementation-card p{
  color:var(--ink)!important;
  font-size:14px!important;
  line-height:1.42!important;
  margin:0!important;
}
.implementation-arrow{color:var(--gold)!important}

@media(max-width:900px){
  .service-balance{grid-template-columns:1fr}
  .service-intro-wash{
    min-height:90px;
    border-radius:0 0 0 55px;
  }
  .implementation-flow{grid-template-columns:1fr!important}
  .implementation-arrow{height:18px!important;font-size:0!important}
  .implementation-arrow::after{content:"↓";font-size:24px;color:var(--gold)}
}



#en-page-etusivu > .hero{
  background:
    linear-gradient(180deg, rgba(243,245,246,.92) 0%, rgba(255,255,255,.98) 100%) !important;
}


#en-page-etusivu > .image-band{
  background:#fff !important;
}


#en-page-etusivu > section.apaja-situations{
  background:#fff !important;
}
#en-page-etusivu > section.implementation-home{
  background:var(--soft) !important;
}
#en-page-etusivu > section.about-home-interim{
  background:#fff !important;
}
#en-page-etusivu > section#ajankohtaista{
  background:var(--soft) !important;
}
#en-page-etusivu > section.end-cta{
  background:var(--deep) !important;
}


#en-page-etusivu .service-intro-wash{
  background:transparent !important;
  min-height:0 !important;
  border-radius:0 !important;
}


#en-page-etusivu .implementation-home .implementation-card,
#en-page-etusivu #ajankohtaista .article-card{
  background:#fff !important;
}



#en-page-etusivu .service-balance{
  display:block !important;
}
#en-page-etusivu .service-intro-copy{
  width:100% !important;
  max-width:none !important;
}
#en-page-etusivu .service-intro-copy h2,
#en-page-etusivu .service-intro-copy p{
  width:100% !important;
  max-width:none !important;
}
#en-page-etusivu .service-cards-wrap{
  margin-top:30px !important;
}
#en-page-etusivu .service-cards-heading{
  margin:0 0 18px;
  max-width:900px;
}
#en-page-etusivu .service-cards-heading h3{
  margin:0 0 8px;
  color:var(--ink) !important;
  font-size:22px;
  line-height:1.3;
}
#en-page-etusivu .service-cards-heading p{
  margin:0;
  color:var(--ink) !important;
  font-size:16px;
  line-height:1.55;
}



#en-page-etusivu .service-cards-heading{
  width:100% !important;
  max-width:none !important;
  margin:0 0 24px !important;
}
#en-page-etusivu .service-cards-heading h3{
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  margin:0 0 16px !important;
  color:var(--ink) !important;
}
#en-page-etusivu .service-cards-heading p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:var(--ink) !important;
}
#en-page-etusivu .service-number{
  color:var(--gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  margin-bottom:10px;
}



#en-page-etusivu .service-divider{
  width:58px;
  height:2px;
  background:var(--gold);
  margin:0 0 22px;
}
#en-page-etusivu .service-cards-intro{
  width:100%;
  margin:0 0 22px;
}
#en-page-etusivu .service-cards-intro p{
  width:100%;
  max-width:none;
  margin:0 0 12px;
  color:var(--ink)!important;
  font-size:17px;
  line-height:1.6;
  font-weight:400;
}
#en-page-etusivu .service-cards-intro p:last-child{
  margin-bottom:0;
}





#en-page-tietoa, #en-page-yhteydenotto{
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.65;
}
#en-page-tietoa h1,#en-page-tietoa h2,
#en-page-yhteydenotto h1,#en-page-yhteydenotto h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  color:var(--ink);
}
#en-page-tietoa h3,#en-page-yhteydenotto h3{color:var(--ink)}
#en-page-tietoa p,#en-page-yhteydenotto p{color:var(--ink)}
#en-page-tietoa .eyebrow,#en-page-yhteydenotto .eyebrow{
  color:var(--blue);
  font-size:12px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:700;
}
#en-page-tietoa .rule,#en-page-yhteydenotto .rule{background:var(--gold)}


#en-page-tietoa section{padding:68px 0}
#en-page-tietoa section.soft{background:var(--soft)}
#en-page-tietoa > section:first-child{
  background:linear-gradient(180deg,rgba(243,245,246,.92),rgba(255,255,255,.98));
}
#en-page-tietoa .wrap{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;padding:0}
#en-page-tietoa h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0 0 22px;max-width:900px}
#en-page-tietoa h2{font-size:36px;line-height:1.2;margin:0 0 18px}
#en-page-tietoa h3{font-size:20px;line-height:1.3;margin:0 0 10px}
#en-page-tietoa .lead{font-size:20px;max-width:850px}
#en-page-tietoa .rule{width:58px;height:2px;margin:22px 0 26px}
#en-page-tietoa .founder{display:grid;grid-template-columns:1.35fr .65fr;gap:54px;align-items:center}
#en-page-tietoa .founder-name-label{margin-top:4px;margin-bottom:22px}
#en-page-tietoa .photo img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
#en-page-tietoa .keep-simple{margin-top:24px;font-size:13px;font-weight:700;letter-spacing:.16em;color:#786b48}
#en-page-tietoa .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}
#en-page-tietoa .stat strong{display:block;font-size:23px}
#en-page-tietoa .stat span{display:block;font-size:13px}
#en-page-tietoa .stat small{display:block;font-size:11px;color:#657080;margin-top:3px;line-height:1.35}
#en-page-tietoa .dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
#en-page-tietoa .dashboard-card{
  background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);
  padding:24px;
}
#en-page-tietoa .dashboard-card h3{font-size:17px;margin-bottom:12px}
#en-page-tietoa .dashboard-card p{font-size:14px;line-height:1.6;margin:0;color:var(--ink)}
#en-page-tietoa .dashboard-card p span{padding:0 4px;color:var(--gold)}
#en-page-tietoa .companies{margin-top:24px;font-size:14px;color:#596474}
#en-page-tietoa .why-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
#en-page-tietoa .why-card{
  background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);
  padding:27px;display:flex;flex-direction:column;min-height:230px;
}
#en-page-tietoa .why-explain{font-size:14px;line-height:1.55;margin:0 0 20px;color:var(--ink)}
#en-page-tietoa .value-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:#786b48;margin-top:auto;padding-top:8px;margin-bottom:6px}
#en-page-tietoa .why-value{font-size:19px;line-height:1.35;font-weight:700;margin:0;color:var(--ink)}
#en-page-tietoa .cta{text-align:center;background:var(--deep);color:#fff}
#en-page-tietoa .cta h2,#en-page-tietoa .cta p{color:#fff}
#en-page-tietoa .cta .btn{display:inline-block;background:#fff;color:var(--deep);padding:13px 24px;text-decoration:none;font-weight:700}


#en-page-yhteydenotto .panel{padding:68px 0}
#en-page-yhteydenotto .contact-hero{
  background:linear-gradient(180deg,rgba(243,245,246,.92),rgba(255,255,255,.98));
}
#en-page-yhteydenotto .hero-copy{width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto}
#en-page-yhteydenotto .hero-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.08;margin:0 0 20px}
#en-page-yhteydenotto .hero-copy p{max-width:840px;font-size:18px}
#en-page-yhteydenotto .rule{width:58px;height:2px;margin:22px 0 26px}
#en-page-yhteydenotto .contact-area{background:var(--soft);padding:68px 0 76px}
#en-page-yhteydenotto .contact-grid{
  width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:start;
}
#en-page-yhteydenotto .form-shell{
  background:#fff;padding:34px 36px;border:1px solid var(--line);border-top:2px solid var(--gold);
}
#en-page-yhteydenotto .form-intro{font-size:16px;margin-bottom:26px}
#en-page-yhteydenotto .field{margin-bottom:24px}
#en-page-yhteydenotto label{display:block;font-size:15px;font-weight:700;line-height:1.45;margin-bottom:9px}
#en-page-yhteydenotto select{
  width:100%;min-height:52px;border:1px solid rgba(17,19,21,.22);background:#fff;
  color:var(--ink);font:inherit;padding:0 14px;
}
#en-page-yhteydenotto .form-btn{
  display:inline-block;border:0;background:var(--deep);color:#fff;padding:13px 20px;
  font:inherit;font-weight:700;cursor:pointer;
}
#en-page-yhteydenotto .form-note,#en-page-yhteydenotto .form-status{font-size:13px;margin-top:12px}
#en-page-yhteydenotto .direct-card{
  background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);padding:30px;
}
#en-page-yhteydenotto .direct-card h3{margin-bottom:14px}
#en-page-yhteydenotto .contact-line{margin:8px 0}
#en-page-yhteydenotto .linkedin-link{color:var(--blue);font-weight:700}
#en-page-yhteydenotto .cta{background:var(--deep);color:#fff;padding:54px 0}
#en-page-yhteydenotto .cta-grid{
  width:min(calc(100% - 48px),var(--max));max-width:var(--max);margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;gap:32px;
}
#en-page-yhteydenotto .cta h2,#en-page-yhteydenotto .cta p{color:#fff}
#en-page-yhteydenotto .cta-mail{display:inline-block;background:#fff;color:var(--deep);padding:13px 20px;font-weight:700}


@media(max-width:760px){
  #en-page-tietoa section{padding:50px 0}
  #en-page-tietoa .wrap,#en-page-yhteydenotto .hero-copy,#en-page-yhteydenotto .contact-grid,#en-page-yhteydenotto .cta-grid{
    width:min(calc(100% - 40px),var(--max));
  }
  #en-page-tietoa h1,#en-page-yhteydenotto .hero-copy h1{font-size:38px}
  #en-page-tietoa h2{font-size:29px}
  #en-page-tietoa .founder,#en-page-tietoa .dashboard-cards,#en-page-tietoa .why-cards,
  #en-page-yhteydenotto .contact-grid{grid-template-columns:1fr}
  #en-page-tietoa .founder{gap:28px}
  #en-page-tietoa .photo{max-width:340px}
  #en-page-tietoa .stats{grid-template-columns:1fr 1fr}
  #en-page-tietoa .why-card{min-height:0}
  #en-page-yhteydenotto .contact-area{padding:50px 0}
  #en-page-yhteydenotto .form-shell{padding:26px 22px}
  #en-page-yhteydenotto .cta-grid{display:block}
  #en-page-yhteydenotto .cta-mail{margin-top:18px}
}



#en-page-tietoa .cta .btn,
#en-page-tietoa .cta a{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
}
#en-page-tietoa .cta .btn{
  background:#fff!important;
  color:var(--deep)!important;
  border:1px solid #fff!important;
  padding:13px 24px!important;
  font-weight:700!important;
  text-decoration:none!important;
}


#en-page-tietoa .cta{display:block!important;background:var(--deep)!important;color:#fff!important;text-align:center!important}
#en-page-tietoa .cta .wrap{display:block!important}
#en-page-tietoa .cta h2,#en-page-tietoa .cta p{display:block!important;color:#fff!important}
#en-page-tietoa .cta .btn{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#fff!important;
  color:var(--deep)!important;
  border:1px solid #fff!important;
  padding:13px 24px!important;
  margin-top:8px!important;
}


#en-page-tietoa .about-final-cta .about-discuss{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;
  line-height:1.65!important;
  font-weight:400!important;
  color:#fff!important;
  margin:0 auto 24px!important;
}



#en-page-tietoa .experience-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 46px;
  margin-top:30px;
  border-top:1px solid rgba(181,150,98,.42);
}
#en-page-tietoa .experience-item{
  padding:25px 0 27px;
  border-bottom:1px solid rgba(181,150,98,.42);
  background:transparent;
}
#en-page-tietoa .experience-item:nth-child(odd){
  padding-right:12px;
}
#en-page-tietoa .experience-item:nth-child(even){
  padding-left:12px;
}
#en-page-tietoa .experience-item h3{
  margin:0 0 10px;
  font-size:17px;
}
#en-page-tietoa .experience-item p{
  margin:0;
  font-size:14px;
  line-height:1.7;
}
#en-page-tietoa .companies{
  margin-top:34px;
  padding-top:0;
  text-align:left;
}
#en-page-tietoa .companies-label{
  margin-bottom:11px;
  color:#786b48;
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
#en-page-tietoa .company-line{
  font-size:14px;
  line-height:1.85;
  color:var(--ink);
}

#en-page-tietoa .why-light-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 46px;
  margin-top:30px;
  border-top:1px solid rgba(181,150,98,.42);
}
#en-page-tietoa .why-light-item{
  min-height:0;
  padding:27px 0 29px;
  border-bottom:1px solid rgba(181,150,98,.42);
  background:transparent;
}
#en-page-tietoa .why-light-item:nth-child(odd){padding-right:12px}
#en-page-tietoa .why-light-item:nth-child(even){padding-left:12px}
#en-page-tietoa .why-light-item h3{
  margin:0 0 10px;
  font-size:18px;
}
#en-page-tietoa .why-light-item .why-explain{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.65;
}
#en-page-tietoa .why-light-item .why-value{
  margin:0;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
}

@media(max-width:760px){
  #en-page-tietoa .experience-grid,
  #en-page-tietoa .why-light-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  #en-page-tietoa .experience-item,
  #en-page-tietoa .experience-item:nth-child(odd),
  #en-page-tietoa .experience-item:nth-child(even),
  #en-page-tietoa .why-light-item,
  #en-page-tietoa .why-light-item:nth-child(odd),
  #en-page-tietoa .why-light-item:nth-child(even){
    padding-left:0;
    padding-right:0;
  }
}



#en-page-etusivu .implementation-flow-light{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr) 54px minmax(0,1fr);
  column-gap:0;
  row-gap:0;
  align-items:start;
  margin-top:34px;
  padding-top:20px;
}
#en-page-etusivu .implementation-flow-light::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:rgba(181,150,98,.52);
}
#en-page-etusivu .implementation-step-light{
  border:0!important;
  border-top:0!important;
  background:transparent!important;
  padding:17px 0 0!important;
  min-height:0!important;
  box-shadow:none!important;
}
#en-page-etusivu .implementation-step-light h3{
  margin:0 0 9px;
  font-size:17px;
}
#en-page-etusivu .implementation-step-light p{
  margin:0;
  font-size:14px;
  line-height:1.65;
}
#en-page-etusivu .implementation-arrow-light{
  align-self:start;
  justify-self:stretch;
  padding-top:16px;
  color:var(--gold);
  font-size:22px;
  line-height:1;
  text-align:center;
}
@media(max-width:760px){
  #en-page-etusivu .implementation-flow-light{
    grid-template-columns:1fr;
    gap:0;
    padding-top:0;
    border-top:1px solid rgba(181,150,98,.52);
  }
  #en-page-etusivu .implementation-flow-light::before{display:none}
  #en-page-etusivu .implementation-step-light{
    padding:22px 0!important;
    border-bottom:1px solid rgba(181,150,98,.38)!important;
  }
  #en-page-etusivu .implementation-arrow-light{
    display:none!important;
  }
}



#en-page-etusivu .kv-callout{
  margin:30px 0 0;
  padding:23px 0 0;
  border-top:1px solid rgba(181,150,98,.46);
  max-width:900px;
}
#en-page-etusivu .kv-callout .eyebrow{
  margin-bottom:9px;
}
#en-page-etusivu .kv-callout p{
  margin:0;
  max-width:850px;
  font-size:15px;
  line-height:1.65;
  color:var(--ink);
}

#en-page-etusivu .kv-callout .service-points{margin:14px 0 0;padding-left:20px;max-width:850px;}
#en-page-etusivu .kv-callout .service-points li{margin:6px 0;font-size:14px;line-height:1.55;color:var(--ink);}
#en-page-tietoa .kv-experience{
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid rgba(181,150,98,.32);
}
#en-page-tietoa .kv-experience strong{
  display:block;
  margin-bottom:5px;
  font-size:14px;
  color:var(--ink);
}
#en-page-tietoa .kv-experience p{
  margin:0;
  font-size:13px;
  line-height:1.6;
}
#en-page-tietoa .kv-founder{
  margin-top:18px;
}



#en-page-etusivu .service-cards{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:900px){
  #en-page-etusivu .service-cards{grid-template-columns:1fr;}
}




#en-page-tietoa > section:first-child > .wrap{
  text-align:center;
}
#en-page-tietoa > section:first-child .eyebrow,
#en-page-tietoa > section:first-child h1,
#en-page-tietoa > section:first-child .lead,
#en-page-tietoa > section:first-child p,
#en-page-tietoa > section:first-child .rule{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#en-page-tietoa > section:first-child .lead,
#en-page-tietoa > section:first-child p{
  max-width:860px;
}


#en-page-yhteydenotto .contact-hero .hero-copy{
  text-align:center;
}
#en-page-yhteydenotto .contact-hero .hero-copy .eyebrow,
#en-page-yhteydenotto .contact-hero .hero-copy h1,
#en-page-yhteydenotto .contact-hero .hero-copy p,
#en-page-yhteydenotto .contact-hero .hero-copy .rule{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#en-page-yhteydenotto .contact-hero .hero-copy p{
  max-width:840px;
}


#en-page-etusivu .implementation-arrow-light{
  align-self:center;
  padding-top:0;
  display:flex;
  align-items:center;
  justify-content:center;
}



.menu-toggle{display:none;background:transparent;border:0;padding:9px 4px;cursor:pointer;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--deep);transition:transform .2s ease,opacity .2s ease}
#en-page-tietoa .experience-item-kv{grid-column:1 / -1;padding-left:0!important;padding-right:0!important;border-top:1px solid rgba(181,150,98,.42);margin-top:2px}
#en-page-tietoa .experience-item-kv h3{font-size:18px;margin-bottom:9px}
#en-page-tietoa .experience-item-kv p{max-width:900px}
#en-page-tietoa .why-intro{max-width:760px;margin:4px 0 0;font-size:17px;line-height:1.6;font-weight:600}
@media(max-width:800px){
  header .nav{height:72px;position:relative;gap:16px}
  header .brand img{width:min(210px,62vw)}
  .menu-toggle{display:flex;margin-left:auto;position:relative;z-index:102}
  .menu{display:none!important;position:absolute;left:-24px;right:-24px;top:72px;background:#fff;border-top:1px solid rgba(23,49,74,.08);border-bottom:1px solid rgba(23,49,74,.12);padding:12px 24px 20px;box-shadow:0 12px 24px rgba(16,38,56,.08);flex-direction:column;align-items:stretch;gap:0;z-index:101}
  .menu.is-open{display:flex!important}
  .menu a{display:block;padding:12px 0;font-size:16px;border-bottom:1px solid rgba(23,49,74,.08)}
  .menu a:last-child{border-bottom:0}
  .menu .nav-cta{margin-top:10px;text-align:center;padding:12px 18px}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #en-page-tietoa .experience-item-kv{grid-column:auto}
}



#en-page-etusivu .hero h1{
  max-width:780px;
  margin-left:auto;
  margin-right:auto;
}
#en-page-etusivu .hero .hero-lead{
  max-width:650px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.62;
}
@media(max-width:700px){
  #en-page-etusivu .hero h1,
  #en-page-etusivu .hero .hero-lead{
    max-width:100%;
  }
  #en-page-etusivu .hero .hero-lead{
    line-height:1.58;
  }
}



@media(min-width:701px){
  #en-page-etusivu .hero-title-readable > span,
  #en-page-etusivu .hero-lead-readable > span{
    display:block;
  }
  #en-page-etusivu .hero-title-readable{
    max-width:760px!important;
  }
  #en-page-etusivu .hero-lead-readable{
    max-width:760px!important;
    line-height:1.58!important;
  }
}
@media(max-width:700px){
  #en-page-etusivu .hero-title-readable > span,
  #en-page-etusivu .hero-lead-readable > span{
    display:inline;
  }
}



.hero-services .hero-dot {
  color: #B08D57 !important;
}



.home-about-split{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:72px;
  align-items:center;
}
.home-about-copy{min-width:0;}
.home-about-dashboard{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(181,150,98,.52);
  border-left:1px solid rgba(181,150,98,.52);
}
.home-about-stat{
  min-height:132px;
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid rgba(181,150,98,.52);
  border-bottom:1px solid rgba(181,150,98,.52);
}
.home-about-stat strong{
  display:block;
  color:var(--ink);
  font-size:40px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.035em;
  margin-bottom:10px;
}
.home-about-stat span{
  color:var(--ink);
  font-size:13px;
  line-height:1.45;
}
@media(max-width:900px){
  .home-about-split{
    grid-template-columns:1fr;
    gap:36px;
  }
  .home-about-dashboard{
    width:100%;
    max-width:520px;
  }
}
@media(max-width:520px){
  .home-about-stat{
    min-height:108px;
    padding:18px 14px;
  }
  .home-about-stat strong{font-size:32px;}
  .home-about-stat span{font-size:12px;}
}



.hero-services a{
  color:inherit;
  text-decoration:none;
  transition:color .18s ease, text-decoration-color .18s ease;
}
.hero-services a:hover,
.hero-services a:focus-visible{
  color:var(--gold);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
#palvelu-01,#palvelu-02,#palvelu-03,#palvelu-04{
  scroll-margin-top:96px;
}



.hero-service-arrow{
  color:#B08D57;
  font-size:.9em;
  margin-left:2px;
  position:relative;
  top:-1px;
}
.hero-services a:hover .hero-service-arrow,
.hero-services a:focus-visible .hero-service-arrow{
  transform:translateY(1px);
}


.hero-services a{
  display:inline-block;
  cursor:pointer;
  touch-action:manipulation;
}



.home-about-dashboard{
  display:flex !important;
  flex-direction:column;
  border:0 !important;
}
.home-about-stat{
  min-height:0 !important;
  padding:15px 0 !important;
  display:grid !important;
  grid-template-columns:78px 1fr;
  gap:14px;
  align-items:center;
  border:0 !important;
  border-bottom:1px solid rgba(181,150,98,.45) !important;
}
.home-about-stat:first-child{
  border-top:1px solid rgba(181,150,98,.45) !important;
}
.home-about-stat strong{
  margin:0 !important;
  font-size:31px !important;
  line-height:1 !important;
}
.home-about-stat span{
  font-size:13px !important;
  line-height:1.35 !important;
}
@media(max-width:800px){
  .home-about-dashboard{
    max-width:420px !important;
  }
}



[data-page="en-tietoa"] img[alt="Kristiina Kämäräinen"]{
  object-fit:cover;
  object-position:50% 38%;
}
@media(max-width:800px){
  [data-page="en-tietoa"] img[alt="Kristiina Kämäräinen"]{
    object-position:50% 32%;
  }
}


.language-switch{display:inline-flex;align-items:center;gap:.3rem;margin-left:.35rem;font-weight:700;white-space:nowrap}
.language-switch a{padding:.2rem .1rem;text-decoration:none}
@media(max-width:800px){.language-switch{margin:.55rem 0 0}}

.lang-switch .flag-label,
.language-switch .flag-label { font-size: 18px; line-height: 1; }
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.lang-switch a span[aria-hidden="true"],
.lang-switch button span[aria-hidden="true"],
.language-switch a span[aria-hidden="true"],
.language-switch button span[aria-hidden="true"]{
  font-size:18px; line-height:1; display:inline-block; vertical-align:middle;
}

.language-switch{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:.4rem;
  white-space:nowrap;
}
.language-switch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px;
  line-height:1;
  text-decoration:none;
  border-radius:2px;
}
.language-switch a:hover,
.language-switch a:focus-visible{
  outline:1px solid rgba(23,49,74,.22);
  outline-offset:2px;
}
.lang-flag{
  display:block;
  width:24px;
  height:15px;
  box-shadow:0 0 0 1px rgba(23,49,74,.12);
}
.language-divider{
  font-size:12px;
  opacity:.4;
}
@media(max-width:800px){
  .language-switch{
    margin:.55rem 0 0;
  }
  .lang-flag{
    width:26px;
    height:16px;
  }
}
main.page{display:block!important;}



/* TIETOA APAJASTA – dashboard viimeistely 20.8.26 */
#page-tietoa .experience-grid,
#en-page-tietoa .experience-grid{
  gap:26px 46px!important;
  border-top:0!important;
}
#page-tietoa .experience-item,
#en-page-tietoa .experience-item{
  padding:0 0 6px!important;
  border-top:0!important;
  border-bottom:0!important;
}
#page-tietoa .experience-item:nth-child(odd),
#en-page-tietoa .experience-item:nth-child(odd){padding-right:12px!important}
#page-tietoa .experience-item:nth-child(even),
#en-page-tietoa .experience-item:nth-child(even){padding-left:12px!important}
#page-tietoa .experience-item-kv,
#en-page-tietoa .experience-item-kv{
  grid-column:auto!important;
  margin-top:0!important;
  border-top:0!important;
  padding-left:0!important;
  padding-right:12px!important;
}
#page-tietoa .experience-item-kv p,
#en-page-tietoa .experience-item-kv p{max-width:none!important}
@media(max-width:760px){
  #page-tietoa .experience-grid,
  #en-page-tietoa .experience-grid{gap:24px!important}
  #page-tietoa .experience-item,
  #en-page-tietoa .experience-item,
  #page-tietoa .experience-item-kv,
  #en-page-tietoa .experience-item-kv{padding:0!important}
}





/* Uran varrelta / Career highlights: yksi pidempi aksentti otsikkotasolle */
#page-tietoa .career-section h2,
#page-tietoa .career-section h3,
#en-page-tietoa .career-section h2,
#en-page-tietoa .career-section h3{
  position:relative!important;
}
#page-tietoa .career-section h2::after,
#page-tietoa .career-section h3::after,
#en-page-tietoa .career-section h2::after,
#en-page-tietoa .career-section h3::after{
  content:""!important;
  display:block!important;
  width:68px!important;
  height:2px!important;
  background:var(--gold)!important;
  margin-top:12px!important;
}









/* TIETOA APAJASTA – sama viivatyyli kuin Miksi Apaja */
#page-tietoa .experience-item,
#en-page-tietoa .experience-item{
  padding-top:20px!important;
  padding-bottom:22px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(181,150,98,.42)!important;
}
#page-tietoa .companies,
#en-page-tietoa .companies{
  padding-top:22px!important;
  padding-bottom:22px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(181,150,98,.42)!important;
}
#page-tietoa .companies-label,
#en-page-tietoa .companies-label{
  padding-top:0!important;
  border:0!important;
}
@media(max-width:760px){
  #page-tietoa .experience-item,
  #en-page-tietoa .experience-item{
    padding-top:18px!important;
    padding-bottom:20px!important;
  }
}





/* V14 – vain KV / Uran varrelta: muut viivat säilyvät */
#page-tietoa .experience-item-kv,
#en-page-tietoa .experience-item-kv{
  padding-bottom:18px!important;
  margin-bottom:0!important;
  border-bottom:1px solid rgba(181,150,98,.42)!important;
}
#page-tietoa .companies,
#en-page-tietoa .companies{
  margin-top:0!important;
  padding-top:14px!important;
  padding-bottom:0!important;
  border-top:0!important;
  border-bottom:0!important;
}
#page-tietoa .companies-label,
#en-page-tietoa .companies-label{
  margin-top:0!important;
  padding-top:0!important;
  border:0!important;
}



.service-examples{margin:14px 0 0;font-size:14px;line-height:1.5;color:#596474}


/* MASTER 21.8.26 – kolme palvelukorttia rinnakkain desktopilla */
@media (min-width:901px){
  #page-etusivu .service-cards,
  #en-page-etusivu .service-cards,
  .service-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  #page-etusivu .service-card,
  #en-page-etusivu .service-card,
  .service-card{
    min-height:0!important;
    height:100%!important;
    padding:22px 20px!important;
  }
  #page-etusivu .service-card h3,
  #en-page-etusivu .service-card h3,
  .service-card h3{
    font-size:18px!important;
    line-height:1.25!important;
  }
  #page-etusivu .service-points,
  #en-page-etusivu .service-points,
  .service-points{
    font-size:14px!important;
    line-height:1.45!important;
  }
  #page-etusivu .service-examples,
  #en-page-etusivu .service-examples,
  .service-examples{
    font-size:13px!important;
    line-height:1.4!important;
  }
}