/* DevZone IT dark theme — active when html[data-theme="dark"] */
html[data-theme="dark"] {
  color-scheme: dark;
  --cg-ink: #060b1c;
  --cg-text: rgb(255, 255, 255);
  --cg-heading: #f4f8ff;
  --cg-muted: rgba(176, 198, 224, 0.82);
  --cg-light: #0a1328;
  --cg-border: rgba(125, 211, 252, 0.18);
  --cg-line: rgba(125, 211, 252, 0.16);
  --cg-surface: rgba(255, 255, 255, 0.055);
  --cg-surface-2: rgba(255, 255, 255, 0.08);
  --cg-surface-hover: rgba(0, 119, 255, 0.12);
  --cg-shadow: 0 18px 48px rgba(0, 6, 24, 0.45);
  --cg-glass: linear-gradient(165deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.03));
  --cg-glass-hover: linear-gradient(165deg, rgba(255, 255, 255, 0.11), rgba(0, 119, 255, 0.1));
}

/* ---------- Canvas ---------- */
html[data-theme="dark"]{
  background: var(--cg-ink);
}

html[data-theme="dark"] body, html[data-theme="dark"] body.home, html[data-theme="dark"] body:not(.home){
  background: var(--cg-ink) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.home .dz{
  background: var(--cg-ink) !important;
  color: #ffffff !important;
}

/* ---------- Type ---------- */
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6, html[data-theme="dark"] .section-title, html[data-theme="dark"] .dz h1, html[data-theme="dark"] .dz h2, html[data-theme="dark"] .dz h3, html[data-theme="dark"] body:not(.home) h1, html[data-theme="dark"] body:not(.home) h2, html[data-theme="dark"] body:not(.home) h3, html[data-theme="dark"] body:not(.home) h4{
  color: var(--cg-heading) !important;
}

html[data-theme="dark"] .eyebrow, html[data-theme="dark"] .dz-kicker, html[data-theme="dark"] .dz-mega-kicker, html[data-theme="dark"] .page-hero-kicker, html[data-theme="dark"] .dz-about-stat-label, html[data-theme="dark"] .service-detail-eyebrow{
  color: #22d3ee !important;
}

html[data-theme="dark"] p, html[data-theme="dark"] li, html[data-theme="dark"] label, html[data-theme="dark"] small, html[data-theme="dark"] em, html[data-theme="dark"] .team-lead, html[data-theme="dark"] .clients-lead, html[data-theme="dark"] .contact-lead, html[data-theme="dark"] .dz-head > p, html[data-theme="dark"] .dz-lead{
  color: #ffffff;
}

/* ---------- Header ---------- */
html[data-theme="dark"] .site-chrome, html[data-theme="dark"] .site-header, html[data-theme="dark"] .header-main, html[data-theme="dark"] .site-header .header-main{
  background: rgba(6, 11, 28, 0.94) !important;
  border-bottom: 1px solid rgba(125, 211, 252, 0.12) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: none !important;
}

html[data-theme="dark"] .site-header.is-scrolled .header-main, html[data-theme="dark"] .site-header.is-scrolled{
  background: rgba(6, 11, 28, 0.98) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.4) !important;
}

/* Dark wordmark → light on navy canvas; cyan mark stays on-brand */
html[data-theme="dark"] .site-logo img, html[data-theme="dark"] .footer-brand img{
  filter: invert(1) hue-rotate(180deg) brightness(1.08) contrast(1.05) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .nav-primary > li > a, html[data-theme="dark"] body.home .nav-primary > li > a, html[data-theme="dark"] body:not(.home) .nav-primary > li > a{
  color: rgb(255, 255, 255) !important;
}

html[data-theme="dark"] .nav-primary > li > a:hover, html[data-theme="dark"] body.home .nav-primary > li > a:hover, html[data-theme="dark"] body:not(.home) .nav-primary > li > a:hover{
  color: #fff !important;
}

html[data-theme="dark"] .site-header .nav-primary > li.current-menu-item > a, html[data-theme="dark"] .site-header .nav-primary > li.current_page_item > a, html[data-theme="dark"] .site-header .nav-primary > li.current-menu-ancestor > a, html[data-theme="dark"] .site-header .nav-primary > li.is-active > a, html[data-theme="dark"] body.home .site-header .nav-primary > li.current-menu-item > a, html[data-theme="dark"] body:not(.home) .site-header .nav-primary > li.current-menu-item > a{
  color: #22d3ee !important;
  background: rgba(0, 119, 255, 0.16) !important;
}

html[data-theme="dark"] .nav-toggle, html[data-theme="dark"] body.home .site-header.is-scrolled .nav-toggle, html[data-theme="dark"] body:not(.home) .site-header.is-scrolled .nav-toggle{
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(125, 211, 252, 0.22) !important;
}

html[data-theme="dark"] .nav-toggle span, html[data-theme="dark"] body.home .nav-toggle span, html[data-theme="dark"] body:not(.home) .nav-toggle span{
  background: #fff !important;
}

html[data-theme="dark"] .btn-header-cta{
  color: #fff !important;
}

/* ---------- Mega menus + dropdowns ---------- */
html[data-theme="dark"] .dz-mega, html[data-theme="dark"] .nav-primary .sub-menu{
  background: #0b1428 !important;
  border-color: rgb(12, 171, 245) !important;
  box-shadow: var(--cg-shadow) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dz-mega{
  max-height: 450px !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 18px !important;
  align-items: start !important;
  grid-auto-rows: min-content !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior-y: contain;
}

html[data-theme="dark"] .dz-mega-aside, html[data-theme="dark"] .dz-mega-main, html[data-theme="dark"] .dz-mega-feat, html[data-theme="dark"] .dz-mega-nav-panel{
  overflow: visible !important;
  max-height: none !important;
}

html[data-theme="dark"] .dz-mega-nav-panel{
  background: #0a1426 !important;
  border-color: rgba(125, 211, 252, 0.12) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dz-mega-aside{
  background:
    radial-gradient(ellipse 80% 55% at 0% 0%, rgba(0, 119, 255, 0.18), transparent 55%),
    #0c1730 !important;
  border-color: var(--cg-line) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dz-mega-main{
  background: #0a1426 !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dz-mega-aside h3, html[data-theme="dark"] .dz-mega-col-title, html[data-theme="dark"] .dz-mega-offer strong, html[data-theme="dark"] .dz-mega-product-card strong, html[data-theme="dark"] .dz-mega-cats a, html[data-theme="dark"] .dz-mega-nav-head strong, html[data-theme="dark"] .dz-mega-testi-head span, html[data-theme="dark"] .dz-mega-testi footer, html[data-theme="dark"] .nav-primary .sub-menu a{
  color: #f4f8ff !important;
}

html[data-theme="dark"] .dz-mega-lead, html[data-theme="dark"] .dz-mega-offer em, html[data-theme="dark"] .dz-mega-product-card > p, html[data-theme="dark"] .dz-mega-nav-head em, html[data-theme="dark"] .dz-mega-nav-list a, html[data-theme="dark"] .dz-mega-testi blockquote p, html[data-theme="dark"] .dz-mega-ind-kicker{
  color: #ffffff;
}

html[data-theme="dark"] .dz-mega-col a{
  color: rgb(255, 255, 255) !important;
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] .dz-mega-col a:hover{
  color: #f4f8ff !important;
  background: rgba(0, 119, 255, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.18) !important;
}

html[data-theme="dark"] .dz-mega-col, html[data-theme="dark"] .dz-mega-offer, html[data-theme="dark"] .dz-mega-case-item, html[data-theme="dark"] .dz-mega-product-card, html[data-theme="dark"] .dz-mega-testi blockquote{
  background:
    linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
  border-color: var(--cg-line) !important;
  color: var(--cg-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .dz-mega-col:hover, html[data-theme="dark"] .dz-mega-offer:hover, html[data-theme="dark"] .dz-mega-case-item:hover, html[data-theme="dark"] .dz-mega-cats a:hover, html[data-theme="dark"] .nav-primary .sub-menu a:hover{
  background:
    linear-gradient(165deg, rgba(0, 119, 255, 0.14), rgba(255, 255, 255, 0.04)) !important;
  border-color: rgba(125, 211, 252, 0.36) !important;
}

html[data-theme="dark"] .dz-mega-col a:hover, html[data-theme="dark"] .dz-mega-nav-list a:hover{
  color: #f4f8ff !important;
}

html[data-theme="dark"] .dz-mega-cats a span, html[data-theme="dark"] .dz-mega-col-title span, html[data-theme="dark"] .dz-mega-offer-num, html[data-theme="dark"] .dz-mega-nav-num, html[data-theme="dark"] .dz-mega-case-num, html[data-theme="dark"] .dz-mega-product-caps li, html[data-theme="dark"] .dz-mega-portfolio .dz-mega-count{
  background: rgba(0, 119, 255, 0.16) !important;
  border: 1px solid rgba(125, 211, 252, 0.24) !important;
  color: #7dd3fc !important;
}

html[data-theme="dark"] .dz-mega-all:not(.dz-mega-all--primary){
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
  color: #fff !important;
}

html[data-theme="dark"] .dz-mega-all--primary, html[data-theme="dark"] .dz-mega-aside .dz-mega-all, html[data-theme="dark"] .dz-mega-main .dz-mega-all--primary{
  color: #fff !important;
}

/* Company / Resources mega — unified dark panel */
html[data-theme="dark"] .dz-mega-resources, html[data-theme="dark"] .dz-mega-feat{
  background:
    radial-gradient(ellipse 75% 55% at 0% 0%, rgba(0, 119, 255, 0.2), transparent 55%),
    linear-gradient(180deg, #0d1832 0%, #0a1428 100%) !important;
  border-color: var(--cg-line) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dz-mega-feat h3, html[data-theme="dark"] .dz-mega-feature-title{
  color: #ffffff;
}

html[data-theme="dark"] .dz-mega-feat .dz-mega-lead{
  text-align: justify;
  color: rgb(255, 255, 255) !important;
  border-color: rgba(125, 211, 252, 0.12) !important;
}

html[data-theme="dark"] .dz-mega-feature-card{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(125, 211, 252, 0.2) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .dz-mega-feature-card:hover{
  background: rgba(0, 119, 255, 0.12) !important;
  border-color: rgba(125, 211, 252, 0.36) !important;
}

html[data-theme="dark"] .dz-mega-feature-title:hover, html[data-theme="dark"] .dz-mega-feature-link{
  color: #38bdf8 !important;
}

html[data-theme="dark"] .dz-mega-feature-link:hover{
  color: #7dd3fc !important;
}

html[data-theme="dark"] .dz-mega-nav-list a{
  color: rgb(255, 255, 255) !important;
}

html[data-theme="dark"] .dz-mega-nav-list a.is-cta{
  background: linear-gradient(135deg, rgba(0, 119, 255, 0.32), rgba(34, 204, 255, 0.16)) !important;
  border: 1px solid rgba(125, 211, 252, 0.32) !important;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(0, 119, 255, 0.2) !important;
}

html[data-theme="dark"] .dz-mega-nav-list a.is-cta:hover{
  background: linear-gradient(135deg, rgba(0, 119, 255, 0.45), rgba(34, 204, 255, 0.24)) !important;
  color: #fff !important;
}

html[data-theme="dark"] .dz-mega-nav-head{
  border-color: rgba(125, 211, 252, 0.12) !important;
}

/* ---------- Shared surfaces ---------- */
html[data-theme="dark"] .section-light{
  background: var(--cg-light) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .dz-band-white, html[data-theme="dark"] .dz-band-soft{
  background:
    radial-gradient(ellipse 55% 70% at 50% -10%, rgba(0, 140, 255, 0.1), transparent 58%),
    transparent !important;
}

html[data-theme="dark"] .dz-trust, html[data-theme="dark"] .dz-stack, html[data-theme="dark"] .dz-solutions, html[data-theme="dark"] .dz-quotes, html[data-theme="dark"] .dz-about, html[data-theme="dark"] .dz-cta, html[data-theme="dark"] .dz-inquiry, html[data-theme="dark"] .dz-offers-home, html[data-theme="dark"] .dz-work, html[data-theme="dark"] .dz-why, html[data-theme="dark"] .dz-flow, html[data-theme="dark"] .dz-process, html[data-theme="dark"] .dz-products-home, html[data-theme="dark"] .dz-industries, html[data-theme="dark"] .dz-products{
  background: transparent !important;
  color: #ffffff !important;
}

/* Glass cards — home + shared */
html[data-theme="dark"] .dz-client, html[data-theme="dark"] .dz-stack-item, html[data-theme="dark"] .dz-solve, html[data-theme="dark"] .dz-problem, html[data-theme="dark"] .dz-sol, html[data-theme="dark"] .dz-offer-card, html[data-theme="dark"] .dz-offer-card:hover, html[data-theme="dark"] .dz-offer-card.is-open, html[data-theme="dark"] .dz-svc-row, html[data-theme="dark"] .dz-flow-node, html[data-theme="dark"] .dz-case, html[data-theme="dark"] .dz-why-card, html[data-theme="dark"] .dz-inquiry-panel, html[data-theme="dark"] .dz-product, html[data-theme="dark"] .dz-timeline, html[data-theme="dark"] .dz-step-panel, html[data-theme="dark"] .dz-step-num, html[data-theme="dark"] .dz-ind, html[data-theme="dark"] .dz-quote-shell, html[data-theme="dark"] .dz-cta-shell, html[data-theme="dark"] .dz-hero-proof, html[data-theme="dark"] .dz-caps-proof, html[data-theme="dark"] .svc-card, html[data-theme="dark"] .service-card, html[data-theme="dark"] .stat-card, html[data-theme="dark"] .hire-card, html[data-theme="dark"] .blog-card, html[data-theme="dark"] .team-card, html[data-theme="dark"] .product-card, html[data-theme="dark"] .gallery-card, html[data-theme="dark"] .faq-item, html[data-theme="dark"] .login-wrap, html[data-theme="dark"] .contact-info-card, html[data-theme="dark"] .contact-form-card, html[data-theme="dark"] .offer-card, html[data-theme="dark"] .industry-card, html[data-theme="dark"] .case-card, html[data-theme="dark"] .service-detail-card, html[data-theme="dark"] .service-detail-aside-card, html[data-theme="dark"] .portfolio-card, html[data-theme="dark"] .portfolio-filters, html[data-theme="dark"] .product-spotlight, html[data-theme="dark"] .product-plan, html[data-theme="dark"] .product-feature, html[data-theme="dark"] .content-prose{
  background: var(--cg-glass) !important;
  border-color: var(--cg-line) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .dz-client:hover, html[data-theme="dark"] .dz-offer-card:hover, html[data-theme="dark"] .dz-svc-row:hover, html[data-theme="dark"] .dz-why-card:hover, html[data-theme="dark"] .dz-case:hover, html[data-theme="dark"] .dz-product:hover, html[data-theme="dark"] .dz-ind:hover, html[data-theme="dark"] .dz-sol:hover, html[data-theme="dark"] .svc-card:hover, html[data-theme="dark"] .service-card:hover, html[data-theme="dark"] .blog-card:hover, html[data-theme="dark"] .team-card:hover, html[data-theme="dark"] .offer-card:hover, html[data-theme="dark"] .portfolio-card:hover{
  background: var(--cg-glass-hover) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
}

/* Titles on cards */
html[data-theme="dark"] .dz-client-name, html[data-theme="dark"] .dz-offer-card-title, html[data-theme="dark"] .dz-offer-card-block h3, html[data-theme="dark"] .dz-offer-card-foot strong, html[data-theme="dark"] .dz-svc-row-title, html[data-theme="dark"] .dz-why-card h3, html[data-theme="dark"] .dz-case h3, html[data-theme="dark"] .dz-product h3, html[data-theme="dark"] .dz-ind h3, html[data-theme="dark"] .dz-solve h3, html[data-theme="dark"] .dz-sol h3, html[data-theme="dark"] .dz-quote cite, html[data-theme="dark"] .dz-quote-by strong, html[data-theme="dark"] .dz-about-copy h2, html[data-theme="dark"] .dz-step-meta strong, html[data-theme="dark"] .dz-step-label, html[data-theme="dark"] .dz-cta .dz-head h2, html[data-theme="dark"] .dz-inquiry-panel h2, html[data-theme="dark"] .dz-head h2{
  color: #ffffff;
}

html[data-theme="dark"] .dz-client-domain, html[data-theme="dark"] .dz-offer-card-outcome, html[data-theme="dark"] .dz-offer-card-lead, html[data-theme="dark"] .dz-offer-card-includes, html[data-theme="dark"] .dz-svc-row-detail, html[data-theme="dark"] .dz-why-card p, html[data-theme="dark"] .dz-case p, html[data-theme="dark"] .dz-case-meta, html[data-theme="dark"] .dz-product p, html[data-theme="dark"] .dz-ind p, html[data-theme="dark"] .dz-solve p, html[data-theme="dark"] .dz-sol-desc, html[data-theme="dark"] .dz-quote p, html[data-theme="dark"] .dz-step-copy, html[data-theme="dark"] .dz-about-copy > p, html[data-theme="dark"] .dz-inquiry-lead, html[data-theme="dark"] .dz-contact-copy > span:first-child{
  color: #ffffff;
}

/* Pills / tags / flow — dark glass, never white-on-white */
html[data-theme="dark"] .dz-offer-card-tags li, html[data-theme="dark"] .offer-tags li, html[data-theme="dark"] .industry-tags li, html[data-theme="dark"] .dz-svc-row-tags span, html[data-theme="dark"] .dz-about-focus li, html[data-theme="dark"] .dz-sol li, html[data-theme="dark"] .dz-sol li a, html[data-theme="dark"] .service-detail-tags li, html[data-theme="dark"] .service-detail-tags li a, html[data-theme="dark"] .chip, html[data-theme="dark"] .tag, html[data-theme="dark"] .portfolio-filter-chip{
  background: rgba(0, 119, 255, 0.16) !important;
  border: 1px solid rgba(125, 211, 252, 0.24) !important;
  color: #e8f4ff !important;
}

html[data-theme="dark"] .dz-offer-card-flow, html[data-theme="dark"] .offer-flow, html[data-theme="dark"] .offer-flow li, html[data-theme="dark"] .service-detail-flow{
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(125, 211, 252, 0.16) !important;
}

html[data-theme="dark"] .dz-offer-card-flow li, html[data-theme="dark"] .offer-flow li, html[data-theme="dark"] .service-detail-flow li{
  color: #e8f4ff !important;
  border-color: rgba(125, 211, 252, 0.12) !important;
  background: transparent !important;
}

html[data-theme="dark"] .dz-offer-card-flow li:not(:last-child)::after, html[data-theme="dark"] .offer-flow li:not(:last-child)::after, html[data-theme="dark"] .service-detail-flow li:not(:last-child)::after{
  color: #38bdf8 !important;
}

html[data-theme="dark"] .dz-offer-card-block h3, html[data-theme="dark"] .offer-block h3, html[data-theme="dark"] .service-detail-block h3{
  color: #7dd3fc !important;
}

html[data-theme="dark"] .dz-offer-card-foot{
  border-color: rgba(125, 211, 252, 0.14) !important;
}

/* Industries mega — Target list + Solutions chips, equal cards */
html[data-theme="dark"] .dz-mega-industries .dz-mega-main{
  overflow: visible !important;
  min-height: 0 !important;
}

html[data-theme="dark"] .dz-mega-industries .dz-mega-cols-3{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: auto auto auto auto auto !important;
  column-gap: 14px !important;
  row-gap: 10px !important;
}

html[data-theme="dark"] .dz-mega-industries .dz-mega-col{
  display: grid !important;
  grid-template-rows: subgrid !important;
  grid-row: span 5 !important;
  height: auto !important;
}

html[data-theme="dark"] .dz-mega-industries .dz-mega-ind-targets{
  height: 100% !important;
  margin: 0 !important;
}

html[data-theme="dark"] .dz-mega-ind-targets{
  margin: 0 !important;
  padding: 6px 12px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(125, 211, 252, 0.14) !important;
}

html[data-theme="dark"] .dz-mega-ind-targets li{
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(125, 211, 252, 0.1) !important;
  border-radius: 0 !important;
  color: rgb(255 255 255) !important;
  padding: 4px 0 7px 12px !important;
  font-size: 13.5px !important;
}

html[data-theme="dark"] .dz-mega-ind-targets li:last-child{
  border-bottom: 0 !important;
}

html[data-theme="dark"] .dz-mega-ind-targets li::before{
  background: #38bdf8 !important;
}

html[data-theme="dark"] .dz-mega-ind-kicker{
  color: #7dd3fc !important;
  letter-spacing: 0.12em !important;
}

html[data-theme="dark"] .dz-mega-ind-solutions{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] .dz-mega-ind-solutions li{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html[data-theme="dark"] .dz-mega-ind-solutions a, html[data-theme="dark"] .dz-mega-industries .dz-mega-ind-solutions a{
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(0, 119, 255, 0.14) !important;
  border: 1px solid rgba(125, 211, 252, 0.22) !important;
  color: #e8f4ff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

html[data-theme="dark"] .dz-mega-ind-solutions a:hover, html[data-theme="dark"] .dz-mega-industries .dz-mega-ind-solutions a:hover{
  background: rgba(0, 119, 255, 0.28) !important;
  border-color: rgba(125, 211, 252, 0.4) !important;
  color: #fff !important;
  padding-left: 10px !important;
}

html[data-theme="dark"] .dz-mega-col ul:not(.dz-mega-ind-targets):not(.dz-mega-ind-solutions) li a, html[data-theme="dark"] .dz-mega-col > ul:not(.dz-mega-ind-solutions) li a{
  position: relative !important;
  display: block !important;
  padding: 7px 10px 7px 14px !important;
  margin: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  color: rgb(255, 255, 255) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html[data-theme="dark"] .dz-mega-col ul:not(.dz-mega-ind-targets):not(.dz-mega-ind-solutions) li a:hover, html[data-theme="dark"] .dz-mega-col > ul:not(.dz-mega-ind-solutions) li a:hover{
  color: #f4f8ff !important;
  background: rgba(0, 119, 255, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.18) !important;
  padding-left: 16px !important;
}

html[data-theme="dark"] .portfolio-filter-chip.is-active, html[data-theme="dark"] .portfolio-filter-chip:hover{
  background: rgba(0, 119, 255, 0.32) !important;
  color: #fff !important;
}

/* Numbers / badges */
html[data-theme="dark"] .dz-offer-card-num, html[data-theme="dark"] .dz-svc-row-num, html[data-theme="dark"] .dz-step-index, html[data-theme="dark"] .service-detail-num, html[data-theme="dark"] .dz-solve-num, html[data-theme="dark"] .dz-sol-num{
  color: #7dd3fc !important;
}

html[data-theme="dark"] .dz-offer-card-num, html[data-theme="dark"] .dz-step-index, html[data-theme="dark"] .service-detail-num{
  background: rgba(0, 119, 255, 0.16) !important;
  border-color: rgba(125, 211, 252, 0.25) !important;
}

/* Process */
html[data-theme="dark"] .dz-timeline, html[data-theme="dark"] .dz-step-panel{
  background: var(--cg-glass) !important;
  border-color: var(--cg-line) !important;
}

html[data-theme="dark"] .dz-timeline-track{
  background: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .dz-step-num{
  background: #0c1730 !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: rgb(255, 255, 255) !important;
  box-shadow: 0 0 0 4px var(--cg-ink) !important;
}

html[data-theme="dark"] .dz-step.is-active .dz-step-num{
  background: linear-gradient(145deg, var(--cg-blue), #0055ff) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow:
    0 0 0 4px var(--cg-ink),
    0 0 0 6px rgba(0, 119, 255, 0.25),
    0 8px 18px rgba(0, 119, 255, 0.3) !important;
}

html[data-theme="dark"] .dz-step.is-done .dz-step-num{
  background: rgba(0, 119, 255, 0.18) !important;
  color: #7dd3fc !important;
  box-shadow: 0 0 0 4px var(--cg-ink) !important;
}

html[data-theme="dark"] .dz-step.is-active .dz-step-label, html[data-theme="dark"] .dz-step.is-done .dz-step-label, html[data-theme="dark"] .dz-step:hover .dz-step-label{
  color: #ffffff;
}

/* Quotes */
html[data-theme="dark"] .dz-quote-controls{
  border-color: var(--cg-line) !important;
}

html[data-theme="dark"] .dz-quote-nav button{
  background: rgba(255, 255, 255, 0.18) !important;
}

html[data-theme="dark"] .dz-quote-prev, html[data-theme="dark"] .dz-quote-next{
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
  color: #7dd3fc !important;
}

html[data-theme="dark"] .dz-quote-prev:hover, html[data-theme="dark"] .dz-quote-next:hover{
  background: rgba(0, 119, 255, 0.22) !important;
  color: #fff !important;
}

html[data-theme="dark"] .dz-quote-prev svg, html[data-theme="dark"] .dz-quote-next svg{
  stroke: currentColor !important;
}

/* About */
html[data-theme="dark"] .dz-about-focus li{
  background: rgba(0, 119, 255, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.22) !important;
  color: #e8f4ff !important;
}

html[data-theme="dark"] .dz-about-link{
  color: #38bdf8 !important;
}

/* Contact rows */
html[data-theme="dark"] .dz-contact-list li{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--cg-line) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .dz-contact-list li:hover{
  background: rgba(0, 119, 255, 0.1) !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
}

html[data-theme="dark"] .dz-contact-icon{
  color: #38bdf8 !important;
  background: rgba(0, 119, 255, 0.16) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
}

html[data-theme="dark"] .dz-contact-copy a, html[data-theme="dark"] .dz-contact-copy em{
  color: #ffffff;
}

/* Forms */
html[data-theme="dark"] .dz-form input, html[data-theme="dark"] .dz-form select, html[data-theme="dark"] .dz-form textarea, html[data-theme="dark"] .dz-inquiry input, html[data-theme="dark"] .dz-inquiry textarea, html[data-theme="dark"] .dz-inquiry select, html[data-theme="dark"] .form-grid input, html[data-theme="dark"] .form-grid textarea, html[data-theme="dark"] .form-grid select, html[data-theme="dark"] .contact-form input, html[data-theme="dark"] .contact-form textarea, html[data-theme="dark"] .contact-form select, html[data-theme="dark"] .career-form input, html[data-theme="dark"] .career-form textarea, html[data-theme="dark"] .career-form select, html[data-theme="dark"] .login-wrap input, html[data-theme="dark"] body:not(.home) input[type="text"], html[data-theme="dark"] body:not(.home) input[type="email"], html[data-theme="dark"] body:not(.home) input[type="tel"], html[data-theme="dark"] body:not(.home) input[type="url"], html[data-theme="dark"] body:not(.home) input[type="password"], html[data-theme="dark"] body:not(.home) textarea, html[data-theme="dark"] body:not(.home) select{
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--cg-line) !important;
  color: #ffffff;
}

html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder{
  color: rgba(176, 198, 224, 0.45) !important;
}

html[data-theme="dark"] .dz-form label, html[data-theme="dark"] label{
  color: rgb(255, 255, 255) !important;
}

html[data-theme="dark"] .alert{
  background: rgba(0, 119, 255, 0.14) !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
  color: #ffffff;
}

/* Buttons */
html[data-theme="dark"] .btn-outline, html[data-theme="dark"] .dz-hero .btn-outline, html[data-theme="dark"] a.btn-outline, html[data-theme="dark"] .dz-cta .dz-btn-ghost{
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(125, 211, 252, 0.4) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .btn-outline:hover, html[data-theme="dark"] .dz-hero .btn-outline:hover, html[data-theme="dark"] .dz-cta .dz-btn-ghost:hover{
  background: rgba(0, 119, 255, 0.22) !important;
  border-color: rgba(125, 211, 252, 0.7) !important;
  color: #fff !important;
}

html[data-theme="dark"] .btn:not(.btn-outline):not(.btn-dark), html[data-theme="dark"] .btn-primary, html[data-theme="dark"] a.btn:not(.btn-outline):not(.btn-dark){
  color: #fff !important;
}

/* ---------- Inner pages ---------- */
html[data-theme="dark"] body:not(.home) .page-hero{
  background: radial-gradient(ellipse 50% 60% at 70% 0%, rgba(0, 180, 255, 0.18), transparent 55%), radial-gradient(ellipse 40% 50% at 10% 100%, rgba(0, 119, 255, 0.14), transparent 50%), #0099ff1a !important;
  color: #fff !important;
}

html[data-theme="dark"] body:not(.home) .page-hero h1{
  color: #fff !important;
}

html[data-theme="dark"] body:not(.home) .page-hero p{
  color: rgb(255, 255, 255) !important;
}

html[data-theme="dark"] body:not(.home) .contact-page, html[data-theme="dark"] body:not(.home) .services-catalog-section, html[data-theme="dark"] body:not(.home) .products-section, html[data-theme="dark"] body:not(.home) .section, html[data-theme="dark"] body:not(.home) .section-light, html[data-theme="dark"] body:not(.home) .solutions-page{
  background: transparent !important;
}

html[data-theme="dark"] body:not(.home) p, html[data-theme="dark"] body:not(.home) li, html[data-theme="dark"] body:not(.home) .team-lead, html[data-theme="dark"] body:not(.home) .service-detail-lead, html[data-theme="dark"] body:not(.home) .service-detail-outcome, html[data-theme="dark"] body:not(.home) .service-detail-includes, html[data-theme="dark"] body:not(.home) .service-detail-prose, html[data-theme="dark"] body:not(.home) .service-detail-aside-card > p, html[data-theme="dark"] body:not(.home) .service-detail-related span{
  color: #ffffff;
}

html[data-theme="dark"] body:not(.home) h1, html[data-theme="dark"] body:not(.home) h2, html[data-theme="dark"] body:not(.home) h3, html[data-theme="dark"] body:not(.home) h4, html[data-theme="dark"] body:not(.home) strong, html[data-theme="dark"] body:not(.home) .service-detail-foot strong, html[data-theme="dark"] body:not(.home) .service-detail-related strong{
  color: #ffffff;
}

html[data-theme="dark"] body:not(.home) .portfolio-lightbox, html[data-theme="dark"] body:not(.home) .portfolio-lightbox-panel{
  background: #0c1730 !important;
  border-color: var(--cg-line) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:not(.home) .service-detail-related a{
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--cg-line) !important;
  color: #e8f4ff !important;
}

html[data-theme="dark"] body:not(.home) .service-detail-related a:hover{
  background: rgba(0, 119, 255, 0.12) !important;
}

html[data-theme="dark"] body:not(.home) .contact-channel-copy > span:first-child, html[data-theme="dark"] body:not(.home) .footer-contact-label{
  color: rgb(255, 255, 255) !important;
}

html[data-theme="dark"] body:not(.home) .contact-channel-copy a, html[data-theme="dark"] body:not(.home) .contact-channel-copy em{
  color: #ffffff;
}

/* Catch leftover light panels on pages */
html[data-theme="dark"] body:not(.home) .product-card, html[data-theme="dark"] body:not(.home) .career-card, html[data-theme="dark"] body:not(.home) .hire-card, html[data-theme="dark"] body:not(.home) .faq-item, html[data-theme="dark"] body:not(.home) .login-wrap, html[data-theme="dark"] body:not(.home) .content-prose, html[data-theme="dark"] body:not(.home) .offer-card, html[data-theme="dark"] body:not(.home) .industry-card, html[data-theme="dark"] body:not(.home) .case-card, html[data-theme="dark"] body:not(.home) .team-card, html[data-theme="dark"] body:not(.home) .gallery-card, html[data-theme="dark"] body:not(.home) .blog-card, html[data-theme="dark"] body:not(.home) .svc-card, html[data-theme="dark"] body:not(.home) .service-card, html[data-theme="dark"] body:not(.home) .stat-card, html[data-theme="dark"] body:not(.home) .portfolio-card, html[data-theme="dark"] body:not(.home) .contact-info-card, html[data-theme="dark"] body:not(.home) .contact-form-card, html[data-theme="dark"] body:not(.home) .service-detail-card, html[data-theme="dark"] body:not(.home) .service-detail-aside-card, html[data-theme="dark"] body:not(.home) .dz-sol{
  background: var(--cg-glass) !important;
  border-color: var(--cg-line) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:not(.home) .dz-sol h2, html[data-theme="dark"] body:not(.home) .dz-sol-num{
  color: #ffffff;
}

html[data-theme="dark"] body:not(.home) .dz-sol-desc{
  color: #ffffff;
}

html[data-theme="dark"] body:not(.home) .dz-sol li a{
  background: rgba(0, 119, 255, 0.14) !important;
  border: 1px solid rgba(125, 211, 252, 0.2) !important;
  color: #e8f4ff !important;
}

/* ---------- Footer ---------- */
html[data-theme="dark"] .site-footer{
  background:
    radial-gradient(ellipse 40% 50% at 0% 0%, rgba(0, 119, 255, 0.14), transparent 55%),
    radial-gradient(ellipse 35% 45% at 100% 100%, rgba(34, 204, 255, 0.1), transparent 50%),
    var(--cg-ink) !important;
}

html[data-theme="dark"] .footer-bottom{
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .footer-copy-brand, html[data-theme="dark"] .entry-content a, html[data-theme="dark"] .content-prose a{
  color: #22d3ee !important;
}

html[data-theme="dark"] .scroll-top{
  background: linear-gradient(135deg, #22ccff 0%, #0077ff 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 10px 28px rgba(0, 119, 255, 0.4) !important;
}

/* ---------- Motion fail-safe ---------- */
html[data-theme="dark"] .dz-reveal:not(.is-in){
  animation: cgRevealFailsafe 0.4s ease 2s forwards;
}

@keyframes cgRevealFailsafe {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .dz-reveal, html[data-theme="dark"] .dz-reveal:not(.is-in){
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* ---------- Polish ---------- */
html[data-theme="dark"] .dz-inquiry{
  background:
    radial-gradient(ellipse 50% 70% at 85% 15%, rgba(0, 180, 255, 0.12), transparent 55%),
    var(--cg-light) !important;
}

html[data-theme="dark"] .dz-sec-num{
  color: #38bdf8 !important;
}

html[data-theme="dark"] .dz-about-link, html[data-theme="dark"] .dz-offer-card-go, html[data-theme="dark"] .dz-svc-row-go{
  color: #38bdf8 !important;
}

html[data-theme="dark"] .dz-about-link:hover{
  color: #7dd3fc !important;
}

/* Section CTAs — solid white on blue gradient */
html[data-theme="dark"] .dz-solve-more a, html[data-theme="dark"] .dz-solve-more a:hover, html[data-theme="dark"] .dz-products .dz-solve-more a, html[data-theme="dark"] .dz-work .dz-solve-more a, html[data-theme="dark"] .dz-actions .dz-btn, html[data-theme="dark"] .dz-actions a.dz-btn, html[data-theme="dark"] a.btn:not(.btn-outline):not(.btn-dark), html[data-theme="dark"] .btn:not(.btn-outline):not(.btn-dark), html[data-theme="dark"] .dz-offer-card-foot .btn, html[data-theme="dark"] .dz-form .dz-btn{
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
}

html[data-theme="dark"] .dz-solve-more a{
  background: linear-gradient(135deg, #1a9fff 0%, #0066ee 55%, #0050d4 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 10px 24px rgba(0, 80, 200, 0.28) !important;
}

html[data-theme="dark"] .dz-solve-more a:hover{
  background: linear-gradient(135deg, #2ab0ff 0%, #0077ff 55%, #005be0 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 14px 30px rgba(0, 90, 210, 0.34) !important;
}

/* Flow cards — number + title on one line */
html[data-theme="dark"] .dz-flow-head{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

html[data-theme="dark"] .dz-flow-num{
  box-shadow: 0 0 0 4px var(--cg-ink) !important;
}

html[data-theme="dark"] .dz-flow-node:hover .dz-flow-num, html[data-theme="dark"] .dz-flow-node:focus-visible .dz-flow-num, html[data-theme="dark"] .dz-flow-node.is-active .dz-flow-num{
  box-shadow:
    0 0 0 4px var(--cg-ink),
    0 8px 18px rgba(0, 119, 255, 0.28) !important;
}

html[data-theme="dark"] .dz-flow-head h3, html[data-theme="dark"] .dz-flow-node.is-active .dz-flow-head h3, html[data-theme="dark"] .dz-flow-node.is-active h3{
  color: #ffffff;
  margin: 0 !important;
}

/* Product page — readable feature cards */
html[data-theme="dark"] .product-spotlight-features article, html[data-theme="dark"] .product-spotlight-industries article, html[data-theme="dark"] .product-spotlight-support article, html[data-theme="dark"] .product-spotlight-plans article, html[data-theme="dark"] .product-spotlight-highlights li, html[data-theme="dark"] .product-spotlight-proof li{
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)) !important;
  border: 1px solid rgba(125, 211, 252, 0.18) !important;
  color: rgba(214, 226, 242, 0.9) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .product-spotlight-features h3, html[data-theme="dark"] .product-spotlight-industries h4, html[data-theme="dark"] .product-spotlight-support h4, html[data-theme="dark"] .product-spotlight-plans h4, html[data-theme="dark"] .product-spotlight-proof strong, html[data-theme="dark"] .product-spotlight-block-title, html[data-theme="dark"] .product-spotlight-copy h2, html[data-theme="dark"] .product-spotlight-highlights li{
  color: #f4f8ff !important;
}

html[data-theme="dark"] .product-spotlight-features p, html[data-theme="dark"] .product-spotlight-industries p, html[data-theme="dark"] .product-spotlight-support p, html[data-theme="dark"] .product-spotlight-plan-blurb, html[data-theme="dark"] .product-spotlight-plans li, html[data-theme="dark"] .product-spotlight-proof span, html[data-theme="dark"] .product-spotlight-block-lead, html[data-theme="dark"] .product-spotlight-lead, html[data-theme="dark"] .product-spotlight-overview{
  color: rgba(186, 205, 228, 0.9) !important;
}

html[data-theme="dark"] .product-spotlight-integrations li, html[data-theme="dark"] .product-spotlight-caps li{
  background: rgba(0, 119, 255, 0.14) !important;
  border: 1px solid rgba(125, 211, 252, 0.22) !important;
  color: #e8f4ff !important;
}

html[data-theme="dark"] .product-spotlight-plan-price{
  color: #7dd3fc !important;
}

html[data-theme="dark"] .btn:not(.btn-outline):not(.btn-dark), html[data-theme="dark"] .dz-mega-all--primary{
  box-shadow: 0 10px 24px rgba(0, 80, 200, 0.28) !important;
}

html[data-theme="dark"] .btn:not(.btn-outline):not(.btn-dark):hover, html[data-theme="dark"] .dz-mega-all--primary:hover{
  box-shadow: 0 14px 30px rgba(0, 90, 210, 0.34) !important;
}

/* Clients — big logos on white wells, readable names */
html[data-theme="dark"] .clients-grid .client-card, html[data-theme="dark"] .client-card, html[data-theme="dark"] .dz-client{
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(125, 211, 252, 0.16) !important;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .client-card:hover, html[data-theme="dark"] .dz-client:hover{
  background: rgba(0, 119, 255, 0.1) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
}

html[data-theme="dark"] .client-logo, html[data-theme="dark"] .dz-client-logo, html[data-theme="dark"] .client-mark{
  width: 96px !important;
  height: 96px !important;
  background: #fff !important;
  border: 1px solid rgba(226, 232, 245, 0.95) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

html[data-theme="dark"] .dz-client-logo{
  width: 88px !important;
  height: 88px !important;
}

html[data-theme="dark"] .client-logo img, html[data-theme="dark"] .dz-client-logo img{
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .dz-client-logo img{
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
}

html[data-theme="dark"] .client-name, html[data-theme="dark"] .dz-client-name{
  color: #ffffff;
}

html[data-theme="dark"] .dz-client-domain, html[data-theme="dark"] .clients-note{
  color: #ffffff;
}

/* ---------- Full-site polish ---------- */
html[data-theme="dark"] ::selection{
  background: rgba(0, 119, 255, 0.45);
  color: #fff;
}

html[data-theme="dark"]{
  scrollbar-color: rgba(125, 211, 252, 0.35) #060b1c;
}

/* Kill leftover light section fills */
html[data-theme="dark"] .section, html[data-theme="dark"] .section-soft, html[data-theme="dark"] .band, html[data-theme="dark"] .page-section, html[data-theme="dark"] .services-page, html[data-theme="dark"] .products-page, html[data-theme="dark"] .portfolio-page, html[data-theme="dark"] .team-page, html[data-theme="dark"] .blog-page, html[data-theme="dark"] .careers-page, html[data-theme="dark"] .about-page, html[data-theme="dark"] .contact-page, html[data-theme="dark"] .faq-page, html[data-theme="dark"] .login-page, html[data-theme="dark"] .hire-page, html[data-theme="dark"] .solutions-page, html[data-theme="dark"] .offers-page, html[data-theme="dark"] .industries-page{
  background: transparent !important;
  color: #ffffff !important;
}

/* Soft atmospheric bands instead of flat #f8fafc */
html[data-theme="dark"] .dz-band-soft, html[data-theme="dark"] .dz-trust, html[data-theme="dark"] .dz-stack, html[data-theme="dark"] .dz-why, html[data-theme="dark"] .dz-flow, html[data-theme="dark"] .dz-process, html[data-theme="dark"] .dz-products-home, html[data-theme="dark"] .dz-industries{
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0, 140, 255, 0.07), transparent 60%),
    transparent !important;
}

/* Footer type */
html[data-theme="dark"] .site-footer, html[data-theme="dark"] .site-footer p, html[data-theme="dark"] .site-footer li, html[data-theme="dark"] .site-footer a, html[data-theme="dark"] .footer-nav a, html[data-theme="dark"] .footer-col p, html[data-theme="dark"] .footer-copy, html[data-theme="dark"] .footer-bottom, html[data-theme="dark"] .footer-bottom p{
  color: rgb(255, 255, 255) !important;
}

html[data-theme="dark"] .site-footer a:hover, html[data-theme="dark"] .footer-nav a:hover{
  color: #7dd3fc !important;
}

html[data-theme="dark"] .site-footer h3, html[data-theme="dark"] .site-footer h4, html[data-theme="dark"] .footer-col strong, html[data-theme="dark"] .footer-brand-name{
  color: #ffffff;
}

/* Hero / page title presence */
html[data-theme="dark"] .dz-hero h1, html[data-theme="dark"] .page-hero h1{
  letter-spacing: -0.02em;
  text-shadow: 0 8px 40px rgba(0, 80, 180, 0.35);
}

html[data-theme="dark"] .dz-hero .dz-lead, html[data-theme="dark"] .page-hero p{
  color: #ffffff;
}

/* Card hover lift — subtle professional motion */
html[data-theme="dark"] .dz-offer-card, html[data-theme="dark"] .dz-why-card, html[data-theme="dark"] .dz-case, html[data-theme="dark"] .dz-product, html[data-theme="dark"] .dz-ind, html[data-theme="dark"] .dz-sol, html[data-theme="dark"] .svc-card, html[data-theme="dark"] .service-card, html[data-theme="dark"] .portfolio-card, html[data-theme="dark"] .team-card, html[data-theme="dark"] .blog-card, html[data-theme="dark"] .offer-card, html[data-theme="dark"] .product-card{
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}

html[data-theme="dark"] .dz-offer-card:hover, html[data-theme="dark"] .dz-why-card:hover, html[data-theme="dark"] .dz-case:hover, html[data-theme="dark"] .dz-product:hover, html[data-theme="dark"] .dz-ind:hover, html[data-theme="dark"] .dz-sol:hover, html[data-theme="dark"] .svc-card:hover, html[data-theme="dark"] .service-card:hover, html[data-theme="dark"] .portfolio-card:hover, html[data-theme="dark"] .team-card:hover, html[data-theme="dark"] .blog-card:hover, html[data-theme="dark"] .offer-card:hover, html[data-theme="dark"] .product-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35) !important;
}

/* Divider lines */
html[data-theme="dark"] hr, html[data-theme="dark"] .dz-divider, html[data-theme="dark"] .section-rule{
  border-color: rgba(125, 211, 252, 0.14) !important;
  background: rgba(125, 211, 252, 0.14) !important;
}

/* Mobile nav drawer */
html[data-theme="dark"] .nav-drawer, html[data-theme="dark"] .mobile-nav, html[data-theme="dark"] .site-header .nav-primary.is-open{
  background: #0a1328 !important;
  color: #ffffff !important;
}

/* Table / prose leftovers */
html[data-theme="dark"] table th, html[data-theme="dark"] table td, html[data-theme="dark"] .content-prose, html[data-theme="dark"] .entry-content{
  color: #ffffff !important;
  border-color: var(--cg-line) !important;
}

html[data-theme="dark"] table th{
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff;
}

/* Breadcrumb / meta */
html[data-theme="dark"] .breadcrumb, html[data-theme="dark"] .breadcrumb a, html[data-theme="dark"] .post-meta, html[data-theme="dark"] .entry-meta{
  color: #ffffff;
}

html[data-theme="dark"] .breadcrumb a:hover{
  color: #7dd3fc !important;
}