
:root{--green:#234a45;--green2:#386a60;--sage:#dfe9e3;--cream:#f7f4ed;--ink:#263b35;--muted:#65766e;--gold:#caa774;--line:#dfE5df;--white:#fff;--shadow:0 15px 45px rgba(19,46,39,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;line-height:1.16;letter-spacing:-.025em;margin:0 0 .6em}h1{font-size:clamp(2.6rem,5.5vw,5.3rem)}h2{font-size:clamp(2rem,3.4vw,3.35rem)}h3{font-size:1.55rem}p{margin:.3rem 0 1.1rem}a{color:inherit}button{font:inherit} .container{width:min(1160px,calc(100% - 44px));margin:auto}.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--green2);margin-bottom:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;text-decoration:none;border:1px solid var(--green);background:var(--green);color:white;border-radius:6px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{background:#376c60;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--green)}.btn-outline:hover{color:white}.btn-light{background:white;border-color:white;color:var(--green)}.btn-light:hover{background:#e2eee5;color:var(--green)}.link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(10px)}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;color:var(--green)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:2px solid currentColor;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:24px}.brand-name{font-family:Georgia,serif;font-size:1.55rem;font-weight:bold;letter-spacing:.025em}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a,.nav-links button{background:none;border:0;cursor:pointer;color:var(--ink);font-size:.91rem;text-decoration:none;font-weight:650}.nav-links a:hover,.nav-links button:hover{color:var(--green2)}.nav-links .nav-cta{background:var(--green);color:white;padding:11px 17px;border-radius:5px}.nav-links .nav-cta:hover{color:white;background:var(--green2)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:30px;left:-20px;min-width:285px;padding:12px;background:white;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:grid;gap:4px}.dropdown-content a{padding:10px 12px;font-size:.87rem;border-radius:5px}.dropdown-content a:hover{background:var(--cream)}.mobile-toggle{display:none;border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:var(--green)}.hero{background:var(--cream);overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;min-height:670px}.hero-copy{padding:96px 55px 95px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy p{font-size:1.13rem;max-width:560px;color:#51655c}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}.hero-small{margin-top:22px;font-size:.86rem;color:var(--muted)}.hero-visual{position:relative;min-height:600px;background:url("etusivu-tyotila.webp") center center/contain}.hero-visual:after{display:none}.photo-note{position:absolute;left:25px;bottom:26px;padding:12px 17px;background:rgba(255,255,255,.9);font-size:.76rem;border-radius:5px;color:var(--green)}.section{padding:105px 0}.section-tight{padding:75px 0}.section-head{max-width:780px;margin-bottom:38px}.lead{font-size:1.2rem;line-height:1.75;color:#52685e}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.service-card{border:1px solid var(--line);border-radius:8px;background:white;padding:28px 22px;display:flex;flex-direction:column;gap:9px;min-height:325px;transition:.2s}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.service-card .symbol{font-size:1.8rem;color:var(--green2)}.service-card h3{font-size:1.35rem;margin:8px 0}.service-card p{font-size:.91rem;color:var(--muted);flex:1}.service-card a{font-weight:bold;color:var(--green);text-decoration:none}.soft{background:var(--cream)}.dark{background:var(--green);color:white}.dark .eyebrow{color:#b9d6c9}.dark .lead{color:#d9e4dd}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.picture{min-height:460px;border-radius:7px;background:linear-gradient(160deg,rgba(37,77,70,.13),rgba(37,77,70,.18)),url('https://innomentor.fi/sitepad-data/uploads/2025/01/Klaus.png') center/cover;position:relative}.checklist{padding:0;list-style:none}.checklist li{position:relative;padding:0 0 15px 32px}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green2);font-weight:bold}.quote{background:white;padding:30px;border-radius:8px;border:1px solid var(--line);font-family:Georgia,serif;font-size:1.13rem;line-height:1.65}.quote small{font-family:Arial,sans-serif;font-size:.83rem;color:var(--muted);display:block;margin-top:15px}.steps{counter-reset:num}.step{position:relative;padding:0 20px 0 70px}.step:before{counter-increment:num;content:counter(num);position:absolute;left:0;top:0;border:1px solid #b9ccbf;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.4rem}.cta-panel{padding:58px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:white}.cta-panel h2{max-width:660px;margin:0}.footer{background:#183a33;color:#e8f1eb;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.footer a{text-decoration:none;display:block;margin-bottom:8px;color:#d5e7de}.footer p{color:#c2d4ca}.footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid #43675d;color:#b4cbbf;font-size:.81rem}.subhero{background:var(--cream);padding:90px 0 80px}.subhero p{max-width:760px}.content-narrow{max-width:790px}.content-narrow h2{margin-top:40px}.feature{padding:23px;border:1px solid var(--line);border-radius:7px;background:white}.feature h3{font-family:Arial,sans-serif;font-size:1.04rem;letter-spacing:0}.price-box{padding:35px;background:var(--cream);border-radius:8px}.price{font-family:Georgia,serif;font-size:2.4rem;color:var(--green);font-weight:bold}.notice{border-left:3px solid var(--gold);padding:16px 20px;background:#fbf9f4;color:#4d6258;margin:25px 0}.contact-row{display:flex;gap:30px;align-items:flex-start}.contact-card{flex:1;padding:35px;background:var(--cream);border-radius:9px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.field label{font-weight:bold;font-size:.9rem}.field input,.field select,.field textarea{font:inherit;border:1px solid #bccbc2;border-radius:5px;padding:12px;background:white;width:100%}.field textarea{min-height:120px;resize:vertical}.success{display:none;padding:15px;border-radius:5px;background:var(--sage)}.page{display:none}.page.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.6}to{opacity:1}}.faq-item{border-bottom:1px solid var(--line);padding:17px 0}.faq-item summary{font-weight:bold;cursor:pointer}.faq-item p{padding-top:12px;color:var(--muted)}@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}.hero-layout{grid-template-columns:1fr 1fr}.hero-copy{padding:65px 25px 65px 0}.split{gap:35px}.nav-links{gap:15px}}@media(max-width:760px){.container{width:min(100% - 34px,650px)}.nav{height:70px}.mobile-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:13px}.nav-links.open{display:flex}.nav-links a,.nav-links button{text-align:left;font-size:1rem;padding:8px}.dropdown-content{position:static;box-shadow:none;border:0;padding:5px 0 0 15px;display:grid}.dropdown-content a{font-size:.91rem}.hero-layout{grid-template-columns:1fr}.hero-copy{padding:60px 0}.hero-visual{min-height:340px}.hero h1{font-size:clamp(2.5rem,11vw,4rem)}.section{padding:66px 0}.section-tight{padding:50px 0}.grid-2,.grid-3,.grid-4,.split,.footer-grid{grid-template-columns:1fr}.service-card{min-height:unset}.picture{min-height:300px}.step{margin-bottom:30px}.cta-panel{padding:35px 23px;display:block}.cta-panel .btn{margin-top:25px}.contact-row{display:block}.contact-card{margin-bottom:20px}.subhero{padding:62px 0 50px}.footer-grid{gap:25px}.brand-name{font-size:1.4rem}}


.brand-logo{width:44px;height:44px;object-fit:contain;display:block;border-radius:4px}
.site-photo{width:100%;height:auto;display:block;object-fit:cover;border-radius:9px}
.photo-hero{height:410px;object-fit:cover}
.image-caption{font-size:.79rem;color:var(--muted);margin-top:8px}
.image-figure{margin:0}
.resource-card{background:white;border:1px solid var(--line);padding:23px;border-radius:10px}
.resource-card img{width:100%;object-fit:contain;max-height:340px;border:1px solid #edf0ec;border-radius:6px;background:#fff}
.reflection{border-radius:8px;padding:25px;background:var(--cream);border-left:4px solid var(--gold);margin-top:20px}
.reflection h3{margin:0 0 12px;font-size:1.3rem}.reflection ol{margin:0;padding-left:22px}.reflection li{margin:9px 0}
.resource-intro{max-width:800px;margin-bottom:30px}
.inline-photo-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}
.service-photo{width:100%;height:315px;object-fit:cover;border-radius:8px;margin:20px 0 28px}
.silos-photo{object-fit:contain;background:#f2f2f2}
.brand{gap:9px}.brand-name{letter-spacing:.012em}
.info-link{background:#e9f1eb;border-radius:9px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}
@media(max-width:760px){.inline-photo-row{grid-template-columns:1fr}.photo-hero{height:285px}.service-photo{height:245px}.info-link{display:block}.info-link .btn{margin-top:14px}}


.hero-visual{background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;background-color:#f7f4ed!important;min-height:430px}
@media(max-width:760px){.hero-visual{min-height:0!important;aspect-ratio:16/9;background-size:contain!important}}


.testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.testimonial{margin:0;padding:27px 25px;border:1px solid #dae4dd;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(19,46,39,.045);display:flex;flex-direction:column}
.testimonial-stars{font:700 60px Georgia,serif;color:#739688;line-height:.7;margin-bottom:16px}
.testimonial blockquote{margin:0 0 23px;font-size:.94rem;line-height:1.75;color:#354c44;flex:1}
.testimonial figcaption{border-top:1px solid #e6ebe6;padding-top:14px;display:flex;flex-direction:column;gap:3px;font-size:.89rem}
.testimonial figcaption strong{color:#234a45}.testimonial figcaption span{color:#65766e;font-size:.84rem}
.membership-band{padding:32px 0;background:#f7f4ed;border-top:1px solid #e5e8e0}.membership-inner{display:flex;align-items:center;gap:24px;max-width:950px!important}
.membership-inner img{width:162px;max-width:38%;height:auto;object-fit:contain;background:white;border-radius:10px;padding:6px}
.membership-inner strong{color:#234a45}.membership-inner p{margin:4px 0 0;font-size:.88rem;color:#65766e}
.footer-story{display:flex;align-items:center;gap:10px;margin-top:16px;max-width:300px}.footer-story img{background:#fff;border-radius:8px;width:106px;height:auto;padding:4px}.footer-story span{font-size:.76rem;color:#e7eee9;line-height:1.4}
.about-membership{display:flex;align-items:center;gap:18px;margin:24px 0 6px;background:#f7f4ed;border-radius:13px;padding:15px}.about-membership img{width:120px;background:white;border-radius:9px;padding:4px}.about-membership p{font-size:.88rem;margin:2px 0 0}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr 1fr}.testimonial:last-child{grid-column:span 2}}
@media(max-width:650px){.testimonial-grid{grid-template-columns:1fr}.testimonial:last-child{grid-column:auto}.testimonial{padding:23px}.membership-inner{align-items:flex-start}.membership-inner img{width:118px}.about-membership{flex-wrap:wrap}}




.brand{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;min-width:0}
.brand-logo-new{display:block;width:clamp(170px,18vw,244px);max-width:100%;height:auto;object-fit:contain}
.site-header .nav{gap:22px}
footer .brand{background:white;padding:9px 13px;border-radius:5px;max-width:fit-content}
footer .brand-logo-new{width:230px}
@media(max-width:980px){.brand-logo-new{width:188px}.site-header .nav{gap:10px}}
@media(max-width:760px){.brand-logo-new{width:207px}.site-header .nav{gap:16px}}
@media(max-width:390px){.brand-logo-new{width:180px}}

/* Published website: make every page visible and avoid relying on hash-router state. */
.page{display:block!important;opacity:1!important;animation:none!important}
