/* Tuotettu työkalulla tools/kampanja/build-dark.mjs. Älä muokkaa käsin: aja työkalu uudelleen. */
/* assets/css/pages/seo-opas.css */
html[data-kampanja-asu="tumma"] .so-hero { background: radial-gradient(circle at 100% 0%, rgba(245, 128, 36, 0.10), transparent 560px),
    radial-gradient(circle at 0% 100%, rgba(232, 30, 133, 0.07), transparent 420px),
    linear-gradient(180deg, hsl(39 29% 8.8%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .so-search input { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-suggest { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-vcard { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-vcard--black { background: linear-gradient(160deg, #1a2452 0%, #0f1535 100%); }
html[data-kampanja-asu="tumma"] .so-vcard--white .so-vcard-head em { background: hsl(146 21% 10.1%); color: hsl(146 37% 85.9%); }
html[data-kampanja-asu="tumma"] .so-vhat--white .hat-brim,
html[data-kampanja-asu="tumma"] .so-vhat--white .hat-crown { stroke: #d5daed; }
html[data-kampanja-asu="tumma"] .so-vhat--white .hat-dent { stroke: #d5daed; }
html[data-kampanja-asu="tumma"] .so-vhat--black .hat-brim,
html[data-kampanja-asu="tumma"] .so-vhat--black .hat-crown { fill: hsl(232 38% 91.6%); }
html[data-kampanja-asu="tumma"] .so-ok { background: hsl(146 21% 10.1%); }
html[data-kampanja-asu="tumma"] .so-ok svg { stroke: hsl(146 37% 85.9%); }
html[data-kampanja-asu="tumma"] .so-vcard-foot .up { color: hsl(146 37% 85.9%); }
html[data-kampanja-asu="tumma"] .so-lede { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-lede p { color: hsl(229 9% 88.7%); }
html[data-kampanja-asu="tumma"] .so-start-list a { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-filter { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-filter[aria-pressed="true"] { background: #232e66; }
html[data-kampanja-asu="tumma"] .so-filter:focus-visible { outline: 3px solid hsl(0 0% 100% / 0.33); }
html[data-kampanja-asu="tumma"] .so-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-tag--1 { color: hsl(26 75% 72%); }
html[data-kampanja-asu="tumma"] .so-tag--3 { color: hsl(330 70% 72%); }
html[data-kampanja-asu="tumma"] .so-tag--4 { background: hsl(303 29% 9.6%); color: hsl(303 64% 72%); }
html[data-kampanja-asu="tumma"] .so-tag--5 { background: hsl(146 21% 10.1%); color: hsl(146 35% 86.6%); }
html[data-kampanja-asu="tumma"] .so-tag--6 { background: hsl(193 24% 10.1%); color: hsl(194 44% 86.6%); }
html[data-kampanja-asu="tumma"] .so-tag--7 { background: hsl(225 13% 9.6%); color: hsl(227 18% 85.1%); }
html[data-kampanja-asu="tumma"] .so-myths { background: #1a2452; }
html[data-kampanja-asu="tumma"] .so-toc a:hover { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-article p,
html[data-kampanja-asu="tumma"] .so-article li { color: hsl(229 9% 88.7%); }
html[data-kampanja-asu="tumma"] .so-table-wrap { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-blackhat { background: linear-gradient(160deg, #1a2452 0%, #0f1535 100%); }
html[data-kampanja-asu="tumma"] .so-blackhat-icon .hat-brim,
html[data-kampanja-asu="tumma"] .so-blackhat-icon .hat-crown { fill: hsl(230 10% 93%); }
html[data-kampanja-asu="tumma"] .so-check { border: 1px solid hsl(28 24% 20%); }
html[data-kampanja-asu="tumma"] .so-checklist li { border-top: 1px solid hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .so-checklist input { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .so-checklist input::after { border: solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .so-checklist input:checked + span { text-decoration-color: hsl(230 10% 93% / 0.25); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
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.55); }

/* assets/css/pages/sisallontuotanto.css */
html[data-kampanja-asu="tumma"] { --teal-50: hsl(177 28% 10%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(224 29% 8.7%) 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"] .cv-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cv-dot.navy { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .cv-pill.ok { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .pillar { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .check-list li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .geo-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #3b2a6b 130%); }
html[data-kampanja-asu="tumma"] .quote-block { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .process-num { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .process-aside { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 100%); }
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.3) 0%, transparent 70%); }

/* assets/css/pages/sivustokartta.css */
html[data-kampanja-asu="tumma"] { --shadow-hover: 0 8px 32px -8px hsl(230 26% 85.7% / 0.18); }
html[data-kampanja-asu="tumma"] .sitemap-hero { background: linear-gradient(160deg, var(--navy-50) 0%, hsl(230 16% 7.5%) 60%); }
html[data-kampanja-asu="tumma"] .sitemap-ask { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .sitemap-cat:hover { border-color: hsl(231 17% 20%); }
html[data-kampanja-asu="tumma"] .ico--gray { background: hsl(220 6% 9.2%); color: hsl(215 8% 85.5%); }
html[data-kampanja-asu="tumma"] .sitemap-link:hover { background: hsl(230 16% 7.5%); }

/* assets/css/pages/sovellukset-jarjestelmakehitys.css */
html[data-kampanja-asu="tumma"] { --teal-50: hsl(166 29% 8.9%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(220 29% 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"] .hero-page::after { background: radial-gradient(circle, hsl(0 0% 100% / 0.1) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .app-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .app-card .ac-dot { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .app-card .ac-pill.ok { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .app-card .ac-screen { background: linear-gradient(135deg, var(--navy-50) 0%, hsl(225 23% 11.1%) 100%); }
html[data-kampanja-asu="tumma"] .app-card .ac-screen-bar { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .persona { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .svc { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .scope-card { background: hsl(230 16% 7.5%); }
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/tarjouspyynto.css */
html[data-kampanja-asu="tumma"] .quote-form input,
html[data-kampanja-asu="tumma"] .quote-form textarea { border: 1px solid hsl(225 7% 20%); background: hsl(230 16% 7.5%); color: hsl(230 10% 91.2%); }
html[data-kampanja-asu="tumma"] .quote-form input::placeholder,
html[data-kampanja-asu="tumma"] .quote-form textarea::placeholder { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .quote-status-warning { color: hsl(26 77% 72%); }
html[data-kampanja-asu="tumma"] .quote-privacy a,
html[data-kampanja-asu="tumma"] .quote-alternative a { color: hsl(236 23% 87%); }
html[data-kampanja-asu="tumma"] .quote-osamaksu a { color: hsl(236 23% 87%); }

/* assets/css/pages/tekoaly-konsultointi.css */
html[data-kampanja-asu="tumma"] { --grad-ai: linear-gradient(135deg, hsl(228 18% 9.5%) 0%, hsl(261 29% 9.6%) 100%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(259 22% 10%) 0%, hsl(272 26% 9.2%) 40%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .hero-page::after { background: radial-gradient(circle, hsl(0 0% 100% / 0.13) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .ai-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ai-card-dot.navy { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .ai-card-tag.done { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .persona { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .svc { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .inline-cta { border: 1px solid hsl(0 0% 100% / 0.15); }
html[data-kampanja-asu="tumma"] .inline-cta-text a { text-decoration-color: hsl(230 26% 85.7% / 0.3); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
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"] .faq-item { background: hsl(230 16% 7.5%); }

/* assets/css/pages/tekoaly-kuvat.css */
html[data-kampanja-asu="tumma"] { --ai-violet-50: hsl(250 29% 8.5%); --grad-violet: linear-gradient(135deg, hsl(250 29% 8.5%) 0%, hsl(332 29% 9.4%) 100%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(258 29% 8.9%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .uc-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .uc-send-badge { color: hsl(145 36% 85.8%); background: hsl(144 20% 10.1%); }
html[data-kampanja-asu="tumma"] .hero-ai-kuvat-overlay { background: linear-gradient(to bottom, transparent 65%, #0c1540 100%),
      linear-gradient(to right,
        rgba(12, 21, 64, 1)    0%,
        rgba(12, 21, 64, 1)    36%,
        rgba(12, 21, 64, 0.72) 50%,
        hsl(0 0% 100% / 0.28) 64%,
        transparent            76%
      ); }
html[data-kampanja-asu="tumma"] .ai-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ai-card .ac-pill.done { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .ai-card .ac-thumb-bg.v1 { background: linear-gradient(135deg, hsl(282 29% 9.4%) 0%, hsl(271 29% 11.4%) 100%); }
html[data-kampanja-asu="tumma"] .ai-card .ac-thumb-bg.v2 { background: linear-gradient(135deg, hsl(35 29% 10.1%) 0%, hsl(30 29% 12.7%) 100%); }
html[data-kampanja-asu="tumma"] .ai-card .ac-thumb-bg.v3 { background: linear-gradient(135deg, hsl(209 29% 10.1%) 0%, hsl(210 29% 12.7%) 100%); }
html[data-kampanja-asu="tumma"] .usecase { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .usecase-visual.v-product { background: linear-gradient(135deg, hsl(258 29% 8.9%) 0%, hsl(265 29% 10.7%) 100%); }
html[data-kampanja-asu="tumma"] .usecase-visual.v-lifestyle { background: linear-gradient(135deg, hsl(46 29% 10.1%) 0%, hsl(43 29% 14%) 100%); }
html[data-kampanja-asu="tumma"] .usecase-visual.v-banner { background: linear-gradient(135deg, hsl(332 29% 9.4%) 0%, hsl(327 29% 11.7%) 100%); }
html[data-kampanja-asu="tumma"] .usecase-visual.v-hero { background: linear-gradient(135deg, hsl(228 18% 9.5%) 0%, hsl(229 29% 10.7%) 100%); }
html[data-kampanja-asu="tumma"] .usecase-visual.v-some { background: linear-gradient(135deg, hsl(141 29% 9.4%) 0%, hsl(150 26% 13.9%) 100%); }
html[data-kampanja-asu="tumma"] .usecase-tag { background: hsl(230 16% 7.5% / 0.85); }
html[data-kampanja-asu="tumma"] .process-step { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .comparison-col.ai-col { background: linear-gradient(160deg, #1a2452 0%, #2d3a7d 60%, #3b2a7a 130%); }
html[data-kampanja-asu="tumma"] .spec-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #3b2a6b 130%); }
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"] .persona { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .persona li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .kt-tavat-section { background: hsl(206 29% 9.1%); }
html[data-kampanja-asu="tumma"] .kt-tavat-card--dark { background: linear-gradient(145deg, #1a2452 0%, #2d3a7d 100%); }
html[data-kampanja-asu="tumma"] .kt-tavat-card--light { background: hsl(37 29% 10.4%); border: 1px solid hsl(39 24% 20%); }
html[data-kampanja-asu="tumma"] .kt-tavat-card--white { background: hsl(230 16% 7.5%); border: 1px solid hsl(0 0% 100% / 0.08); }
html[data-kampanja-asu="tumma"] .kt-tavat-icon-wrap--violet { background: hsl(251 29% 9.4%); }
html[data-kampanja-asu="tumma"] .kt-tavat-icon-wrap--orange { background: hsl(34 29% 11.9%); }
html[data-kampanja-asu="tumma"] .kt-tavat-list li::before { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='hsl(230 16% 7.5%)' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); }
html[data-kampanja-asu="tumma"] .kt-tavat-btn--cream { background: hsl(38 29% 13.9%); }
html[data-kampanja-asu="tumma"] .kt-tavat-btn--navy { background: #232e66; }
html[data-kampanja-asu="tumma"] .kt-tavat-btn--outline:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .kt-ui-mock { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kt-ui-bar { background: hsl(230 16% 9.1%); border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .kt-ui-bar span { background: hsl(230 16% 13.1%); }
html[data-kampanja-asu="tumma"] .kt-ui-prompt { border-bottom: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .kt-ui-field { background: hsl(230 16% 8.7%); border: 1px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .kt-ui-thumb { background: hsl(247 29% 8.9%); }
html[data-kampanja-asu="tumma"] .kt-ui-thumb--on { background: hsl(31 29% 11.4%); }
html[data-kampanja-asu="tumma"] .kt-feat { background: hsl(230 16% 7.5%); border: 1px solid hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .kt-feat-icon { background: var(--ai-violet-soft, hsl(251 29% 11%)); }
html[data-kampanja-asu="tumma"] .esimerkki-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .galeria-section { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .gal-filter.active { background: #232e66; }
html[data-kampanja-asu="tumma"] .gal-img-bg::after { background: radial-gradient(ellipse at 35% 22%, hsl(230 16% 7.5% / 0.15) 0%, transparent 52%),
      radial-gradient(ellipse at 72% 82%, hsl(0 0% 100% / 0.28) 0%, transparent 48%); }
html[data-kampanja-asu="tumma"] .gal-img-overlay { background: linear-gradient(
      to bottom,
      transparent 30%,
      hsl(0 0% 100% / 0.15) 58%,
      rgba(0, 0, 0, 0.75) 100%
    ); }

/* assets/css/pages/tekoaly-videot.css */
html[data-kampanja-asu="tumma"] .video-hero { background: radial-gradient(circle at 92% 18%,hsl(332 28% 11%) 0,transparent 32%),linear-gradient(145deg,hsl(250 29% 8.5%) 0%,hsl(230 16% 7.5%) 65%); }
html[data-kampanja-asu="tumma"] .video-hero-copy>p:not(.video-eyebrow):not(.video-price-note) { color: hsl(231 7% 86.2%); }
html[data-kampanja-asu="tumma"] .video-button { background: #232e66; }
html[data-kampanja-asu="tumma"] .video-button:hover,
html[data-kampanja-asu="tumma"] .video-button:focus-visible { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .video-section--soft { background: hsl(240 14% 8.5%); }
html[data-kampanja-asu="tumma"] .video-intro { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-offer { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .video-stage-info p { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-stage-thumb { background: #1a2452; }
html[data-kampanja-asu="tumma"] .video-stage-play { background: hsl(0 0% 100% / 0.3); }
html[data-kampanja-asu="tumma"] .video-use>p { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-use--ads .video-use-scene { background: #232e66; }
html[data-kampanja-asu="tumma"] .video-mock-phone { background: #1a2452; }
html[data-kampanja-asu="tumma"] .video-mock-cta { background: hsl(230 16% 7.5%); color: hsl(240 10% 90.6%); }
html[data-kampanja-asu="tumma"] .video-offer>p:not(.video-offer-price):not(.video-offer-duration) { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-offer-example-thumb { background: #1a2452; }
html[data-kampanja-asu="tumma"] .video-addons { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .video-offer .video-offer-when p { color: hsl(230 6% 85.8%); }
html[data-kampanja-asu="tumma"] .video-addons li span { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-fineprint { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-process span { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-faq details { border-bottom: 1px solid hsl(228 7% 20%); }
html[data-kampanja-asu="tumma"] .video-faq details p { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .video-bottom { background: #232e66; }
html[data-kampanja-asu="tumma"] .video-bottom .video-button { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .video-bottom-wall:after { background: linear-gradient(90deg,#232e66 8%,#232e6699 45%,transparent 75%),linear-gradient(180deg,#232e66,transparent 22%,transparent 78%,#232e66); }
html[data-kampanja-asu="tumma"] .video-reel-copy>p:not(.video-eyebrow) { color: hsl(230 10% 72%); }

/* assets/css/pages/tietoa-meista.css */
html[data-kampanja-asu="tumma"] .hero-about { background: linear-gradient(180deg, hsl(230 16% 7.5% / 0.25) 0%, hsl(230 16% 7.5% / 0.55) 100%),
      url('../../kosminen_tausta_desk.webp') center center / cover no-repeat,
      hsl(227 18% 9.2%); }
html[data-kampanja-asu="tumma"] .hero-about::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.11) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .hero-about-bg { background-image: linear-gradient(hsl(0 0% 100% / 0.05) 1px, transparent 1px),
      linear-gradient(90deg, hsl(0 0% 100% / 0.05) 1px, transparent 1px); }
html[data-kampanja-asu="tumma"] .tarina-visual { border: 1px solid hsl(0 0% 100% / 0.07); }
html[data-kampanja-asu="tumma"] .tarina-pill { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .value-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .expert-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .stat-cell { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .stats-trust-visual { border: 1px solid hsl(0 0% 100% / 0.07); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }

/* assets/css/pages/tietosuoja.css */
html[data-kampanja-asu="tumma"] .hero-legal::before { background: radial-gradient(circle, hsl(0 0% 100% / 0.11) 0%, transparent 70%); }
html[data-kampanja-asu="tumma"] .hero-legal .meta-chip { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .hero-legal .meta-chip .chip-dot { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .block.dark { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 100%); }
html[data-kampanja-asu="tumma"] .info-box { border: 1px solid hsl(0 0% 100% / 0.17); }
html[data-kampanja-asu="tumma"] .contact-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] table.cookie-table thead { background: #1a2452; }
html[data-kampanja-asu="tumma"] table.cookie-table .cat-badge.necessary { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] table.cookie-table .cat-badge.marketing { color: hsl(30 77% 72%); }
html[data-kampanja-asu="tumma"] .right-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
html[data-kampanja-asu="tumma"] .provider-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .provider-body a { text-decoration-color: hsl(230 26% 85.7% / 0.3); }

/* assets/css/pages/tietoturva/1-perusta.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(229 24% 9.1%) 0%, var(--bg) 100%); }
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"] .btn-secondary:hover { background: #232e66; }

/* assets/css/pages/tietoturva/2-hero.css */
html[data-kampanja-asu="tumma"] .night-log { background: hsl(230 16% 7.5% / 0.96); }
html[data-kampanja-asu="tumma"] .nl-pill--red { background: hsl(0 29% 9.2%); color: hsl(1 51% 72%); }
html[data-kampanja-asu="tumma"] .nl-pill--orange { color: hsl(26 70% 72%); }

/* assets/css/pages/tietoturva/3-suojaus.css */
html[data-kampanja-asu="tumma"] .threat-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #2a1f5c 130%); }
html[data-kampanja-asu="tumma"] .tp-shield { background: hsl(230 16% 7.5%); }

/* assets/css/pages/tietoturva/4-varmuuskopiot-ja-paivystys.css */
html[data-kampanja-asu="tumma"] .backup-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .backup-restore-badge { background: linear-gradient(90deg, hsl(0 0% 100% / 0.1) 0%, hsl(0 0% 100% / 0.05) 100%); border: 1px solid hsl(0 0% 100% / 0.22); }
html[data-kampanja-asu="tumma"] .backup-visual-deco { background: radial-gradient(circle, hsl(0 0% 100% / 0.15) 0%, transparent 70%); }

/* assets/css/pages/tietoturva/5-vastuut-huoleton-ukk.css */
html[data-kampanja-asu="tumma"] .duty-icon { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .duty-col li { border-top: 1px solid hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .duty-col--you li::before { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .tier-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .tier-card.featured { background: linear-gradient(135deg, hsl(230 16% 7.5%) 70%, var(--orange-50) 100%); }
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/tukipalvelu.css */
html[data-kampanja-asu="tumma"] { --green-50: hsl(144 20% 10.1%); }
html[data-kampanja-asu="tumma"] .hero-page::before { background: linear-gradient(90deg, hsl(230 16% 7.5% / 0.7) 0%, hsl(230 16% 7.5% / 0.5) 42%, rgba(255,255,255,0) 62%); }
html[data-kampanja-asu="tumma"] .tier-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .tier-card.featured { background: linear-gradient(160deg, hsl(15 29% 8.2%) 0%, hsl(230 16% 7.5%) 100%); }
html[data-kampanja-asu="tumma"] .tier-icon.red { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .tier-price { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .help-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .help-icon.red { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .response-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 55%, #2e1d6e 120%); }
html[data-kampanja-asu="tumma"] .huoleton-benefits li::after { border-right: 2px solid hsl(230 16% 20%); border-bottom: 2px solid hsl(230 16% 20%); }
html[data-kampanja-asu="tumma"] .btn-outline:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .hl-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .contact-channel { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .contact-channel-icon.red { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .contact-channel-tag.red { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .hours-box { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .hours-note { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .hours-note p { color: hsl(0 32% 86.4%); }
html[data-kampanja-asu="tumma"] .emergency-card { background: linear-gradient(135deg, hsl(20 29% 8.7%) 0%, hsl(0 29% 8.7%) 100%); }
html[data-kampanja-asu="tumma"] .emergency-card-icon { background: hsl(0 29% 9.4%); }
html[data-kampanja-asu="tumma"] .faq-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .cta-band { background: #1a2452; }
@media (min-width: 601px) and (max-width: 900px) {
html[data-kampanja-asu="tumma"] .hero-page::before { background: linear-gradient(90deg, hsl(230 16% 7.5%) 0%, hsl(230 16% 7.5% / 0.98) 35%, hsl(230 16% 7.5% / 0.88) 72%, hsl(230 16% 7.5% / 0.2) 100%); }
}
@media (max-width: 600px) {
html[data-kampanja-asu="tumma"] .hero-page::before { background: linear-gradient(180deg, hsl(230 16% 7.5%) 0%, hsl(230 16% 7.5% / 0.98) 42%, hsl(230 16% 7.5% / 0.88) 60%, hsl(230 16% 7.5% / 0.08) 100%); }
}

/* assets/css/pages/verkkokaupat.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(160deg, hsl(333 29% 8.6%) 0%, hsl(32 29% 8.7%) 55%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .ec-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ec-card .ec-dot.navy { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .ec-card .ec-pill.ok { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .svc-item { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .svc-item.featured { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 60%, #4a1f6f 130%); }
html[data-kampanja-asu="tumma"] .svc-item.featured:hover .svc-arrow { border-color: hsl(230 16% 20% / 0.8); }
html[data-kampanja-asu="tumma"] .svc-new-badge { background: hsl(230 16% 7.5% / 0.95); }
html[data-kampanja-asu="tumma"] .int-cat { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .osaaminen-pill { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .stat { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ref-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ref-card-gradient::after { background: linear-gradient(to top, rgba(20,28,70,0.70) 0%, hsl(0 0% 100% / 0.19) 60%, transparent 100%); }
html[data-kampanja-asu="tumma"] .ref-card-arrow { background: hsl(230 16% 7.5% / 0.92); }
html[data-kampanja-asu="tumma"] .ref-card-type { background: hsl(230 16% 7.5% / 0.92); }
html[data-kampanja-asu="tumma"] .ref-card-type.b2b::before { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .ref-cta:hover { background: #232e66; }
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/verkkosivut.css */
html[data-kampanja-asu="tumma"] { --text-2: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(224 29% 8.7%) 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"] .web-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .web-card .wc-dot { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .browser-hero-bar { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 100%); }
html[data-kampanja-asu="tumma"] .seo-pill.up { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .svc-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .stat-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .ref-link:hover { background: #232e66; }
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"] .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/verkkosivut/2-osaaminen.css */
html[data-kampanja-asu="tumma"] .planning-search { background: #1a2452; }
html[data-kampanja-asu="tumma"] .planning-search p + p { color: #d5daed; }

/* assets/css/pages/verkkotunnus-tilaus.css */
html[data-kampanja-asu="tumma"] .reserve-btn { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .reserve-btn:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .dorder-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .dorder-field input[type="text"],
html[data-kampanja-asu="tumma"] .dorder-field input[type="email"],
html[data-kampanja-asu="tumma"] .dorder-field input[type="tel"],
html[data-kampanja-asu="tumma"] .dorder-field select,
html[data-kampanja-asu="tumma"] .dorder-field textarea { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .dorder-field select { background: hsl(230 16% 7.5%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6f6f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center; }
html[data-kampanja-asu="tumma"] .dorder-check-box { border: 1.5px solid hsl(223 8% 20%); background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] input:checked + .dorder-check-box { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .dorder-interest { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .dorder-status.is-error { color: hsl(4 65% 72%); }
html[data-kampanja-asu="tumma"] .dorder-modal { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .dorder-modal-body iframe { background: hsl(230 16% 7.5%); }

/* assets/css/pages/verkkotunnus.css */
html[data-kampanja-asu="tumma"] .domain-search-wrap { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .tld-pill { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .toggle-slider::before { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .toggle-switch input:checked + .toggle-slider { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .domain-row { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .domain-row.available { border-color: hsl(141 24% 20%); }
html[data-kampanja-asu="tumma"] .domain-row.available .tld-badge { background: hsl(141 29% 10.6%); }
html[data-kampanja-asu="tumma"] .kipina-suggest-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .kipina-tld-chip { border: 1px solid hsl(141 24% 20%); }
html[data-kampanja-asu="tumma"] .sparring-form { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] #sparring-submit { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] #sparring-submit:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .domain-cta-card { background: #1a2452; }
html[data-kampanja-asu="tumma"] .domain-cta-card .ai-hi:hover,
html[data-kampanja-asu="tumma"] .domain-cta-card .ai-hi:focus-within { border-color: hsl(230 16% 20% / 0.55); }

/* assets/css/pages/woocommerce/1-perusta.css */
html[data-kampanja-asu="tumma"] { --woo-50: hsl(265 23% 9.3%); }

/* assets/css/pages/woocommerce/2-hero.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(272 26% 9.2%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .woo-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .woo-card .wc-pill.synced { background: hsl(144 20% 10.1%); color: hsl(145 36% 85.8%); }
html[data-kampanja-asu="tumma"] .btn-secondary:hover { background: #2d3a7d; }

/* assets/css/pages/woocommerce/3-referenssit.css */
html[data-kampanja-asu="tumma"] .showcase .case-visual { background: linear-gradient(135deg, hsl(230 16% 7.5%) 0%, var(--navy-50) 100%); }
html[data-kampanja-asu="tumma"] .woo-palaute { background: hsl(230 16% 7.5%); }

/* assets/css/pages/woocommerce/4-polut.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; }

/* assets/css/pages/woocommerce/5-toteutus-ukk-kaistat.css */
html[data-kampanja-asu="tumma"] .step { 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"] .cta-band .btn-secondary:hover { border-color: hsl(230 16% 20%); }

/* assets/css/pages/wordpress-yrityssivut/1-perusta.css */
html[data-kampanja-asu="tumma"] { --wp-50: hsl(198 25% 9.9%); }

/* assets/css/pages/wordpress-yrityssivut/2-hero.css */
html[data-kampanja-asu="tumma"] .btn-secondary:hover { background: #2d3a7d; }

/* assets/css/pages/wordpress-yrityssivut/3-referenssit.css */
html[data-kampanja-asu="tumma"] .showcase .case-visual { background: linear-gradient(135deg, hsl(230 16% 7.5%) 0%, var(--navy-50) 100%); }
html[data-kampanja-asu="tumma"] .wp-ref-kortti { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .wp-ref-kuva { background: linear-gradient(135deg, hsl(230 16% 7.5%) 0%, var(--navy-50) 100%); }
html[data-kampanja-asu="tumma"] .wp-palaute { background: hsl(230 16% 7.5%); }

/* assets/css/pages/wordpress-yrityssivut/4-polut-omistajuus.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"] .wp-paketti { 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"] .wp-lisat-taulu { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .wp-lisat-taulu thead th { background: #1a2452; }
html[data-kampanja-asu="tumma"] .guarantee-card { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 70%, #3a2a6b 130%); }

/* assets/css/pages/wordpress-yrityssivut/5-toteutus-ukk-kaistat.css */
html[data-kampanja-asu="tumma"] .step { 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"] .alert-band { background: linear-gradient(135deg, #1a2452 0%, #1d2d5e 60%, #22224a 100%); }
html[data-kampanja-asu="tumma"] .cta-band .btn-secondary:hover { border-color: hsl(230 16% 20%); }

/* assets/css/pages/wordpress-yrityssivut/6-responsiivisuus.css */
@media (max-width: 600px) {
html[data-kampanja-asu="tumma"] .wp-lisat-taulu tbody tr { background: hsl(230 16% 7.5%); }
}

/* assets/css/pages/yhteystiedot/2-kanavat.css */
html[data-kampanja-asu="tumma"] .card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .card:hover { border-color: hsl(0 0% 100% / 0.24); }
html[data-kampanja-asu="tumma"] .card.card-emergency { background: linear-gradient(180deg, hsl(5 29% 8.4%) 0%, hsl(230 16% 7.5%) 60%); }
html[data-kampanja-asu="tumma"] .card-icon.purple { background: hsl(270 24% 9.5%); color: hsl(271 40% 72%); }
html[data-kampanja-asu="tumma"] .card-icon.red { background: hsl(3 29% 9.3%); }
html[data-kampanja-asu="tumma"] .card.card-emergency .card-title { color: hsl(0 63% 72%); }
html[data-kampanja-asu="tumma"] .card.card-emergency a.card-contact-row { color: hsl(0 63% 72%); }
html[data-kampanja-asu="tumma"] .card.card-emergency a.card-contact-row:hover { background: hsl(5 29% 8.4%); }
html[data-kampanja-asu="tumma"] .card.card-emergency .card-details summary { color: hsl(0 63% 72%); }
html[data-kampanja-asu="tumma"] .card-btn.btn-navy { background: #232e66; }
html[data-kampanja-asu="tumma"] .card-btn.btn-navy:hover { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .card-btn.btn-ghost { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .card.card-emergency .pulse-dot { color: hsl(0 63% 72%); }
html[data-kampanja-asu="tumma"] .card-row { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .card-row:hover { border-color: hsl(0 0% 100% / 0.24); }
html[data-kampanja-asu="tumma"] .card-row-icon.green { background: hsl(141 17% 10.3%); color: hsl(145 35% 86%); }
html[data-kampanja-asu="tumma"] .card-row-icon.orange { background: hsl(37 29% 10.4%); color: hsl(36 77% 72%); }

/* assets/css/pages/yhteystiedot/4-viesti.css */
html[data-kampanja-asu="tumma"] .viesti-section-inner { background: hsl(230 16% 7.5%); }

/* assets/css/pages/youtube-mainokset.css */
html[data-kampanja-asu="tumma"] .hero-page { background: linear-gradient(180deg, hsl(0 29% 8.3%) 0%, var(--bg) 100%); }
html[data-kampanja-asu="tumma"] .btn-secondary { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .yt-player-screen::before { background: radial-gradient(ellipse at 30% 40%, rgba(255, 100, 100, 0.15) 0%, transparent 55%),
      radial-gradient(ellipse at 80% 60%, hsl(0 0% 100% / 0.3) 0%, transparent 55%); }
html[data-kampanja-asu="tumma"] .yt-floating-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .stat-band { background: linear-gradient(135deg, #1a2452 0%, #2d3a7d 100%); }
html[data-kampanja-asu="tumma"] .value-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .format-card { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .targeting-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"] .compare-col { 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; }

/* assets/css/pages/youtube-mainokset/2-esimerkit.css */
html[data-kampanja-asu="tumma"] .yt-example--shorts { background: hsl(25 23% 9.3%); }
html[data-kampanja-asu="tumma"] .yt-example--feed { background: hsl(157 13% 9.6%); }
html[data-kampanja-asu="tumma"] .yt-showcase { background: hsl(240 7% 8.9%); }
html[data-kampanja-asu="tumma"] .yt-industry-tabs button { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .yt-industry-tabs button:hover { background: hsl(240 9% 10.6%); }
html[data-kampanja-asu="tumma"] .yt-industry-tabs button[aria-selected="true"] { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .yt-browser-surface { background: hsl(230 16% 7.5%); }

/* assets/css/pages/youtube-mainokset/3-ui-esimerkki.css */
html[data-kampanja-asu="tumma"] .yt-demo { color: hsl(230 10% 91.7%); }
html[data-kampanja-asu="tumma"] .ytd-logo sup { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .ytd-search { border: 1px solid hsl(230 16% 20%); color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .ytd-search svg { border-left: 1px solid hsl(230 16% 20%); background: hsl(230 16% 8.7%); color: hsl(230 10% 91.7%); }
html[data-kampanja-asu="tumma"] .ytd-advertiser-icon { background: hsl(40 13% 11.5%); color: hsl(42 11% 85.7%); }
html[data-kampanja-asu="tumma"] .ytd-advertiser p { color: hsl(230 10% 72%); }

/* assets/css/viesti-lomake.css */
html[data-kampanja-asu="tumma"] .viesti-dialog { background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .viesti-form input:not([type="radio"]),
html[data-kampanja-asu="tumma"] .viesti-form textarea { border: 1px solid hsl(225 7% 20%); background: hsl(230 16% 7.5%); }
html[data-kampanja-asu="tumma"] .viesti-form input::placeholder,
html[data-kampanja-asu="tumma"] .viesti-form textarea::placeholder { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .viesti-chip span { border: 1px solid hsl(225 7% 20%); }
html[data-kampanja-asu="tumma"] .viesti-chip input:checked + span { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .viesti-btn { background: #2d3a7d; }
html[data-kampanja-asu="tumma"] .viesti-btn:hover { background: #232e66; }
html[data-kampanja-asu="tumma"] .viesti-btn--ghost { border-color: hsl(225 7% 20%); }
html[data-kampanja-asu="tumma"] .viesti-status.is-error { color: hsl(0 63% 72%); }
html[data-kampanja-asu="tumma"] .viesti-done .viesti-warning { background: hsl(48 29% 12.2%); color: hsl(23 44% 86.1%); }

/* assets/nav.css */
html[data-kampanja-asu="tumma"] { --nav-navy-50: hsl(228 18% 9.5%); }
html[data-kampanja-asu="tumma"] .nav { background: hsl(230 16% 7.5% / 0.92); border: 1px solid hsl(0 0% 100% / 0.15); }
html[data-kampanja-asu="tumma"] .nav.scrolled { background: hsl(230 16% 7.5% / 0.94); border-bottom: 1px solid hsl(0 0% 100% / 0.09); }
html[data-kampanja-asu="tumma"] .nav-menu > li > a { color: var(--text, hsl(230 10% 91.2%)); }
html[data-kampanja-asu="tumma"] .nav-divider { background: hsl(0 0% 100% / 0.22); }
html[data-kampanja-asu="tumma"] .nav-mega-trigger { color: var(--text, hsl(230 10% 91.2%)); }
html[data-kampanja-asu="tumma"] .nav-megamenu { background: hsl(230 16% 7.5%); border: 1px solid hsl(0 0% 100% / 0.11); }
html[data-kampanja-asu="tumma"] .megamenu-col-icon--navy { background: hsl(0 0% 100% / 0.13); }
html[data-kampanja-asu="tumma"] .megamenu-list a { color: hsl(230 10% 85.7%); }
html[data-kampanja-asu="tumma"] .megamenu-footer { border-top: 1px solid hsl(227 14% 20%); }
html[data-kampanja-asu="tumma"] .megamenu-feature { background: hsl(228 19% 8.4%); }
html[data-kampanja-asu="tumma"] .megamenu-feature:hover { background: hsl(230 23% 9.3%); }
html[data-kampanja-asu="tumma"] .megamenu-feature-desc { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .megamenu-cta-card { background: linear-gradient(135deg, hsl(228 19% 8.4%) 0%, hsl(230 23% 9.3%) 100%); border: 1px solid hsl(227 16% 20%); }
html[data-kampanja-asu="tumma"] .megamenu-cta-text p { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .nav-sheet--drawer .nav-sheet-cta { color: hsl(230 27% 87.1%); }
html[data-kampanja-asu="tumma"] .megamenu-eyebrow::after { background: linear-gradient(90deg, hsl(0 0% 100% / 0.22), transparent); }
html[data-kampanja-asu="tumma"] .megamenu-feature--huoleton { background: linear-gradient(135deg, hsl(230 16% 7.5%) 0%, hsl(34 29% 9.2%) 100%); }
html[data-kampanja-asu="tumma"] .megamenu-feature--huoleton:hover { background: linear-gradient(135deg, hsl(230 16% 7.5%) 0%, hsl(35 29% 11.1%) 100%); }
html[data-kampanja-asu="tumma"] .megamenu-feature-icon--navy { background: hsl(0 0% 100% / 0.13); }
@media (max-width: 768px) {
html[data-kampanja-asu="tumma"] .nav.is-collapsed .nav-mobile-toggle { background: hsl(230 16% 7.5% / 0.94); }
}

/* assets/sidebar.css */
html[data-kampanja-asu="tumma"] .qcta-rail { background: hsl(230 16% 7.5% / 0.97); border: 1px solid hsl(223 7% 20% / 0.9); }
html[data-kampanja-asu="tumma"] .qcta-item { color: hsl(230 10% 91.2%); }
html[data-kampanja-asu="tumma"] .qcta-item:hover { background: hsl(223 8% 10.7% / 0.5); }
html[data-kampanja-asu="tumma"] .qcta-item--phone .qcta-icon { background: hsl(29 29% 9.6%); }
html[data-kampanja-asu="tumma"] .qcta-item--email .qcta-icon { background: hsl(228 18% 9.5%); color: hsl(230 26% 85.7%); }
html[data-kampanja-asu="tumma"] .qcta-item--emergency .qcta-icon { background: hsl(0 29% 8.7%); }
html[data-kampanja-asu="tumma"] .qcta-label-main { color: hsl(230 10% 91.2%); }
html[data-kampanja-asu="tumma"] .qcta-label-sub { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .qcta-divider { background: hsl(223 8% 10.7%); }
html[data-kampanja-asu="tumma"] .qcta-v2-tabs { background: hsl(230 16% 7.5% / 0.98); border: 1px solid hsl(225 11% 20% / 0.9); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab:hover { background: hsl(0 0% 100% / 0.05); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab.is-active { background: hsl(0 0% 100% / 0.08); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab-icon--grad { background: hsl(226 29% 8.9%); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab-icon--navy { background: hsl(29 29% 9.4%); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab-icon--green { background: hsl(140 29% 9.2%); color: hsl(148 56% 72%); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab-icon--violet { background: hsl(256 29% 8.7%); }
html[data-kampanja-asu="tumma"] .qcta-v2-tab-label { color: hsl(231 28% 88.2%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel { background: hsl(230 16% 7.5% / 0.98); border: 1px solid hsl(225 11% 20% / 0.9); }
html[data-kampanja-asu="tumma"] .qcta-v2-chat-button { border: 1px solid hsl(7 19% 20%); background: hsl(23 29% 9%); color: hsl(236 24% 87.3%); }
html[data-kampanja-asu="tumma"] .qcta-v2-chat-button:hover { background: hsl(21 29% 10.1%); }
html[data-kampanja-asu="tumma"] .qcta-v2-chat-button:focus-visible { outline: 3px solid hsl(236 22% 78%); }
html[data-kampanja-asu="tumma"] .qcta-v2-chat-description { color: hsl(230 10% 72%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel-content[data-section="palaute"] .qcta-v2-panel-eyebrow { color: hsl(148 56% 72%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel-title { color: hsl(230 10% 91.2%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item { color: hsl(230 10% 91.2%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item:hover { background: hsl(0 0% 100% / 0.06); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item + .qcta-item { border-top: 1px solid hsl(223 10% 20%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item::after { border-right: 1.8px solid hsl(227 7% 20%); border-top: 1.8px solid hsl(227 7% 20%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item--kipina .qcta-icon { background: hsl(38 19% 9%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item--phone .qcta-icon { background: hsl(29 29% 9.6%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item--email .qcta-icon { background: hsl(228 18% 9.5%); color: hsl(230 26% 85.7%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item--emergency .qcta-icon { background: hsl(0 29% 8.7%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item--oppaat .qcta-icon { background: hsl(226 29% 8.9%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-item--viesti .qcta-icon { background: hsl(328 29% 9.1%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-label-main { color: hsl(230 10% 91.2%); }
html[data-kampanja-asu="tumma"] .qcta-v2-panel .qcta-label-sub { color: hsl(230 10% 72%); }