body.home-dark {
  --ink: #f4f8f5;
  --muted: #a7b5af;
  --paper: #070c0a;
  --panel: #111815;
  --line: rgba(212, 232, 220, 0.14);
  --teal: #24c466;
  --teal-dark: #159447;
  --coral: #e8f6ee;
  --gold: #8fd2c4;
  --blue: #86b7d7;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
  background:
    radial-gradient(circle at 16% 8%, rgba(36, 196, 102, 0.14), transparent 34vw),
    radial-gradient(circle at 86% 18%, rgba(143, 210, 196, 0.12), transparent 30vw),
    linear-gradient(180deg, #07100c 0%, #080d0b 46%, #0b1110 100%);
  color: var(--ink);
}

body.home-dark::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, #000, transparent 74%);
}

body.home-dark .brand-intro {
  background:
    radial-gradient(circle at center, rgba(36, 196, 102, 0.16), transparent 36%),
    linear-gradient(135deg, #07100c, #101815 68%, #07100c);
}

body.home-dark .brand-intro::before {
  background:
    linear-gradient(rgba(143, 210, 196, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 210, 196, 0.07) 1px, transparent 1px);
}

body.home-dark .brand-intro::after {
  background: linear-gradient(100deg, transparent 8%, rgba(143, 210, 196, 0.2) 46%, transparent 64%);
}

body.home-dark .intro-logo-lockup {
  padding: 12px 22px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
}

body.home-dark .intro-line {
  background: rgba(143, 210, 196, 0.2);
}

body.home-dark .site-header {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(7, 12, 10, 0.84);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.24);
}

body.home-dark .brand {
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
}

body.home-dark .brand-logo {
  width: auto;
  height: 34px;
  max-width: 156px;
  object-fit: contain;
}

body.home-dark .site-nav a,
body.home-dark .language-switcher button {
  color: rgba(244, 248, 245, 0.76);
}

body.home-dark .site-nav a:hover,
body.home-dark .site-nav a:focus-visible,
body.home-dark .language-switcher button:hover,
body.home-dark .language-switcher button:focus-visible {
  color: #fff;
}

body.home-dark .language-switcher {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
}

body.home-dark .language-switcher button[aria-pressed="true"] {
  background: var(--teal);
  color: #06100b;
}

body.home-dark .nav-toggle {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.08);
}

body.home-dark .nav-toggle span {
  background: #fff;
}

body.home-dark .hero-overlay {
  background:
    linear-gradient(90deg, rgba(7, 12, 10, 0.96) 0%, rgba(7, 12, 10, 0.9) 34%, rgba(7, 12, 10, 0.57) 58%, rgba(7, 12, 10, 0.14) 82%),
    linear-gradient(0deg, rgba(7, 12, 10, 0.98), rgba(7, 12, 10, 0.18) 50%);
}

body.home-dark .hero-media img {
  filter: saturate(0.94) contrast(1.1) brightness(0.72);
}

body.home-dark .hero-content {
  border-color: rgba(143, 210, 196, 0.2);
  background:
    linear-gradient(135deg, rgba(15, 24, 20, 0.9), rgba(7, 12, 10, 0.72)),
    rgba(7, 12, 10, 0.88);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.46);
}

body.home-dark .hero-content h1,
body.home-dark h2,
body.home-dark h3 {
  color: #f7fbf8;
}

body.home-dark .hero-lead,
body.home-dark .offer-intro__copy p,
body.home-dark .offer-list p,
body.home-dark .template-body p,
body.home-dark .process-list p {
  color: rgba(226, 238, 231, 0.74);
}

body.home-dark .button-primary {
  color: #06100b;
  box-shadow: 0 14px 34px rgba(36, 196, 102, 0.26);
}

body.home-dark .button-primary:hover,
body.home-dark .button-primary:focus-visible {
  background: #42d67b;
}

body.home-dark .button-secondary {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #f6fbf7;
}

body.home-dark .button-secondary:hover,
body.home-dark .button-secondary:focus-visible {
  border-color: rgba(36, 196, 102, 0.54);
  background: rgba(36, 196, 102, 0.12);
}

body.home-dark .proof-strip,
body.home-dark .section-band,
body.home-dark .templates-showcase,
body.home-dark .why-section {
  border-color: rgba(255, 255, 255, 0.11);
  background: transparent;
}

body.home-dark .proof-strip {
  background: rgba(255, 255, 255, 0.035);
}

body.home-dark .proof-grid div,
body.home-dark .offer-list article,
body.home-dark .process-list li,
body.home-dark .template-card,
body.home-dark .templates-cta,
body.home-dark .why-benefits,
body.home-dark .contact-form {
  border-color: rgba(255, 255, 255, 0.12);
}

body.home-dark .proof-grid strong,
body.home-dark .offer-intro__copy .offer-lead,
body.home-dark .why-benefits > p:first-child,
body.home-dark .why-benefits li,
body.home-dark .why-summary {
  color: #f4f8f5;
}

body.home-dark .proof-grid span,
body.home-dark .why-copy p,
body.home-dark .templates-cta p,
body.home-dark .contact-layout p {
  color: rgba(226, 238, 231, 0.7);
}

body.home-dark .offer-list {
  border-top-color: rgba(255, 255, 255, 0.12);
}

body.home-dark .offer-list article:nth-child(even) {
  border-left-color: rgba(255, 255, 255, 0.12);
}

body.home-dark .offer-list article > span,
body.home-dark .process-list span {
  background: rgba(36, 196, 102, 0.14);
  color: #9af0b8;
}

body.home-dark .offer-bonus {
  border: 1px solid rgba(36, 196, 102, 0.28);
  background:
    radial-gradient(circle at 18% 0%, rgba(36, 196, 102, 0.18), transparent 40%),
    linear-gradient(135deg, #0f1b16, #07100c);
}

body.home-dark .template-card,
body.home-dark .templates-cta,
body.home-dark .process-list li,
body.home-dark .contact-form,
body.home-dark .contact-methods a,
body.home-dark .contact-methods div {
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

body.home-dark .process-list li {
  background:
    linear-gradient(135deg, rgba(36, 196, 102, 0.09), rgba(255, 255, 255, 0.055)),
    rgba(12, 20, 17, 0.94);
}

body.home-dark .process-list h3 {
  color: #f7fbf8;
}

body.home-dark .process-list p {
  color: rgba(226, 238, 231, 0.76);
}

body.home-dark .process-list span {
  background: rgba(36, 196, 102, 0.2);
  color: #94f4b4;
}

body.home-dark .template-card:hover {
  border-color: rgba(36, 196, 102, 0.36);
  transform: translateY(-3px);
}

body.home-dark .template-preview::before {
  background: linear-gradient(180deg, rgba(5, 8, 7, 0.1), rgba(5, 8, 7, 0.72));
}

body.home-dark .demo-badge {
  background: rgba(36, 196, 102, 0.92);
  color: #06100b;
}

body.home-dark .template-body .tag,
body.home-dark .text-link {
  color: #6ee891;
}

body.home-dark .template-features li {
  color: rgba(244, 248, 245, 0.82);
}

body.home-dark .why-benefits li::before {
  border-color: #6ee891;
}

body.home-dark .section-dark {
  background:
    radial-gradient(circle at 12% 12%, rgba(36, 196, 102, 0.12), transparent 34%),
    #050807;
}

body.home-dark .contact-methods a,
body.home-dark .contact-methods div {
  border-color: rgba(255, 255, 255, 0.14);
}

body.home-dark .contact-form input,
body.home-dark .contact-form textarea {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.95);
  color: #101312;
}

body.home-dark .site-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: #050807;
}

body.home-dark .cookie-panel {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(12, 19, 16, 0.96);
  color: #f4f8f5;
}

body.home-dark .cookie-panel p {
  color: rgba(226, 238, 231, 0.74);
}

@media (max-width: 820px) {
  body.home-dark .header-actions {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(7, 12, 10, 0.96);
  }

  body.home-dark .hero-overlay {
    background:
      linear-gradient(180deg, rgba(7, 12, 10, 0.93), rgba(7, 12, 10, 0.78) 48%, rgba(7, 12, 10, 0.96)),
      linear-gradient(90deg, rgba(7, 12, 10, 0.5), rgba(7, 12, 10, 0.78));
  }

  body.home-dark .hero-content {
    margin-inline: 20px;
  }

  body.home-dark .brand-logo {
    width: auto;
    height: 30px;
    max-width: 126px;
  }
}