/* SalesMode 7B: compact ON switch, clear charcoal typography, mint-to-cyan color. */
:root {
  --sm-ink: #172022;
  --sm-muted: #596467;
  --sm-teal: #00776f;
  --sm-teal-hover: #005f5a;
  --sm-blue: #0077cc;
  --sm-blue-hover: #0065b0;
  --sm-blue-text: #0072c6;
  --sm-mint: #00e899;
  --sm-cyan: #00a4ef;
  --sm-gradient: linear-gradient(110deg, #00e899 0%, #00c3bd 54%, #00a4ef 100%);
  --sm-paper: #f8fcfb;
  --sm-line: #d4e7e3;
  --ink: var(--sm-ink);
  --muted: var(--sm-muted);
  --purple: var(--sm-blue-text);
  --lavender: #e8f7f3;
  --line: var(--sm-line);
  --paper: var(--sm-paper);
  --headline-ink: var(--sm-ink);
  --headline-purple: var(--sm-blue-text);
  --hb-accent: var(--sm-blue);
  --hb-hover: var(--sm-blue-hover);
  --hb-focus: var(--sm-blue);
}
body[data-brand-theme="light"] {
  --hb-bg: #f8fcfb;
  --hb-text: var(--sm-ink);
  --hb-muted: var(--sm-muted);
  --hb-line: #d4e7e3;
  --hb-focus: var(--sm-blue);
  background: var(--sm-paper);
  color: var(--sm-ink);
}
::selection { background: #bdf3e6; color: #102526; }
/* Light identity surfaces make the selected black wordmark consistent on every page. */
.hb-header, .hb-footer {
  --hb-bg: #f8fcfb;
  --hb-text: var(--sm-ink);
  --hb-muted: var(--sm-muted);
  --hb-line: #d4e7e3;
  --hb-focus: var(--sm-blue);
  background: #f8fcfb;
}
/* Floating light navigation, with the same restrained rim as the cards. */
.hb-header {
  top: 16px;
  width: min(1200px, calc(100% - 48px));
  margin: 16px auto 0;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(#fffffff5, #fffffff5) padding-box,
    linear-gradient(110deg, #aee5d4, #e2e9ed 42%, #a9d5ee) border-box;
  box-shadow: inset 0 1px 0 #fff, 0 4px 20px #152c3c08, 0 1px 3px #152c3c05;
  backdrop-filter: blur(20px);
}
.hb-nav { width: 100%; height: 74px; padding: 0 18px 0 28px; gap: 26px; }
.hb-cta { border-radius: 999px; }
.hb-header .reading-progress { left: 28px; bottom: -1px; max-width: calc(100% - 56px); height: 2px; border-radius: 2px; }
html { scroll-padding-top: 116px; }
.hb-logo { width: 188px; }
.hb-logo img { display: block; width: 100%; height: auto; aspect-ratio: 1380 / 190; object-fit: contain; mix-blend-mode: multiply; }
.hb-footer .hb-logo { width: 204px; }
.hb-links a[aria-current]:after { background: var(--sm-gradient); }
.hb-cta, body .button:not(.button-secondary) {
  background: var(--sm-blue);
  border-color: var(--sm-blue);
  color: #fff;
  box-shadow: 0 4px 14px #0077cc20;
}
.hb-cta:hover, body .button:not(.button-secondary):hover {
  background: var(--sm-blue-hover);
  border-color: var(--sm-blue-hover);
  box-shadow: 0 7px 22px #0077cc2b;
}
.hero-actions { --hb-radius: 999px; }
body[data-brand-theme="light"] .hero-actions .button { border-radius: 999px; }
.button-secondary { background: #ffffffa8; color: #102526; border-color: #ccdfda; }
.button-secondary:hover { background: #fff; border-color: #91bcb3; }
.reading-progress, .story-progress { background: var(--sm-gradient); }
.live-dot { background: #00a680; box-shadow: 0 0 0 4px #00a68012; }
.eyebrow { color: #425d6b; }
/* Match the original atmosphere: a dominant blue edge and softer mint counterlight. */
.hero { background: #fff; margin-top: -92px; padding-top: 154px; }
.hero-wash {
  inset: -85px 0 auto;
  height: 1160px;
  background:
    radial-gradient(ellipse 78% 64% at 104% -8%, #00a4efcc 0%, #6dc7f1aa 24%, #cce8f770 47%, transparent 75%),
    radial-gradient(ellipse 55% 48% at -5% -2%, #00e89973 0%, #b8f2dd52 38%, transparent 78%),
    radial-gradient(ellipse 50% 30% at 78% 0%, #9dd9f540 0%, transparent 80%);
  mask-image: linear-gradient(#000 0%, #000 60%, transparent 100%);
}
.hero-grid {
  inset: -80px 0 auto;
  height: 1230px;
  background-image: linear-gradient(#36526818 1px, transparent 1px), linear-gradient(90deg, #36526818 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(#000b 0%, #000a 24%, #0005 57%, transparent 94%);
  opacity: 1;
}
.hero-description, .hero-description strong { color: var(--sm-muted); }
/* Charcoal carries the headline; blue marks the short benefit phrase. */
.hero h1, .hero h1 > span { color: var(--sm-ink); }
.hero h1 .headline-accent, .section-head h2 > span, .hb-core-heading h2 span, .playbook-copy h2 span, .founder-copy h2 > span { color: var(--sm-blue-text); }
.hero h1 .headline-accent { white-space: nowrap; }
body[data-brand-theme="light"] .hero-actions .button-secondary { color: var(--sm-ink); }
body[data-brand-theme="light"] .hero-actions .button-secondary:hover { border-color: #a4cce6; }
.story-tab:focus-visible, .faq-item summary:focus-visible { outline-color: var(--sm-blue); }
.flow-shell { --quiet: #91b3b4; --bright: #ecf9f7; background: radial-gradient(ellipse at 80% 0, #123c3a66, transparent 65%), #101e23; border-color: #2b4549; box-shadow: 0 25px 65px -25px #073a3760, 0 3px 10px #073a3715; }
.flow-bar svg, .story-toolbar svg { color: #00d6ba; }
.flow-bar em { color: #9bb8ba; }
.story-stage { background: #101e23; border-color: #2b4549; box-shadow: 0 25px 55px -24px #073a3750, 0 4px 10px #073a3715; }
.story-toolbar em { color: #a8c4c4; }
.story-tab.active .story-kicker { color: var(--sm-blue-text); }
.story-stage .wire-base path { stroke: #5bb7a8; }
.comparison-labels > span + span, .comparison-row > div:last-child .mobile-col-label { background: linear-gradient(110deg, #123c38, #165562); color: #f5fffc; }
.comparison-labels svg { color: #81ebcd; }
.comparison-row > div:last-child { background: linear-gradient(105deg, #e5f6ef, #edf8fc); }
.comparison-row > div:last-child h3 { color: #16483f; }
.comparison-row > div:last-child p { color: #46655f; }
.compare-arrow { border-color: #98c8bb; color: #00776f; background: #fbfffd; }
.hb-core-icon, .process-icon { background: #e6f7f0; color: #00776f; border-color: #cce9df; }
.hb-core-grid h3, .process-card h3, .faq-item summary { color: #102526; }
.hb-core-grid p, .managed-process .process-card p, .faq-answer p { color: #536c6d; }
body[data-brand-theme="light"] .faq-list .faq-item summary:hover { color: var(--sm-blue-text); }
.faq-plus:before, .faq-plus:after { background: #00776f; }
.signature-spark { background: var(--sm-gradient); }
.audit-invitation {
  border-color: #36665f;
  background: radial-gradient(ellipse at 0 0, #12756655, transparent 65%), radial-gradient(ellipse at 100% 100%, #12678b35, transparent 60%), #102b30;
  box-shadow: 0 24px 64px -34px #072b3465;
}
.audit-copy h2 { color: #f8fffd; }
body[data-brand-theme="light"] .audit-copy h2 > span:not(.audit-headline-lead) { color: #72c8ff; }
.audit-copy p { color: #d4e9e6; }
.audit-offer-note { color: #b8d4d0; }
.recovery-guarantee { background: linear-gradient(145deg, #fff, #edf9f5); color: #163a36; }
.recovery-guarantee p { color: #536c6d; }
.recovery-guarantee strong { color: #16483f; }
.guarantee-icon.honeybee-seal { border-color: #b7ded2; background: linear-gradient(140deg, #fff, #dff7ed); box-shadow: inset 0 0 0 5px #f8fffc, inset 0 0 0 6px #d1eae1; }
.seal-check { background: #00776f; border-color: #f8fffc; }
body .button.audit-offer-button { background: var(--sm-blue); border-color: var(--sm-blue); color: #fff; box-shadow: 0 8px 24px #04191f26; }
body .button.audit-offer-button:hover { background: var(--sm-blue-hover); border-color: var(--sm-blue-hover); color: #fff; }
.audit-text-link { color: var(--sm-blue-text); }
.audit-text-link:hover { color: var(--sm-blue-hover); }
/* Match the form and legal-page chrome without changing their interaction model. */
body:has(.audit-dialog), html:has(.audit-dialog) { background: #101e23; }
.audit-dialog { background: radial-gradient(ellipse at 100% 0, #00776f20, transparent 60%), #101e23; border-color: #486a6c; }
.audit-dialog .overline { color: #72c8ff; }
.audit-form-header, .audit-form-actions { border-color: #365154; }
.audit-form-actions { background: #122429; }
.audit-form-header > p { color: #b9d0d1; }
.audit-dialog h2 { color: #f5fffd; }
.audit-dialog input:not([type="checkbox"]), .audit-dialog select { background: #182f34; border-color: #4c6e70; color: #f5fffd; }
.audit-dialog input:focus, .audit-dialog select:focus { background: #1a313b; border-color: #72c8ff; outline-color: #72c8ff4d; }
.audit-dialog input[type="checkbox"] { accent-color: var(--sm-blue); }
.audit-action-row > .button { background: var(--sm-blue); border-color: var(--sm-blue); color: #fff; }
.audit-action-row > .button:hover { background: var(--sm-blue-hover); border-color: var(--sm-blue-hover); }
@media (max-width: 1000px) { .hb-logo { width: 174px; } }
@media (max-width: 760px) {
  /* A true center column keeps the logo centered independently of the menu. */
  .hb-header { top: 12px; width: calc(100% - 24px); margin-top: 12px; }
  .hb-nav { display: grid; grid-template-columns: 44px 1fr 44px; gap: 8px; width: 100%; height: 66px; padding: 0 10px; }
  .hb-nav > .hb-logo { grid-column: 2; grid-row: 1; justify-self: center; width: clamp(156px, 46vw, 188px); }
  .hb-nav > .hb-cta { display: none; }
  .hb-menu { grid-column: 3; grid-row: 1; justify-self: end; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; }
  .hb-menu:hover { background: #10252606; }
  .hb-menu span { height: 1.6px; }
  .hb-footer .hb-logo { width: 184px; }
  .hb-links { top: calc(100% + 10px); left: 0; right: 0; padding: 14px 22px 18px; background: #fff; border: 1px solid #dce5e9; border-radius: 24px; box-shadow: inset 0 1px 0 #fff, 0 14px 30px #152c3c0d; backdrop-filter: blur(20px); }
  .hb-links a { padding: 13px 2px; }
  .hb-header .reading-progress { left: 24px; max-width: calc(100% - 48px); }
  .hero { margin-top: -80px; padding-top: 123px; }
  .hero-wash {
    height: 1050px;
    background:
      radial-gradient(ellipse 120% 55% at 110% -5%, #00a4efa3 0%, #b0def257 37%, transparent 82%),
      radial-gradient(ellipse 105% 35% at -15% 2%, #68e8b866 0%, transparent 75%);
  }
  .hero-grid {
    height: 1100px;
    background-size: 40px 40px;
    mask-image: linear-gradient(#000b, #0007 45%, transparent 100%);
  }
}
@media (max-width: 340px) {
  .hb-nav { gap: 8px; }
  .hb-nav > .hb-logo { width: 156px; }
}

/* Neutral product demos: charcoal surfaces, white copy, selective blue signals. */
body .flow-shell, body .story-stage {
  --quiet: #a5aab2; --bright: #f2f3f5;
  color: #d9dce1;
  background: #17191d;
  border-color: #383c43;
  box-shadow: 0 25px 65px -25px #00000045, 0 3px 10px #00000010;
}
body .story-atmosphere { background: radial-gradient(ellipse at 0 0, #ffffff06, transparent 70%), #17191d; }
body .story-grid { background-image: linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px); }
body .flow-bar, body .story-toolbar, body .flow-footer, body .story-footer { border-color: #ffffff12; background: #ffffff02; }
body .flow-bar b, body .story-toolbar b, body .live-hero-card h3 { color: #f3f4f6; }
body .flow-bar em, body .story-toolbar em, body .flow-live, body .story-live, body .flow-footer, body .story-footer { color: #a6adb7; }
body .rep-next, body .live-agent-message, body .story-source, body .story-deal, body .story-notification, body .story-outbound {
  background: linear-gradient(135deg, #26292f, #202329);
  border-color: #3b4048;
}
body .live-agent-reply { background: #1d2025; border-color: #343941; }
body .flow-avatar, body .story-avatar { background: #2b3038; border-color: #414853; color: #dce2ea; }
body .rep-next b, body .agent-recipient b, body .story-deal-header h4 { color: #eef0f4; }
body .rep-next p, body .live-agent-message p, body .live-agent-reply p, body .memory-source { color: #c6cbd3; }
body .memory-source.is-pending { color: #8d949e; }
body .memory-source.is-loading { background: #4ba9ff0d; border-color: #4ba9ff30; color: #eef4fa; }
body .flow-bar svg, body .story-toolbar svg, body .memory-sync, body .load-state,
body .rep-next > div > span, body .live-agent-message > span, body .live-agent-message small,
body .agent-recipient > svg, body .story-memory-ready, body .story-source > span { color: #76bfff; }
body .agent-recipient div > span, body .live-agent-reply > span { color: #a1a9b5; }
body .live-agent-result { color: #cbd2dc; }
body .live-agent-result svg, body .live-agent-message small svg { color: #76bfff; }
body .flow-live i, body .flow-footer > span i, body .story-live i, body .story-footer > span i { background: #76bfff; box-shadow: 0 0 7px #76bfff28; }
body .story-stage .wire-base path { stroke: #5a6574; }
body .story-stage .wire-packet path { stroke: #8acaff; filter: drop-shadow(0 0 3px #56aaff); }
body .story-source.is-receiving, body .story-deal.is-prioritized { border-color: #538fc1; box-shadow: 0 0 18px #4aa3f012; }
body .story-source.is-receiving > i, body .story-source.is-connected > i { background: #76bfff; box-shadow: 0 0 6px #76bfff28; }
body .story-stage stop { stop-color: #76bfff; }