/* Tuotettu työkalulla tools/kampanja/build-dark.mjs. Älä muokkaa käsin: aja työkalu uudelleen. */
/* assets/css/pages/huoleton-oma-sivusto.css */
html[data-kampanja-asu="tumma"] .oma-vastuu { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-vastuu li::before,
html[data-kampanja-asu="tumma"] .oma-ei li::before { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .oma-tarkistus-tulos { background: #1a2452; }
html[data-kampanja-asu="tumma"] .oma-vaiheet li { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-nosto { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-lomake { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-kaytto li { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-kopioi:focus-visible { outline: 3px solid hsl(230 16% 20% / 0.7); }
html[data-kampanja-asu="tumma"] .oma-selitys { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-julkaisu { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .oma-osoite--uusi { background: #232e66; }
html[data-kampanja-asu="tumma"] .kats-raportti { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kats-raportti-paa { background: #232e66; }
html[data-kampanja-asu="tumma"] .kats-ok .kats-tila { color: hsl(142 39% 86.6%); }
html[data-kampanja-asu="tumma"] .kats-korjaa .kats-tila { color: hsl(26 77% 72%); }

/* assets/css/pages/huoleton-polku.css */
html[data-kampanja-asu="tumma"] .polku-kortti { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .polku-kortti--oma { background: #232e66; }
html[data-kampanja-asu="tumma"] .lisatiedot > summary:focus-visible { outline: 3px solid hsl(230 16% 20% / 0.7); }

/* assets/css/pages/huoleton-valinta.css */
html[data-kampanja-asu="tumma"] .cmp-scroll { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cmp-table thead .cmp-featured { background: #232e66; }
html[data-kampanja-asu="tumma"] .cmp-table tbody td.cmp-featured { background: hsl(0 0% 100% / 0.04); }
@media (max-width: 700px) {
html[data-kampanja-asu="tumma"] .cmp-table tbody th,
html[data-kampanja-asu="tumma"] .cmp-table thead .cmp-corner { background: hsl(230 16% 7.5%); }
}
html[data-kampanja-asu="tumma"] .repair-scope { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .turva-benefits li { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .turva-case { background: #232e66; }
html[data-kampanja-asu="tumma"] .flow-test-tag { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .btn-ghost-sm { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .btn-ghost-sm:hover { background: #2d3a7d; }

/* assets/css/pages/huoleton.css */
html[data-kampanja-asu="tumma"] .platform-toggle { background: hsl(230 16% 7.5% / 0.92); border: 1px solid hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .platform-opt:hover { background: hsl(0 0% 100% / 0.08); }
html[data-kampanja-asu="tumma"] .platform-opt--active { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .platform-opt--active:hover { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .page-hero { background-image: linear-gradient(to bottom, hsl(230 16% 7.5% / 0.18) 0%, hsl(230 16% 7.5% / 0.55) 60%, hsl(230 16% 7.5%) 100%),
      url('../../hero-bg.webp'); }
html[data-kampanja-asu="tumma"] .browser-mock { background: hsl(230 16% 7.5%); border: 1px solid hsl(0 0% 100% / 0.11); }
html[data-kampanja-asu="tumma"] .browser-chrome { background: hsl(230 16% 9.2%); border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .browser-bar { background: hsl(230 16% 7.5%); border: 1px solid hsl(230 16% 20%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .wp-main { background: hsl(230 16% 9.9%); }
html[data-kampanja-asu="tumma"] .wp-page-title { color: hsl(204 8% 90.1%); }
html[data-kampanja-asu="tumma"] .wp-stat { background: hsl(230 16% 7.5%); border: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .wp-stat-label { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .wp-stat-val { color: hsl(204 8% 90.1%); }
html[data-kampanja-asu="tumma"] .wp-stat-val.green { color: hsl(135 44% 86%); }
html[data-kampanja-asu="tumma"] .wp-update-card { background: hsl(230 16% 7.5%); border: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .wp-update-icon { background: hsl(120 19% 12%); }
html[data-kampanja-asu="tumma"] .wp-update-title { color: hsl(204 8% 90.1%); }
html[data-kampanja-asu="tumma"] .wp-update-sub { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .wp-update-badge { background: hsl(120 19% 12%); color: hsl(135 44% 86%); }
html[data-kampanja-asu="tumma"] .wp-activity { background: hsl(230 16% 7.5%); border: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .wp-activity-title { color: hsl(204 8% 90.1%); }
html[data-kampanja-asu="tumma"] .wp-activity-row { border-bottom: 1px solid hsl(230 16% 20%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .hero-badge { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .block.dark .feature::before { background: linear-gradient(135deg, hsl(230 16% 7.5% / 0.07) 0%, transparent 55%); }
html[data-kampanja-asu="tumma"] .features-mixed { background: hsl(227 20% 9.1%); }
html[data-kampanja-asu="tumma"] .features-mixed .feature { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kicker::before { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .feature:hover { border-color: hsl(0 0% 100% / 0.2); }
html[data-kampanja-asu="tumma"] .tier .tier-cta:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .tier.featured .tier-cta { background: #232e66; }
html[data-kampanja-asu="tumma"] .pricing-mixed .tier { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .pricing-common { border: 1px solid hsl(0 0% 100% / 0.07); }
html[data-kampanja-asu="tumma"] .scope-in .scope-item-icon svg { stroke: hsl(142 65% 72%); }
html[data-kampanja-asu="tumma"] .email-mock { background: hsl(230 16% 7.5%); border: 1px solid hsl(0 0% 100% / 0.11); }
html[data-kampanja-asu="tumma"] .email-mock-toolbar { background: hsl(240 5% 9%); border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .email-mock-toolbar .title { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .email-thread-subject { border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .email-item { border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .email-item.reply { background: hsl(228 29% 7.9%); }
html[data-kampanja-asu="tumma"] .email-done-badge { background: hsl(141 29% 10.6%); color: hsl(142 65% 72%); }
html[data-kampanja-asu="tumma"] .cta-final { background: #1a2452; }
html[data-kampanja-asu="tumma"] .foot { background: #1a2452; }
html[data-kampanja-asu="tumma"] .cta-final .ai-hi:hover,
html[data-kampanja-asu="tumma"] .cta-final .ai-hi:focus-within { border-color: hsl(230 16% 20% / 0.55); }
html[data-kampanja-asu="tumma"] .et-pop { background: #232e66; }
html[data-kampanja-asu="tumma"] .et-provider.gws .et-provider-icon { background: hsl(218 29% 9.5%); }
html[data-kampanja-asu="tumma"] .et-provider.m365 { color: hsl(206 77% 72%); }
html[data-kampanja-asu="tumma"] .et-provider.m365 .et-provider-icon { background: hsl(209 29% 10.7%); }
html[data-kampanja-asu="tumma"] .et-cta:hover { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .email-tier.et-featured .et-cta { background: #232e66; }
html[data-kampanja-asu="tumma"] .email-tier.et-featured .et-cta:hover { background: #1a2452; }
html[data-kampanja-asu="tumma"] .dt-pill { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .tier-turva .tier-cta { background: #232e66; }

/* assets/css/pages/index/1-hero.css */
html[data-kampanja-asu="tumma"] .hero { background: #1a2452; }
html[data-kampanja-asu="tumma"] .btn-ghost-light:hover { border-bottom-color: hsl(230 16% 20%); }

/* assets/css/pages/index/2-sections.css */
html[data-kampanja-asu="tumma"] .ai-logo { color: hsl(230 27% 87.1% / 0.42); }
html[data-kampanja-asu="tumma"] section.block.dark { background: #232e66; }
html[data-kampanja-asu="tumma"] .kicker::before { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .home-work .home-work-cta { text-decoration-color: #d5daed; }

/* assets/css/pages/index/3-services.css */
html[data-kampanja-asu="tumma"] .services { background: radial-gradient(ellipse 1200px 600px at 85% 10%, rgba(245, 128, 36, 0.06), transparent 60%),
      radial-gradient(ellipse 1000px 700px at 15% 90%, rgba(233, 30, 133, 0.05), transparent 60%),
      linear-gradient(180deg, hsl(230 16% 7.5%) 0%, hsl(225 17% 9.1%) 8%, hsl(222 18% 9.5%) 50%, hsl(225 17% 9.1%) 92%, hsl(230 16% 7.5%) 100%); }
html[data-kampanja-asu="tumma"] .services::before { background-image: radial-gradient(hsl(0 0% 100% / 0.11) 1px, transparent 1.2px); }
html[data-kampanja-asu="tumma"] .stack-card { background: hsl(230 16% 7.5%); border: 1px solid hsl(0 0% 100% / 0.11); }
html[data-kampanja-asu="tumma"] .huoleton-compare .cmp-yes { background: hsl(230 16% 7.5%) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f58024' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center / 14px no-repeat; }
html[data-kampanja-asu="tumma"] .poster { background: linear-gradient(135deg, #1a2452 0%, #232e66 60%, #2d3a7d 100%); }
html[data-kampanja-asu="tumma"] .browser { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .browser-bar { background: hsl(225 7% 9.5%); border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .browser-bar .dots span { background: hsl(230 16% 15.2%); }
html[data-kampanja-asu="tumma"] .browser-bar .url { background: hsl(230 16% 7.5%); border: 1px solid hsl(230 16% 20%); color: hsl(230 10% 85.7%); }

/* assets/css/pages/index/4-methods.css */
html[data-kampanja-asu="tumma"] .loy-card { background: linear-gradient(180deg, hsl(240 25% 7.9%) 0%, hsl(228 18% 9.5%) 100%); border: 1px solid hsl(0 0% 100% / 0.11); color: hsl(240 14% 90.5%); }
html[data-kampanja-asu="tumma"] .loy-bar { background: hsl(0 0% 100% / 0.1); }
html[data-kampanja-asu="tumma"] .loy-versus-bar { background: hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .kt-col--after { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kt-col--after .kt-colhead { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kt-col--before .kt-headicon { background: hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .kt-item + .kt-item { border-top: 1px solid hsl(0 0% 100% / 0.06); }
html[data-kampanja-asu="tumma"] .kt-col--before .kt-item { background: hsl(229 17% 9.7%); }
html[data-kampanja-asu="tumma"] .kt-col--after  .kt-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kt-col--after  .kt-item:hover { background: hsl(323 29% 8.3%); }
html[data-kampanja-asu="tumma"] .kt-col--before .kt-itemico { background: hsl(0 0% 100% / 0.06); }
html[data-kampanja-asu="tumma"] .kt-col--after  .kt-itemico { background: hsl(0 0% 100% / 0.1); }
html[data-kampanja-asu="tumma"] .kt-itemtag { color: hsl(330 70% 72%); }

/* assets/css/pages/index/5-closing.css */
html[data-kampanja-asu="tumma"] .closing { background: #1a2452; }
html[data-kampanja-asu="tumma"] .tl-step--clickable:hover { border-color: hsl(330 24% 20% / 0.5); }
html[data-kampanja-asu="tumma"] .cc-support-link:hover { border-bottom-color: hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] footer.foot { background: #1a2452; }

/* assets/css/pages/index/6-motion.css */
html[data-kampanja-asu="tumma"] .home-kipina-hi:hover,
html[data-kampanja-asu="tumma"] .home-kipina-hi:focus-within { border-color: hsl(230 16% 20% / 0.7); }
html[data-kampanja-asu="tumma"] .hero-editorial .hero-scrim { background: linear-gradient(90deg,rgba(15,23,57,.94) 0%,rgba(15,23,57,.8) 43%,hsl(0 0% 100% / 0.28) 100%); }
@media (prefers-reduced-motion: reduce) {
html[data-kampanja-asu="tumma"] .hero { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 100%); }
}
html[data-kampanja-asu="tumma"] .core-services { background: hsl(230 16% 7.5%); border-bottom: 1px solid hsl(0 0% 100% / 0.13); }
html[data-kampanja-asu="tumma"] .core-service-link { border-right: 1px solid hsl(0 0% 100% / 0.13); }
@media (max-width: 1100px) {
html[data-kampanja-asu="tumma"] .core-service-link:nth-child(-n+2) { border-bottom: 1px solid hsl(0 0% 100% / 0.13); }
}
@media (max-width: 700px) {
html[data-kampanja-asu="tumma"] .core-service-link { border-bottom: 1px solid hsl(0 0% 100% / 0.13); }
}
html[data-kampanja-asu="tumma"] .alycms-card-view { color: hsl(229 29% 88.7%); background: linear-gradient(145deg, hsl(230 16% 7.5%) 0%, hsl(30 29% 8.5%) 100%); border: 1px solid hsl(0 0% 100% / 0.13); }
html[data-kampanja-asu="tumma"] .alycms-card-head { border-bottom: 1px solid hsl(0 0% 100% / 0.13); }
html[data-kampanja-asu="tumma"] .alycms-card-head small { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .alycms-card-preview { border: 1px solid hsl(0 0% 100% / 0.13); background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .alycms-card-thumb { background: linear-gradient(135deg, #f58024 0 42%, hsl(27 29% 13.3%) 42% 65%, #202b65 65%); }
html[data-kampanja-asu="tumma"] .alycms-card-preview small { color: hsl(25 77% 72%); }
html[data-kampanja-asu="tumma"] .alycms-card-actions span { color: hsl(230 10% 72%); background: hsl(228 9% 9.4%); }

/* assets/css/pages/index/7-work-preview.css */
html[data-kampanja-asu="tumma"] .work-preview-frame iframe { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .work-preview-side .home-work-arrow:hover { border-color: hsl(230 16% 20%); }

/* assets/css/pages/instagram-feed.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(332 29% 9.4%) 0%, hsl(24 29% 8.7%) 50%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .ig-browser { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-browser-url { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-feed-cell:nth-child(1) .ig-feed-inner { background: hsl(325 26% 11.7%); }
html[data-kampanja-asu="tumma"] .ig-feed-cell:nth-child(2) .ig-feed-inner { background: hsl(36 29% 12.2%); }
html[data-kampanja-asu="tumma"] .ig-feed-cell:nth-child(3) .ig-feed-inner { background: hsl(205 26% 11.7%); }
html[data-kampanja-asu="tumma"] .ig-feed-cell:nth-child(4) .ig-feed-inner { background: hsl(85 26% 11.7%); }
html[data-kampanja-asu="tumma"] .ig-feed-cell:nth-child(5) .ig-feed-inner { background: hsl(35 26% 11.7%); }
html[data-kampanja-asu="tumma"] .ig-feed-cell:nth-child(6) .ig-feed-inner { background: hsl(275 26% 11.7%); }
html[data-kampanja-asu="tumma"] .ig-live-badge { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-speed-badge { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .reason-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .usecase-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .usecase-card li::after { border-right: 1.5px solid hsl(230 16% 20%); border-bottom: 1.5px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .process-step { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .dark-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #3b2a6b 130%); }
html[data-kampanja-asu="tumma"] .example-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mini-feed-cell:nth-child(1) { background: hsl(325 26% 11.7%); }
html[data-kampanja-asu="tumma"] .mini-feed-cell:nth-child(2) { background: hsl(36 29% 12.2%); }
html[data-kampanja-asu="tumma"] .mini-feed-cell:nth-child(3) { background: hsl(205 26% 11.7%); }
html[data-kampanja-asu="tumma"] .mini-feed-cell:nth-child(4) { background: hsl(85 26% 11.7%); }
html[data-kampanja-asu="tumma"] .mini-feed-cell:nth-child(5) { background: hsl(35 26% 11.7%); }
html[data-kampanja-asu="tumma"] .mini-feed-cell:nth-child(6) { background: hsl(275 26% 11.7%); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }

/* assets/css/pages/integraatiot/1-perusta.css */
html[data-kampanja-asu="tumma"] { --teal-50: hsl(177 27% 9.8%); --green-50: hsl(144 20% 10.1%); }

/* assets/css/pages/integraatiot/2-hero.css */
html[data-kampanja-asu="tumma"] .ig-hero { background: radial-gradient(55% 65% at 82% 30%, hsl(0 0% 100% / 0.15) 0%, transparent 60%),
      radial-gradient(50% 60% at 70% 92%, rgba(232, 30, 133, 0.10) 0%, transparent 60%),
      linear-gradient(180deg, hsl(189 21% 9.8%) 0%, hsl(210 21% 8.5%) 55%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .ig-hero-grid-bg { background-image: radial-gradient(hsl(0 0% 100% / 0.2) 1px, transparent 1.2px); }
html[data-kampanja-asu="tumma"] .ig-hero-layout p a { text-decoration-color: #d5daed; }
html[data-kampanja-asu="tumma"] .ig-order { background: hsl(230 16% 7.5%); border: 1px solid hsl(228 16% 20% / 0.8); }
html[data-kampanja-asu="tumma"] .ig-retry { background: hsl(230 16% 7.5%); border: 1px solid hsl(228 16% 20% / 0.9); }
html[data-kampanja-asu="tumma"] .ig-node { background: hsl(230 16% 7.5%); border: 1px solid hsl(228 16% 20% / 0.9); }

/* assets/css/pages/integraatiot/3-aamu-jarjestelmat.css */
html[data-kampanja-asu="tumma"] .ig-aamu-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] #ig-tapa-kasin:checked ~ .ig-switch label[for="ig-tapa-kasin"] { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-timeline li::before { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-timeline-bad::before { background: hsl(0 29% 9.2%) !important; }
html[data-kampanja-asu="tumma"] .ig-timeline-bad span { color: hsl(1 53% 72%); }
html[data-kampanja-asu="tumma"] .ig-sys { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-ask { background: radial-gradient(60% 120% at 100% 0%, rgba(232, 30, 133, 0.28) 0%, transparent 60%),
      #1a2452; }
html[data-kampanja-asu="tumma"] .ig-ask-form:focus-within { border-color: hsl(230 16% 20% / 0.5); }
html[data-kampanja-asu="tumma"] .ig-ask-form button { background: hsl(230 16% 7.5%); }

/* assets/css/pages/integraatiot/4-referenssit-tyotapa.css */
html[data-kampanja-asu="tumma"] .ig-ref { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ig-step-num { background: hsl(230 16% 7.5%); background-image: linear-gradient(hsl(230 16% 7.5%), hsl(230 16% 7.5%)), var(--grad); }
html[data-kampanja-asu="tumma"] .ig-guard { background: radial-gradient(45% 80% at 0% 100%, hsl(0 0% 100% / 0.28) 0%, transparent 60%),
      radial-gradient(40% 70% at 100% 0%, rgba(232, 30, 133, 0.2) 0%, transparent 60%),
      #1a2452; }

/* assets/css/pages/integraatiot/5-hinta-ukk-cta.css */
html[data-kampanja-asu="tumma"] .ig-price-card { background: hsl(230 16% 7.5%); background-image: linear-gradient(hsl(230 16% 7.5%), hsl(230 16% 7.5%)), var(--grad); }
html[data-kampanja-asu="tumma"] .ig-price-note a { text-decoration-color: #d5daed; }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: radial-gradient(45% 80% at 15% 100%, rgba(232, 30, 133, 0.28) 0%, transparent 60%),
      radial-gradient(40% 70% at 90% 0%, rgba(252, 181, 73, 0.16) 0%, transparent 60%),
      #1a2452; }
html[data-kampanja-asu="tumma"] .cta-band::before { background-image: radial-gradient(hsl(230 16% 7.5% / 0.1) 1px, transparent 1.2px); }

/* assets/css/pages/jgarage-showcase.css */
html[data-kampanja-asu="tumma"] .jg-hero { background: #1a2452; color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-breadcrumb { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-hero h1 { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-lead { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-stage { background: #232e66; }
html[data-kampanja-asu="tumma"] .jg-stage-play svg { background: #1a2452; fill: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-chapter { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-chapter:hover,
html[data-kampanja-asu="tumma"] .jg-chapter[aria-current] { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-credit { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-pair img,
html[data-kampanja-asu="tumma"] .jg-pair video { background: #1a2452; }
html[data-kampanja-asu="tumma"] .jg-workflow { background: #1a2452; color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-workflow h3 { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-flow-step,
html[data-kampanja-asu="tumma"] .jg-flow-arrow { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-flow-step:hover,
html[data-kampanja-asu="tumma"] .jg-flow-arrow:hover { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-flow-title { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-flow-text { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-flow-view img { background: #232e66; }
html[data-kampanja-asu="tumma"] .jg-floating-video { background: #1a2452; }
html[data-kampanja-asu="tumma"] .jg-floating-video video { background: #232e66; }
html[data-kampanja-asu="tumma"] .jg-cta .container { background: #1a2452; color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-cta h2 { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-cta p:not(.jg-eyebrow) { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-cta p.jg-price { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-price span { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-actions > a:not(.jg-button) { color: #ffffff; }
html[data-kampanja-asu="tumma"] .jg-cta .osamaksu-teksti { color: #d5daed; }
html[data-kampanja-asu="tumma"] .jg-cta .osamaksu-teksti b { color: #ffffff; }

/* assets/css/pages/kampanjasivut/1-perusta.css */
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }

/* assets/css/pages/kampanjasivut/2-hero.css */
html[data-kampanja-asu="tumma"] .campaign-browser-bar { background: hsl(228 9% 9.4%); }
html[data-kampanja-asu="tumma"] .campaign-preview-button { color: hsl(225 25% 89.3%); }
html[data-kampanja-asu="tumma"] .campaign-order-check { background: hsl(150 15% 10.3%); color: hsl(151 30% 86.5%); }
html[data-kampanja-asu="tumma"] .campaign-notification { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .campaign-ad { background: hsl(230 16% 7.5%); }

/* assets/css/pages/kampanjasivut/3-vertailu.css */
html[data-kampanja-asu="tumma"] .kv-case--campaign { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kv-tag--muted { background: hsl(224 10% 11.2%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .kv-screen { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kv-bar { background: hsl(228 9% 9.4%); }
html[data-kampanja-asu="tumma"] .kv-bar i { background: hsl(224 8% 15.8%); }
html[data-kampanja-asu="tumma"] .kv-bar span { background: hsl(230 16% 7.5%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .kv-home-nav b { background: hsl(225 7% 15.1%); }
html[data-kampanja-asu="tumma"] .kv-home-nav span { background: hsl(224 9% 11.9%); }
html[data-kampanja-asu="tumma"] .kv-home-hero { background: hsl(223 11% 9.7%); }
html[data-kampanja-asu="tumma"] .kv-home-hero em { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .kv-home-hero span { background: hsl(225 9% 12.3%); }
html[data-kampanja-asu="tumma"] .kv-home-cards div { border: 1px solid hsl(227 9% 20%); }
html[data-kampanja-asu="tumma"] .kv-home-cards b { background: hsl(225 11% 10%); }
html[data-kampanja-asu="tumma"] .kv-home-cards span { background: hsl(224 10% 11.2%); }
html[data-kampanja-asu="tumma"] .kv-question { background: #232e66; }
html[data-kampanja-asu="tumma"] .kv-camp-form span { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kv-camp-form b { color: hsl(225 25% 89.3%); }
html[data-kampanja-asu="tumma"] .kv-outcome { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kv-outcome--lost { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .kv-outcome--lost .kv-outcome-icon { background: hsl(223 9% 10.1%); }
html[data-kampanja-asu="tumma"] .kv-outcome--won .kv-outcome-icon { background: hsl(150 15% 10.3%); color: hsl(151 30% 86.5%); }
html[data-kampanja-asu="tumma"] .kv-steps li::before { background: hsl(224 10% 11.2%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .kv-replay { background: hsl(230 16% 7.5%); }

/* assets/css/pages/kampanjasivut/4-pikatesti.css */
html[data-kampanja-asu="tumma"] .pt-box::after { border-left: 2.5px solid hsl(230 16% 20%); border-bottom: 2.5px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .pt-result { background: hsl(230 16% 7.5%); }

/* assets/css/pages/kampanjasivut/5-esimerkit.css */
html[data-kampanja-asu="tumma"] .ex-tablist { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ex-tab[aria-selected="true"] { background: #232e66; }
html[data-kampanja-asu="tumma"] .ex-panel { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ex-ad { background: hsl(230 16% 7.5% / 0.94); }

/* assets/css/pages/kampanjasivut/6-rakenne.css */
html[data-kampanja-asu="tumma"] .rk-mock { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .rk-mock-bar { background: hsl(228 9% 9.4%); }
html[data-kampanja-asu="tumma"] .rk-mock-bar i { background: hsl(224 8% 15.8%); }
html[data-kampanja-asu="tumma"] .rk-h { background: #232e66; }
html[data-kampanja-asu="tumma"] .rk-quote { background: hsl(224 10% 11.2%); }
html[data-kampanja-asu="tumma"] .rk-field { border: 1px solid hsl(224 8% 20%); }
html[data-kampanja-asu="tumma"] .rk-bars i { background: hsl(224 8% 14.2%); }
html[data-kampanja-asu="tumma"] .rk-zone.is-active,
html[data-kampanja-asu="tumma"] .rk-grid:has(.rk-item[data-rk-item="1"]:hover) .rk-zone--1,
html[data-kampanja-asu="tumma"] .rk-grid:has(.rk-item[data-rk-item="2"]:hover) .rk-zone--2,
html[data-kampanja-asu="tumma"] .rk-grid:has(.rk-item[data-rk-item="3"]:hover) .rk-zone--3,
html[data-kampanja-asu="tumma"] .rk-grid:has(.rk-item[data-rk-item="4"]:hover) .rk-zone--4,
html[data-kampanja-asu="tumma"] .rk-grid:has(.rk-item[data-rk-item="5"]:hover) .rk-zone--5,
html[data-kampanja-asu="tumma"] .rk-grid:has(.rk-item[data-rk-item="6"]:hover) .rk-zone--6 { background: hsl(28 29% 8.7%); }

/* assets/css/pages/kasvukumppanuus/1-perusta.css */
html[data-kampanja-asu="tumma"] { --green-50: hsl(144 20% 10.1%); --amber-50: hsl(43 29% 10.1%); }
html[data-kampanja-asu="tumma"] .cta-final .ai-hi:hover,
html[data-kampanja-asu="tumma"] .cta-final .ai-hi:focus-within { border-color: hsl(230 16% 20% / 0.55); }
html[data-kampanja-asu="tumma"] .kicker::before { background: #2d3a7d; }

/* assets/css/pages/kasvukumppanuus/2-hero.css */
html[data-kampanja-asu="tumma"] .jk-hero { background: radial-gradient(60% 70% at 85% 30%, rgba(232, 30, 133, 0.10) 0%, transparent 60%),
      radial-gradient(50% 60% at 70% 90%, rgba(252, 181, 73, 0.14) 0%, transparent 60%),
      linear-gradient(180deg, hsl(229 20% 9.4%) 0%, hsl(230 25% 8.3%) 55%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .jk-hero-grid-bg { background-image: radial-gradient(hsl(0 0% 100% / 0.2) 1px, transparent 1.2px); }
html[data-kampanja-asu="tumma"] .jk-queue { background: hsl(230 16% 7.5%); border: 1px solid hsl(228 16% 20% / 0.8); }
html[data-kampanja-asu="tumma"] .jk-tile { background: hsl(230 16% 7.5% / 0.92); border: 1px solid hsl(228 16% 20% / 0.9); }

/* assets/css/pages/kasvukumppanuus/3-sisalto.css */
html[data-kampanja-asu="tumma"] .feature:hover { border-color: hsl(0 0% 100% / 0.2); }
html[data-kampanja-asu="tumma"] .features-mixed { background: hsl(227 20% 9.1%); }
html[data-kampanja-asu="tumma"] .features-mixed .feature { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .channel:hover { border-color: hsl(0 0% 100% / 0.2); }

/* assets/css/pages/kasvukumppanuus/4-hinnat.css */
html[data-kampanja-asu="tumma"] .tier { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .tier .tier-cta:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .pricing-common { border: 1px solid hsl(0 0% 100% / 0.07); }
html[data-kampanja-asu="tumma"] .price-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .price-list li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }

/* assets/css/pages/kasvukumppanuus/5-jatkokehitys.css */
html[data-kampanja-asu="tumma"] .jk-area { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .jk-area-visual::before { background-image: radial-gradient(hsl(0 0% 100% / 0.15) 1px, transparent 1.2px); }
html[data-kampanja-asu="tumma"] .jk-v-feature { background: linear-gradient(135deg, hsl(332 29% 9.4%) 0%, hsl(327 29% 8.4%) 100%); }
html[data-kampanja-asu="tumma"] .jk-v-speed { background: linear-gradient(135deg, hsl(29 29% 9.6%) 0%, hsl(32 29% 8.6%) 100%); }
html[data-kampanja-asu="tumma"] .jk-v-ux { background: linear-gradient(135deg, hsl(228 18% 9.5%) 0%, hsl(230 21% 8.5%) 100%); }
html[data-kampanja-asu="tumma"] .jk-v-ab { background: linear-gradient(135deg, hsl(144 20% 10.1%) 0%, hsl(143 21% 8.8%) 100%); }
html[data-kampanja-asu="tumma"] .jk-checks li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .jk-mini-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .jk-days .on,
html[data-kampanja-asu="tumma"] .jk-times .on { background: #232e66; }
html[data-kampanja-asu="tumma"] .jk-speed { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .jk-speed-track .before { background: hsl(230 11% 14.5%); }
html[data-kampanja-asu="tumma"] .jk-phone { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .jk-phone-notch { background: #232e66; }
html[data-kampanja-asu="tumma"] .jk-ux-badge { background: #232e66; }
html[data-kampanja-asu="tumma"] .jk-ab-bar.a { background: hsl(230 11% 14.5%); }
html[data-kampanja-asu="tumma"] .jk-ab-bar span { background: hsl(230 16% 7.5%); }

/* assets/css/pages/kasvukumppanuus/6-rytmi-tiimi-ukk.css */
html[data-kampanja-asu="tumma"] .cta-final { background: #1a2452; }
html[data-kampanja-asu="tumma"] .advantage-band { background: radial-gradient(50% 60% at 0% 0%, rgba(252, 181, 73, 0.14) 0%, transparent 60%),
      radial-gradient(60% 70% at 100% 100%, rgba(232, 30, 133, 0.24) 0%, transparent 60%),
      linear-gradient(135deg, #1a2452 0%, #232e66 55%, #2f2466 100%); }
html[data-kampanja-asu="tumma"] .jk-log li::before { background: #1a2452; }
html[data-kampanja-asu="tumma"] .jk-log li:first-child::before { border-color: hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .jk-log b { background: hsl(0 0% 100% / 0.28); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }

/* assets/css/pages/kategoria.css */
html[data-kampanja-asu="tumma"] .legacy-category-grid time { color: hsl(230 10% 72%); }

/* assets/css/pages/labona-alykauppa/1-hero.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(28 29% 8.7%) 0%, hsl(307 29% 8.6%) 50%, var(--bg) 100%); }

/* assets/css/pages/labona-alykauppa/2-hero-facts.css */
html[data-kampanja-asu="tumma"] .hero-fact { background: hsl(230 16% 7.5% / 0.82); }
html[data-kampanja-asu="tumma"] .aly-jump a { background: hsl(230 16% 7.5%); }

/* assets/css/pages/labona-alykauppa/4-examples.css */
html[data-kampanja-asu="tumma"] .ex-ui { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ex-ui-pill.ok { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .ex-ui-btn { background: hsl(230 16% 7.5%); }

/* assets/css/pages/labona-alykauppa/5-funnel.css */
html[data-kampanja-asu="tumma"] .feat-group { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .fit-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .fit-card li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .fit-card.other li::before { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .step .step-meta { background: hsl(230 16% 7.5%); }

/* assets/css/pages/labona-alykauppa/6-pricing.css */
html[data-kampanja-asu="tumma"] .offer { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .offer--featured { background: linear-gradient(hsl(230 16% 7.5%), hsl(230 16% 7.5%)) padding-box,
      var(--grad-tilt) border-box; }
html[data-kampanja-asu="tumma"] .offer-button:hover { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .offer-extra { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .guarantee-card { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 70%, #3a2a6b 130%); }

/* assets/css/pages/labona-alykauppa/7-closing.css */
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }

/* assets/css/pages/maksurajapinnat.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(226 29% 8.9%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .hero-page::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.11) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .hero-page::after { background: radial-gradient(circle, hsl(0 0% 100% / 0.1) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .pay-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .provider-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .provider-icon.paytrail { background: hsl(209 29% 9.4%); }
html[data-kampanja-asu="tumma"] .provider-icon.visma { background: hsl(211 29% 9.6%); }
html[data-kampanja-asu="tumma"] .provider-icon.klarna { background: hsl(340 29% 8.7%); }
html[data-kampanja-asu="tumma"] .provider-icon.mobilepay { background: hsl(229 29% 8.9%); }
html[data-kampanja-asu="tumma"] .provider-icon.stripe { background: hsl(240 29% 8.7%); }
html[data-kampanja-asu="tumma"] .provider-icon.paypal { background: hsl(219 29% 9.4%); }
html[data-kampanja-asu="tumma"] .provider-tag.mobiili { background: hsl(229 29% 8.9%); }
html[data-kampanja-asu="tumma"] .provider-tag.lisatapa { background: var(--surface-2, hsl(220 13% 9.1%)); }
html[data-kampanja-asu="tumma"] .b2b-flow { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
html[data-kampanja-asu="tumma"] .cta-band::after { background: radial-gradient(circle, hsl(0 0% 100% / 0.28) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .cta-band .ai-hi:hover,
html[data-kampanja-asu="tumma"] .cta-band .ai-hi:focus-within { border-color: hsl(230 16% 20% / 0.5); }
html[data-kampanja-asu="tumma"] .persona { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }

/* assets/css/pages/meta-mainokset/1-hero.css */
html[data-kampanja-asu="tumma"] { --mads-blue-50: hsl(219 29% 8.9%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(219 29% 9.1%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .mads-visual { background: radial-gradient(circle at 18% 12%, rgba(8, 102, 255, .35) 0%, transparent 46%),
      radial-gradient(circle at 88% 92%, rgba(216, 35, 205, .28) 0%, transparent 50%),
      #1a2452; }
html[data-kampanja-asu="tumma"] .mads-post { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mads-pill { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .use-card { background: hsl(230 16% 7.5%); }

/* assets/css/pages/meta-mainokset/2-sections.css */
html[data-kampanja-asu="tumma"] .diff-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #283580 130%); }
html[data-kampanja-asu="tumma"] .compare-side { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
html[data-kampanja-asu="tumma"] .mads-version { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mads-version-tag { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mads-version--swap .mads-version-state::before { background: hsl(230 16% 7.5%); }

/* assets/css/pages/meta-mainokset/3-paketit.css */
html[data-kampanja-asu="tumma"] .offer { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .offer--featured { background: linear-gradient(hsl(230 16% 7.5%), hsl(230 16% 7.5%)) padding-box,
      var(--grad-tilt) border-box; }
html[data-kampanja-asu="tumma"] .offer-button:hover { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .mads-promise { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mads-promise--lead { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 70%, #3a2a6b 130%); }
html[data-kampanja-asu="tumma"] .mads-path-num { background: hsl(230 16% 7.5%); }

/* assets/css/pages/nakyvyys.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(27 29% 8.6%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .btn-secondary { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .hero-stats { border-top: 1px solid hsl(0 0% 100% / 0.11); }
html[data-kampanja-asu="tumma"] .stack-card-left h3 a { text-decoration-color: hsl(222 26% 90.5% / 0.18); }
html[data-kampanja-asu="tumma"] .bullet-link { text-decoration-color: hsl(222 26% 90.5% / 0.35); }
html[data-kampanja-asu="tumma"] .poster-illustration.navy { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 100%); }
html[data-kampanja-asu="tumma"] .poster-illustration::before { background: radial-gradient(circle at 20% 30%, hsl(230 16% 7.5% / 0.15) 0%, transparent 50%),
      radial-gradient(circle at 80% 70%, hsl(230 16% 7.5% / 0.1) 0%, transparent 50%); }
html[data-kampanja-asu="tumma"] .poster-tag { background: hsl(230 16% 7.5% / 0.95); }
html[data-kampanja-asu="tumma"] .compare-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
@media (max-width: 1000px) {
html[data-kampanja-asu="tumma"] .stack-card { background: hsl(230 16% 7.5%); }
}

/* assets/css/pages/pagespeed-optimointi.css */
html[data-kampanja-asu="tumma"] .btn-secondary { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(222 29% 8.9%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .hero-page::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.13) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .speed-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .speed-card .sc-dot { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .stats-strip { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cwv-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cwv-card.cls::after { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .cwv-threshold-val.bad { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .pillar { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .wp-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #2e1e5e 130%); }
html[data-kampanja-asu="tumma"] .wp-solution:hover { border-color: hsl(0 0% 100% / 0.44); }
html[data-kampanja-asu="tumma"] .wp-solution-icon { background: hsl(0 0% 100% / 0.22); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }

/* assets/css/pages/reference-collections.css */
html[data-kampanja-asu="tumma"] .reference-graphic-zoom { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .reference-interlude--compact { background: #1a2452; }
html[data-kampanja-asu="tumma"] .reference-integration-media { background: hsl(230 16% 12.9%); }

/* assets/css/pages/reference-image-backgrounds.css */
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/korean-beauty-drinks.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(210 5% 10.1%), hsl(200 5% 9.4%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/sleek-design.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 9.5%), hsl(230 16% 8.7%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/axarquia-mockup-web.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(210 10% 8.8%), hsl(210 12% 8.7%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/camee-mockup-web.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(200 11% 8.4%), hsl(200 11% 8.4%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/sahkomatti-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 7.8%), hsl(300 6% 8.1%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/opiks.jpg"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 9.5%), hsl(230 16% 9.5%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/showcase/kurththune-woo.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 12.9%), hsl(230 16% 12.6%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/rakennusman.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 10.3%), hsl(220 7% 9.1%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/naulankanta.png"]) { --reference-image-background: linear-gradient(135deg, hsl(240 6% 8.7%), hsl(300 14% 7.7%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/ebforum.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 9.1%), hsl(210 5% 8.8%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/coeur-studios.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 9.3%), hsl(240 7% 8.5%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/hoivasaatio-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(206 5% 12%), hsl(230 16% 13.3%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/jussuu-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(220 5% 11.5%), hsl(230 16% 12.7%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/visittohmajarvi-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(216 5% 10.9%), hsl(230 16% 12.9%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/sahkotekniikka-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 12.6%), hsl(230 16% 12.7%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/liemi-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 7.8%), hsl(210 7% 8.5%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/laatuvalo-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(240 5% 8.2%), hsl(230 16% 8.4%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/tikkurilanteatteri-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 10%), hsl(230 16% 8%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/jousisahko-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 10.1%), hsl(230 16% 9.1%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/hua-du-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(210 14% 8%), hsl(220 5% 9.4%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/villakka-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 8.4%), hsl(300 8% 7.9%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/alleco-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 8.6%), hsl(300 8% 7.9%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/harjattula-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(220 7% 9.1%), hsl(300 6% 8.1%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/valtamer-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 9.5%), hsl(230 16% 9.2%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/larate-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 13.2%), hsl(230 16% 12.1%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/sukoka-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(180 7% 8.5%), hsl(230 16% 9.4%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/mielenterveyshelmi-mockup.png"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 7.5%), hsl(300 8% 7.9%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/turva-manager-mockup-web.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(220 21% 8.5%), hsl(200 11% 8.4%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/contact-forum-mockup-web.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(220 18% 8.7%), hsl(210 12% 8.7%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/resul-mockup-web.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(220 21% 8.5%), hsl(220 21% 8.5%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/mustila-mockup-web.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 10.1%), hsl(30 6% 9.6%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/graafinen/grauline-thumb.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(230 16% 11.3%), hsl(230 16% 11.3%)); }
html[data-kampanja-asu="tumma"] .portfolio-section :is(.proj-card-thumb, .reference-story-image, .reference-service-preview, .reference-graphic-open, .reference-interlude-media):has(img[src="assets/images/referenssit/graafinen/ilpon-sahko-thumb.webp"]) { --reference-image-background: linear-gradient(135deg, hsl(252 5% 10.9%), hsl(230 16% 12.2%)); }

/* assets/css/pages/referenssi.css */
html[data-kampanja-asu="tumma"] .case-body figcaption { color: var(--text-muted,hsl(230 10% 72%)); }
html[data-kampanja-asu="tumma"] .case-body a { color: var(--navy,hsl(230 27% 87.1%)); }
html[data-kampanja-asu="tumma"] .legacy-reference-list a { border-bottom: 1px solid hsl(223 7% 20%); }

/* assets/css/pages/referenssit-palautteet.css */
html[data-kampanja-asu="tumma"] .proj-card.palaute-kortti--tumma { background: #1a2452; }

/* assets/css/pages/referenssit.css */
html[data-kampanja-asu="tumma"] .hero-filter-band { background: linear-gradient(160deg, hsl(227 27% 9.3%) 0%, hsl(225 28% 8.5%) 55%, var(--bg) 85%); }
html[data-kampanja-asu="tumma"] .hero-ref::after { background: radial-gradient(circle, hsl(0 0% 100% / 0.09) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .filter-btn.active { background: #1a2452; }
html[data-kampanja-asu="tumma"] .proj-card:hover .proj-card-overlay { background: linear-gradient(180deg, hsl(0 0% 100% / 0.13) 0%, rgba(26, 36, 82, 0.94) 100%); }
html[data-kampanja-asu="tumma"] .proj-card.light:hover .proj-card-go { background: #1a2452; }
html[data-kampanja-asu="tumma"] .proj-card.light.cta-promo { background: #1a2452; }
html[data-kampanja-asu="tumma"] .cta-promo-dots span { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .stats-row { background: linear-gradient(to bottom, var(--bg) 50%, #1a2452 50%); }
html[data-kampanja-asu="tumma"] .stat-item:nth-child(3)::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.13) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .closing { background: #1a2452; }
html[data-kampanja-asu="tumma"] .tl-step--clickable:hover { border-color: hsl(330 24% 20% / 0.5); }
html[data-kampanja-asu="tumma"] .cc-support-link:hover { border-bottom-color: hsl(230 16% 20%); }

/* assets/css/pages/sahkoposti-office.css */
html[data-kampanja-asu="tumma"] { --teal-50: hsl(177 26% 10.1%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(202 29% 9.7%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .hero-page::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.15) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .mail-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mail-card .mc-pill.ok { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .mail-card .mc-secure-row { color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .platform-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .platform-card li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .svc { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .trust-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #1a3860 130%); }
html[data-kampanja-asu="tumma"] .trust-band::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.28) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .trust-item:hover { border-color: hsl(0 0% 100% / 0.44); }
html[data-kampanja-asu="tumma"] .step-num { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .addon-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .addons-switch { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .addons-switch-btn.is-active { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
html[data-kampanja-asu="tumma"] .cta-band::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.28) 0%, transparent 70%); }

/* assets/css/pages/sahkoposti-tilaus.css */
html[data-kampanja-asu="tumma"] .mo-plan { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-plan-badge { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .mo-plan-provider.gws { background: hsl(230 16% 7.5%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .mo-plan-provider.gws .g-word span:nth-child(5) { color: hsl(136 45% 72%); }
html[data-kampanja-asu="tumma"] .mo-plan-pick { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-plan-pick:hover,
html[data-kampanja-asu="tumma"] .mo-plan.is-featured .mo-plan-pick { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .mo-plan.is-featured .mo-plan-pick:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .mo-fee { border: 1.5px solid hsl(228 16% 20%); }
html[data-kampanja-asu="tumma"] .mo-steps li { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-legend-num { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .mo-radio-body { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-radio:hover .mo-radio-body { border-color: hsl(228 16% 20%); }
html[data-kampanja-asu="tumma"] .mo-field input[type="text"],
html[data-kampanja-asu="tumma"] .mo-field input[type="email"],
html[data-kampanja-asu="tumma"] .mo-field input[type="tel"],
html[data-kampanja-asu="tumma"] .mo-field textarea,
html[data-kampanja-asu="tumma"] .mo-input { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-address { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-box { border: 1.5px solid hsl(223 8% 20%); background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] input:checked + .mo-box { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .mo-interest { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .mo-interest:hover { border-color: hsl(228 16% 20%); }
html[data-kampanja-asu="tumma"] .mo-summary { border: 1.5px solid hsl(228 16% 20%); }
html[data-kampanja-asu="tumma"] .mo-summary .mo-sum-total { border-top: 1.5px solid hsl(228 16% 20%); }
html[data-kampanja-asu="tumma"] .mo-key-terms { background: hsl(228 19% 8.4%); }
html[data-kampanja-asu="tumma"] .platform-order .mo-plan-pick.is-primary { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .platform-order .mo-plan-pick.is-primary:hover { background: #232e66; }