/*
 * NeverMissed shared brand system
 * Applied to every supporting page. The homepage uses product-ai.css.
 */

:root {
  --nmw-ink: #18120b;
  --nmw-ink-2: #2b1d10;
  --nmw-body: #625646;
  --nmw-muted: #887866;
  --nmw-gold: #e0aa28;
  --nmw-gold-deep: #a96800;
  --nmw-gold-soft: #fff0bd;
  --nmw-orange: #ed713c;
  --nmw-orange-soft: #fff0e7;
  --nmw-ivory: #fffaf2;
  --nmw-canvas: #f7f1e7;
  --nmw-line: #e5d9c8;
  --nmw-dark: #15110c;
  --nmw-dark-2: #2c1c0f;
  --nmw-shadow: 0 28px 80px rgba(54, 35, 15, 0.13);
  --nmw-shadow-soft: 0 14px 42px rgba(54, 35, 15, 0.08);
}

body:not(.product-ai) {
  color: var(--nmw-ink) !important;
  background: var(--nmw-canvas) !important;
  font-family: "Manrope", "Inter", sans-serif !important;
}

body:not(.product-ai)::before {
  background:
    radial-gradient(circle at 92% 5%, rgba(237, 113, 60, 0.13), transparent 26%),
    radial-gradient(circle at 6% 22%, rgba(224, 170, 40, 0.13), transparent 29%),
    linear-gradient(180deg, #fffaf2 0%, #f7f1e7 55%, #eee3d3 100%) !important;
}

body:not(.product-ai) h1,
body:not(.product-ai) h2,
body:not(.product-ai) h3,
body:not(.product-ai) h4,
body:not(.product-ai) strong {
  color: var(--nmw-ink);
}

body:not(.product-ai) h1,
body:not(.product-ai) h2 {
  font-family: "Manrope", "Inter", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.055em !important;
}

body:not(.product-ai) p,
body:not(.product-ai) li {
  color: var(--nmw-body);
}

body:not(.product-ai) .label,
body:not(.product-ai) .kicker,
body:not(.product-ai) .article-kicker {
  color: var(--nmw-gold-deep) !important;
  font-weight: 700 !important;
}

body:not(.product-ai) nav,
body:not(.product-ai) #nav {
  min-height: 72px;
  color: var(--nmw-ink);
  background: rgba(255, 250, 242, 0.9) !important;
  border-bottom: 1px solid rgba(24, 18, 11, 0.08) !important;
  box-shadow: 0 8px 34px rgba(54, 35, 15, 0.055);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

body:not(.product-ai) #nav.scrolled {
  background: rgba(255, 250, 242, 0.97) !important;
}

body:not(.product-ai) .nav-inner {
  min-height: 72px;
}

body:not(.product-ai) .logo {
  color: var(--nmw-ink) !important;
  font-weight: 700 !important;
}

body:not(.product-ai) .logo span {
  color: var(--nmw-gold) !important;
}

body:not(.product-ai) .nav-links a:not(.btn-nav):not(.nav-cta) {
  color: #6d604f !important;
  font-weight: 600 !important;
}

body:not(.product-ai) .nav-links a:not(.btn-nav):not(.nav-cta):hover {
  color: var(--nmw-ink) !important;
}

body:not(.product-ai) .btn-nav,
body:not(.product-ai) .nav-cta {
  color: #fffaf2 !important;
  border: 1px solid var(--nmw-dark) !important;
  border-radius: 10px !important;
  background: var(--nmw-dark) !important;
  box-shadow: 0 10px 26px rgba(24, 18, 11, 0.14);
}

body:not(.product-ai) .btn,
body:not(.product-ai) .btn-nav,
body:not(.product-ai) .nav-cta,
body:not(.product-ai) .btn-submit {
  border-radius: 10px !important;
  font-family: "Manrope", "Inter", sans-serif !important;
  font-weight: 600 !important;
}

body:not(.product-ai) .btn-primary,
body:not(.product-ai) .btn-submit {
  color: var(--nmw-ink) !important;
  border-color: var(--nmw-gold) !important;
  background: linear-gradient(135deg, #f5c957, #dfa21b) !important;
  box-shadow: 0 16px 38px rgba(224, 170, 40, 0.22);
}

body:not(.product-ai) .btn-secondary,
body:not(.product-ai) .btn-ghost {
  color: var(--nmw-ink) !important;
  border-color: #d5c5af !important;
  background: rgba(255, 250, 242, 0.72) !important;
}

body:not(.product-ai) .btn:hover,
body:not(.product-ai) .btn-submit:hover {
  opacity: 1 !important;
  transform: translateY(-2px);
}

/* Contact, legal and simple pages */
body:not(.product-ai) > .page,
body:not(.product-ai) .page-section {
  color: var(--nmw-ink);
}

body:not(.product-ai) > .page {
  max-width: 820px;
  margin: 48px auto 86px;
  padding: clamp(40px, 6vw, 72px);
  border: 1px solid var(--nmw-line);
  border-radius: 28px;
  background:
    radial-gradient(circle at 94% 0%, rgba(224, 170, 40, 0.1), transparent 30%),
    rgba(255, 250, 242, 0.93);
  box-shadow: var(--nmw-shadow);
}

body:not(.product-ai) > .page h1,
body:not(.product-ai) .page-section h1,
body:not(.product-ai) .page-section h2 {
  color: var(--nmw-ink) !important;
}

body:not(.product-ai) > .page .intro,
body:not(.product-ai) .page-section p,
body:not(.product-ai) .page-section li {
  color: var(--nmw-body) !important;
}

body:not(.product-ai) form label {
  color: var(--nmw-gold-deep) !important;
}

body:not(.product-ai) input,
body:not(.product-ai) textarea,
body:not(.product-ai) select {
  color: var(--nmw-ink) !important;
  border: 1px solid #d9cbb8 !important;
  border-radius: 10px !important;
  background: #fffdf8 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body:not(.product-ai) input::placeholder,
body:not(.product-ai) textarea::placeholder {
  color: #a29585 !important;
}

body:not(.product-ai) input:focus,
body:not(.product-ai) textarea:focus,
body:not(.product-ai) select:focus {
  border-color: var(--nmw-gold) !important;
  box-shadow: 0 0 0 3px rgba(224, 170, 40, 0.13);
}

body:not(.product-ai) select option {
  color: var(--nmw-ink) !important;
  background: var(--nmw-ivory) !important;
}

/* Shared cards and sections */
body:not(.product-ai) .shell,
body:not(.product-ai) .blog-hero,
body:not(.product-ai) .blog-list,
body:not(.product-ai) .article-wrap,
body:not(.product-ai) .article-nav,
body:not(.product-ai) .faq,
body:not(.product-ai) .cta {
  color: var(--nmw-ink);
}

body:not(.product-ai) .hero-copy,
body:not(.product-ai) .section-head p,
body:not(.product-ai) .blog-hero p,
body:not(.product-ai) .final-cta p,
body:not(.product-ai) .faq-header p,
body:not(.product-ai) .who-intro {
  color: var(--nmw-body) !important;
}

body:not(.product-ai) .answer-card,
body:not(.product-ai) .path-card,
body:not(.product-ai) .step,
body:not(.product-ai) .article-card,
body:not(.product-ai) .blog-card,
body:not(.product-ai) .faq-item,
body:not(.product-ai) .role-card,
body:not(.product-ai) .crm,
body:not(.product-ai) .metric {
  color: var(--nmw-ink) !important;
  border: 1px solid var(--nmw-line) !important;
  background: rgba(255, 250, 242, 0.9) !important;
  box-shadow: var(--nmw-shadow-soft);
}

body:not(.product-ai) .answer-card:nth-child(2),
body:not(.product-ai) .answer-card:nth-child(5),
body:not(.product-ai) .blog-card:nth-child(4n+2),
body:not(.product-ai) .article-card:nth-child(3n+2),
body:not(.product-ai) .faq-item:nth-child(3n+2) {
  border-color: #ead6a7 !important;
  background: var(--nmw-gold-soft) !important;
}

body:not(.product-ai) .answer-card h3,
body:not(.product-ai) .path-card h3,
body:not(.product-ai) .step h3,
body:not(.product-ai) .article-card h3,
body:not(.product-ai) .blog-card h2,
body:not(.product-ai) .faq-item h3,
body:not(.product-ai) .role-card h3 {
  color: var(--nmw-ink) !important;
}

body:not(.product-ai) .answer-card p,
body:not(.product-ai) .path-card p,
body:not(.product-ai) .step p,
body:not(.product-ai) .article-card p,
body:not(.product-ai) .blog-card p,
body:not(.product-ai) .faq-item p,
body:not(.product-ai) .role-card p,
body:not(.product-ai) .path-card li {
  color: var(--nmw-body) !important;
}

body:not(.product-ai) .step span,
body:not(.product-ai) .article-card > span,
body:not(.product-ai) .article-card::after,
body:not(.product-ai) .article-collection-link,
body:not(.product-ai) .blog-card .kicker,
body:not(.product-ai) .blog-card .read-more,
body:not(.product-ai) .read-more {
  color: var(--nmw-gold-deep) !important;
}

body:not(.product-ai) .workflow,
body:not(.product-ai) .articles {
  color: var(--nmw-ink) !important;
  border-color: var(--nmw-line) !important;
  background:
    radial-gradient(circle at 90% 5%, rgba(237, 113, 60, 0.11), transparent 27%),
    #f2e9dc !important;
}

body:not(.product-ai) .patient-strip {
  border-color: var(--nmw-line) !important;
  background: rgba(255, 250, 242, 0.78) !important;
  box-shadow: var(--nmw-shadow-soft);
}

body:not(.product-ai) .patient-strip span {
  color: var(--nmw-ink) !important;
  border-color: var(--nmw-line) !important;
}

body:not(.product-ai) .visual-showcase-inner {
  border-color: rgba(244, 200, 94, 0.2) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(237, 113, 60, 0.23), transparent 28%),
    linear-gradient(145deg, var(--nmw-dark), var(--nmw-dark-2)) !important;
  box-shadow: 0 38px 110px rgba(54, 35, 15, 0.22) !important;
}

body:not(.product-ai) .visual-showcase-inner h2,
body:not(.product-ai) .visual-showcase-inner strong {
  color: #fff8ec !important;
}

body:not(.product-ai) .visual-showcase-inner p,
body:not(.product-ai) .visual-caption {
  color: #cfc1ad !important;
}

body:not(.product-ai) .visual-points span {
  color: #f8e8c8 !important;
  border-color: rgba(244, 200, 94, 0.23) !important;
  background: rgba(244, 200, 94, 0.075) !important;
}

body:not(.product-ai) .integration-panel,
body:not(.product-ai) .human-panel {
  color: #fff8ec !important;
  border-color: rgba(244, 200, 94, 0.18) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(237, 113, 60, 0.24), transparent 29%),
    linear-gradient(140deg, var(--nmw-dark), var(--nmw-dark-2)) !important;
  box-shadow: var(--nmw-shadow) !important;
}

body:not(.product-ai) .integration-panel h2,
body:not(.product-ai) .human-panel h2,
body:not(.product-ai) .integration-panel strong,
body:not(.product-ai) .human-panel strong {
  color: #fff8ec !important;
}

body:not(.product-ai) .integration-panel p,
body:not(.product-ai) .human-panel p,
body:not(.product-ai) .human-list li,
body:not(.product-ai) .system span {
  color: #cfc1ad !important;
}

body:not(.product-ai) .system,
body:not(.product-ai) .system-item,
body:not(.product-ai) .crm {
  color: #fff8ec !important;
  border-color: rgba(244, 200, 94, 0.24) !important;
  background: rgba(244, 200, 94, 0.075) !important;
}

body:not(.product-ai) .human-list li {
  border-color: rgba(255, 248, 236, 0.1) !important;
}

/* Blog collection */
body:not(.product-ai) .blog-hero {
  padding-top: 120px;
}

body:not(.product-ai) .blog-hero h1 {
  max-width: 940px;
  color: var(--nmw-ink) !important;
}

body:not(.product-ai) .blog-card {
  min-height: 275px;
  border-radius: 20px !important;
}

body:not(.product-ai) .blog-card:hover,
body:not(.product-ai) .article-card:hover {
  transform: translateY(-5px);
  border-color: rgba(224, 170, 40, 0.48) !important;
  background: #fff8e6 !important;
  box-shadow: 0 22px 54px rgba(54, 35, 15, 0.13);
}

/* Articles */
body:not(.product-ai) .article-wrap {
  max-width: 920px;
  margin-top: 44px;
  margin-bottom: 88px;
  padding: clamp(44px, 7vw, 82px);
  border: 1px solid var(--nmw-line);
  border-radius: 28px;
  background: rgba(255, 250, 242, 0.94);
  box-shadow: var(--nmw-shadow);
}

body:not(.product-ai) .article-wrap h1,
body:not(.product-ai) .article-body h2,
body:not(.product-ai) .article-body h3,
body:not(.product-ai) .article-answer {
  color: var(--nmw-ink) !important;
}

body:not(.product-ai) .article-answer {
  border-left-color: var(--nmw-gold) !important;
}

body:not(.product-ai) .article-meta {
  color: var(--nmw-muted) !important;
}

body:not(.product-ai) .article-body,
body:not(.product-ai) .article-body p,
body:not(.product-ai) .article-body li,
body:not(.product-ai) .article-source,
body:not(.product-ai) .article-cta p {
  color: var(--nmw-body) !important;
}

body:not(.product-ai) .article-body a,
body:not(.product-ai) .article-nav a {
  color: var(--nmw-gold-deep) !important;
}

body:not(.product-ai) .article-cta {
  border-color: rgba(224, 170, 40, 0.28) !important;
  background: linear-gradient(135deg, var(--nmw-gold-soft), var(--nmw-orange-soft)) !important;
}

body:not(.product-ai) .article-cta h2 {
  color: var(--nmw-ink) !important;
}

body:not(.product-ai) .article-nav {
  margin-top: -48px;
}

/* Demo selectors */
body:not(.product-ai) .demo-panel {
  color: #fff8ec !important;
  border: 1px solid rgba(244, 200, 94, 0.18) !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(237, 113, 60, 0.22), transparent 29%),
    linear-gradient(140deg, var(--nmw-dark), var(--nmw-dark-2)) !important;
  box-shadow: 0 24px 64px rgba(54, 35, 15, 0.2);
}

body:not(.product-ai) .demo-panel h2 {
  color: #fff8ec !important;
}

body:not(.product-ai) .demo-panel > p,
body:not(.product-ai) .scenario p {
  color: #cfc1ad !important;
}

body:not(.product-ai) .role-button,
body:not(.product-ai) .role-card,
body:not(.product-ai) .crm,
body:not(.product-ai) .field,
body:not(.product-ai) .path-card {
  border-color: var(--nmw-line) !important;
}

body:not(.product-ai) .role-button {
  color: var(--nmw-ink) !important;
  background: var(--nmw-ivory) !important;
}

body:not(.product-ai) .scenario {
  border-left-color: var(--nmw-gold) !important;
  background: rgba(255, 248, 236, 0.07) !important;
}

body:not(.product-ai) .scenario-label {
  color: #f2c45a !important;
}

body:not(.product-ai) .role-button[aria-pressed="true"],
body:not(.product-ai) .role-button.active {
  border-color: var(--nmw-gold) !important;
  background: var(--nmw-gold-soft) !important;
}

/* Footer */
body:not(.product-ai) footer {
  color: #fff8ec !important;
  border-top: 1px solid rgba(255, 248, 237, 0.08) !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(224, 170, 40, 0.13), transparent 28%),
    #0d0a07 !important;
}

body:not(.product-ai) footer .logo,
body:not(.product-ai) footer strong {
  color: #fff8ec !important;
}

body:not(.product-ai) footer .logo span {
  color: var(--nmw-gold) !important;
}

body:not(.product-ai) footer p,
body:not(.product-ai) footer a,
body:not(.product-ai) footer .footer-bottom {
  color: rgba(255, 248, 236, 0.5) !important;
}

body:not(.product-ai) footer .footer-col h4 {
  color: rgba(255, 248, 236, 0.68) !important;
}

body:not(.product-ai) footer a:hover {
  color: #fff8ec !important;
}

body:not(.product-ai) :focus-visible {
  outline: 2px solid var(--nmw-gold) !important;
  outline-offset: 3px;
}

@media (max-width: 760px) {
  body:not(.product-ai) nav,
  body:not(.product-ai) #nav,
  body:not(.product-ai) .nav-inner {
    min-height: 64px;
  }

  body:not(.product-ai) > .page {
    margin: 20px 12px 48px;
    padding: 42px 22px;
    border-radius: 22px;
  }

  body:not(.product-ai) .article-wrap {
    margin: 20px 12px 72px;
    padding: 42px 22px;
    border-radius: 22px;
  }

  body:not(.product-ai) .blog-hero {
    padding-top: 84px;
  }
}