/* DealSafe skin v4 (DEALSAFE-HUBSPOT-SKIN-V4.md; visual source DealSafe-Website-Preview-v4.html).
   One site-wide override for the Elevate theme, loaded from Settings > Content > Pages >
   Site header HTML after the Inter font link. Supersedes ds-reskin.css (black/cream/copper).
   Selectors use html:root so they beat the theme's :root definitions regardless of load order.
   Page bands are scoped by body.hs-content-id-<page id> and the band's position (nth-child);
   ids are listed in ids.json > brand. */

html:root {
  /* v4 tokens (spec 4) */
  --ds-ink: #14212C;
  --ds-ink-2: #1F2937;
  --ds-body: #506172;
  --ds-muted: #687685;
  --ds-nav: #3B4754;
  --ds-green: #34D058;
  --ds-green-2: #20B845;
  --ds-green-deep: #07320F;
  --ds-green-text: #1BA73D;
  --ds-green-soft: #E6FAEB;
  --ds-mist: #F7FAF8;
  --ds-white: #FFFFFF;
  --ds-line: #E2E9E4;
  --ds-dark: #172029;
  --ds-dark-2: #1E2A33;
  --ds-dark-3: #14212C;
  --ds-footer: #0D151B;
  --ds-on-dark: #C2CCD3;
  --ds-green-glow: rgba(52,208,88,.19);
  --ds-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Elevate palette (spec 4 mapping table) */
  --hsElevate--color--base--1: #FFFFFF;
  --hsElevate--color--base--2: #F7FAF8;
  --hsElevate--color--base--3: #14212C;
  --hsElevate--color--accent--1: #E6FAEB;
  --hsElevate--color--accent--2: #34D058;
  --hsElevate--color--accent--3: #20B845;
  --hsElevate--link--primary__fontColor: #1BA73D;
  --hsElevate--link--primary__hover--fontColor: #148A30;
  --hsElevate--link--primary__hover--textDecorationColor: #148A30;
  --hsElevate--link--secondary__fontColor: #3B4754;
  --hsElevate--link--secondary__hover--fontColor: #20B845;
  --hsElevate--link--secondary__hover--textDecorationColor: #20B845;

  /* Type (spec 5): Inter only */
  --hsElevate--body__font: var(--ds-font);
  --hsElevate--body__fontWeight: 400;
  --hsElevate--body__lineHeight: 1.6;
  --hsElevate--display1__font: var(--ds-font);
  --hsElevate--display2__font: var(--ds-font);
  --hsElevate--h1__font: var(--ds-font);
  --hsElevate--h2__font: var(--ds-font);
  --hsElevate--h3__font: var(--ds-font);
  --hsElevate--h4__font: var(--ds-font);
  --hsElevate--h5__font: var(--ds-font);
  --hsElevate--h6__font: var(--ds-font);
  --hsElevate--display1__fontWeight: 800;
  --hsElevate--display2__fontWeight: 800;
  --hsElevate--h1__fontWeight: 800;
  --hsElevate--h2__fontWeight: 800;
  --hsElevate--h3__fontWeight: 750;
  --hsElevate--heading__lineHeight: 1.05;
  --hsElevate--display2__fontSize: clamp(40px, 4.2vw, 56px);
  --hsElevate--h1__fontSize: clamp(36px, 3.6vw, 48px);
  --hsElevate--h2__fontSize: 38px;
  --hsElevate--h3__fontSize: 22px;
  --hsElevate--quotes__font: var(--ds-font);
  --hsElevate--captions__font: var(--ds-font);
  --hsElevate--captions__fontWeight: 400;
  --hsElevate--tag__font: var(--ds-font);
  --hsElevate--formLabel__font: var(--ds-font);

  /* Buttons (spec 8): 12px radius, weight 750, no uppercase */
  --hsElevate--button--primary__font: var(--ds-font);
  --hsElevate--button--primary__fontSize: 15px;
  --hsElevate--button--primary__fontWeight: 750;
  --hsElevate--button--primary__textColor: #07320F;
  --hsElevate--button--primary__hover--textColor: #07320F;
  --hsElevate--button--primary__borderRadius: 12px;
  --hsElevate--button--primary__backgroundColor: #34D058;
  --hsElevate--button--primary__hover--backgroundColor: #28C94C;
  --hsElevate--button--primary__active--backgroundColor: #20B845;
  --hsElevate--button--primary__borderThickness: 1px;
  --hsElevate--button--primary__hover--borderThickness: 1px;
  --hsElevate--button--primary__borderColor: transparent;
  --hsElevate--button--primary__hover--borderColor: transparent;
  --hsElevate--button--secondary__font: var(--ds-font);
  --hsElevate--button--secondary__fontSize: 15px;
  --hsElevate--button--secondary__fontWeight: 750;
  --hsElevate--button--secondary__textColor: #14212C;
  --hsElevate--button--secondary__hover--textColor: #14212C;
  --hsElevate--button--secondary__borderRadius: 12px;
  --hsElevate--button--secondary__backgroundColor: #FFFFFF;
  --hsElevate--button--secondary__hover--backgroundColor: #FFFFFF;
  --hsElevate--button--secondary__borderColor: #D9E1DC;
  --hsElevate--button--secondary__hover--borderColor: #B9C9BE;
  --hsElevate--button--tertiary__font: var(--ds-font);
  --hsElevate--button--tertiary__fontSize: 15px;
  --hsElevate--button--tertiary__fontWeight: 800;
  --hsElevate--button--tertiary__textColor: #1BA73D;
  --hsElevate--button--tertiary__hover--textColor: #148A30;
  --hsElevate--button--accent__font: var(--ds-font);
  --hsElevate--button--accent__fontSize: 15px;
  --hsElevate--button--accent__fontWeight: 750;
  --hsElevate--button--accent__textColor: #15231B;
  --hsElevate--button--accent__hover--textColor: #15231B;
  --hsElevate--button--accent__borderRadius: 12px;
  --hsElevate--button--accent__borderThickness: 1px;
  --hsElevate--button--accent__hover--borderThickness: 1px;
  --hsElevate--button--accent__borderColor: #FFFFFF;
  --hsElevate--button--accent__hover--borderColor: #FFFFFF;

  /* Forms (spec 8) */
  --hsElevate--form__backgroundColor: #F7FAF8;
  --hsElevate--form__borderColor: #E2E9E4;
  --hsElevate--form__borderRadius: 22px;
  --hsElevate--formField__backgroundColor: #FFFFFF;
  --hsElevate--formField__borderRadius: 12px;
  --hsElevate--formField__borderThickness: 1px;
  --hsElevate--formField__borderColor: #E2E9E4;
  --hsElevate--formField__borderTop: 1px solid #E2E9E4;
  --hsElevate--formField__borderRight: 1px solid #E2E9E4;
  --hsElevate--formField__borderLeft: 1px solid #E2E9E4;
  --hsElevate--formField__borderBottom: 1px solid #E2E9E4;
  --hsElevate--formFieldInput__textColor: #14212C;
  --hsElevate--formFieldPlaceholder__textColor: #98A3AD;
  --hsElevate--formFieldCheckboxRadio__fillColor: #20B845;
  --hsElevate--formLabel__textColor: #506172;
  --hsElevate--formLabel__fontSize: 14px;
  --hsElevate--formLabel__fontWeight: 600;
  --hsElevate--formHelpText__textColor: #687685;
  --hsElevate--formRequired__color: #C45C4A;

  /* Tags / pills */
  --hsElevate--tag__textColor: #15833A;
  --hsElevate--tag__backgroundColor: #E6FAEB;
  --hsElevate--tag__borderThickness: 0;
  --hsElevate--tag__borderColor: transparent;
  --hsElevate--tag__fontSize: 12px;
  --hsElevate--tag__fontWeight: 700;
  --hsElevate--tag__case: none;
}

/* Cards: all four variants become the v4 card */
html:root {
  --hsElevate--card--variant1__borderRadius: 22px;
  --hsElevate--card--variant2__borderRadius: 22px;
  --hsElevate--card--variant3__borderRadius: 22px;
  --hsElevate--card--variant4__borderRadius: 22px;
  --hsElevate--card--variant1__iconBorderRadius: 12px;
  --hsElevate--card--variant2__iconBorderRadius: 12px;
  --hsElevate--card--variant1__backgroundColor: #FFFFFF;
  --hsElevate--card--variant2__backgroundColor: #FFFFFF;
  --hsElevate--card--variant3__backgroundColor: #FFFFFF;
  --hsElevate--card--variant4__backgroundColor: #FFFFFF;
  --hsElevate--card--variant1__borderColor: #E2E9E4;
  --hsElevate--card--variant2__borderColor: #E2E9E4;
  --hsElevate--card--variant3__borderColor: #E2E9E4;
  --hsElevate--card--variant4__borderColor: #E2E9E4;
  --hsElevate--card--variant1__textColor: #687685;
  --hsElevate--card--variant2__textColor: #687685;
  --hsElevate--card--variant3__textColor: #687685;
  --hsElevate--card--variant4__textColor: #687685;
  --hsElevate--card--variant1--link__fontColor: #1BA73D;
  --hsElevate--card--variant2--link__fontColor: #1BA73D;
  --hsElevate--card--variant3--link__fontColor: #1BA73D;
  --hsElevate--card--variant4--link__fontColor: #1BA73D;
  --hsElevate--card--variant1--link__hover--fontColor: #148A30;
  --hsElevate--card--variant2--link__hover--fontColor: #148A30;
  --hsElevate--card--variant3--link__hover--fontColor: #148A30;
  --hsElevate--card--variant4--link__hover--fontColor: #148A30;
  --hsElevate--card--variant1--link__hover--textDecorationColor: #148A30;
  --hsElevate--card--variant2--link__hover--textDecorationColor: #148A30;
  --hsElevate--card--variant3--link__hover--textDecorationColor: #148A30;
  --hsElevate--card--variant4--link__hover--textDecorationColor: #148A30;
  --hsElevate--card--variant1__iconColor: #1CAD3D;
  --hsElevate--card--variant2__iconColor: #1CAD3D;
  --hsElevate--card--variant3__iconColor: #1CAD3D;
  --hsElevate--card--variant4__iconColor: #1CAD3D;
  --hsElevate--card--variant1__iconBackgroundColor: #E6FAEB;
  --hsElevate--card--variant2__iconBackgroundColor: #E6FAEB;
  --hsElevate--card--variant3__iconBackgroundColor: #E6FAEB;
  --hsElevate--card--variant4__iconBackgroundColor: #E6FAEB;
}

/* Section presets: light = white (2 = mist), dark = process charcoal (spec 4) */
html:root {
  --hsElevate--section--lightSection--1__backgroundColor: #FFFFFF;
  --hsElevate--section--lightSection--2__backgroundColor: #F7FAF8;
  --hsElevate--section--lightSection--3__backgroundColor: #FFFFFF;
  --hsElevate--section--darkSection--1__backgroundColor: #172029;
  --hsElevate--section--lightSection--1__textColor: #687685;
  --hsElevate--section--lightSection--2__textColor: #687685;
  --hsElevate--section--lightSection--3__textColor: #687685;
  --hsElevate--section--darkSection--1__textColor: #FFFFFF;
  --hsElevate--section--lightSection--1__accentColor: #20B845;
  --hsElevate--section--lightSection--2__accentColor: #20B845;
  --hsElevate--section--lightSection--3__accentColor: #20B845;
  --hsElevate--section--darkSection--1__accentColor: #34D058;
  --hsElevate--section--lightSection--1__captionColor: #71808F;
  --hsElevate--section--lightSection--2__captionColor: #71808F;
  --hsElevate--section--lightSection--3__captionColor: #71808F;
  --hsElevate--section--darkSection--1__captionColor: #C2CCD3;
  --hsElevate--section--lightSection--1--blockquote__textColor: #1D2D24;
  --hsElevate--section--lightSection--2--blockquote__textColor: #1D2D24;
  --hsElevate--section--lightSection--3--blockquote__textColor: #1D2D24;
  --hsElevate--section--darkSection--1--blockquote__textColor: #FFFFFF;
  --hsElevate--section--lightSection--1--blockquote__backgroundColor: transparent;
  --hsElevate--section--lightSection--2--blockquote__backgroundColor: transparent;
  --hsElevate--section--lightSection--3--blockquote__backgroundColor: transparent;
  --hsElevate--section--darkSection--1--blockquote__backgroundColor: transparent;
  --hsElevate--section--lightSection--1--blockquote__accentColor: #34D058;
  --hsElevate--section--lightSection--2--blockquote__accentColor: #34D058;
  --hsElevate--section--lightSection--3--blockquote__accentColor: #34D058;
  --hsElevate--section--darkSection--1--blockquote__accentColor: #34D058;
  --hsElevate--section--lightSection--1--link__fontColor: #1BA73D;
  --hsElevate--section--lightSection--2--link__fontColor: #1BA73D;
  --hsElevate--section--lightSection--3--link__fontColor: #1BA73D;
  --hsElevate--section--darkSection--1--link__fontColor: #6BE782;
  --hsElevate--section--lightSection--1--link__hover--fontColor: #148A30;
  --hsElevate--section--lightSection--2--link__hover--fontColor: #148A30;
  --hsElevate--section--lightSection--3--link__hover--fontColor: #148A30;
  --hsElevate--section--darkSection--1--link__hover--fontColor: #FFFFFF;
  --hsElevate--section--lightSection--1--link__hover--textDecorationColor: #148A30;
  --hsElevate--section--lightSection--2--link__hover--textDecorationColor: #148A30;
  --hsElevate--section--lightSection--3--link__hover--textDecorationColor: #148A30;
  --hsElevate--section--darkSection--1--link__hover--textDecorationColor: #FFFFFF;
}

/* ---------- Ground and type ---------- */
html, body { background: #FFFFFF; color: #687685; }
body { font-family: var(--ds-font); font-weight: 400; -webkit-font-smoothing: antialiased; }
main .dnd-section { background-color: #FFFFFF !important; background-image: none !important; }

h1, h2, h3, h4, h5, h6, .hs-elevate-display-1, .hs-elevate-display-2,
[class*="hs-elevate-h"], [class*="hs-elevate-heading"] h1, [class*="hs-elevate-heading"] h2, [class*="hs-elevate-heading"] h3 {
  font-family: var(--ds-font) !important; font-style: normal; color: #14212C;
}
h1, h2, .hs-elevate-display-1, .hs-elevate-display-2, .hs-elevate-h1, .hs-elevate-h2 { font-weight: 800; letter-spacing: -0.045em; line-height: 1.02; }
h3, .hs-elevate-h3 { font-weight: 750; letter-spacing: -0.02em; line-height: 1.15; }
h4, h5, h6 { font-weight: 750; letter-spacing: -0.01em; }
main :is(h1, h2, h3, h4, h5, h6) { color: #14212C !important; }
p, li, td { color: #687685; }
strong, b { color: #1F2937; font-weight: 700; }
a { transition: color 200ms ease; }
em, i { font-style: normal; }

/* ---------- Buttons (spec 8) ---------- */
[class*="hs-elevate-button"], .hs-button, input[type="submit"] {
  text-transform: none !important; letter-spacing: 0 !important; font-family: var(--ds-font) !important;
  transition: transform 200ms ease, background 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}
.hs-elevate-button { padding: 13px 20px; }
.hs-elevate-button:hover, input[type="submit"]:hover, .hs-button:hover { transform: translateY(-1px); }
.hs-elevate-button--primary, input[type="submit"], .hs-button.primary {
  background: linear-gradient(135deg, #34D058, #28C94C) !important; color: #07320F !important;
  border: 1px solid transparent !important; border-radius: 12px !important; font-weight: 750 !important;
  box-shadow: 0 10px 30px rgba(52,208,88,.25) !important;
}
.hs-elevate-button--primary *, .hs-elevate-button--primary svg { color: #07320F !important; fill: #07320F !important; }
.hs-elevate-button--secondary { background: #FFFFFF !important; color: #14212C !important; border: 1px solid #D9E1DC !important; border-radius: 12px !important; box-shadow: none !important; }
.hs-elevate-button--tertiary { box-shadow: none !important; }

/* ---------- Header (spec 7): white frosted, 82px ---------- */
header.hs-elevate-header, .hs-elevate-site-header {
  background: rgba(255,255,255,.9) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-bottom: 1px solid #EEF1EF; box-shadow: none !important;
}
header.hs-elevate-header { position: sticky; top: 0; z-index: 50; }
.hs-elevate-site-header__header-container { min-height: 82px; }
.hs-elevate-site-header__logo, header img.hs-elevate-site-header__logo { width: 190px !important; max-width: 190px; height: auto !important; }
header .hs-elevate-menu__menu-item-link, header nav a {
  font-family: var(--ds-font) !important; font-size: 14px !important; font-weight: 650 !important;
  letter-spacing: 0 !important; text-transform: none !important; color: #3B4754 !important;
}
header .hs-elevate-menu__menu-item-link:hover, header nav a:hover { color: #20B845 !important; }
.hs-elevate-menu__arrow-path { stroke: #3B4754; }
.hs-elevate-site-header .hs-elevate-menu--horizontal, .hs-elevate-site-header .hs-elevate-menu__menu-item-link-container { background: transparent !important; }
.hs-elevate-site-header .hs-elevate-menu__menu-item-link-container :is(a, span, button) { color: #3B4754 !important; font-weight: 650 !important; font-size: 14px !important; }
.hs-elevate-site-header .hs-elevate-menu__menu-item-link-container:hover :is(a, span, button) { color: #20B845 !important; }
.hs-elevate-site-header .hs-elevate-menu__submenu .hs-elevate-menu__menu-item-link-container { background: #FFFFFF !important; }
.hs-elevate-site-header .hs-elevate-menu__arrow svg, .hs-elevate-site-header .hs-elevate-menu__arrow path { fill: #3B4754 !important; stroke: #3B4754; }
.hs-elevate-menu__submenu { background: #FFFFFF !important; border: 1px solid #E2E9E4; border-radius: 14px; box-shadow: 0 12px 40px rgba(20,33,44,.08); }
/* Header CTA is the one real action: primary green, label unchanged */
.hs-elevate-site-header__button-container .hs-elevate-button, .hs-elevate-site-header__mobile-button-container .hs-elevate-button {
  background: linear-gradient(135deg, #34D058, #28C94C) !important; color: #07320F !important;
  border: 1px solid transparent !important; border-radius: 12px !important; box-shadow: 0 10px 30px rgba(52,208,88,.25) !important;
  font-size: 14px !important; padding: 12px 18px !important;
}
.hs-elevate-site-header__hamburger-menu, .hs-elevate-site-header__hamburger-menu * { color: #14212C !important; }
.hs-elevate-site-header__mobile-menu, .hs-elevate-site-header__menu-container { background: #FFFFFF !important; }

/* ---------- Footer (spec 8): charcoal ---------- */
footer, footer .dnd-section { background: #0D151B !important; background-image: none !important; color: #C2C9CE; }
footer { border-top: 0; }
footer p, footer li, footer td, footer span { color: #C2C9CE; }
footer h1, footer h2, footer h3, footer h4, footer strong, footer b { color: #FFFFFF !important; }
footer a { color: #C0C8CD !important; }
footer a:hover { color: #6BE782 !important; }
footer img { width: 180px !important; max-width: 180px; height: auto !important; }
footer .hs-elevate-menu__menu-item-link { color: #C0C8CD !important; font-size: 14px; font-weight: 600; }
footer .hs-elevate-menu__menu-item-link:hover { color: #6BE782 !important; }
footer .dnd-section:last-child { border-top: 1px solid #263038; }
footer .dnd-section:last-child p, footer .dnd-section:last-child span, footer .dnd-section:last-child a { font-size: 11px !important; color: #7F8A92 !important; }
footer table, footer tr, footer td { background: transparent !important; }
footer table td { border: 0 !important; text-align: left; vertical-align: top; }

/* ---------- Cards (spec 8) ---------- */
.hs-elevate-card { border: 1px solid #E2E9E4 !important; border-radius: 22px !important; background: #FFFFFF !important; box-shadow: 0 12px 40px rgba(20,33,44,.05) !important; }
.hs-elevate-card h2, .hs-elevate-card h3 { font-size: 24px; color: #14212C; letter-spacing: -0.02em; }
.hs-elevate-card p { color: #687685; }
.hs-elevate-card a:not(.hs-elevate-button) { color: #1BA73D; font-weight: 800; }
[class*="card__icon"], [class*="icon-container"] { background: #E6FAEB !important; color: #1CAD3D !important; border-radius: 12px !important; }
[class*="card__icon"] svg, [class*="icon-container"] svg { fill: #1CAD3D !important; color: #1CAD3D !important; }

/* ---------- FAQ accordions (spec 8) ---------- */
.hs-elevate-accordion { background: transparent !important; border: 0 !important; border-top: 1px solid #DFE6E1 !important; border-radius: 0 !important; box-shadow: none !important; }
.hs-elevate-accordion-container { --hsElevate--accordion__gap: 0; }
.hs-elevate-accordion__title { padding: 22px 0 !important; }
.hs-elevate-accordion__title-text { font-size: 18px !important; font-weight: 750 !important; color: #21313F !important; letter-spacing: -0.01em; }
.hs-elevate-accordion__title svg, .hs-elevate-accordion svg { color: #27BB48 !important; fill: #27BB48 !important; stroke: #27BB48; }
.hs-elevate-accordion p, .hs-elevate-accordion li { color: #687685; }

/* ---------- Metrics (outcomes-style cells) ---------- */
.hs-elevate-metrics-container { gap: 16px; }
.hs-elevate-metrics-container__metric { background: #FFFFFF; border: 1px solid #E2E9E4; border-radius: 18px; padding: 24px; }
.hs-elevate-metrics-container__metric-number { font-family: var(--ds-font) !important; font-size: 48px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: -0.05em; color: #14212C !important; }
.hs-elevate-metrics-container__metric p, .hs-elevate-metrics-container__metric-description { font-size: 14px; color: #687685 !important; }

/* ---------- Pricing (spec 8): three light cards, The Desk gets the green ring ---------- */
.hs-elevate-pricing-card-container__card { border-radius: 22px !important; border: 1px solid #DDE5DF !important; padding: 30px !important; box-shadow: none !important; transition: transform 200ms ease; }
.hs-elevate-pricing-card-container__card:nth-of-type(2) { border: 2px solid #34D058 !important; box-shadow: 0 24px 55px rgba(52,208,88,.14) !important; transform: translateY(-8px); }
.hs-elevate-pricing-card-container__card:nth-of-type(2) .hs-elevate-button { background: linear-gradient(135deg, #34D058, #28C94C) !important; color: #07320F !important; border-color: transparent !important; box-shadow: 0 10px 30px rgba(52,208,88,.25) !important; }
.hs-elevate-pricing-card-container__title { font-size: 20px !important; font-weight: 800 !important; letter-spacing: -0.01em; }
.hs-elevate-pricing-card-container__price { font-family: var(--ds-font) !important; font-size: 56px !important; font-weight: 800 !important; letter-spacing: -0.05em; color: #14212C !important; line-height: 1; }
.hs-elevate-pricing-card-container__time-period { font-size: 14px; color: #6F7B86 !important; letter-spacing: 0; text-transform: none; }
.hs-elevate-pricing-card-container__features li { border-top: 1px solid #EDF1EE; padding: 9px 0; font-size: 14px; }
.hs-elevate-pricing-card-container__features svg, [class*="pricing-card"] [class*="icon"] svg { color: #20B845 !important; fill: #20B845 !important; }

/* ---------- Tables (spec 8) ---------- */
table { border-collapse: collapse; background: #FFFFFF; }
main th, main thead td { color: #14212C !important; font-weight: 700; background: #F7FAF8 !important; }
main th, main td { border-bottom: 1px solid #E2E9E4 !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; }
main tr, main tbody tr:nth-child(odd), main tbody tr:nth-child(even) { background: #FFFFFF !important; }
main td:not(:first-child) { color: #20B845; text-align: center; font-weight: 700; }
main td:first-child, main td:first-child a { color: #1F2937 !important; }

/* ---------- Forms (spec 8) ---------- */
input, select, textarea { color: #14212C !important; background-color: #FFFFFF; border-radius: 12px; }
input:focus, select:focus, textarea:focus { outline: 0 !important; border-color: #34D058 !important; box-shadow: 0 0 0 3px rgba(52,208,88,.25) !important; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #34D058 !important; outline-offset: 2px; }
.hs-form label, .hs-form-field > label { text-transform: none; letter-spacing: 0; color: #506172; }
input[type="checkbox"], input[type="radio"] { accent-color: #20B845; }
.hs-field-desc, .hs-form-field legend, legend { color: #687685 !important; }
.hs-error-msg, .hs-error-msgs label { color: #C45C4A !important; }

/* New HubSpot form renderer (hsfc): its form-level style settings still carry the old olive */
[data-hsfc-id="Renderer"] {
  --hsf-global__font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  --hsf-global__color: #14212C;
  --hsf-button__background-color: #34D058;
  --hsf-button__background-image: linear-gradient(135deg, #34D058, #28C94C);
  --hsf-button--hover__background-color: #28C94C;
  --hsf-button__color: #07320F;
  --hsf-button--hover__color: #07320F;
  --hsf-button__border-radius: 12px;
  --hsf-button__font-weight: 750;
  --hsf-button__box-shadow: 0 10px 30px rgba(52,208,88,.25);
  --hsf-field-input__border-color: #E2E9E4;
  --hsf-field-input__border-radius: 12px;
  --hsf-field-input__background-color: #FFFFFF;
  --hsf-field-input__color: #14212C;
  --hsf-field-label__color: #506172;
  --hsf-field-description__color: #687685;
  --hsf-erroralert__color: #C45C4A;
}
[data-hsfc-id="Renderer"] .hsfc-FieldDescription, [data-hsfc-id="Renderer"] .hsfc-FieldDescription * { color: #687685 !important; }
[data-hsfc-id="Renderer"] .hsfc-FieldLabel, [data-hsfc-id="Renderer"] .hsfc-FieldLabel * { color: #506172 !important; }
[data-hsfc-id="Renderer"] .hsfc-Button { background-image: linear-gradient(135deg, #34D058, #28C94C) !important; color: #07320F !important; border-color: transparent !important; }
[data-hsfc-id="Renderer"] :is(.hsfc-TextInput, .hsfc-TextareaInput, .hsfc-DropdownInput, .hsfc-PhoneInput) :is(input, textarea, button):focus { border-color: #34D058 !important; box-shadow: 0 0 0 3px rgba(52,208,88,.25) !important; }
[data-hsfc-id="Renderer"] a { color: #1BA73D !important; }

/* ---------- Links on light ground ---------- */
main p a, main li a { color: #1BA73D; font-weight: 700; }
main p a:hover, main li a:hover { color: #148A30; }

/* ---------- Eyebrows, hero H1 accent ---------- */
.ds-eyebrow { font-family: var(--ds-font); font-size: 12px; font-weight: 800; letter-spacing: 0.18em; line-height: 1.2; text-transform: uppercase; color: #6B7B8B; margin: 0 0 18px; }
h1.ds-hero-h1 { font-size: clamp(40px, 4.2vw, 56px); font-weight: 800; line-height: 1.01; letter-spacing: -0.045em; color: #14212C; margin: 0 0 24px; }
.ds-accent { color: #20B845 !important; }

/* ---------- Hero band (first section on every page): white to mist wash + green glow ---------- */
main .dnd-section:first-child {
  position: relative; overflow: hidden;
  background-color: #FFFFFF !important;
  background-image: radial-gradient(620px 620px at calc(100% + 160px) -160px, rgba(52,208,88,.19), rgba(52,208,88,0) 68%), linear-gradient(180deg, #FFFFFF 0%, #F7FBF8 100%) !important;
}
main .dnd-section:first-child p { color: #506172; font-size: 19px; line-height: 1.6; }
main .dnd-section:first-child img[src*="dealsafe-mark-piece"], main .dnd-section:first-child img[src*="Final%20Logo"], main .dnd-section:first-child img[src*="Final Logo"] {
  width: 100% !important; max-width: 240px !important; height: auto !important; object-fit: contain; margin: 0 auto; display: block;
}

/* Four Corners program heroes (2026-09-29, Deanna's four-corners art): shown in the v4 device frame */
main .dnd-section:first-child img[src*="/heroes/hero-"] {
  width: 100% !important; max-width: 440px !important; height: auto !important; display: block; margin: 0 auto;
  background: #F7FAF8; border: 12px solid #1F2937; border-radius: 26px; box-shadow: 0 35px 90px rgba(18,35,26,.2);
  transform: perspective(1000px) rotateY(-4deg) rotateX(2deg);
}
@media (max-width: 980px) { main .dnd-section:first-child img[src*="/heroes/hero-"] { transform: none; max-width: 380px !important; margin-top: 32px; } }

/* Interior heroes: the page-name label above the H1 reads as an eyebrow */
body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:first-child .hs-elevate-rich-text > p:only-child {
  font-size: 12px !important; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #6B7B8B !important; margin-bottom: 18px;
}

/* ---------- Page bands (spec 7, 9) ---------- */
/* Mist bands */
body.hs-content-id-390947274473 main .dnd-section:nth-child(6),
body.hs-content-id-390947274473 main .dnd-section:nth-child(8),
body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743) main .dnd-section:nth-child(4),
body.hs-content-id-391010245355 main .dnd-section:nth-child(3),
body.hs-content-id-391010254576 main .dnd-section:nth-child(2),
body.hs-content-id-390947965660 main .dnd-section:nth-child(2) { background-color: #F7FAF8 !important; }
/* Founder band */
body.hs-content-id-391010254576 main .dnd-section:nth-child(3) { background-color: #F5F8F6 !important; }
/* Home trust line: thin bordered strip, 11px uppercase */
body.hs-content-id-390947274473 main .dnd-section:nth-child(2) { border-top: 1px solid #E8EEEA; border-bottom: 1px solid #E8EEEA; }
body.hs-content-id-390947274473 main .dnd-section:nth-child(2) p { font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #66737F; text-align: center; line-height: 1.7; }

/* Dark process bands and final CTA bands */
body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2) {
  background-color: #172029 !important;
}
body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child) {
  background-color: #14212C !important;
}
/* Everything inside a dark band */
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) {
  --ds-band: dark;
}
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) :is(h1, h2, h3, h4, strong, b, .hs-elevate-h1, .hs-elevate-h2, .hs-elevate-h3, .hs-elevate-display-2) { color: #FFFFFF !important; }
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) :is(p, li, span, td, small) { color: #C2CCD3; }
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) :is(p a, li a) { color: #6BE782; }
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) .ds-eyebrow { color: #61E578; }
/* Step cards and cards on dark */
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) :is(.hs-elevate-card, .hs-elevate-image-and-text, table) {
  background: #1E2A33 !important; border: 1px solid #33414B !important; border-radius: 18px !important; box-shadow: none !important;
}
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2)
) .hs-elevate-image-and-text { padding: 24px; }
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237) main .dnd-section:nth-child(2)
) :is(td, th, tr) { background: transparent !important; border-color: #33414B !important; color: #C2CCD3 !important; }
/* Buttons on dark: white (btn-light) for secondary, primary stays green */
:is(
  body.hs-content-id-390947274473 main .dnd-section:nth-child(4),
  body:is(.hs-content-id-390947274473, .hs-content-id-391009947336, .hs-content-id-391009953502, .hs-content-id-391009958617, .hs-content-id-394263553743, .hs-content-id-391010283237, .hs-content-id-391010245355, .hs-content-id-391010254576, .hs-content-id-390947965660) main .dnd-section:last-child:not(:first-child)
) .hs-elevate-button--secondary { background: #FFFFFF !important; color: #15231B !important; border-color: #FFFFFF !important; }

/* Home: four-part cards 2x2 (spec 8), section label as eyebrow */
body.hs-content-id-390947274473 main .dnd-section:nth-child(3) .hs-elevate-card-container { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px !important; }
body.hs-content-id-390947274473 main .dnd-section:nth-child(3) .hs-elevate-card-container > * { width: auto !important; max-width: none !important; }
#hs_cos_wrapper_dnd_area-dnd_partial-3-module-4 p { font-size: 12px !important; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #6B7B8B !important; }
@media (max-width: 980px) { body.hs-content-id-390947274473 main .dnd-section:nth-child(3) .hs-elevate-card-container { grid-template-columns: 1fr !important; } }

/* ---------- Homepage hero device card (hero panel module) ---------- */
/* Styles ship in the module's own CSS; nothing global needed. */

/* ---------- Knowledge base (/help) and customer portal: KB theme classes, not Elevate ---------- */
.header__top { background: #F7FAF8 !important; border-bottom: 1px solid #EEF1EF; }
.header__button, a.header__button { background: linear-gradient(135deg, #34D058, #28C94C) !important; color: #07320F !important; border: 1px solid transparent !important; border-radius: 12px !important; font-weight: 750 !important; box-shadow: 0 10px 30px rgba(52,208,88,.25); }
.hs-kb-search-input-wrapper { background-color: #172029 !important; background-image: radial-gradient(620px 620px at calc(100% + 160px) -160px, rgba(52,208,88,.19), rgba(52,208,88,0) 68%) !important; }
.hs-kb-search-input-wrapper :is(h1, h2, h3, p, label) { color: #FFFFFF !important; }
.hs-search-field__input { border-radius: 12px !important; border: 1px solid #E2E9E4 !important; color: #14212C !important; }
.hs-search-field__button { background: #34D058 !important; color: #07320F !important; border-radius: 12px !important; }
.hs-search-field__button svg, .hs-search-field__button path { fill: #07320F !important; }
body:not(.hs-site-page):not(.hs-landing-page) a:not([class*="button"]):not(header a):not(footer a) { color: #1BA73D; }
body:not(.hs-site-page):not(.hs-landing-page) a:not([class*="button"]):not(header a):not(footer a):hover { color: #148A30; }

/* ---------- HubSpot system and membership pages (sign in, register, password reset and their confirmations) ---------- */
header.system-logo { padding: 28px 20px 8px; text-align: center; }
header.system-logo img { width: 190px !important; max-width: 190px; height: auto !important; }
.section-wrapper .hs-button, a.hs-button {
  background: linear-gradient(135deg, #34D058, #28C94C) !important; color: #07320F !important;
  border: 1px solid transparent !important; border-radius: 12px !important; font-weight: 750 !important;
  box-shadow: 0 10px 30px rgba(52,208,88,.25) !important; padding: 13px 20px; text-decoration: none !important; display: inline-block;
}
.section-wrapper a:not(.hs-button) { color: #1BA73D; font-weight: 700; }
.section-wrapper h1 { font-size: clamp(30px, 4vw, 40px) !important; }
/* stock teal success tick -> v4 green */
img[src*="CmsDefaultSystemPages"][src*="success"] { filter: hue-rotate(-38deg) saturate(1.25); }

/* ---------- Home: process steps (Step 1-3) sit closer together; hero order line ---------- */
body.hs-content-id-390947274473 .dnd_area-dnd_partial-4-column-1-row-1-padding { padding-top: 64px !important; padding-bottom: 0 !important; }
body.hs-content-id-390947274473 .dnd_area-dnd_partial-4-column-1-row-2-padding { padding-top: 75px !important; padding-bottom: 0 !important; }
body.hs-content-id-390947274473 .dnd_area-dnd_partial-4-column-1-row-3-padding { padding-top: 75px !important; padding-bottom: 64px !important; }
main .dnd-section:first-child p.ds-hero-order { font-size: 15px; margin: 4px 0 0; }

/* ---------- Responsive (spec 7, 13) ---------- */
@media (max-width: 980px) {
  .hs-elevate-pricing-card-container__card:nth-of-type(2) { transform: none; }
}
@media (max-width: 767px) {
  .hs-elevate-site-header__logo, header img.hs-elevate-site-header__logo { width: 160px !important; max-width: 160px; }
  footer table, footer table tbody, footer table tr, footer table td { display: block; width: 100% !important; }
  footer table td { padding: 8px 0 !important; }
}
@media (max-width: 680px) {
  h1, .hs-elevate-display-1, .hs-elevate-display-2, h1.ds-hero-h1 { font-size: 46px !important; }
  h2, .hs-elevate-h2 { font-size: 36px !important; }
  main .dnd-section:first-child p { font-size: 17px; }
  main [class*="hs-elevate-button-container"] .hs-elevate-button { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } .hs-elevate-button:hover { transform: none; } }
