.elementor-15836 .elementor-element.elementor-element-611692a{--display:flex;}.elementor-15836 .elementor-element.elementor-element-7d32dbe{--display:flex;}.elementor-15836 .elementor-element.elementor-element-58761f9{--display:flex;}.elementor-15836 .elementor-element.elementor-element-cbb45d7{--display:flex;}.elementor-15836 .elementor-element.elementor-element-86b6940{--display:flex;}.elementor-15836 .elementor-element.elementor-element-3d46d2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15836 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}.elementor-15836 .elementor-element.elementor-element-b9a39a6{--display:flex;}/* Start custom CSS *//* ============================================================================
   /work/codemax/ (15836) — THE STATEMENT, v2 (2026-09-22).
   A revenue-cycle case study told in the vocabulary of the work itself: a
   statement header for the hero, a claims dashboard for the crisis numbers, a
   ledger with dotted leaders, a 24-week programme calendar (the 12-week delivery
   drawn against the 20-24-week industry average on the SAME scale), a balance
   sheet for before/after, and a remittance advice for the results.
   The page sits on the CLIENT's own ground: Deep Forest #133D27 with Champagne
   Gold #F0D7A9 type, Heritage Bronze #8B7355 rules, and the Antique White #F8EBD4
   flip the client's own site performs between sections.
   Scope: .page-id-15836 throughout. Container units: --u = 100cqi / 1360,
   declared on the band that owns container-type (never consumed by it, §19).
   ========================================================================= */
.page-id-15836{
  --cx-pad: max(20px, min(40px, calc((100vw - 1360px) / 2)));
  --sxm-display: 'F37 Stout Black Compressed', sans-serif;
  --sxm-wide: 'Nord Medium', 'Nord Regular', sans-serif;
  --sxm-copy: 'DM Sans', system-ui, sans-serif;             /* SXM FONT SUBSTITUTE: Circular Std */
  --sxm-mono: 'OCR A Extended', 'Ocr A Tribute', monospace;  /* SXM FONT SUBSTITUTE */
  --forest: #133D27; --forest2: #0C271A; --forest3: #081C12;
  --champ: #F0D7A9; --bronze: #8B7355; --antique: #F8EBD4;
  --champ-mut: rgba(240,215,169,.74); --champ-dim: rgba(240,215,169,.5);
  --gline: rgba(240,215,169,.16); --bline: rgba(139,115,85,.6);
  --ink: #133D27; --ink-mut: rgba(19,61,39,.74); --ink-dim: rgba(19,61,39,.52);
  --aline: rgba(19,61,39,.16); --bronze-ink: #6E5A40;
  --blue-old: #2A5A8C;
}
body.page-id-15836{ background: var(--forest); }
.page-id-15836 .sxm-cx{
  padding-inline: var(--cx-pad) !important;
  background: var(--forest); color: var(--champ);
  container-type: inline-size;
  --u: calc(100cqi / 1360);
}

/* ----------------------------------------------------------------- reveals */
.page-id-15836 .sxm-cx-rv{
  opacity: 0; transform: translate3d(0, 24px, 0);
  transition: opacity .6s ease var(--d, 0s), transform .75s cubic-bezier(.16,.84,.44,1) var(--d, 0s);
}
.page-id-15836 .sxm-cx-rv.is-in{ opacity: 1; transform: none; }
/* the big heads wipe in from the left; the frame is generous because display glyphs
   overpaint their line box (§28.5) */
.page-id-15836 .sxm-cx-h2.sxm-cx-rv{ transform: none; transition: opacity .3s ease var(--d, 0s); }
/* the clip lives on an INNER span: a self-clipped element reports zero intersection area and never reveals (§13) */
.page-id-15836 .sxm-cx-h2.sxm-cx-rv > span{ display: inline-block; clip-path: inset(-.3em 100% -.3em -.1em); transition: clip-path .9s cubic-bezier(.16,.84,.44,1) var(--d, 0s); }
.page-id-15836 .sxm-cx-h2.sxm-cx-rv.is-in > span{ clip-path: inset(-.3em -.5em -.3em -.1em); }

/* ------------------------------------------------------- shared editorial */
.page-id-15836 .sxm-cx-eyebrow{
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px;
  text-transform: lowercase; color: var(--bronze);
  margin: 0 0 calc(28 * var(--u));
  padding-top: calc(16 * var(--u));
  border-top: 1px solid var(--gline);
}
.page-id-15836 .sxm-cx-eyebrow b{ font-weight: 400; color: var(--champ); }
.page-id-15836 .sxm-cx-h2{
  font-family: var(--sxm-display); font-weight: 900;
  font-size: clamp(34px, calc(72 * var(--u)), 80px); line-height: .94;
  text-transform: uppercase; color: var(--champ);
  margin: 0 0 calc(28 * var(--u)); max-width: 20ch;
}
.page-id-15836 .sxm-cx-h3{
  font-family: var(--sxm-wide); font-weight: 500;
  font-size: clamp(13px, calc(15 * var(--u)), 16px); letter-spacing: .16em;
  text-transform: uppercase; color: var(--champ);
  margin: calc(56 * var(--u)) 0 calc(20 * var(--u));
  padding-top: calc(14 * var(--u)); border-top: 1px solid var(--bline);
  display: flex; align-items: baseline; gap: 14px;
}
.page-id-15836 .sxm-cx-h3 s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; color: var(--bronze); }
.page-id-15836 .sxm-cx-p{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(15px, calc(18 * var(--u)), 20px); line-height: 1.66;
  color: var(--champ-mut); max-width: 66ch; margin: 0 0 calc(18 * var(--u));
}
.page-id-15836 .sxm-cx-p b{ font-weight: 500; color: var(--champ); }
.page-id-15836 .sxm-cx-p--lead{ font-size: clamp(17px, calc(22 * var(--u)), 24px); line-height: 1.5; color: var(--champ); max-width: 46ch; }
.page-id-15836 .sxm-cx-mono{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze); }

/* -------------------------------------------------------------------- hero */
.page-id-15836 .sxm-cx-hero{ padding-top: calc(28 * var(--u)); padding-bottom: 0; }
.page-id-15836 .sxm-cx-crumb{
  display: flex; gap: 10px; align-items: center;
  font-family: var(--sxm-mono);
  font-size: clamp(11px, calc(13 * var(--u)), 14px); letter-spacing: 2px;
  text-transform: lowercase; color: var(--champ-dim);
  margin: 0 0 calc(28 * var(--u));
}
.page-id-15836 .sxm-cx-crumb a{ color: var(--champ-dim); text-decoration: none; transition: color .25s ease; }
.page-id-15836 .sxm-cx-crumb a:hover, .page-id-15836 .sxm-cx-crumb a:focus-visible{ color: var(--champ); }
.page-id-15836 .sxm-cx-crumb b{ color: var(--champ); font-weight: 400; }
/* the statement plate: deep forest, a bronze top rule, the client's own hero art
   masked into the right half */
.page-id-15836 .sxm-cx-plate{
  position: relative; overflow: hidden;
  background: var(--forest2);
  border: 1px solid var(--gline); border-top: 3px solid var(--bronze);
  border-radius: 6px;
  padding: clamp(24px, calc(52 * var(--u)), 60px) clamp(20px, calc(56 * var(--u)), 64px) clamp(24px, calc(48 * var(--u)), 56px);
}
.page-id-15836 .sxm-cx-plate > *{ position: relative; z-index: 1; }
.page-id-15836 .sxm-cx-heroart{
  position: absolute; right: -2%; top: 0; bottom: 0; width: 60%;
  margin: 0; z-index: 0 !important; pointer-events: none; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 46%);
  mask-image: linear-gradient(90deg, transparent 0, #000 46%);
}
.page-id-15836 .sxm-cx-heroart img{
  display: block; width: 100%; height: 112%; object-fit: cover; object-position: 60% 40%;
  opacity: .82; transform: translate3d(0, var(--py, 0px), 0); will-change: transform;
}
.page-id-15836 .sxm-cx-plate-top{
  display: flex; align-items: flex-start; justify-content: space-between; gap: 20px;
  margin-bottom: clamp(28px, calc(48 * var(--u)), 56px);
}
.page-id-15836 .sxm-cx-logo{ width: clamp(150px, calc(210 * var(--u)), 224px); color: var(--champ); }
.page-id-15836 .sxm-cx-logo svg{ display: block; width: 100%; height: auto; overflow: visible; }
.page-id-15836 .sxm-cx-plate-right{ display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
/* the statement stamp: mono, ruled like a remittance header */
.page-id-15836 .sxm-cx-stmt{
  display: grid; grid-template-columns: auto auto; gap: 4px 18px;
  font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase;
  color: var(--champ-dim); border: 1px solid var(--bline); border-radius: 3px; padding: 10px 14px;
}
.page-id-15836 .sxm-cx-stmt b{ font-weight: 400; color: var(--champ); text-align: right; }
.page-id-15836 .sxm-cx-site{
  font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.6px;
  color: var(--champ-mut); text-decoration: none;
  border-bottom: 1px solid var(--gline); padding-bottom: 4px;
  transition: color .25s ease, border-color .25s ease;
}
.page-id-15836 .sxm-cx-site:hover, .page-id-15836 .sxm-cx-site:focus-visible{ color: var(--champ); border-color: var(--champ); }
.page-id-15836 .sxm-cx-h1{
  font-family: var(--sxm-display); font-weight: 900;
  font-size: clamp(64px, calc(168 * var(--u)), 184px); line-height: .88;
  text-transform: uppercase; color: var(--champ);
  margin: 0 0 clamp(16px, calc(26 * var(--u)), 32px);
}
.page-id-15836 .sxm-cx-stand{
  font-family: var(--sxm-copy); font-weight: 300;
  font-size: clamp(16px, calc(22 * var(--u)), 24px); line-height: 1.5;
  color: var(--champ-mut); max-width: 42ch; margin: 0 0 clamp(20px, calc(34 * var(--u)), 40px);
}
.page-id-15836 .sxm-cx-stand b{ font-weight: 500; color: var(--champ); }
.page-id-15836 .sxm-cx-brule{ height: 3px; width: 84px; background: var(--bronze); margin-bottom: clamp(18px, calc(28 * var(--u)), 34px); }
.page-id-15836 .sxm-cx-facts{
  list-style: none; margin: 0; padding: clamp(14px, calc(20 * var(--u)), 24px) 0 0;
  border-top: 1px solid var(--gline);
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 760px;
}
.page-id-15836 .sxm-cx-facts li{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15 * var(--u)), 16px); color: var(--champ); }
.page-id-15836 .sxm-cx-facts b{ display: block; font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze); margin-bottom: 6px; }
/* the tape: the account summary running under the plate like a ticker */
.page-id-15836 .sxm-cx-tape{
  margin: calc(18 * var(--u)) 0 0; padding: 14px 0;
  border-top: 1px solid var(--gline); border-bottom: 1px solid var(--gline);
  overflow: hidden; white-space: nowrap;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.page-id-15836 .sxm-cx-tape ul{ list-style: none; margin: 0; padding: 0; display: inline-flex; gap: 0; animation: sxmCxTape 34s linear infinite; }
.page-id-15836 .sxm-cx-tape:hover ul{ animation-play-state: paused; }
.page-id-15836 .sxm-cx-tape li{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--champ-mut); padding: 0 34px 0 0; }
.page-id-15836 .sxm-cx-tape li::before{ content: "◆"; color: var(--bronze); font-size: 8px; margin-right: 34px; position: relative; top: -2px; }
.page-id-15836 .sxm-cx-tape li b{ font-weight: 400; color: var(--champ); }
@keyframes sxmCxTape{ to{ transform: translate3d(-50%, 0, 0); } }

/* --------------------------------------------------------------- the stakes */
.page-id-15836 .sxm-cx-stakes{ padding-block: calc(56 * var(--u)) calc(72 * var(--u)); }
/* the claims dashboard: three tiles, a meter under each */
.page-id-15836 .sxm-cx-crisis{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 calc(44 * var(--u)); }
.page-id-15836 .sxm-cx-tile{
  background: var(--forest2); border: 1px solid var(--gline); border-radius: 6px;
  padding: clamp(18px, calc(26 * var(--u)), 30px) clamp(18px, calc(26 * var(--u)), 30px) clamp(16px, calc(22 * var(--u)), 26px);
  transition: transform .45s ease, border-color .45s ease;
}
.page-id-15836 .sxm-cx-tile:hover{ transform: translateY(-4px); border-color: var(--bline); }
.page-id-15836 .sxm-cx-tile > b{ display: flex; justify-content: space-between; font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze); margin-bottom: clamp(14px, calc(22 * var(--u)), 26px); }
.page-id-15836 .sxm-cx-tile > b i{ font-style: normal; color: var(--champ-dim); }
.page-id-15836 .sxm-cx-tile s{
  display: block; text-decoration: none;
  font-family: var(--sxm-display); font-weight: 900;
  font-size: clamp(44px, calc(76 * var(--u)), 84px); line-height: 1; color: var(--champ);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.page-id-15836 .sxm-cx-tile s i{ font-style: normal; color: var(--bronze); font-size: .62em; margin: 0 .08em; position: relative; top: -.1em; }
.page-id-15836 .sxm-cx-tile > i{ display: block; font-style: normal; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15 * var(--u)), 16px); color: var(--champ-mut); margin: 10px 0 clamp(14px, calc(20 * var(--u)), 24px); }
.page-id-15836 .sxm-cx-meter{ display: block; height: 6px; background: rgba(240,215,169,.12); border-radius: 3px; overflow: hidden; }
.page-id-15836 .sxm-cx-meter i{ display: block; height: 100%; width: 100%; background: var(--bronze); transform: scaleX(var(--v, 1)); transform-origin: 0 50%; }
.page-id-15836 .sxm-cx-meter--drop i{ background: linear-gradient(90deg, var(--champ), var(--bronze)); }
.page-id-15836 .sxm-cx-rv .sxm-cx-meter i{ transform: scaleX(0); transition: transform 1.3s cubic-bezier(.16,.84,.44,1) .35s; }
.page-id-15836 .sxm-cx-rv.is-in .sxm-cx-meter i{ transform: scaleX(var(--v, 1)); }
.page-id-15836 .sxm-cx-rv.is-in .sxm-cx-meter--drop i{ transform: scaleX(var(--v, 1)); transition-duration: 1.6s; }
/* the ledger: dotted leaders to the account totals */
.page-id-15836 .sxm-cx-ledger{ list-style: none; margin: 0 0 calc(52 * var(--u)); padding: 0; max-width: 760px; border-top: 1px solid var(--bline); }
.page-id-15836 .sxm-cx-ledger li{ display: flex; align-items: baseline; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--gline); }
.page-id-15836 .sxm-cx-ledger li span{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16 * var(--u)), 17px); color: var(--champ-mut); }
.page-id-15836 .sxm-cx-ledger li em{ flex: 1 1 auto; border-bottom: 1px dotted var(--bline); transform: translateY(-.35em); min-width: 40px; }
.page-id-15836 .sxm-cx-ledger li b{ font-family: var(--sxm-display); font-weight: 900; font-size: clamp(24px, calc(34 * var(--u)), 38px); line-height: 1; color: var(--champ); font-variant-numeric: tabular-nums; }
/* the three columns */
.page-id-15836 .sxm-cx-cols{ display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(40 * var(--u)); }
.page-id-15836 .sxm-cx-col{ border-top: 1px solid var(--bline); padding-top: calc(18 * var(--u)); }
.page-id-15836 .sxm-cx-col h3{
  font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(13px, calc(15 * var(--u)), 16px); letter-spacing: .16em;
  text-transform: uppercase; color: var(--champ); margin: 0 0 14px; line-height: 1.3;
  display: flex; align-items: baseline; gap: 12px;
}
.page-id-15836 .sxm-cx-col h3 s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 2px; color: var(--bronze); }
.page-id-15836 .sxm-cx-col p{ font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.66; color: var(--champ-mut); margin: 0; }

/* -------------------------------------------------- the approach (antique) */
.page-id-15836 .sxm-cx-appr{ background: var(--antique); color: var(--ink); padding-block: calc(64 * var(--u)) calc(72 * var(--u)); }
.page-id-15836 .sxm-cx-appr .sxm-cx-eyebrow{ color: var(--bronze-ink); border-top-color: var(--aline); }
.page-id-15836 .sxm-cx-appr .sxm-cx-eyebrow b{ color: var(--ink); }
.page-id-15836 .sxm-cx-appr .sxm-cx-h2{ color: var(--ink); }
.page-id-15836 .sxm-cx-appr .sxm-cx-p{ color: var(--ink-mut); }
.page-id-15836 .sxm-cx-appr .sxm-cx-p b{ color: var(--ink); }
.page-id-15836 .sxm-cx-appr .sxm-cx-h3{ color: var(--ink); border-top-color: rgba(139,115,85,.5); }
.page-id-15836 .sxm-cx-appr .sxm-cx-h3 s{ color: var(--bronze-ink); }
/* the programme calendar: 24 weeks across, the four phases as bars in the first twelve,
   then the delivery drawn against the industry average on the same scale */
.page-id-15836 .sxm-cx-cal{ margin: calc(36 * var(--u)) 0 0; }
.page-id-15836 .sxm-cx-cal-k{ display: flex; justify-content: space-between; gap: 14px; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze-ink); margin: 0 0 12px; }
.page-id-15836 .sxm-cx-grid{ display: grid; grid-template-columns: 210px repeat(24, minmax(0, 1fr)); column-gap: 2px; row-gap: 6px; align-items: center; }
.page-id-15836 .sxm-cx-wk{ font-family: var(--sxm-mono); font-size: 10px; letter-spacing: .5px; color: var(--ink-dim); text-align: center; padding: 6px 0; border-bottom: 1px solid var(--aline); }
.page-id-15836 .sxm-cx-wk--lbl{ text-align: left; letter-spacing: 1.6px; text-transform: uppercase; color: var(--bronze-ink); padding-left: 2px; }
.page-id-15836 .sxm-cx-wk:nth-child(4n+1){ color: var(--ink-mut); }
.page-id-15836 .sxm-cx-row-l{ grid-column: 1; padding: 14px 16px 14px 0; border-bottom: 1px solid var(--aline); align-self: stretch; }
.page-id-15836 .sxm-cx-row-l b{ display: block; font-family: var(--sxm-mono); font-weight: 400; font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--bronze-ink); margin-bottom: 5px; }
.page-id-15836 .sxm-cx-row-l h3{ font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(12px, calc(14 * var(--u)), 15px); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); margin: 0; line-height: 1.3; }
.page-id-15836 .sxm-cx-row-l i{ display: block; font-style: normal; font-family: var(--sxm-copy); font-size: 12px; color: var(--ink-dim); margin-top: 4px; }
.page-id-15836 .sxm-cx-bar{
  grid-column: var(--gc); height: 40px; border-radius: 3px;
  background: var(--forest); color: var(--champ);
  display: flex; align-items: center; padding: 0 12px;
  font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.4px; text-transform: uppercase; white-space: nowrap; overflow: hidden;
  transform-origin: 0 50%;
}
.page-id-15836 .sxm-cx-cal.sxm-cx-rv .sxm-cx-bar{ transform: scaleX(0); transition: transform .9s cubic-bezier(.16,.84,.44,1) calc(.2s + var(--i, 0) * .12s); }
.page-id-15836 .sxm-cx-cal.sxm-cx-rv.is-in .sxm-cx-bar{ transform: scaleX(1); }
.page-id-15836 .sxm-cx-bar--sum{ background: var(--forest); box-shadow: inset 0 0 0 1px var(--champ); }
.page-id-15836 .sxm-cx-bar--ind{ background: var(--bronze); color: var(--antique); }
.page-id-15836 .sxm-cx-bar--tail{ background: repeating-linear-gradient(135deg, var(--bronze) 0 6px, rgba(139,115,85,.45) 6px 12px); color: var(--forest); text-shadow: 0 0 6px var(--antique); }
.page-id-15836 .sxm-cx-rowgap{ grid-column: 1 / -1; height: 10px; border-bottom: 1px solid rgba(139,115,85,.5); margin-bottom: 8px; }
.page-id-15836 .sxm-cx-cal-note{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16 * var(--u)), 17px); color: var(--ink); margin: 18px 0 0; }
.page-id-15836 .sxm-cx-cal-note b{ font-weight: 700; }
/* deliverables: line items, each ticked */
.page-id-15836 .sxm-cx-deliv{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.page-id-15836 .sxm-cx-deliv li{
  display: flex; align-items: center; gap: 10px;
  font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(13px, calc(15 * var(--u)), 16px); color: var(--ink);
  border: 1px solid var(--aline); border-radius: 4px; padding: 12px 14px; background: rgba(255,255,255,.28);
  transition: background-color .3s ease, transform .3s ease;
}
.page-id-15836 .sxm-cx-deliv li:hover{ background: #fff; transform: translateY(-2px); }
.page-id-15836 .sxm-cx-deliv li::before{ content: "✓"; font-family: var(--sxm-mono); font-size: 12px; color: var(--antique); background: var(--forest); width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 20px; }
.page-id-15836 .sxm-cx-deliv li s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.4px; color: var(--bronze-ink); margin-left: auto; }

/* ----------------------------------------------------------------- the work */
.page-id-15836 .sxm-cx-work{ padding-block: calc(64 * var(--u)) calc(72 * var(--u)); }
.page-id-15836 .sxm-cx-insight{
  margin: calc(8 * var(--u)) 0 calc(36 * var(--u)); padding: clamp(18px, calc(28 * var(--u)), 32px) clamp(18px, calc(32 * var(--u)), 40px);
  background: var(--forest2); border: 1px solid var(--gline); border-left: 3px solid var(--bronze); border-radius: 6px; max-width: 900px;
}
.page-id-15836 .sxm-cx-insight blockquote{ margin: 0; padding: 0; border: 0; font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(16px, calc(21 * var(--u)), 23px); line-height: 1.5; color: var(--champ); }
.page-id-15836 .sxm-cx-insight figcaption{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze); margin-top: 16px; }
/* the balance sheet */
.page-id-15836 .sxm-cx-sheet{ width: 100%; border-collapse: collapse; margin: 0; background: var(--forest2); border: 1px solid var(--gline); border-radius: 6px; overflow: hidden; }
.page-id-15836 .sxm-cx-sheet th, .page-id-15836 .sxm-cx-sheet td{ text-align: left; vertical-align: top; padding: clamp(12px, calc(18 * var(--u)), 22px) clamp(14px, calc(22 * var(--u)), 26px); border: 0; border-top: 1px solid var(--gline); }
.page-id-15836 .sxm-cx-sheet td:nth-child(2), .page-id-15836 .sxm-cx-sheet td:nth-child(3){ border-left: 1px solid var(--gline); }
.page-id-15836 .sxm-cx-sheet thead th{ border-top: 0; font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--bronze); padding-top: 16px; padding-bottom: 14px; }
.page-id-15836 .sxm-cx-sheet thead th:nth-child(2){ color: var(--champ-dim); }
.page-id-15836 .sxm-cx-sheet thead th:nth-child(3){ color: var(--champ); }
.page-id-15836 .sxm-cx-sheet tbody th{ font-family: var(--sxm-mono); font-weight: 400; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze); width: 18%; white-space: nowrap; }
.page-id-15836 .sxm-cx-sheet td{ font-family: var(--sxm-copy); font-weight: 400; font-size: clamp(14px, calc(16 * var(--u)), 17px); line-height: 1.5; width: 41%; }
.page-id-15836 .sxm-cx-sheet td:nth-child(2){ color: var(--champ-dim); }
.page-id-15836 .sxm-cx-sheet td:nth-child(3){ color: var(--champ); }
.page-id-15836 .sxm-cx-sheet tbody tr{ transition: background-color .25s ease; }
.page-id-15836 .sxm-cx-sheet tbody tr:hover{ background: var(--forest3); }
.page-id-15836 .sxm-cx-sheet tfoot td, .page-id-15836 .sxm-cx-sheet tfoot th{ border-top: 2px solid var(--bline); background: var(--forest3); }
.page-id-15836 .sxm-cx-sheet tfoot td{ font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(12px, calc(14 * var(--u)), 15px); letter-spacing: .12em; text-transform: uppercase; }
.page-id-15836 .sxm-cx-chips{ display: inline-flex; gap: 6px; margin-right: 12px; vertical-align: middle; }
.page-id-15836 .sxm-cx-chips i{ width: 18px; height: 18px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
/* swatches */
.page-id-15836 .sxm-cx-swatches{ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.page-id-15836 .sxm-cx-swatches li{ background: var(--c); color: var(--k); border-radius: 6px; border: 1px solid var(--gline); padding: clamp(18px, calc(26 * var(--u)), 30px) clamp(14px, calc(20 * var(--u)), 24px); min-height: 130px; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; transition: transform .4s ease; }
.page-id-15836 .sxm-cx-swatches li:hover{ transform: translateY(-4px); }
.page-id-15836 .sxm-cx-swatches b{ font-family: var(--sxm-wide); font-weight: 500; font-size: clamp(13px, calc(15 * var(--u)), 16px); letter-spacing: .08em; text-transform: uppercase; }
.page-id-15836 .sxm-cx-swatches s{ text-decoration: none; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.6px; opacity: .8; }
/* the shipped site: hero capture left, two captures stacked right at the same height */
.page-id-15836 .sxm-cx-screens{ display: grid; grid-template-columns: 1.849fr 1fr; gap: 14px; align-items: stretch; }
.page-id-15836 .sxm-cx-stack{ display: flex; flex-direction: column; gap: 14px; justify-content: space-between; min-width: 0; }
.page-id-15836 .sxm-cx-shot{ margin: 0; border-radius: 6px; overflow: hidden; border: 1px solid var(--gline); background: var(--forest3); transition: transform .45s ease; }
.page-id-15836 .sxm-cx-shot:hover{ transform: translateY(-5px); }
.page-id-15836 .sxm-cx-shot img{ display: block; width: 100%; height: auto; }
.page-id-15836 .sxm-cx-chrome{ display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--forest2); border-bottom: 1px solid var(--gline); }
.page-id-15836 .sxm-cx-chrome i{ width: 9px; height: 9px; border-radius: 50%; background: rgba(240,215,169,.22); }
.page-id-15836 .sxm-cx-chrome u{ margin-left: 10px; text-decoration: none; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; color: var(--champ-dim); }
.page-id-15836 .sxm-dev-band{ color: var(--champ); }
.page-id-15836 .sxm-dev-band .sxm-dev-band__k{ color: var(--bronze); }
.page-id-15836 .sxm-dev-band .sxm-dev-band__p{ color: var(--champ-mut); opacity: 1; }
.page-id-15836 .sxm-dev{ --dev-bezel: #0F1F18; --dev-line: rgba(240,215,169,.45); --dev-glow: rgba(0,0,0,.6); --dev-bar: #020401; }
.page-id-15836 .sxm-dev-hint{ color: var(--champ-dim); }
.page-id-15836 .sxm-cx-cap{ font-family: var(--sxm-mono); font-size: 12px; letter-spacing: 1.4px; color: var(--champ-dim); margin: calc(30 * var(--u)) 0 0; }
.page-id-15836 .sxm-cx-cap a{ color: var(--champ); text-decoration: none; border-bottom: 1px solid var(--bline); }
.page-id-15836 .sxm-cx-cap a:hover, .page-id-15836 .sxm-cx-cap a:focus-visible{ border-color: var(--champ); }
/* the two programmes */
.page-id-15836 .sxm-cx-feats{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.page-id-15836 .sxm-cx-feat{ background: var(--forest2); border: 1px solid var(--gline); border-radius: 6px; padding: clamp(20px, calc(30 * var(--u)), 36px); transition: transform .4s ease, border-color .4s ease; position: relative; overflow: hidden; }
.page-id-15836 .sxm-cx-feat:hover{ transform: translateY(-4px); border-color: var(--bline); }
.page-id-15836 .sxm-cx-feat > s{ display: block; text-decoration: none; font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--bronze); margin-bottom: 14px; }
.page-id-15836 .sxm-cx-feat b{ display: block; font-family: var(--sxm-display); font-weight: 900; font-size: clamp(26px, calc(40 * var(--u)), 44px); line-height: 1; text-transform: uppercase; color: var(--champ); margin-bottom: 14px; }
.page-id-15836 .sxm-cx-feat p{ font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(13px, calc(15 * var(--u)), 16px); line-height: 1.62; color: var(--champ-mut); margin: 0; }
.page-id-15836 .sxm-cx-feat ul{ list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.page-id-15836 .sxm-cx-feat ul li{ font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--champ); border: 1px solid var(--bline); border-radius: 999px; padding: 7px 11px 6px; }
.page-id-15836 .sxm-cx-steps{ display: flex; gap: 6px; margin: 18px 0 0; }
.page-id-15836 .sxm-cx-steps i{ flex: 1 1 0; height: 4px; border-radius: 2px; background: var(--bronze); opacity: .35; transition: opacity .4s ease calc(var(--i) * .08s); }
.page-id-15836 .sxm-cx-rv.is-in .sxm-cx-steps i{ opacity: 1; }

/* ----------------------------------------------------- the results (champagne) */
.page-id-15836 .sxm-cx-res{ background: var(--champ); color: var(--ink); padding-block: calc(60 * var(--u)) calc(72 * var(--u)); }
.page-id-15836 .sxm-cx-res .sxm-cx-eyebrow{ color: var(--bronze-ink); border-top-color: rgba(19,61,39,.25); }
.page-id-15836 .sxm-cx-res .sxm-cx-eyebrow b{ color: var(--ink); }
.page-id-15836 .sxm-cx-res .sxm-cx-h2{ color: var(--ink); }
.page-id-15836 .sxm-cx-res .sxm-cx-p{ color: var(--ink-mut); }
/* the remittance advice */
.page-id-15836 .sxm-cx-remit{ border: 1px solid rgba(19,61,39,.3); border-radius: 6px; overflow: hidden; margin: 0 0 calc(40 * var(--u)); background: rgba(255,255,255,.18); }
.page-id-15836 .sxm-cx-remit-h{ display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding: 12px 20px; background: var(--forest); color: var(--champ); font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; }
.page-id-15836 .sxm-cx-remit-h i{ font-style: normal; color: var(--champ-dim); }
.page-id-15836 .sxm-cx-stats{ display: grid; grid-template-columns: repeat(3, 1fr); }
.page-id-15836 .sxm-cx-stats div{ padding: clamp(20px, calc(30 * var(--u)), 36px) clamp(16px, calc(26 * var(--u)), 30px); border-left: 1px solid rgba(19,61,39,.25); }
.page-id-15836 .sxm-cx-stats div:first-child{ border-left: 0; }
.page-id-15836 .sxm-cx-stats s{ display: block; text-decoration: none; font-family: var(--sxm-display); font-weight: 900; font-size: clamp(48px, calc(96 * var(--u)), 106px); line-height: 1; color: var(--ink); margin-bottom: 10px; font-variant-numeric: tabular-nums; }
.page-id-15836 .sxm-cx-stats i{ display: flex; justify-content: space-between; gap: 10px; font-style: normal; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--bronze-ink); line-height: 1.6; }
.page-id-15836 .sxm-cx-stats i b{ font-weight: 400; color: var(--ink); }
.page-id-15836 .sxm-cx-quote{ margin: 0 0 calc(44 * var(--u)); background: var(--forest); color: var(--champ); border-radius: 6px; padding: clamp(24px, calc(44 * var(--u)), 52px) clamp(20px, calc(52 * var(--u)), 60px); position: relative; overflow: hidden; }
.page-id-15836 .sxm-cx-quote::before{ content: "“"; position: absolute; left: clamp(12px, calc(24 * var(--u)), 28px); top: -.05em; font-family: var(--sxm-display); font-size: clamp(120px, calc(220 * var(--u)), 240px); line-height: 1; color: var(--bronze); opacity: .35; pointer-events: none; }
.page-id-15836 .sxm-cx-quote blockquote{ position: relative; margin: 0; padding: 0; border: 0; font-family: var(--sxm-copy); font-weight: 300; font-size: clamp(17px, calc(23 * var(--u)), 26px); line-height: 1.5; color: var(--champ); max-width: 52ch; }
.page-id-15836 .sxm-cx-quote figcaption{ position: relative; margin-top: 24px; display: flex; flex-direction: column; gap: 4px; }
.page-id-15836 .sxm-cx-quote figcaption b{ font-family: var(--sxm-wide); font-weight: 500; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--champ); }
.page-id-15836 .sxm-cx-quote figcaption span{ font-family: var(--sxm-mono); font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--bronze); }

/* --------------------------------------------------------------------- cta */
.page-id-15836 .sxm-cx-cta{
  padding-inline: var(--cx-pad) !important;
  background: #000; color: #fff; container-type: inline-size; --u: calc(100cqi / 1360);
  padding-block: calc(100 * var(--u)) calc(40 * var(--u)); text-align: center;
}
.page-id-15836 .sxm-cx-ctahead{ --dsz: calc(150 * var(--u)); --capmid: .9808; display: flex; flex-direction: column; align-items: center; gap: 0; margin: 0 0 calc(24 * var(--u)); text-transform: uppercase; color: #fff; line-height: 1.02; }
.page-id-15836 .sxm-cx-ctahead .l{ display: block; white-space: nowrap; }
.page-id-15836 .sxm-cx-ctahead .d{ font-style: normal; font-family: var(--sxm-display); font-weight: 900; font-size: calc(var(--dsz) * var(--capmid)); }
.page-id-15836 .sxm-cx-ctahead .w{ font-style: normal; font-family: var(--sxm-wide); font-weight: 500; font-size: calc(var(--dsz) * var(--capmid) * 1.1543 * .55); letter-spacing: -.02em; }
.page-id-15836 .sxm-cx-ctasub{ font-family: 'Nord Regular', sans-serif; font-size: clamp(12px, calc(18 * var(--u)), 19px); line-height: calc(30/18); letter-spacing: .19em; text-transform: uppercase; color: rgba(255,255,255,.7); max-width: 42ch; margin: 0 auto calc(44 * var(--u)); }
.page-id-15836 .sxm-cx-form{ width: 100%; text-align: left; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gform_fields{ display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, minmax(0, 1fr)); align-items: stretch; height: clamp(240px, 20.6cqi, 290px); grid-column-gap: clamp(4px, .5cqi, 8px); grid-row-gap: clamp(4px, .5cqi, 8px); }
.page-id-15836 .sxm-cx-form .gform_wrapper .gfield{ grid-column: 1; display: flex; min-width: 0; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gfield:has(textarea){ grid-column: 2; grid-row: 1 / span 3; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gfield_label{ display: none !important; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gfield > .ginput_container{ flex: 1 1 auto; display: flex; min-height: 0; margin: 0 !important; }
.page-id-15836 .sxm-cx-form .gform_wrapper input[type=text], .page-id-15836 .sxm-cx-form .gform_wrapper input[type=email], .page-id-15836 .sxm-cx-form .gform_wrapper input[type=tel], .page-id-15836 .sxm-cx-form .gform_wrapper textarea{ width: 100%; height: 100% !important; background: #232323; border: 0; border-radius: 6px; color: #fff; font-family: var(--sxm-copy); font-size: 16px; padding: 20px 22px; margin: 0; resize: none; }
.page-id-15836 .sxm-cx-form .gform_wrapper input, .page-id-15836 .sxm-cx-form .gform_wrapper textarea{ border: 0 !important; }
.page-id-15836 .sxm-cx-form .gform_wrapper ::placeholder{ color: rgba(255,255,255,.5); }
.page-id-15836 .sxm-cx-form .gform_wrapper .gform_footer{ margin: 10px 0 0; padding: 0; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gform_footer input[type=submit]{ display: block; width: 100% !important; padding: calc(30 * var(--u)) 0 !important; background: #fff !important; color: #000 !important; border: 0 !important; border-radius: 6px !important; font-family: var(--sxm-wide) !important; font-weight: 500 !important; font-size: clamp(15px, calc(28 * var(--u)), 29px) !important; line-height: 1.2; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; box-shadow: inset 0 0 0 2px #fff !important; transition: background-color .25s ease, color .25s ease; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gform_footer input[type=submit]:hover{ background: #000 !important; color: #fff !important; }
.page-id-15836 .sxm-cx-form .gform_wrapper .gform_footer input[type=submit]:focus-visible{ outline: 3px solid #fff; outline-offset: 3px; }
.page-id-15836 .sxm-cx-note{ font-family: var(--sxm-mono); font-size: 13px; letter-spacing: 1.3px; text-transform: uppercase; color: #E8C33C; margin: calc(14 * var(--u)) 0 0; text-align: center; }
.page-id-15836 .sxm-cx-back{ text-align: center; margin: calc(30 * var(--u)) 0 0; }
.page-id-15836 .sxm-cx-back a{ font-family: var(--sxm-wide); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.66); text-decoration: none; border-bottom: 1px solid #2c2c2c; padding-bottom: 5px; transition: color .25s ease, border-color .25s ease; }
.page-id-15836 .sxm-cx-back a:hover, .page-id-15836 .sxm-cx-back a:focus-visible{ color: #fff; border-color: #fff; }
.page-id-15836 .sxm-cx-tail{ display: none; }

/* ------------------------------------------------------------------ tablet */
@media (max-width: 1024px){
  .page-id-15836 .sxm-cx-heroart{ display: none; }
  .page-id-15836 .sxm-cx-cols{ grid-template-columns: 1fr; gap: 28px; }
  .page-id-15836 .sxm-cx-screens{ grid-template-columns: 1fr; }
  .page-id-15836 .sxm-cx-swatches{ grid-template-columns: 1fr 1fr; }
  .page-id-15836 .sxm-cx-deliv{ grid-template-columns: 1fr 1fr; }
  .page-id-15836 .sxm-cx-feats{ grid-template-columns: 1fr; }
  .page-id-15836 .sxm-cx-grid{ grid-template-columns: 150px repeat(24, minmax(0, 1fr)); }
  .page-id-15836 .sxm-cx-wk:not(.sxm-cx-wk--lbl):not(:nth-child(4n+1)){ color: transparent; }
}
/* ------------------------------------------------------------------- phone */
@media (max-width: 767px){
  .page-id-15836 .sxm-cx-hero{ padding-top: 40px; }   /* phone: 40px to the first ink like every page */
  .page-id-15836 .sxm-cx-plate-top{ flex-direction: column; align-items: flex-start; gap: 18px; }
  .page-id-15836 .sxm-cx-plate-right{ align-items: flex-start; }
  .page-id-15836 .sxm-cx-stmt b{ text-align: left; }
  .page-id-15836 .sxm-cx-facts{ grid-template-columns: 1fr; gap: 14px; }
  .page-id-15836 .sxm-cx-crisis{ grid-template-columns: 1fr; }
  .page-id-15836 .sxm-cx-tile s{ font-size: clamp(40px, 13vw, 56px); }
  .page-id-15836 .sxm-cx-ledger li b{ font-size: 26px; }
  /* the calendar: labels above their bars, 24 columns kept so the scale stays honest */
  .page-id-15836 .sxm-cx-grid{ grid-template-columns: repeat(24, minmax(0, 1fr)); column-gap: 1px; }
  .page-id-15836 .sxm-cx-wk--lbl{ display: none; }
  .page-id-15836 .sxm-cx-row-l{ grid-column: 1 / -1; padding: 12px 0 6px; border-bottom: 0; }
  /* phone: a 2-week bar is 28px wide, so the bars go textless (the row label carries the weeks) */
  .page-id-15836 .sxm-cx-bar{ height: 18px; padding: 0; font-size: 0; color: transparent; text-shadow: none; }
  .page-id-15836 .sxm-cx-bar--tail{ color: transparent; }
  .page-id-15836 .sxm-cx-deliv{ grid-template-columns: 1fr; }
  .page-id-15836 .sxm-cx-sheet thead{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .page-id-15836 .sxm-cx-sheet tbody tr, .page-id-15836 .sxm-cx-sheet tfoot tr{ display: grid; grid-template-columns: 1fr; border-top: 1px solid var(--gline); }
  .page-id-15836 .sxm-cx-sheet th, .page-id-15836 .sxm-cx-sheet td, .page-id-15836 .sxm-cx-sheet td:nth-child(2), .page-id-15836 .sxm-cx-sheet td:nth-child(3){ border: 0; width: auto; padding: 8px 16px; }
  .page-id-15836 .sxm-cx-sheet tbody th{ width: auto; background: transparent; padding-top: 16px; }
  .page-id-15836 .sxm-cx-sheet tbody td, .page-id-15836 .sxm-cx-sheet tfoot td, .page-id-15836 .sxm-cx-sheet tfoot th{ background: transparent; }
  .page-id-15836 .sxm-cx-sheet td:nth-child(2)::before{ content: "before  "; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--bronze); }
  .page-id-15836 .sxm-cx-sheet td:nth-child(3){ padding-bottom: 16px; }
  .page-id-15836 .sxm-cx-sheet td:nth-child(3)::before{ content: "after  "; font-family: var(--sxm-mono); font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--bronze); }
  .page-id-15836 .sxm-cx-swatches{ grid-template-columns: 1fr 1fr; }
  .page-id-15836 .sxm-cx-stats{ grid-template-columns: 1fr; }
  .page-id-15836 .sxm-cx-stats div{ border-left: 0; border-top: 1px solid rgba(19,61,39,.25); }
  .page-id-15836 .sxm-cx-stats div:first-child{ border-top: 0; }
  .page-id-15836 .sxm-cx-form .gform_wrapper .gform_fields{ grid-template-columns: 1fr; grid-template-rows: none; height: auto; grid-row-gap: 6px; }
  .page-id-15836 .sxm-cx-form .gform_wrapper .gfield, .page-id-15836 .sxm-cx-form .gform_wrapper .gfield:has(textarea){ grid-column: 1; grid-row: auto; }
  .page-id-15836 .sxm-cx-form .gform_wrapper .gfield textarea{ height: 150px !important; }
  .page-id-15836 .sxm-cx-form .gform_wrapper input[type=text], .page-id-15836 .sxm-cx-form .gform_wrapper input[type=email], .page-id-15836 .sxm-cx-form .gform_wrapper input[type=tel], .page-id-15836 .sxm-cx-form .gform_wrapper textarea{ padding: 19px 20px !important; font-size: 16px !important; line-height: 1.35 !important; height: auto !important; }
  .page-id-15836 .sxm-cx-form .gform_wrapper .gform_footer input[type=submit]{ padding: 20px 0 !important; font-size: 18px !important; }
}
@media (prefers-reduced-motion: reduce){
  .page-id-15836 .sxm-cx-tape ul{ animation: none; }
  .page-id-15836 .sxm-cx-heroart img{ transform: none; }
  .page-id-15836 .sxm-cx-shot, .page-id-15836 .sxm-cx-shot:hover, .page-id-15836 .sxm-cx-tile:hover, .page-id-15836 .sxm-cx-swatches li:hover, .page-id-15836 .sxm-cx-feat:hover, .page-id-15836 .sxm-cx-deliv li:hover{ transform: none; }
}/* End custom CSS */