@import url('./service-showcase.css');
@import url('./publication.css');
/* Etusivun omat sisältötyylit. Ei korvaa Coren yhteisiä komponentteja. */
.site-content:has(>.vahti-home){max-width:none;margin:0;font-size:1rem;line-height:1.7}
.vahti-home{--vahti-navy:#071d35;--vahti-teal:#00c9a7;--vahti-deep-teal:#007e6b;--vahti-orange:#ffb52e;color:var(--vahti-navy)}
.vahti-home p{margin:0 0 1.1rem}.vahti-home h1,.vahti-home h2,.vahti-home h3{margin:0;font-weight:700;line-height:1.2;letter-spacing:-.04em}.vahti-home h2{font-size:clamp(1.85rem,3.1vw,2.7rem);color:var(--vahti-navy)}.vahti-home h3{font-size:1.125rem;letter-spacing:-.025em}
.vahti-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.vahti-section{padding-block:88px}.vahti-home .vahti-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--vahti-deep-teal);margin-bottom:16px}
.vahti-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:15px 25px;border:1px solid transparent;border-radius:999px;background:var(--vahti-teal);color:var(--vahti-navy);font-weight:600;font-size:.9375rem;line-height:1.4;text-decoration:none;transition:background .18s,box-shadow .18s}
.vahti-button span{font-size:1.35rem;line-height:1}.vahti-button:hover{background:#67e9ce;box-shadow:0 5px 20px #00c9a726}.vahti-button--outline{background:transparent;border-color:#cededf}.vahti-button--outline:hover{background:#e8f7f3;border-color:var(--vahti-deep-teal)}
.vahti-skip{position:fixed;left:24px;top:-100px;background:#fff;color:#071d35;padding:12px 20px;border-radius:10px;z-index:100}.vahti-skip:focus{top:12px}
.vahti-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--vahti-navy);color:#fff}.vahti-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 67%;z-index:-3}.vahti-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#071d35f5 0%,#071d35ce 37%,#071d3533 70%),linear-gradient(0deg,#071d35f5 0%,transparent 35%,#071d351a 75%,#071d35a6 100%)}
.vahti-hero__inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;padding-top:70px;padding-bottom:44px;column-gap:8px;align-items:center}.vahti-hero__copy{position:relative;z-index:2;padding-block:10px 20px}.vahti-hero .vahti-eyebrow{color:#6eeee0;display:flex;align-items:center;gap:10px}.vahti-dot{width:7px;height:7px;flex-shrink:0;background:#00c9a7;border-radius:50%;box-shadow:0 0 0 5px #00c9a71a}
.vahti-hero h1{font-size:clamp(2.25rem,4.2vw,3.8rem);line-height:1.17;letter-spacing:-.045em;color:#fff}.vahti-hero h1 span{color:#00d8b3}.vahti-home .vahti-hero__lead{max-width:510px;margin:25px 0 29px;font-size:1.0625rem;line-height:1.8;color:#d4e2eb}.vahti-home .vahti-hero__note{font-size:.8125rem;color:#becfd9;margin:16px 0 0 7px}.vahti-hero__visual{align-self:stretch;position:relative;min-height:385px}.vahti-radar{position:absolute;width:min(480px,110%);max-width:none;left:-25px;top:-27px}.vahti-hero__caption{position:absolute;right:0;bottom:28px;transform:rotate(-8deg);font-family:Georgia,serif;font-size:1.4rem;font-style:italic;line-height:1.5;color:#e4f7f1;text-shadow:0 2px 10px #071d35}
.vahti-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;grid-column:1/-1;margin-top:42px}.vahti-quicklinks a{padding:22px 23px 18px;border:1px solid #ffffff5c;background:#fffffff5;border-radius:13px;text-decoration:none;box-shadow:0 10px 24px #00152818;transition:background .18s,transform .18s}.vahti-quicklinks a:hover{background:#e8fff9;transform:translateY(-3px)}.vahti-wordmark{font-size:1.75rem;font-weight:700;letter-spacing:-.05em;line-height:1.15}.vahti-wordmark--bookbeat{color:#131725;letter-spacing:-.06em}.vahti-wordmark--nextory{color:#d52b50}.vahti-wordmark--storytel{color:#a93212}.vahti-wordmark--podimo{color:#743ac6}.vahti-quicklinks a>span{display:block}.vahti-quicklinks a>span+span{margin-top:12px;color:#526777;font-size:.8125rem;display:flex;justify-content:space-between;gap:8px}.vahti-quicklinks b{color:#007e6b;font-size:1.1rem;line-height:1}
.vahti-trust{background:#fff;border-bottom:1px solid #e1e9e8}.vahti-trust>.vahti-container{display:flex;justify-content:center;gap:60px;padding-block:19px;color:#526777;font-size:.8125rem}.vahti-trust b{color:#007e6b;margin-right:8px}
.vahti-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.vahti-section-heading h2{margin-bottom:14px}.vahti-section-heading p:not(.vahti-eyebrow){color:#526777;margin:0}.vahti-checked{font-size:.75rem;border:1px solid #d8e4e1;border-radius:999px;padding:8px 13px;white-space:nowrap;color:#526777}
.vahti-offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.vahti-offer{display:flex;flex-direction:column;min-width:0;padding:26px 23px 19px;border:1px solid #dce6e8;border-radius:17px;background:#fff;box-shadow:0 8px 26px #071d3504;scroll-margin-top:115px}.vahti-offer--featured{border-color:#00aa8c;box-shadow:0 12px 30px #007e6b0a}.vahti-offer__top{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:69px;margin-bottom:26px}.vahti-offer h3.vahti-wordmark{font-size:1.65rem;flex:1 1 100%;line-height:1}.vahti-badge{display:inline-block;align-self:flex-start;border-radius:6px;padding:4px 9px;background:#e0f8ef;color:#006a55;font-size:.6875rem;font-weight:600;line-height:1.5}.vahti-badge--soft{background:#f1f5f6;color:#526777}.vahti-badge--orange{background:#fff0cf;color:#885600}.vahti-home .vahti-offer__value{margin-bottom:12px;font-size:2.75rem;font-weight:700;letter-spacing:-.055em;line-height:1.1}.vahti-offer__value span{display:block;margin-top:8px;font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.vahti-home .vahti-offer__intro{min-height:48px;font-size:.8125rem;line-height:1.65;color:#526777;margin-bottom:22px}
.vahti-offer dl{margin:0 0 18px;padding-top:18px;border-top:1px solid #e6ecec}.vahti-offer dl div+div{margin-top:14px}.vahti-offer dt{font-size:.6875rem;color:#526777;line-height:1.6}.vahti-offer dd{margin:4px 0 0;font-size:.8125rem;font-weight:600;line-height:1.6}.vahti-home .vahti-offer__terms{font-size:.75rem;line-height:1.75;color:#526777;margin-bottom:22px}.vahti-offer .vahti-button{margin-top:auto;width:100%;gap:12px;padding:12px 14px;min-height:46px;font-size:.8125rem}.vahti-offer__source{text-align:center;font-size:.6875rem;color:#526777;margin-top:13px}.vahti-home .vahti-offers-note{font-size:.75rem;line-height:1.9;max-width:930px;margin:25px 0 0;color:#526777}
.vahti-how{background:#eaf3f1;padding:70px 0}.vahti-how__lead{font-size:.9375rem;line-height:1.85}.vahti-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;list-style:none;padding:0;margin:38px 0 0}.vahti-steps li{position:relative;padding-top:25px;border-top:1px solid #b9d8d0}.vahti-step-number{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#00c9a7;color:#071d35;font-size:.875rem;font-weight:600;margin-bottom:22px}.vahti-steps h3{margin-bottom:12px}.vahti-steps p{font-size:.875rem;color:#526777;max-width:325px}
.vahti-about{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:95px}.vahti-about__mark{position:relative;aspect-ratio:1.18;border-radius:22px;background:#071d35;overflow:hidden}.vahti-about__mark img{width:100%;height:100%;object-fit:contain;padding:15px 25px 35px;opacity:.85}.vahti-home .vahti-about__mark p{position:absolute;bottom:20px;width:100%;text-align:center;margin:0;color:#a4ded5;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.vahti-about h2{margin-bottom:24px}.vahti-about p:not(.vahti-eyebrow){font-size:.9375rem;color:#526777;line-height:1.9}.vahti-text-link{display:inline-flex;align-items:center;gap:16px;margin-top:9px;font-size:.9375rem;font-weight:600;text-decoration:none;color:#007e6b}.vahti-text-link:hover{text-decoration:underline}
.vahti-faq-wrap{padding:75px 0;background:#fff;border-top:1px solid #e6ecec}.vahti-faq-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:75px}.vahti-faq-layout h2{margin-bottom:18px}.vahti-faq-layout p{color:#526777;font-size:.9375rem}.vahti-faq details{border-bottom:1px solid #dce6e8}.vahti-faq details:first-child{border-top:1px solid #dce6e8}.vahti-faq summary{cursor:pointer;position:relative;padding:23px 35px 23px 0;list-style:none;font-weight:600;font-size:.9375rem}.vahti-faq summary::-webkit-details-marker{display:none}.vahti-faq summary:after{content:'+';position:absolute;right:4px;top:19px;font-size:1.4rem;font-weight:400;color:#007e6b}.vahti-faq details[open] summary:after{content:'−'}.vahti-faq details[open] summary{color:#007e6b}.vahti-faq p{padding:0 30px 10px 0;font-size:.875rem;line-height:1.9}
.vahti-final{padding:68px 0 75px;text-align:center;background:#e4f5ef}.vahti-final h2{margin-bottom:27px}
@media(min-width:1500px){.vahti-hero__inner{padding-top:85px;padding-bottom:48px}.vahti-hero__photo{object-position:center 65%}}
@media(max-width:1100px){.vahti-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.vahti-offer__top{flex-wrap:nowrap;min-height:34px;margin-bottom:25px;justify-content:space-between}.vahti-offer h3.vahti-wordmark{flex:initial}.vahti-offer__intro{min-height:0}.vahti-offer__terms{min-height:42px}.vahti-badge{white-space:nowrap}.vahti-hero__caption{right:0;bottom:45px;font-size:1.15rem}.vahti-radar{left:-22px;top:0}.vahti-about{gap:55px}.vahti-quicklinks a{padding:20px 17px}.vahti-quicklinks .vahti-wordmark{font-size:1.45rem}.vahti-trust>.vahti-container{gap:32px}}
@media(max-width:850px){.vahti-container{width:calc(100% - 40px)}.vahti-hero__inner{padding-top:38px;grid-template-columns:1fr}.vahti-hero h1{font-size:clamp(2.25rem,6.8vw,3.8rem)}.vahti-hero__copy{max-width:620px;padding-bottom:0}.vahti-hero__visual{min-height:240px;max-width:420px;width:100%;justify-self:center}.vahti-radar{width:290px;top:-20px;left:0}.vahti-hero__caption{bottom:68px;right:0;font-size:1.2rem}.vahti-hero__photo{object-position:73% center}.vahti-hero:before{background:linear-gradient(180deg,#071d35f5 0%,#071d35d9 40%,#071d3533 73%,#071d35f5 100%),linear-gradient(90deg,#071d3599,transparent)}.vahti-quicklinks{margin-top:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vahti-quicklinks a{padding:18px 20px}.vahti-quicklinks a>span+span{margin-top:9px}.vahti-trust>.vahti-container{gap:18px;font-size:.6875rem}.vahti-section{padding-block:58px}.vahti-section-heading{align-items:flex-start;flex-direction:column;gap:15px}.vahti-steps{gap:25px}.vahti-about{gap:32px;grid-template-columns:.8fr 1.2fr}.vahti-faq-layout{grid-template-columns:1fr;gap:24px}.vahti-faq-layout h2 br,.vahti-faq-layout p br{display:none}.vahti-how__lead br{display:none}.vahti-how{padding:52px 0}.vahti-faq-wrap{padding:52px 0}}
@media(max-width:540px){.vahti-container{width:calc(100% - 36px)}.vahti-hero h1{font-size:clamp(1.9rem,7.8vw,2.65rem);line-height:1.22}.vahti-hero .vahti-eyebrow{font-size:.6875rem;letter-spacing:.12em}.vahti-home .vahti-hero__lead{font-size:.9375rem;margin:21px 0 25px;line-height:1.85}.vahti-hero__copy>.vahti-button{width:100%;padding-inline:18px;font-size:.875rem;gap:16px}.vahti-home .vahti-hero__note{font-size:.6875rem;text-align:center;margin-left:0}.vahti-hero__visual{min-height:230px}.vahti-radar{width:265px;left:-15px;top:-5px}.vahti-hero__caption{font-size:1.08rem;bottom:67px;right:0}.vahti-quicklinks{grid-template-columns:1fr;gap:9px}.vahti-quicklinks a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px}.vahti-quicklinks a>span+span{margin:0;font-size:.75rem;gap:12px}.vahti-quicklinks .vahti-wordmark{font-size:1.4rem}.vahti-hero__inner{padding-bottom:28px}.vahti-trust>.vahti-container{gap:10px;flex-wrap:wrap;padding-block:17px;justify-content:flex-start;font-size:.6875rem}.vahti-trust span:last-child{display:none}.vahti-trust b{margin-right:4px}.vahti-offers{grid-template-columns:1fr;gap:18px}.vahti-offer{padding:26px}.vahti-offer__top{flex-wrap:wrap;gap:10px}.vahti-offer h3.vahti-wordmark{font-size:1.75rem}.vahti-offer__terms{min-height:0}.vahti-offer__value{font-size:3rem}.vahti-offer__value span{display:inline-block;font-size:1rem;margin-left:8px}.vahti-offer dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vahti-offer dl div+div{margin:0}.vahti-offer .vahti-button{font-size:.9375rem;min-height:50px}.vahti-steps{grid-template-columns:1fr;gap:10px;margin-top:25px}.vahti-steps li{padding:23px 0 10px 62px}.vahti-step-number{position:absolute;left:0;top:22px;width:40px;height:40px}.vahti-steps p{max-width:none}.vahti-about{grid-template-columns:1fr;gap:32px}.vahti-about__mark{max-width:360px;width:100%;margin:auto;aspect-ratio:1.45}.vahti-about__mark img{padding:0 20px 30px}.vahti-about h2 br{display:none}.vahti-faq summary{font-size:.875rem}.vahti-final{padding-block:52px}.vahti-final h2{font-size:1.85rem}.vahti-home h2{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.vahti-button,.vahti-quicklinks a{transition:none}.vahti-quicklinks a:hover{transform:none}}

/* Tarjousehdot ja hinnat pysyvät luettavina myös puhelimella. */
.vahti-offer__intro,.vahti-offer dt,.vahti-offer dd,.vahti-home .vahti-offer__terms,.vahti-home .vahti-offers-note{font-size:.875rem}
.vahti-offer__source,.vahti-badge{font-size:.75rem}
.vahti-quicklinks a>span+span{font-size:.875rem}
@media(max-width:360px){.vahti-quicklinks a{flex-wrap:wrap}.vahti-quicklinks a>span+span{flex:1 1 100%}}
