/* SalesMode surfaces: restrained color, rounded shells, crisp nested details. */
body[data-brand-theme="light"] {
  --sm-surface-border: #dfe5e5;
  --sm-surface-ink: #172022;
  --sm-surface-copy: #596467;
  --sm-surface-shadow: inset 0 1px 0 #fff, 0 2px 4px #16242803, 0 14px 32px -24px #16242824;
}

/* Feature tiles retain the current four/two/one-column responsive structure. */
body[data-brand-theme="light"] .hb-core-grid { gap: 14px; }
body[data-brand-theme="light"] .hb-core-grid article {
  border: 1px solid var(--sm-surface-border);
  border-radius: 23px;
  padding: clamp(22px, 2vw, 28px);
  background: linear-gradient(155deg, #fff 0%, #fff 68%, #f7f9f9 100%);
  box-shadow: var(--sm-surface-shadow);
  transition: border-color .22s ease, box-shadow .22s ease;
}
body[data-brand-theme="light"] .hb-core-icon {
  width: 42px;
  height: 42px;
  border: 1px solid #dce6e2;
  border-radius: 13px;
  color: #14765e;
  background: linear-gradient(145deg, #fff, #edf7f2);
  box-shadow: inset 0 1px 0 #fff, 0 2px 3px #10252605;
}
body[data-brand-theme="light"] .hb-core-grid article:nth-child(2n) .hb-core-icon {
  border-color: #dce5e9;
  color: #28738f;
  background: linear-gradient(145deg, #fff, #eef6fa);
}
body[data-brand-theme="light"] .hb-core-icon svg { width: 20px; height: 20px; }
body[data-brand-theme="light"] .hb-core-grid h3 {
  color: var(--sm-surface-ink);
  margin-top: 17px;
  margin-bottom: 7px;
  line-height: 1.3;
}
body[data-brand-theme="light"] .hb-core-grid p { color: var(--sm-surface-copy); line-height: 1.65; }

/* One connected process, with a clean outer shell and inset icon tiles. */
body[data-brand-theme="light"] .managed-process .process-grid {
  border: 1px solid var(--sm-surface-border);
  border-radius: 28px;
  background: #fff;
  box-shadow: inset 0 1px 0 #fff, 0 4px 8px #16242803, 0 22px 48px -32px #16242825;
}
body[data-brand-theme="light"] .managed-process .process-card { background: transparent; }
body[data-brand-theme="light"] .managed-process .process-card:nth-of-type(2) { background: linear-gradient(150deg, #f7f9f9, #fff 78%); }
body[data-brand-theme="light"] .managed-process .process-card + .process-card { border-left-color: #e4e9e9; }
body[data-brand-theme="light"] .process-icon {
  border: 1px solid #dce6e2;
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, #edf7f2);
  color: #14765e;
  box-shadow: inset 0 1px 0 #fff, 0 2px 3px #10252605;
}
body[data-brand-theme="light"] .process-card:nth-of-type(2) .process-icon {
  border-color: #dce5e9;
  background: linear-gradient(145deg, #fff, #eef6fa);
  color: #28738f;
}
body[data-brand-theme="light"] .managed-process .process-card h3 { color: var(--sm-surface-ink); }
body[data-brand-theme="light"] .managed-process .process-card p { color: var(--sm-surface-copy); }
body[data-brand-theme="light"] .process-connection { background: #d4e2de; }
body[data-brand-theme="light"] .process-connection i { background: #70b7a3; }
body[data-brand-theme="light"] .managed-process .process-card::after { border-color: #d4e2de; }

/* Brand color makes the SalesMode advantage immediately visible. */
.difference .section-head h2,
.intelligence .section-head h2 { text-wrap: balance; }

body[data-brand-theme="light"] .comparison {
  overflow: hidden;
  border-color: var(--sm-surface-border);
  border-radius: 27px;
  background: #fff;
  box-shadow: var(--sm-surface-shadow);
}
body[data-brand-theme="light"] .comparison-labels { border-color: #e0e7e5; }
body[data-brand-theme="light"] .comparison-labels > span { background: #f3f5f5; color: #5e686b; }
body[data-brand-theme="light"] .comparison-labels > span + span {
  background: var(--sm-gradient);
  border-color: #61d6c2;
  color: #102526;
}
body[data-brand-theme="light"] .comparison-labels > span + span svg { color: #102526; }
body[data-brand-theme="light"] .comparison-row + .comparison-row { border-color: #e5eaea; }
body[data-brand-theme="light"] .comparison-row > div:first-child { background: linear-gradient(110deg, #fafbfb, #f6f8f8); }
body[data-brand-theme="light"] .comparison-row > div:last-child {
  border-color: #a7dfce;
  background: linear-gradient(112deg, #d2f8e8 0%, #d7f6f0 52%, #e0f3ff 100%);
}
body[data-brand-theme="light"] .comparison-row h3,
body[data-brand-theme="light"] .comparison-row > div:first-child h3 { color: var(--sm-surface-ink); }
body[data-brand-theme="light"] .comparison-row > div:last-child h3 { color: #075f50; }
body[data-brand-theme="light"] .comparison-row p { color: var(--sm-surface-copy); }
body[data-brand-theme="light"] .comparison-row > div:last-child p { color: #385c58; }
body[data-brand-theme="light"] .compare-arrow {
  background: #e8fff5;
  border-color: #5acdb1;
  color: #075f50;
  box-shadow: 0 2px 5px #10252608;
}

/* Rounded accordion panels, with an inset control that remains a native summary. */
body[data-brand-theme="light"] .faq-list { border: 0; }
body[data-brand-theme="light"] .faq-item {
  margin: 0 0 12px;
  border: 1px solid var(--sm-surface-border);
  border-radius: 21px;
  background: #fff;
  box-shadow: inset 0 1px 0 #fff, 0 3px 7px #16242803;
  transition: border-color .22s ease, box-shadow .22s ease;
}
body[data-brand-theme="light"] .faq-item summary { padding: 23px 68px 23px 25px; color: var(--sm-surface-ink); }
body[data-brand-theme="light"] .faq-item summary:hover { color: #00776f; }
body[data-brand-theme="light"] .faq-item summary:focus-visible { border-radius: 19px; outline-offset: -4px; }
body[data-brand-theme="light"] .faq-plus {
  width: 30px;
  height: 30px;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #e0e7e5;
  border-radius: 50%;
  background: #f6f8f7;
}
body[data-brand-theme="light"] .faq-plus:before,
body[data-brand-theme="light"] .faq-plus:after { left: 8px; top: 14px; width: 12px; background: #46625b; }
body[data-brand-theme="light"] .faq-item[open] { border-color: #c6d9d1; box-shadow: inset 0 1px 0 #fff, 0 12px 28px -22px #16242830; }
body[data-brand-theme="light"] .faq-item[open] .faq-plus { background: #edf8f2; border-color: #d4e8dd; }
body[data-brand-theme="light"] .faq-answer { padding: 0 68px 24px 25px; }
body[data-brand-theme="light"] .faq-answer p { color: var(--sm-surface-copy); }

/* A charcoal offer panel and a bright nested guarantee keep the visual hierarchy. */
body[data-brand-theme="light"] .audit-invitation {
  border: 1px solid #354447;
  border-radius: 32px;
  background: radial-gradient(ellipse at 0 0, #00c78c0d, transparent 60%), radial-gradient(ellipse at 100% 100%, #00a4ef0b, transparent 55%), #17282e;
  box-shadow: inset 0 1px 0 #ffffff0c, 0 8px 14px -10px #15232730, 0 34px 64px -42px #15232760;
}
body[data-brand-theme="light"] .audit-copy h2 { color: #fff; }
body[data-brand-theme="light"] .audit-copy h2 span { color: #91dfca; }
body[data-brand-theme="light"] .audit-copy h2 .audit-headline-lead { color: inherit; }
body[data-brand-theme="light"] .audit-copy p,
body[data-brand-theme="light"] .audit-outcomes { color: #d5dfe1; }
body[data-brand-theme="light"] .audit-offer-note { color: #b7c6c9; }
body[data-brand-theme="light"] .recovery-guarantee {
  border: 1px solid #fff;
  border-radius: 24px;
  color: var(--sm-surface-ink);
  background: linear-gradient(150deg, #fff, #f5f8f7);
  box-shadow: inset 0 1px 0 #fff, 0 4px 8px #00000008, 0 24px 34px -26px #0000004d;
}
body[data-brand-theme="light"] .recovery-guarantee h3 { color: var(--sm-surface-ink); }
body[data-brand-theme="light"] .recovery-guarantee p { color: var(--sm-surface-copy); }
body[data-brand-theme="light"] .recovery-guarantee strong { color: #273f39; }
body[data-brand-theme="light"] .guarantee-icon.honeybee-seal {
  border-color: #d8e6df;
  border-radius: 18px;
  background: linear-gradient(145deg, #fff, #eef8f2);
  box-shadow: inset 0 0 0 5px #ffffffa6, inset 0 0 0 6px #e2eee7;
}

@media (hover: hover) and (pointer: fine) {
  body[data-brand-theme="light"] .hb-core-grid article:hover {
    border-color: #bfcec9;
    box-shadow: inset 0 1px 0 #fff, 0 4px 8px #16242804, 0 20px 34px -24px #16242830;
  }
  body[data-brand-theme="light"] .faq-item:hover { border-color: #c8d6d1; }
}
@media (max-width: 800px) {
  body[data-brand-theme="light"] .managed-process .process-grid { border-radius: 25px; }
  body[data-brand-theme="light"] .managed-process .process-card + .process-card { border-top-color: #e4e9e9; }
}
@media (max-width: 600px) {
  body[data-brand-theme="light"] .comparison { overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
  body[data-brand-theme="light"] .comparison-row { overflow: hidden; border-color: #dfe5e5 !important; border-radius: 23px; box-shadow: var(--sm-surface-shadow); }
  body[data-brand-theme="light"] .mobile-col-label { background: #f0f3f3; color: #5e686b; }
  body[data-brand-theme="light"] .comparison-row > div:last-child .mobile-col-label { background: var(--sm-gradient); color: #102526; }
  body[data-brand-theme="light"] .faq-item { border-radius: 20px; }
  body[data-brand-theme="light"] .faq-item summary { padding: 21px 59px 21px 21px; font-size: 15px; line-height: 1.65; }
  body[data-brand-theme="light"] .faq-plus { right: 18px; }
  body[data-brand-theme="light"] .faq-answer { padding: 0 23px 23px 21px; }
  body[data-brand-theme="light"] .audit-invitation { border-radius: 27px; }
  body[data-brand-theme="light"] .recovery-guarantee { border-radius: 21px; }
}
@media (max-width: 560px) {
  body[data-brand-theme="light"] .hb-core-grid { gap: 12px; }
  body[data-brand-theme="light"] .hb-core-grid article { grid-template-columns: 40px minmax(0, 1fr); column-gap: 16px; padding: 22px 20px; border-radius: 22px; }
  body[data-brand-theme="light"] .hb-core-icon { width: 40px; height: 40px; border-radius: 12px; }
  body[data-brand-theme="light"] .hb-core-grid h3 { margin-top: 0; margin-bottom: 6px; font-size: 18px; }
  body[data-brand-theme="light"] .hb-core-grid p { line-height: 1.65; }
}
@media (max-width: 360px) {
  body[data-brand-theme="light"] .hb-core-grid article { padding: 20px 17px; column-gap: 13px; }
  body[data-brand-theme="light"] .hb-core-grid h3 { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-brand-theme="light"] .hb-core-grid article,
  body[data-brand-theme="light"] .faq-item { transition: none; }
}

/* ROI promise: a compact statement with a distinct, finely framed surface. */
body[data-brand-theme="light"] .roi-guarantee {
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(28px, 3.2vw, 42px);
  border: 1px solid transparent;
  background: linear-gradient(145deg, #fff 15%, #f5faff 100%) padding-box,
    linear-gradient(140deg, #fff, #8bcfff 48%, #d0e6f5) border-box;
  box-shadow: inset 0 1px 0 #fff, 0 16px 38px #0000001c;
}
body[data-brand-theme="light"] .roi-guarantee::before {
  content: ''; position: absolute; z-index: -1; width: 260px; height: 260px;
  right: -145px; top: -100px; border: 1px solid #0077cc14; border-radius: 50%;
  box-shadow: 0 0 0 28px #0077cc05, 0 0 0 56px #0077cc04, 0 0 0 84px #0077cc03;
}
.roi-emblem {
  display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 24px;
  border: 1px solid #c8e5fa; border-radius: 18px; color: #0072c6;
  background: linear-gradient(145deg, #fff, #e9f5ff); box-shadow: inset 0 1px 0 #fff, 0 5px 15px #0077cc0b;
}
.roi-emblem svg { width: 34px; height: 34px; stroke-width: 1.8; }
body[data-brand-theme="light"] .roi-guarantee h3 { font-size: clamp(31px, 3vw, 40px); line-height: 1.1; letter-spacing: -.045em; }
body[data-brand-theme="light"] .roi-guarantee h3 > span { color: #0072c6; }
body[data-brand-theme="light"] .roi-guarantee .roi-condition { font-size: 16px; line-height: 1.7; margin-top: 22px; color: #53616a; }
body[data-brand-theme="light"] .roi-guarantee .roi-condition strong { color: #172022; font-weight: 650; }
body[data-brand-theme="light"] .roi-guarantee .roi-promise {
  border-top: 1px solid #d9e7f1; padding-top: 21px; margin-top: 23px;
  font-family: var(--heading); font-size: clamp(23px, 2.1vw, 28px); font-weight: 750;
  line-height: 1.25; letter-spacing: -.035em; color: #172022;
}
body[data-brand-theme="light"] .roi-guarantee .roi-promise span { display: block; color: #0072c6; }
@media (max-width: 600px) {
 body[data-brand-theme="light"] .roi-guarantee { padding: 28px; }
 body[data-brand-theme="light"] .roi-guarantee .roi-condition { font-size: 15px; }
 .roi-emblem { width: 50px; height: 50px; margin-bottom: 20px; border-radius: 15px; }
 .roi-emblem svg { width: 30px; height: 30px; }
}