/* NIXBOT • official landing palette • 2026-10-08
   Canonical reference: NIXBOT Phase 16 src/styles/nixbot_tokens.css and public/nixbot/theme.css.
   This stylesheet adjusts colors ONLY: it deliberately does not replace captured geometry,
   scripts, fonts, interactions, logos, illustrations, or media.
*/
:root {
  /* Official brand tokens */
  --nixbot-graphite: #191D23;
  --nixbot-dark: #0A0D12;
  --nixbot-cyan: #00FAFC;
  --nixbot-ui-cyan: #00DDE3;
  --nixbot-deep-cyan: #08B4B9;
  --nixbot-white: #FFFFFF;
  --nixbot-silver: #DDE1E3;
  --nixbot-success: #19B878;
  --nixbot-warning: #F4B740;
  --nixbot-error: #E5484D;
  --nixbot-info: #3B82F6;
  /* Sample 06 chosen: Aqua Energy (mint → cyan → electric blue). */
  --nixbot-aqua-mint: #00FFC8;
  --nixbot-aqua-cyan: #00DDE3;
  --nixbot-aqua-blue: #007BFF;

  /* Remap original Webflow color semantics to the NIXBOT system. */
  --color--primary-1: #08747B;
  --color--primary-2: #00FAFC;
  --color--primary-3: #08B4B9;
  --color--primary-4: #7AECEE;
  --color--primary-5: #508A95;
  --color--primary-6: #19B878;
  --color--primary-7: #00DDE3;
  --color--primary-8: #3B82F6;
  --color--primary7-75: #00DDE360;
  --color--primary3-20: #08B4B933;
  --color--primary6-20: #19B87833;
  --color--primary-6-10: #19B8781A;
  --color--secondary-1: #E5484D;
  --color--secondary-2: #176B73;
  --color--secondary-3: #F4B740;
  --color--secondary-4: #596D76;
  --color--secondary-5: #E77743;
  --color--dark: #0A0D12;
  --color--black: #0A0D12;
  --color--gray-1: #25313C;
  --color--gray-2: #51606B;
  --color--gray-3: #8B9BA8;
  --color--gray-4: #DDE1E3;
  --color--gray-5: #F5F9FA;
  --color--gray-6: #F0F6F7;
  --color--charcoal-black-10: #191D231A;
  --color--charcoal-black-20: #191D2333;
  --color--charcoal-black-50: #191D2380;
  --color--charcoal-black-75: #191D23BF;
  --_color---body-bg: var(--color--gray-5);
  --_color---heading: var(--nixbot-graphite);
  --_color---body-text: var(--color--gray-2);
}

/* Hero, soft page surfaces, focus and contrast: no geometry changed. */
html { accent-color: var(--nixbot-deep-cyan); }
body { background-color: var(--color--gray-5); }
::selection { background: #00DDE380; color: #0A0D12; }
:where(a,button,input,textarea,select,[tabindex]):focus-visible {
  outline: 2px solid #08B4B9;
  outline-offset: 3px;
}
.hero-change-title { color: #08747B; }
.hero-description, .feature-description, .step-description, .security-description {
  color: #51606B;
}
.pre-title-badge { background-image: linear-gradient(135deg,var(--nixbot-aqua-mint) 0%,var(--nixbot-aqua-cyan) 42%,var(--nixbot-aqua-blue) 100%); }
.pre-title-badge .pre-title { color: #081920; }
.nav-menu .nav-link.w--current, .nav-menu .nav-link:hover,
.footer-links .footer-link:hover { color: #08747B; }
.nav-button-wrap a:focus-visible { outline-color: #08B4B9; }

/* Sample 06: only previously cyan-gradient accents; black/white buttons untouched. */
.button-gradient, .bg-linear, .pricing-card-top.bg-linear, .error-title.bg-linear {
  background-image: linear-gradient(135deg,var(--nixbot-aqua-mint) 0%,var(--nixbot-aqua-cyan) 42%,var(--nixbot-aqua-blue) 100%);
}
.button-gradient {
  box-shadow: 0 4px 22px #007BFF3D;
}
.button-gradient .button-text, .button-gradient .button-hover-text,
.button-gradient .button-text._01, .button-gradient .button-hover-text._02 {
  color: #081920;
}
.button-gradient:hover { box-shadow: 0 8px 30px #007BFF55; }
/* Former cyan-gradient text links, without changing solid button styles. */
/* Base .button-link retains gradient TEXT; white-variant Explore experts is transparent. */
.button-link:not(.w-variant-9b966033-4463-6c2b-6cb3-ce9ce055f9a7) {
  background-image: linear-gradient(135deg,var(--nixbot-aqua-mint) 0%,var(--nixbot-aqua-cyan) 42%,var(--nixbot-aqua-blue) 100%);
}
.button-link.w-variant-9b966033-4463-6c2b-6cb3-ce9ce055f9a7 {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.button-black, .button-black-sm, .button-primary, .access-btn {
  background-image: linear-gradient(180deg,#25313C,#0A0D12);
}
.button-black, .button-black-sm { border-color: #0A0D12; }
.button-black:hover, .button-black-sm:hover { box-shadow: 0 5px 22px #00DDE338; }

/* Keep text readable on bright-gradient pricing cards and promotional badges. */
.pricing-card-top.bg-linear .pricing-top-title,
.pricing-card-top.bg-linear .pricing-description,
.pricing-card-top.bg-linear .pricing-yearly,
.pricing-card-top.bg-linear .pricing-monthly,
.pricing-card-top.bg-linear .pricing-amount,
.pricing-card-top.bg-linear .yearly-price,
.pricing-card-top.bg-linear .monthly-price { color: #0A1821; }
.pricing-card-top.bg-linear .button-white-full .button-text,
.pricing-card-top.bg-linear .button-white-full .button-hover-text { color: #0A1821; }
.pricing-card-top.bg-dark { background-color: #0A0D12; }
.pricing-card-top:not(.bg-linear):not(.bg-dark) { background-image: linear-gradient(160deg,#2A3943,#0A0D12); }
.pricing-bottom-card { border-color: #D3E1E4; }

/* Soft turquoise lines/icons indicate active states, not additional page layers. */
.security-progressbar._01, .security-progressbar.w--active,
.security-slide-nav .w-slider-dot.w-active,
.agents-slider .w-slider-dot.w-active { background-color: #00DDE3; }
.agent-chat-bg, .agent-bg {
  background-image: linear-gradient(135deg,var(--nixbot-aqua-mint) 0%,var(--nixbot-aqua-cyan) 42%,var(--nixbot-aqua-blue) 100%);
}
.agent-live-badge { border-color: #19B878; background-color: #19B87824; }
.badge-dot { background-color: #19B878; }
.badge-live-title { color: #7CE4BA; }

/* Preserve the original dark use-case region and footer layout. */
.usecase-section, .usecase-content, .footer-content { background-color: #0A0D12; }
.agent-conversation-content, .usecase-item { background-color: #0A0D12; }
.agent-title-info { background-color: #151A21; }
.feature-item-02 { background-color: #191D23; }
.footer-title { color: #F5FBFC; }
.footer-link, .footer-subscribe-text { color: #B8C7D1; }
.footer-links .footer-link:hover { color: #00DDE3; }

/* Real Tawk.to chat replaces the previous popup. */

/* Forms and supported state markers */
.w-checkbox-input--inputType-custom.w--redirected-checked,
.w-radio-input.w--redirected-checked { background-color: #08B4B9; border-color: #08B4B9; }
.w-button:not(.button-subscribe) { background-color: #08747B; }
.w-form-done { border-color: #19B878; }
.w-form-fail { border-color: #E5484D; }

/* The captured Webflow engine stays loaded for motion but the third-party badge doesn't render. */
.w-webflow-badge { display: none !important; visibility: hidden !important; }

/* 2026-10-10: semantic dark surfaces for captured Webflow components. */
html[data-theme="dark"] {
  color-scheme: dark;
  --_color---body-bg: #0A0D12;
  --_color---heading: #F3F7F8;
  --_color---body-text: #B5C4CD;
  --color--gray-1: #F3F7F8;
  --color--gray-2: #B5C4CD;
  --color--gray-3: #9AAEBB;
  --color--gray-4: #33414D;
  --color--gray-5: #0A0D12;
  --color--gray-6: #151B23;
  --color--charcoal-black-10: #DDE1E31A;
  --color--charcoal-black-20: #DDE1E333;
  --color--charcoal-black-50: #DDE1E380;
  --color--charcoal-black-75: #DDE1E3BF;
  --nixbot-theme-surface: #1B232D;
  --nixbot-theme-panel: #151B23;
  --nixbot-theme-ink: #F3F7F8;
  --nixbot-theme-muted: #B5C4CD;
  --nixbot-theme-border: #33414D;
}
html[data-theme="dark"] body { background-color: #0A0D12; color: var(--nixbot-theme-muted); }
html[data-theme="dark"] :is(.grid-nav,.nav-menu,.bg-white,.faqs-item,.pre-title,
 .agents-item,.agents-slider-arrow,.integration-icon-item,.integration-item,
 .feature-01,.feature-item-04,.badge-item,.agent-title-info.bg-white,.toggle,
 .pricing-card,.grid-review-card,.review-card,.button-white,.button-white-full,
 .investor-item,.approach-right,.stats-content,.contact-right,.feature-right-content,
 .benefit-item,.feature-simple-left,.use-case-tabs-content,.agent-tab-menu,
 .blog-feature-item,.blog-card,.demo-content,.grid-waitlist,.feature-pre-badge,
 .access-close,.access-paas-inner,.hero-decoration-center,.more-templates,
 .w-dropdown-list,.w-nav-overlay,.w-form-done,.w-form-fail,.w-input,.w-select) {
  background-color: var(--nixbot-theme-surface);
  color: var(--nixbot-theme-ink);
  border-color: var(--nixbot-theme-border);
}
html[data-theme="dark"] .agents-card:hover { background-color: var(--nixbot-theme-surface); }
html[data-theme="dark"] :is(.hero-change-title,.pre-title,.nav-menu .nav-link.w--current,
 .nav-menu .nav-link:hover) { color: #00DDE3; }
html[data-theme="dark"] :is(.hero-description,.feature-description,.step-description,
 .security-description,.access-title) { color: var(--nixbot-theme-muted); }
html[data-theme="dark"] :is(.nav-link,.faqs-title,.pricing-bottom-title,.review-card-description,
 .testimonial-review-content,.testimonial-client-name,.agent-title,.agents-title,.contact-form-label,
 .feature-title,.benefit-title,.blog-title,.approach-title,.counter-title,.toggle-text) { color: var(--nixbot-theme-ink); }
html[data-theme="dark"] :is(.button-white,.button-white-full) :is(.button-text,.button-hover-text) { color: var(--nixbot-theme-ink); }
html[data-theme="dark"] .pricing-card-top.bg-linear .button-white-full :is(.button-text,.button-hover-text) { color: var(--nixbot-theme-ink); }
html[data-theme="dark"] :is(.w-input,.w-select,.form-input,.form-textarea) { background-color: var(--nixbot-theme-panel); color: var(--nixbot-theme-ink); border-color: var(--nixbot-theme-border); }
html[data-theme="dark"] :is(input,textarea)::placeholder { color: var(--nixbot-theme-muted); opacity: 1; }
html[data-theme="dark"] :is(.list-icon,.client-icon,.investor-icon,.benefit-icon,
 .mission-icon,.contact-icon,.slider-arrow-icon,.agents-slider-icon,.access-close-icon,
 .contact-form-icon,.play-state-icon,.pause-state-icon) { filter: brightness(0) invert(1); }
html[data-theme="dark"] :where(a,button,input,textarea,select,[tabindex]):focus-visible { outline-color: #00DDE3; }


/* Aqua Energy CTA: only .button-gradient; all black/white variants untouched. */
html .button-gradient {
  background-color: var(--nixbot-aqua-cyan) !important;
  background-image: linear-gradient(135deg,var(--nixbot-aqua-mint) 0%,var(--nixbot-aqua-cyan) 42%,var(--nixbot-aqua-blue) 100%) !important;
  border-color: var(--nixbot-aqua-cyan) !important;
  color: #081920 !important;
}
html .button-gradient:is(:hover,:focus-visible) {
  background-color: var(--nixbot-aqua-cyan) !important;
  background-image: linear-gradient(135deg,var(--nixbot-aqua-mint) 0%,var(--nixbot-aqua-cyan) 42%,var(--nixbot-aqua-blue) 100%) !important;
  border-color: var(--nixbot-aqua-blue) !important;
}
html .button-gradient :is(.button-text,.button-hover-text) {
  color: #081920 !important;
}
html[data-theme="dark"] .pre-title-badge .pre-title {
  color: #081920;
}
/* No standalone poster frame should flash before the remastered video plays. */
.hero-center-video,.hero-center-video video { background-color: #0A0D12; }
.hero-center-video video { background-image: none !important; }

/* Aqua Energy animated headline: readable electric blue in light, mint in dark.
   Only the three rotating .hero-change-title labels are affected. */
.hero-change-title { color: #007BFF; }
html[data-theme="dark"] .hero-change-title { color: #00FFC8; }

/* Single-word rotating labels; retain the captured Webflow reveal timing. */
.hero-title-list .hero-change-title { white-space: nowrap; }