/* Shared hero system based on /palvelut/digimarkkinointi. */
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero{padding:72px 0!important;min-height:0!important;height:auto!important;text-align:left!important;overflow:visible!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-shell{width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:0 clamp(22px,4.2vw,72px)!important;box-sizing:border-box;position:relative;display:block!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-stage{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important;align-items:center!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-stage.f87-with-media{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:clamp(40px,5vw,80px)!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-copy{min-width:0!important;max-width:850px!important;text-align:left!important;position:relative!important;inset:auto!important;transform:none!important;margin:0!important;padding:0!important;opacity:1!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-shell.f87-copy{max-width:1440px!important;padding:0 clamp(22px,4.2vw,72px)!important;margin:0 auto!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-shell.f87-copy>*{max-width:850px}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title{font-family:'Concept Figtree',Figtree,Arial,sans-serif!important;font-size:50px!important;font-style:normal!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.08!important;text-align:left!important;text-transform:none!important;max-width:100%!important;margin:0 0 28px!important;padding:0!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-wrap:balance}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title span{font-family:inherit!important;font-weight:600!important;font-style:normal!important;line-height:1.08!important;letter-spacing:inherit!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;transform:none!important;opacity:1!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title .section-title,body .f87-home h1>.line:first-child{display:block!important;font-size:.78em!important;margin:0 0 10px!important;color:#202522!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title .section-title-italic,body .f87-home h1>.line:last-child{display:block!important;font-size:1em!important;margin:4px 0 0!important;color:#b83b20!important;max-width:100%!important}
body .f87-home h1 .line>span{font-size:inherit!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-copy>p:not(.section-top-title):not(.c12-meta):not(.ta-note):not(.tr-kicker):not(.c12-deck),body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .fx-reference-intro>p,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .c12-intro p{font-family:'Concept Figtree',Figtree,Arial,sans-serif!important;font-size:18px!important;line-height:1.75!important;letter-spacing:-.02em!important;max-width:780px!important;margin:0!important;color:#202522!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .section-top-title,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .tr-kicker{font-family:'Concept Figtree',Figtree,Arial,sans-serif!important;font-size:13px!important;line-height:1.5!important;letter-spacing:.12em!important;font-weight:600!important;margin:0 0 20px!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial>p.c12-deck{font-size:50px!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.035em!important;color:#b83b20!important;margin:0 0 28px!important;text-wrap:balance}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .c12-meta,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .ta-note{font-size:14px!important;line-height:1.6!important;margin:20px 0 0!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .fx-reference-intro{max-width:none!important;display:block!important;padding:0!important;margin:0!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero :is(.seo-actions,.hero-actions,.ta-actions){display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:28px 0 0!important;justify-content:flex-start!important;align-items:center!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-media{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;margin:0!important;transform:none!important;align-self:center!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-media>img{width:100%!important;height:auto!important;object-fit:contain!important;max-height:650px}
body .f87-home .hero-art{aspect-ratio:1.1;overflow:hidden!important;border-radius:16px;z-index:0!important}
body .f87-home .hero-art :is(img,video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
body .f87-home .hero-copy{z-index:1!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .ta-visual{max-height:none!important}
/* Cards align per visual row, including long Finnish headings. */
body .f87-aligned-cards{align-items:stretch!important}
body .f87-aligned-card{display:flex!important;flex-direction:column!important;min-width:0!important;box-sizing:border-box}
body .f87-aligned-card>h3,body .f87-aligned-card>h2{min-height:var(--f87-heading-height,0px);box-sizing:border-box}
body .f87-aligned-card>.seo-button{margin-top:auto!important;align-self:flex-start}
body .f87-pricing{padding:64px 0!important}
body .f87-pricing .inner-section-head{margin-bottom:28px}
body .f87-pricing h2{font-family:'Concept Figtree',Figtree,Arial,sans-serif;font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}
body .f87-pricing .inner-section-head>p{max-width:780px;font-size:18px;line-height:1.7}
body .f87-price-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
body .f87-price-grid:has(>article:only-child){grid-template-columns:minmax(0,780px)!important}
body .f87-price-card{padding:32px!important;border-radius:16px!important;background:#f3f3f5!important;color:#202522!important;gap:0}
body .f87-price-card h3{font-family:'Concept Figtree',Figtree,Arial,sans-serif;font-size:26px!important;line-height:1.2!important;margin:0 0 24px!important}
body .f87-price-card .seo-price{font-family:'Concept Figtree',Figtree,Arial,sans-serif!important;font-size:clamp(30px,3.5vw,48px)!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.03em!important;word-break:normal!important;overflow-wrap:normal!important}
body .f87-price-card .seo-note{font-size:15px!important;line-height:1.5!important;margin:10px 0 20px!important;color:#414842!important}
body .f87-price-card .f87-price-description{font-size:18px;line-height:1.65;margin:0 0 16px}
body .f87-price-card ul{padding-left:22px;margin:0 0 28px;line-height:1.7;font-size:17px}
body .f87-price-card li+li{margin-top:8px}
body .f87-price-card a{white-space:normal;text-align:center}
@media(max-width:1023px){body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero{padding:42px 0!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-stage.f87-with-media{grid-template-columns:minmax(0,1fr)!important;gap:32px!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial>p.c12-deck{font-size:36px!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-media{max-width:700px!important;margin:0 auto!important}}
@media(max-width:600px){body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial>p.c12-deck{font-size:27px!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title .section-title{font-size:.84em!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-copy>p:not(.section-top-title):not(.c12-meta):not(.ta-note):not(.tr-kicker):not(.c12-deck),body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .fx-reference-intro>p,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .c12-intro p{font-size:17px!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero :is(.seo-actions,.hero-actions,.ta-actions){align-items:stretch!important;flex-direction:column!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero :is(.seo-actions,.hero-actions,.ta-actions)>a{width:100%!important;box-sizing:border-box;white-space:normal!important;text-align:center!important}body .f87-price-grid{grid-template-columns:minmax(0,1fr)!important}body .f87-price-card{padding:24px!important}body .f87-pricing{padding:42px 0!important}}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-copy{display:block!important;grid-column:auto!important;grid-row:auto!important;grid-area:auto!important}
body .f87-home h1.f87-title{position:static!important;grid-column:auto!important;grid-row:auto!important}
body .f87-home .hero-art{grid-column:auto!important;grid-row:auto!important;order:0!important}
body .f87-home .hero-lead{padding:0!important}
body .f87-editorial-card{display:flex!important;flex-direction:column!important;gap:0!important;height:100%!important}
body .f87-editorial-card>.fx-editorial-kicker{font-family:'Concept Figtree',Figtree,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important;letter-spacing:.04em!important;margin:0 0 22px!important;text-transform:uppercase!important}
body .f87-editorial-card>h3{font-family:'Concept Figtree',Figtree,Arial,sans-serif!important;font-size:26px!important;line-height:1.2!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.025em!important;margin:0 0 24px!important;min-height:var(--f87-heading-height,0px)}
body .f87-editorial-card>.f87-card-summary{font-size:17px!important;line-height:1.7!important;margin:0 0 30px!important}
body .f87-editorial-card>.fx-editorial-link{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:auto!important;padding-top:16px!important}
body .f87-editorial-card .fx-editorial-link svg{width:18px;height:18px;flex:none}
@media(max-width:600px){body .f87-editorial-card>h3{font-size:24px!important}}

body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-copy{height:auto!important;min-height:0!important;align-self:center!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-shell.f87-stage{padding:0 clamp(22px,4.2vw,72px)!important;margin:0 auto!important;max-width:1440px!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial h1{font-size:39px!important;max-width:850px!important}
@media(max-width:1023px){body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial h1{font-size:28.08px!important}}
@media(max-width:600px){body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial h1{font-size:22.68px!important}}

body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero.f87-home .hero-art{aspect-ratio:16/9!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero.f87-home .hero-art :is(img,video){max-height:none!important;max-width:none!important;object-fit:contain!important}
body .f87-existing-prices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
@media(max-width:1023px){body .f87-existing-prices{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body .f87-existing-prices{grid-template-columns:minmax(0,1fr)!important}}


/* The approved website hero is the reference, not a target for redesign. */
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero{background:#f3f3f6!important;color:#202522!important;border-radius:0!important;margin:0!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial>p.c12-deck{font-size:clamp(36px,4vw,64px)!important;min-height:0!important;overflow-wrap:anywhere!important;hyphens:auto!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title span{overflow-wrap:anywhere!important;hyphens:auto!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial h1{font-size:clamp(28.08px,3.12vw,49.92px)!important}
body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero :is(.section-top-title,.tr-kicker){font-size:12px!important;line-height:21px!important;margin-bottom:18px!important}
@media(max-width:1023px){body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial>p.c12-deck{font-size:36px!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial h1{font-size:28.08px!important}}
@media(max-width:600px){body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero h1.f87-title,body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial>p.c12-deck{font-size:32px!important}body #tuuma-page-hero#tuuma-page-hero#tuuma-page-hero .f87-editorial h1{font-size:26.88px!important}}