/*
 Theme Name:  708c Child Theme
 Template:    Divi
 Version: 4.2.33-final-contrast-repair
 Description: Production presentation layer for 708c.com.au — existing install merged with approved new image and old-money palette rebuild; plugin owns workflow.
*/

/* ============================================================
   STAGE 1 — TOKEN LOCK
   Single authoritative :root. Every surface inherits from here.
   No inline colour values anywhere below this block.
   ============================================================ */
/* Google Fonts loaded via wp_enqueue_style in functions.php — no @import needed here */

:root {
  /* ── PALETTE ─────────────────────────────────────────────── */
  --navy:       #1b2a4a;
  --navy-2:     #243660;
  --navy-3:     #0e1c34;
  --gold:       #a8895e;
  --gold-2:     #c4a67a;
  --gold-3:     #e8d5b0;
  --cream:      #f3f0ea;
  --ivory:      #faf8f4;
  --linen:      #e9e3d8;
  --white:      #ffffff;
  --char:       #1a1a1a;
  --steel:      #4f6079;
  --steel-2:    #6b7f96;
  --green:      #2e6e4a;
  --green-2:    #eef8f1;
  --red:        #8c2f39;
  --red-2:      #fef0f0;
  --amber:      #7c5c00;
  --amber-2:    #fff8e1;
  --border:     #d9d1c2;
  --border-2:   #e8e2d8;

  /* ── ALIASES (backwards compat) ─────────────────────────── */
  --c708-navy:       var(--navy);
  --c708-navy-2:     var(--navy-2);
  --c708-gold:       var(--gold);
  --c708-gold-2:     var(--gold-2);
  --c708-gold-400:   var(--gold);
  --c708-slate-900:  var(--navy);
  --c708-cream:      var(--cream);
  --c708-ivory:      var(--ivory);
  --c708-linen:      var(--linen);
  --c708-white:      var(--white);
  --c708-char:       var(--char);
  --c708-steel:      var(--steel);
  --c708-green:      var(--green);
  --c708-red:        var(--red);
  --c708-border:     var(--border);
  --c708-bg-page:    var(--cream);
  --c708-text-primary: var(--char);
  --c708-text-muted:   var(--steel);

  /* ── TYPOGRAPHY ──────────────────────────────────────────── */
  --font-display: 'Lato', Arial, sans-serif;
  --font-ui:      'Lato', Arial, sans-serif;
  --font-mono:    'Courier New', Consolas, monospace;
  --c708-font-display: var(--font-display);
  --c708-font-mono:    var(--font-mono);

  /* ── TYPE SCALE ──────────────────────────────────────────── */
  --text-xs:    11px;
  --text-sm:    13px;
  --text-base:  15px;
  --text-md:    16px;
  --text-lg:    18px;
  --text-xl:    22px;
  --text-2xl:   28px;
  --text-3xl:   36px;
  --text-4xl:   48px;
  --text-5xl:   64px;
  --c708-text-xs:   var(--text-xs);
  --c708-text-sm:   var(--text-sm);
  --c708-text-base: var(--text-base);
  --c708-text-lg:   var(--text-lg);
  --c708-text-xl:   var(--text-xl);
  --c708-text-2xl:  var(--text-2xl);
  --c708-text-3xl:  var(--text-3xl);

  /* ── SPACING SCALE ───────────────────────────────────────── */
  --space-1:   2px;
  --space-2:   4px;
  --space-3:   8px;
  --space-4:   12px;
  --space-5:   16px;
  --space-6:   20px;
  --space-7:   24px;
  --space-8:   32px;
  --space-9:   40px;
  --space-10:  48px;
  --space-11:  64px;
  --space-12:  80px;
  --c708-space-2:  var(--space-2);
  --c708-space-3:  var(--space-3);
  --c708-space-4:  var(--space-4);
  --c708-space-5:  var(--space-5);
  --c708-space-6:  var(--space-6);
  --c708-space-7:  var(--space-7);
  --c708-space-8:  var(--space-8);
  --c708-space-9:  var(--space-9);
  --c708-space-10: var(--space-10);
  --c708-space-16: 96px;

  /* ── RADII ───────────────────────────────────────────────── */
  --radius-sm:  6px;
  --radius:     12px;
  --radius-md:  14px;
  --radius-lg:  16px;
  --radius-xl:  18px;
  --radius-2xl: 32px;
  --c708-radius:    var(--radius);
  --c708-radius-lg: var(--radius-lg);
  --c708-radius-xl: var(--radius-xl);

  /* ── SHADOWS ─────────────────────────────────────────────── */
  --shadow-sm:  0 2px 8px rgba(27,42,74,.06);
  --shadow:     0 6px 18px rgba(27,42,74,.07);
  --shadow-md:  0 10px 26px rgba(27,42,74,.08);
  --shadow-lg:  0 16px 56px rgba(27,42,74,.13);
  --shadow-xl:  0 24px 80px rgba(27,42,74,.16);
  --c708-shadow: var(--shadow);

  /* ── MOTION ──────────────────────────────────────────────── */
  --ease:       cubic-bezier(.25,.46,.45,.94);
  --ease-out:   cubic-bezier(.16,1,.3,1);
  --dur-fast:   120ms;
  --dur:        200ms;
  --dur-slow:   350ms;

  /* ── BORDERS ─────────────────────────────────────────────── */
  --line:       1px solid var(--border);
  --line-2:     1px solid var(--border-2);

  /* ── CONTAINERS ──────────────────────────────────────────── */
  --container:      1140px;
  --container-sm:   720px;
  --container-md:   920px;
}

/* ============================================================
   STAGE 2 — GLOBAL ARCHITECTURE
   Base, reset, typography, body, layout, Divi overrides
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-ui);
  background: var(--cream);
  color: var(--char);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Divi shell suppression */
.et_pb_section { padding: 0 !important; }
.et_pb_row { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.et_pb_column { padding: 0 !important; }

/* Sidebar suppression — all 708C templates */
[class*="page-template-template-708c"] #sidebar,
[class*="page-template-template-708c"] .et_right_sidebar,
[class*="page-template-template-708c"] .et_left_sidebar,
[class*="page-template-template-708c"] .et_pb_sidebar { display: none !important; }
[class*="page-template-template-708c"] #left-area { width: 100% !important; float: none !important; }

/* Layout primitives */
.c708-wrap { max-width: var(--container); margin: 0 auto; padding: 0 var(--space-7); }
.c708-wrap--sm { max-width: var(--container-sm); margin: 0 auto; padding: 0 var(--space-7); }
.c708-wrap--md { max-width: var(--container-md); margin: 0 auto; padding: 0 var(--space-7); }
.c708-section { padding: var(--space-11) 0; }
.c708-section--sm { padding: var(--space-9) 0; }
.c708-container { max-width: var(--container); margin: 0 auto; padding: var(--space-8) var(--space-7); }
.c708-container--narrow { max-width: var(--container-sm); margin: 0 auto; padding: var(--space-8) var(--space-7); }

/* Typography */
h1, h2, h3, h4 { font-family: var(--font-ui); color: var(--navy); line-height: 1.18; margin: 0; letter-spacing: -.02em; }
h1 { font-size: 44px; font-weight: 900; }
h2 { font-size: 32px; font-weight: 800; }
h3 { font-size: 24px; font-weight: 800; }
h4 { font-size: 18px;  font-weight: 800; }
p  { margin: 0 0 var(--space-5); color: var(--steel); font-size: var(--text-base); line-height: 1.7; }
a  { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: var(--gold); }
code { font-family: var(--font-mono); font-size: .9em; background: var(--linen); padding: 2px 6px; border-radius: 4px; }

/* Utility */
.c708-text-center { text-align: center; }
.c708-text-muted   { color: var(--steel); font-size: var(--text-sm); }
.c708-text-label   { font-family: var(--font-ui); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 1.6px; font-weight: 700; color: var(--steel); }
.c708-intake-form  { width: 100%; }
.c708-grid--2 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-7); }
.c708-grid--3 { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-7); }
.c708-grid-2  { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-7); }
.c708-grid-3  { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--space-7); }

/* ============================================================
   STAGE 3 — NAVIGATION
   Sticky top bar bridging platform surfaces
   ============================================================ */
.c708-topbar {
  position: sticky; top: 0; z-index: 900;
  background: var(--navy);
  border-bottom: 3px solid var(--gold);
  padding: 0 var(--space-7);
  display: flex; align-items: center; justify-content: space-between;
  height: 58px;
  box-shadow: var(--shadow-md);
}
.c708-topbar__brand {
  font-family: var(--font-display);
  font-size: 22px; font-weight: 700;
  color: var(--white); letter-spacing: -.02em;
  text-decoration: none;
}
.c708-topbar__brand span { color: var(--gold-2); }
.c708-topbar__nav { display: flex; align-items: center; gap: var(--space-5); }
.c708-topbar__link {
  font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 600;
  color: rgba(255,255,255,.7); text-decoration: none;
  padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm);
  transition: color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.c708-topbar__link:hover, .c708-topbar__link--active {
  color: var(--white); background: rgba(255,255,255,.1);
}
.c708-topbar__cta {
  background: var(--gold); color: var(--white);
  font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 700;
  padding: var(--space-3) var(--space-6); border-radius: 999px;
  text-decoration: none; transition: background var(--dur) var(--ease);
  white-space: nowrap;
}
.c708-topbar__cta:hover { background: var(--gold-2); color: var(--white); }

/* ============================================================
   STAGE 4 — BUTTONS
   Consolidated system — primary, secondary, ghost, danger, sizes
   ============================================================ */
.c708-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3);
  font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 700;
  padding: 11px var(--space-7); border-radius: 999px;
  border: 2px solid transparent; cursor: pointer;
  text-decoration: none; white-space: nowrap;
  transition: all var(--dur) var(--ease);
  line-height: 1;
  min-height: 44px;
}
.c708-btn:hover { text-decoration: none; transform: translateY(-1px); box-shadow: var(--shadow-md); }
.c708-btn:active { transform: translateY(0); box-shadow: none; }
.c708-btn:disabled, .c708-btn[disabled] { opacity: .5; pointer-events: none; }

/* Variants */
.c708-btn--primary   { background: var(--navy);  color: var(--white); border-color: var(--navy); }
.c708-btn--primary:hover { background: var(--navy-2); border-color: var(--navy-2); color: var(--white); }
.c708-btn--gold      { background: var(--gold);  color: var(--white); border-color: var(--gold); }
.c708-btn--gold:hover { background: var(--gold-2); border-color: var(--gold-2); color: var(--white); }
.c708-btn--secondary { background: transparent; color: var(--navy); border-color: var(--border); }
.c708-btn--secondary:hover { border-color: var(--navy); background: rgba(27,42,74,.04); }
.c708-btn--ghost     { background: transparent; color: var(--steel); border-color: var(--border-2); }
.c708-btn--ghost:hover { background: var(--linen); color: var(--navy); border-color: var(--border); }
.c708-btn--danger    { background: transparent; color: var(--red); border-color: #f1d7d7; }
.c708-btn--danger:hover { background: var(--red-2); }

/* Sizes */
.c708-btn--sm  { font-size: var(--text-xs); padding: 7px var(--space-5); }
.c708-btn--lg  { font-size: var(--text-md); padding: 14px var(--space-9); }
.c708-btn--xl  { font-size: var(--text-lg); padding: 17px var(--space-10); }
.c708-btn--full { width: 100%; display: flex; }

/* Legacy aliases */
.c708-btn-primary   { background: var(--navy); color: var(--white); border-color: var(--navy); border-radius: 999px; padding: 11px var(--space-7); font-weight: 700; text-decoration: none; display: inline-flex; }
.c708-btn-secondary { background: transparent; color: var(--navy); border: 2px solid var(--border); border-radius: 999px; padding: 11px var(--space-7); font-weight: 700; text-decoration: none; display: inline-flex; }

/* ============================================================
   STAGE 5 — FORMS
   Fields, inputs, selects, textareas, labels, hints, errors
   ============================================================ */
.c708-field { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-5); }
.c708-field--row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); margin-bottom: var(--space-5); }
.c708-field-hint { font-size: var(--text-xs); color: var(--steel-2); margin-top: var(--space-1); line-height: 1.5; }

.c708-label {
  font-family: var(--font-ui); font-size: var(--text-xs);
  font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px;
  color: var(--navy);
}
.c708-label__required { color: var(--gold); margin-left: 3px; }
.c708-label__hint { color: var(--steel-2); font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 6px; }

.c708-input, .c708-select, .c708-textarea {
  width: 100%;
  font-family: var(--font-ui); font-size: var(--text-base); color: var(--char);
  background: var(--white);
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  padding: 11px var(--space-5);
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
  -webkit-appearance: none;
}
.c708-input:focus, .c708-select:focus, .c708-textarea:focus {
  outline: none;
  border-color: var(--navy);
  box-shadow: 0 0 0 3px rgba(27,42,74,.08);
}
.c708-input::placeholder { color: var(--steel-2); }
.c708-textarea { min-height: 110px; resize: vertical; line-height: 1.6; }
.c708-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234f6079' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 36px; cursor: pointer; }

.c708-input-group { display: flex; gap: var(--space-3); }
.c708-input-group .c708-input { flex: 1; }

.c708-field-error { font-size: var(--text-xs); color: var(--red); margin-top: var(--space-1); font-weight: 600; }
.c708-input--error { border-color: var(--red) !important; }

/* Radio + Checkbox */
.c708-radio-group { display: flex; flex-direction: column; gap: var(--space-3); }
.c708-radio {
  display: flex; align-items: flex-start; gap: var(--space-4); cursor: pointer;
  padding: var(--space-4) var(--space-5);
  border: 1.5px solid var(--border); border-radius: var(--radius);
  background: var(--white); transition: border-color var(--dur) var(--ease);
}
.c708-radio:hover { border-color: var(--navy); }
.c708-radio input[type="radio"] { accent-color: var(--navy); margin-top: 3px; flex-shrink: 0; }

/* ============================================================
   STAGE 6 — ENTITY + TRUST TYPE CARDS
   Four-card grid for entity selection and trust sub-type
   ============================================================ */
.c708-entity-cards {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-4); margin-bottom: var(--space-6);
}
.c708-entity-card {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-3);
  padding: var(--space-7) var(--space-5);
  border: 2px solid var(--border); border-radius: var(--radius-lg);
  cursor: pointer; background: var(--white);
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);
  text-align: center;
}
.c708-entity-card input[type="radio"] { display: none; }
.c708-entity-card:hover { border-color: var(--navy); box-shadow: var(--shadow-sm); }
.c708-entity-card--selected, .c708-entity-card:has(input:checked) {
  border-color: var(--navy); background: rgba(27,42,74,.03);
  box-shadow: 0 0 0 3px rgba(27,42,74,.08);
}
.c708-entity-card__icon { font-size: 28px; }
.c708-entity-card__label { font-weight: 700; font-size: var(--text-base); color: var(--navy); }
.c708-entity-card__sub   { font-size: var(--text-xs); color: var(--steel); line-height: 1.4; }
.c708-entity-extra { margin-top: var(--space-6); }

/* Trust type cards — 4 columns */
.c708-trust-type-cards {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--space-4); margin-bottom: var(--space-6);
}
.c708-trust-card {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-3);
  padding: var(--space-6) var(--space-4);
  border: 2px solid var(--border); border-radius: var(--radius-lg);
  cursor: pointer; background: var(--white);
  transition: all var(--dur) var(--ease); text-align: center;
}
.c708-trust-card input[type="radio"] { display: none; }
.c708-trust-card:hover { border-color: var(--navy); box-shadow: var(--shadow-sm); }
.c708-trust-card--selected, .c708-trust-card:has(input:checked) {
  border-color: var(--navy); background: rgba(27,42,74,.03);
  box-shadow: 0 0 0 3px rgba(27,42,74,.08);
}
.c708-trust-card__icon  { font-size: 24px; }
.c708-trust-card__label { font-weight: 700; font-size: var(--text-sm); color: var(--navy); line-height: 1.2; }
.c708-trust-card__sub   { font-size: 11px; color: var(--steel); line-height: 1.3; }

/* ============================================================
   STAGE 7 — STEPPER (6-step form)
   Uses .c708-steps wrapper + .c708-step__connector divs in HTML
   ============================================================ */

/* Both .c708-stepper (legacy) and .c708-steps (current) */
.c708-stepper,
.c708-steps {
  display: flex;
  align-items: flex-start;
  padding-top: var(--space-10);
  padding-bottom: var(--space-3);
}
.c708-step {
  display: flex; flex-direction: column; align-items: center;
  gap: var(--space-2); flex: 1; position: relative;
}
/* Connector line — rendered as a child div before the indicator */
.c708-step__connector {
  position: absolute;
  top: 17px;
  right: 50%;
  left: -50%;
  height: 2px;
  background: var(--border);
  z-index: 0;
  transition: background var(--dur-slow) var(--ease);
}
.c708-step--done .c708-step__connector,
.c708-step--active .c708-step__connector { background: var(--navy); }

/* Indicator circle */
.c708-step__indicator,
.c708-step__circle {
  width: 36px; height: 36px; border-radius: 50%;
  border: 2px solid var(--border); background: var(--white);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-ui); font-size: var(--text-sm); font-weight: 700;
  color: var(--steel-2); position: relative; z-index: 1;
  transition: all var(--dur) var(--ease);
}
.c708-step--active .c708-step__indicator,
.c708-step--active .c708-step__circle {
  border-color: var(--navy); background: var(--navy); color: var(--white);
  box-shadow: 0 0 0 4px rgba(27,42,74,.12);
}
.c708-step--done .c708-step__indicator,
.c708-step--done .c708-step__circle {
  border-color: var(--gold); background: var(--gold); color: var(--white);
}
.c708-step__label {
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; color: var(--steel-2);
  transition: color var(--dur) var(--ease);
}
.c708-step--active .c708-step__label { color: var(--navy); }
.c708-step--done .c708-step__label   { color: var(--gold); }

/* Form step content */
.c708-form-step { display: none; }
.c708-form-step--active { display: block; }
.c708-form-section { margin-bottom: var(--space-7); }
.c708-form-section__title {
  font-family: var(--font-display); font-size: var(--text-2xl);
  font-weight: 600; color: var(--navy); margin-bottom: var(--space-3);
}
.c708-form-section__sub {
  font-size: var(--text-sm); color: var(--steel); line-height: 1.65;
  margin-bottom: var(--space-6); max-width: 640px;
}
.c708-form-nav {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: var(--space-7); margin-top: var(--space-7);
  border-top: var(--line);
}

/* Upload zone */
.c708-upload-zone {
  border: 2px dashed var(--border); border-radius: var(--radius-lg);
  padding: var(--space-9) var(--space-7); text-align: center;
  cursor: pointer; transition: all var(--dur) var(--ease);
  background: var(--ivory);
}
.c708-upload-zone:hover, .c708-upload-zone--drag {
  border-color: var(--navy); background: rgba(27,42,74,.02);
}
.c708-upload-zone__icon  { font-size: 32px; margin-bottom: var(--space-4); opacity: .5; }
.c708-upload-zone__title { font-weight: 700; color: var(--navy); font-size: var(--text-base); margin-bottom: 4px; }
.c708-upload-zone__sub   { font-size: var(--text-sm); color: var(--steel); }
.c708-upload-list { list-style: none; padding: 0; margin: var(--space-4) 0 0; display: flex; flex-direction: column; gap: var(--space-2); }
.c708-upload-file {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-4); background: var(--green-2);
  border: 1px solid #c4dfc9; border-radius: var(--radius-sm);
  font-size: var(--text-sm); color: var(--green);
}

/* Cert preview */
.c708-cert-preview {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  border-radius: var(--radius-xl); padding: var(--space-8);
  margin-top: var(--space-7); color: var(--white);
  box-shadow: var(--shadow-lg);
}
.c708-cert-preview__header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--space-6); }
.c708-cert-preview__header-left { flex: 1; }
.c708-cert-preview__eye { font-size: var(--text-xs); letter-spacing: 2px; text-transform: uppercase; color: var(--gold-2); font-weight: 700; margin-bottom: var(--space-3); }
.c708-cert-preview__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 600; color: var(--white); font-style: italic; margin-bottom: var(--space-2); }
.c708-cert-preview__sub { font-size: var(--text-xs); color: rgba(255,255,255,.5); }
.c708-cert-preview__serial { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--gold-2); font-weight: 700; letter-spacing: 1px; text-align: right; }
.c708-cert-preview__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5) var(--space-7); }
.c708-cert-field__label { font-size: 9px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--gold-2); font-weight: 700; margin-bottom: 3px; opacity: .8; }
.c708-cert-field__value { font-size: var(--text-base); color: var(--white); font-weight: 600; }
.c708-cert-field__value--placeholder { color: rgba(255,255,255,.3); font-style: italic; font-weight: 400; }
.c708-cert-preview__live-note { font-size: var(--text-xs); color: rgba(255,255,255,.4); margin-top: var(--space-6); text-align: center; }
.c708-cert-preview__accountant { margin-top: var(--space-5); padding-top: var(--space-5); border-top: 1px solid rgba(255,255,255,.12); }
.c708-cert-field { }

/* Declaration */
.c708-declaration {
  background: var(--ivory); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: var(--space-6); margin-bottom: var(--space-6);
}
.c708-declaration-text { font-size: var(--text-sm); color: var(--steel); line-height: 1.7; margin-bottom: var(--space-5); }

/* ABN lookup */
#c708-abn-result { font-size: var(--text-sm); margin-top: var(--space-3); color: var(--steel); }

/* Sandbox toggle */
.c708-sandbox-toggle { display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-sm); color: var(--steel); }
.c708-sandbox-message { display: none; }
.c708-sandbox-message.active { display: block; }

/* ============================================================
   STAGE 8 — ALERTS & CALLOUTS
   ============================================================ */
.c708-alert {
  border-radius: var(--radius); padding: var(--space-5) var(--space-6);
  font-size: var(--text-sm); line-height: 1.6; border: 1.5px solid transparent;
  font-family: var(--font-ui);
}
.c708-alert strong { font-weight: 700; }
.c708-alert--info    { background: rgba(27,42,74,.05); border-color: rgba(27,42,74,.12); color: var(--navy); }
.c708-alert--warning { background: var(--amber-2); border-color: #f1ddb5; color: var(--amber); }
.c708-alert--success { background: var(--green-2); border-color: #b6dabd; color: var(--green); }
.c708-alert--error   { background: var(--red-2); border-color: #f1d7d7; color: var(--red); }
.c708-alert--gold    { background: #fffaf2; border-color: var(--gold-3); border-left: 4px solid var(--gold); color: var(--char); }
.c708-note { background: #fffaf2; border-left: 4px solid var(--gold); padding: var(--space-5) var(--space-6); border-radius: 0 var(--radius) var(--radius) 0; color: var(--steel); font-size: var(--text-sm); }

/* ============================================================
   STAGE 9 — BADGES & STATUS CHIPS
   ============================================================ */
.c708-badge {
  display: inline-block; padding: 3px 10px; border-radius: 999px;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; font-family: var(--font-ui);
  white-space: nowrap;
}
.c708-badge--active            { background: var(--green-2); color: var(--green); }
.c708-badge--pending           { background: var(--amber-2); color: var(--amber); }
.c708-badge--under-review      { background: var(--amber-2); color: var(--amber); }
.c708-badge--info-requested    { background: var(--amber-2); color: var(--amber); }
.c708-badge--draft             { background: var(--linen);   color: var(--steel); }
.c708-badge--expired           { background: #fff4dd;        color: #8a6417; }
.c708-badge--declined          { background: var(--red-2);   color: var(--red); }
.c708-badge--warning           { background: var(--amber-2); color: var(--amber); }
.c708-badge--certificate-issued { background: var(--green-2); color: var(--green); }
.c708-badge--sandbox           { background: #f3f0ff; color: #5b3fd6; }
.c708-badge--renewal           { background: #e8f3ff; color: #1a4d8f; }

/* Status legacy */
.c708-status        { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-size: var(--text-xs); font-weight: 700; }
.c708-status-current  { background: var(--green-2); color: var(--green); }
.c708-status-pending  { background: var(--amber-2); color: var(--amber); }
.c708-status-problem  { background: var(--red-2);   color: var(--red); }

/* ============================================================
   STAGE 10 — CARDS
   ============================================================ */
.c708-card {
  background: var(--white); border: var(--line);
  border-radius: var(--radius-lg); box-shadow: var(--shadow);
  padding: var(--space-7);
  transition: box-shadow var(--dur) var(--ease);
}
.c708-card:hover { box-shadow: var(--shadow-md); }
.c708-card h3 { color: var(--navy); font-size: var(--text-xl); margin-bottom: var(--space-3); }
.c708-card p  { color: var(--steel); margin: 0; }
.c708-card--muted   { background: var(--cream); }
.c708-card--navy    { background: var(--navy); color: var(--white); }
.c708-card--navy h3 { color: var(--white); }
.c708-card--navy p  { color: rgba(255,255,255,.7); }
.c708-card--feature { border-color: var(--gold); border-width: 2px; }
.c708-shell {
  background: var(--white); border: var(--line);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-md); padding: var(--space-9);
}

/* Metric / stat cards (legacy) */
.c708-metric { background: var(--white); border: var(--line); border-radius: var(--radius-lg); padding: var(--space-6); text-align: center; }
.c708-metric b { display: block; color: var(--navy); font-size: var(--text-3xl); font-family: var(--font-display); margin-bottom: 4px; }
.c708-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--space-5); }

/* ============================================================
   STAGE 11 — DASHBOARD STATS (workspace stat row)
   ============================================================ */
.c708-dash-stats {
  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));
  gap: var(--space-5); margin-bottom: var(--space-8);
}
.c708-dash-stat {
  background: var(--white); border: var(--line); border-radius: var(--radius-lg);
  padding: var(--space-6) var(--space-7);
  display: flex; align-items: center; gap: var(--space-5);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--dur) var(--ease);
}
.c708-dash-stat:hover { box-shadow: var(--shadow); }
.c708-dash-stat__icon {
  width: 48px; height: 48px; border-radius: var(--radius);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; flex-shrink: 0;
}
.c708-dash-stat__icon--green  { background: var(--green-2); }
.c708-dash-stat__icon--blue   { background: rgba(27,42,74,.06); }
.c708-dash-stat__icon--gold   { background: var(--amber-2); }
.c708-dash-stat__icon--grey   { background: var(--linen); }
.c708-dash-stat__icon--purple { background: #f3f0ff; }
.c708-dash-stat__value {
  font-family: var(--font-display); font-size: var(--text-3xl);
  font-weight: 700; color: var(--navy); line-height: 1; margin-bottom: 3px;
}
.c708-dash-stat__label { font-size: var(--text-xs); color: var(--steel); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.c708-dash-content { max-width: var(--container); margin: 0 auto; padding: var(--space-8) var(--space-7); }

/* ============================================================
   STAGE 12 — TABLES
   ============================================================ */
.c708-table-wrap {
  background: var(--white); border: var(--line); border-radius: var(--radius-lg);
  overflow: hidden; box-shadow: var(--shadow-sm); margin-bottom: var(--space-6);
}
.c708-table-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: var(--space-5) var(--space-7); border-bottom: var(--line);
  background: linear-gradient(180deg, var(--ivory) 0%, #f0ece4 100%);
  flex-wrap: wrap; gap: var(--space-4);
}
.c708-table-header__title { font-family: var(--font-display); font-size: var(--text-xl); color: var(--navy); font-weight: 600; }
.c708-status-select {
  border: var(--line); border-radius: var(--radius-sm);
  padding: 6px var(--space-4); font-size: var(--text-xs); color: var(--char);
  background: var(--white); cursor: pointer;
}
.c708-table { width: 100%; border-collapse: collapse; }
.c708-table th {
  font-size: var(--text-xs); letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--steel); font-weight: 700; padding: var(--space-4) var(--space-5);
  border-bottom: var(--line); background: var(--cream); text-align: left;
}
.c708-table td {
  padding: var(--space-4) var(--space-5); border-bottom: var(--line-2);
  font-size: var(--text-sm); color: var(--char); vertical-align: top; text-align: left;
}
.c708-table tr:last-child td { border-bottom: none; }
.c708-table tbody tr { transition: background var(--dur-fast) var(--ease); }
.c708-table tbody tr:hover { background: var(--ivory); }
.c708-table code { font-family: var(--font-mono); font-size: 11px; background: var(--linen); padding: 2px 6px; border-radius: 4px; }
.c708-table strong { color: var(--navy); }

/* ============================================================
   STAGE 13 — EMPTY STATES
   ============================================================ */
.c708-empty { text-align: center; padding: var(--space-11) var(--space-8); }
.c708-empty__icon  { font-size: 44px; margin-bottom: var(--space-5); opacity: .35; }
.c708-empty__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 600; color: var(--navy); margin-bottom: var(--space-3); }
.c708-empty__body, .c708-empty__sub {
  font-size: var(--text-sm); color: var(--steel); max-width: 480px;
  margin: 0 auto var(--space-7); line-height: 1.7;
}

/* ============================================================
   STAGE 14 — VAULT ITEMS
   ============================================================ */
.c708-vault-list { display: flex; flex-direction: column; gap: var(--space-3); }
.c708-vault-item {
  display: flex; align-items: center; gap: var(--space-5);
  padding: var(--space-5) var(--space-7);
  background: var(--white); border: var(--line); border-radius: var(--radius-lg);
  transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.c708-vault-item:hover { box-shadow: var(--shadow-sm); border-color: var(--navy); }
.c708-vault-item--sandbox { border-left: 4px solid #d4a017; }
.c708-vault-item__icon    { font-size: 24px; flex-shrink: 0; opacity: .75; }
.c708-vault-item__info    { flex: 1; }
.c708-vault-item__name    { font-weight: 700; color: var(--navy); margin-bottom: 3px; font-size: var(--text-base); }
.c708-vault-item__meta    { color: var(--steel); font-size: var(--text-xs); }
.c708-vault-item__actions { display: flex; gap: var(--space-3); flex-shrink: 0; }

/* ============================================================
   STAGE 15 — RENEWAL BAR
   ============================================================ */
.c708-renewal-bar {
  display: flex; align-items: center; gap: var(--space-7);
  background: var(--white); border: var(--line); border-radius: var(--radius-lg);
  padding: var(--space-5) var(--space-7); box-shadow: var(--shadow-sm);
  margin-bottom: var(--space-6); flex-wrap: wrap;
}
.c708-renewal-bar__label { min-width: 200px; font-size: var(--text-sm); }
.c708-renewal-bar__track { flex: 1; min-width: 120px; height: 6px; background: var(--linen); border-radius: 999px; overflow: hidden; }
.c708-renewal-bar__fill  { height: 100%; border-radius: 999px; transition: width .5s var(--ease-out); }
.c708-renewal-bar__fill--ok      { background: var(--green); }
.c708-renewal-bar__fill--warning { background: #d4a017; }
.c708-renewal-bar__fill--danger, .c708-renewal-bar__fill--urgent  { background: var(--red); }

/* ============================================================
   STAGE 16 — VALIDATION RESULT
   ============================================================ */
.c708-validation-result {
  border: 2px solid var(--border); border-radius: var(--radius-xl);
  overflow: hidden; background: var(--white); box-shadow: var(--shadow-md);
  margin-top: var(--space-7);
}
.c708-validation-result--active    { border-color: #b6dabd; }
.c708-validation-result--expired   { border-color: #ffe082; }
.c708-validation-result--not-found { border-color: #f1d7d7; }
.c708-validation-result--sandbox   { border-color: #d4a017; }
.c708-validation-result__status-bar {
  display: flex; align-items: center; gap: var(--space-4);
  padding: var(--space-6) var(--space-7);
  font-family: var(--font-display); font-size: var(--text-2xl);
  font-weight: 600; color: var(--navy);
  border-bottom: var(--line);
}
.c708-validation-result--active   .c708-validation-result__status-bar { background: var(--green-2); }
.c708-validation-result--expired  .c708-validation-result__status-bar { background: #fff9ec; }
.c708-validation-result--not-found .c708-validation-result__status-bar { background: var(--red-2); }
.c708-validation-result__body   { padding: var(--space-7); }
.c708-validation-result__grid   { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--space-6) var(--space-9); }
.c708-validation-result__footer {
  padding: var(--space-4) var(--space-7); font-size: var(--text-xs);
  color: var(--steel); border-top: var(--line); background: var(--cream);
}

/* ============================================================
   STAGE 17 — PRICING CARDS
   ============================================================ */
.c708-pricing-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-6); margin-bottom: var(--space-10);
}
.c708-pricing-card {
  display: flex; flex-direction: column;
  background: var(--white); border: var(--line); border-radius: var(--radius-xl);
  padding: var(--space-9) var(--space-7); box-shadow: var(--shadow);
  position: relative; transition: box-shadow var(--dur) var(--ease);
}
.c708-pricing-card:hover { box-shadow: var(--shadow-lg); }
.c708-pricing-card--featured { border-color: var(--navy); border-width: 2px; background: rgba(27,42,74,.02); }
.c708-pricing-card__badge {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  background: var(--navy); color: var(--white);
  font-size: var(--text-xs); font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; padding: 5px var(--space-6); border-radius: 999px;
  white-space: nowrap;
}
.c708-pricing-card__name {
  font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 1.4px;
  color: var(--steel); font-weight: 700; margin-bottom: var(--space-5);
}
.c708-pricing-card__price {
  font-family: var(--font-display); font-size: var(--text-4xl);
  font-weight: 700; color: var(--navy); line-height: 1; margin-bottom: var(--space-4);
}
.c708-pricing-card__price span { font-size: var(--text-xl); font-weight: 600; vertical-align: top; margin-top: 10px; display: inline-block; color: var(--steel); font-family: var(--font-ui); }
.c708-pricing-card__desc {
  font-size: var(--text-sm); color: var(--steel); line-height: 1.65;
  margin-bottom: var(--space-6); padding-bottom: var(--space-6); border-bottom: var(--line);
}
.c708-pricing-card__features { list-style: none; padding: 0; margin: 0 0 var(--space-7); flex: 1; }
.c708-pricing-card__feature {
  display: flex; align-items: flex-start; gap: var(--space-4);
  padding: var(--space-3) 0; font-size: var(--text-sm); color: var(--char);
  border-bottom: var(--line-2);
}
.c708-pricing-card__feature:last-child { border-bottom: none; }
.c708-pricing-card__feature::before { content: '✓'; color: var(--green); font-weight: 700; font-size: var(--text-sm); flex-shrink: 0; margin-top: 1px; }

/* ============================================================
   STAGE 18 — HOME PAGE
   ============================================================ */
.c708-hero {
  padding: 88px 0 62px;
  background: linear-gradient(180deg, var(--ivory) 0%, var(--cream) 100%);
  position: relative; overflow: hidden;
}
.c708-hero::before {
  content: ''; position: absolute; top: -120px; right: -80px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(168,137,94,.08) 0%, transparent 70%);
  pointer-events: none;
}
.c708-kicker {
  display: inline-block; font-family: var(--font-ui);
  font-size: var(--text-xs); letter-spacing: 2px; text-transform: uppercase;
  color: var(--gold); font-weight: 700; margin-bottom: var(--space-5);
  padding: 4px var(--space-4); background: rgba(168,137,94,.1);
  border-radius: 999px; border: 1px solid rgba(168,137,94,.2);
}
.c708-title {
  font-family: var(--font-ui); font-size: clamp(40px, 5vw, 56px);
  font-weight: 900; line-height: 1.05; color: var(--navy);
  margin: 0 0 var(--space-5); letter-spacing: -.03em;
}
.c708-title em { color: var(--gold); font-style: italic; }
.c708-subtitle {
  max-width: 820px; font-size: 18px; line-height: 1.65;
  color: var(--steel); margin: 0 0 24px;
}
.c708-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }

/* Trust signal bar */
.c708-trust-bar {
  display: flex; align-items: center; gap: var(--space-7);
  padding: var(--space-5) 0; margin-top: var(--space-8);
  border-top: var(--line); flex-wrap: wrap;
}
.c708-trust-item { display: flex; align-items: center; gap: var(--space-3); font-size: var(--text-sm); color: var(--steel); }
.c708-trust-item strong { color: var(--navy); font-weight: 700; }

/* Band */
.c708-band { background: var(--white); border-top: var(--line); border-bottom: var(--line); padding: var(--space-9) 0; }

/* Section headers */
.c708-section-header { text-align: center; margin-bottom: var(--space-10); }
.c708-section-header__eyebrow { display: inline-block; font-size: var(--text-xs); letter-spacing: 2px; text-transform: uppercase; color: var(--gold); font-weight: 700; margin-bottom: var(--space-5); }
.c708-section-header__title { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 600; color: var(--navy); margin-bottom: var(--space-4); }
.c708-section-header__sub { font-size: var(--text-lg); color: var(--steel); max-width: 600px; margin: 0 auto; line-height: 1.7; }

/* ============================================================
   STAGE 19 — WORKSPACE CHROME
   Professional, Verifier, Compliance surface chrome
   ============================================================ */
.c708-workspace-header {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: var(--space-8); flex-wrap: wrap; gap: var(--space-5);
  padding-bottom: var(--space-7); border-bottom: var(--line);
}
.c708-workspace-eyebrow {
  font-size: var(--text-xs); letter-spacing: 2px; text-transform: uppercase;
  color: var(--gold); font-weight: 700; margin-bottom: var(--space-3);
  font-family: var(--font-ui);
}
.c708-workspace-title { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: 600; color: var(--navy); margin-bottom: 4px; }
.c708-workspace-sub   { font-size: var(--text-sm); color: var(--steel); }

.c708-workspace-switch {
  display: flex; gap: 3px; background: var(--linen); border: var(--line);
  border-radius: 999px; padding: 3px;
}
.c708-workspace-switch__btn {
  padding: var(--space-3) var(--space-5); border-radius: 999px;
  font-size: var(--text-xs); font-weight: 700; border: none;
  background: transparent; color: var(--steel); cursor: pointer;
  transition: all var(--dur) var(--ease); text-decoration: none;
  font-family: var(--font-ui);
}
.c708-workspace-switch__btn--active, .c708-workspace-switch__btn:hover {
  background: var(--navy); color: var(--white);
}

/* Capability badges */
.c708-cap-badge {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px var(--space-5); border-radius: 999px;
  font-size: var(--text-xs); font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; font-family: var(--font-ui);
}
.c708-cap-badge--approver   { background: var(--green-2); color: var(--green); }
.c708-cap-badge--verifier   { background: rgba(27,42,74,.07); color: var(--navy); }
.c708-cap-badge--dual       { background: #f3f0ff; color: #5b3fd6; }
.c708-cap-badge--compliance { background: var(--red-2); color: var(--red); }
.c708-cap-badge--enterprise { background: var(--cream); color: var(--navy); }

/* Expiry indicators */
.c708-expiry-urgent { color: var(--red);   font-weight: 700; }
.c708-expiry-warn   { color: #d4a017;      font-weight: 700; }
.c708-expiry-ok     { color: var(--green); font-weight: 600; }

/* Pending review alert */
.c708-pending-alert {
  background: var(--amber-2); border: 1px solid #f1ddb5; border-left: 4px solid #d4a017;
  border-radius: var(--radius); padding: var(--space-5) var(--space-6);
  margin-bottom: var(--space-6); font-size: var(--text-sm); color: var(--amber); line-height: 1.6;
}

/* Reliance note */
.c708-reliance-note {
  background: var(--cream); border: var(--line); border-left: 4px solid var(--gold);
  border-radius: var(--radius); padding: var(--space-4) var(--space-5);
  font-size: var(--text-sm); color: var(--char); line-height: 1.6; margin-top: 4px;
}

/* Folder items */
.c708-folder-item {
  display: flex; align-items: center; gap: var(--space-4);
  padding: var(--space-4) var(--space-7);
  border-bottom: var(--line); cursor: pointer;
  transition: background var(--dur-fast) var(--ease);
}
.c708-folder-item:last-child { border-bottom: none; }
.c708-folder-item:hover { background: var(--ivory); }
.c708-folder-icon  { font-size: 20px; flex-shrink: 0; }
.c708-folder-name  { font-weight: 700; color: var(--navy); font-size: var(--text-base); }
.c708-folder-count { font-size: var(--text-xs); color: var(--steel); }

/* Watch toggle */
.c708-watch-toggle { accent-color: var(--navy); width: 15px; height: 15px; cursor: pointer; }
.c708-watch-label  { display: flex; align-items: center; gap: var(--space-3); cursor: pointer; font-size: var(--text-xs); color: var(--steel); }

/* ============================================================
   STAGE 20 — COMPLIANCE SURFACE CHROME
   Watermark, read-only badge, session info
   ============================================================ */
.c708-compliance-badge {
  display: inline-flex; align-items: center; gap: var(--space-3);
  padding: 5px var(--space-5); background: var(--red-2); border: 1px solid #f1d7d7;
  border-radius: 999px; font-size: var(--text-xs); font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--red);
}
.c708-session-row--active   { background: #f7fcf8; }
.c708-session-row--expired  { opacity: .6; }
.c708-session-row--revoked  { opacity: .45; text-decoration: line-through; }

/* ============================================================
   STAGE 21 — ADMIN ELEMENTS
   ============================================================ */
.c708-admin-pill          { display: inline-block; padding: 2px var(--space-3); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.c708-admin-pill--sandbox { background: #f3f0ff; color: #5b3fd6; }
.c708-issue-btn, .c708-resend-btn, .c708-resend-review-btn, .c708-export-evidence {
  display: inline-flex; align-items: center; padding: 5px var(--space-4);
  border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 700;
  cursor: pointer; border: 1px solid var(--border); background: var(--white);
  color: var(--navy); text-decoration: none; transition: all var(--dur) var(--ease);
  font-family: var(--font-ui);
}
.c708-issue-btn:hover, .c708-resend-btn:hover,
.c708-resend-review-btn:hover, .c708-export-evidence:hover {
  background: var(--navy); color: var(--white); border-color: var(--navy);
}
.c708-audit-detail-toggle { cursor: pointer; color: var(--navy); text-decoration: underline; font-size: var(--text-xs); }
.c708-audit-detail-full {
  display: none; font-size: 10px; background: rgba(27,42,74,.04);
  padding: var(--space-3); border-radius: var(--radius-sm); margin-top: 4px;
  max-width: 340px; white-space: pre-wrap; word-break: break-all; font-family: var(--font-mono);
}

/* ============================================================
   STAGE 22 — MAGIC LINK ACTIVATION
   ============================================================ */
.c708-activation-card {
  max-width: 520px; margin: var(--space-11) auto;
  background: var(--white); border: var(--line); border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-xl); overflow: hidden; text-align: center;
}
.c708-activation-card__header {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  padding: var(--space-9); border-bottom: 4px solid var(--gold);
}
.c708-activation-card__body   { padding: var(--space-9) var(--space-10) var(--space-10); }
.c708-activation-card__title  { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 600; color: var(--navy); margin-bottom: var(--space-4); }
.c708-activation-card__sub    { font-size: var(--text-sm); color: var(--steel); line-height: 1.7; margin-bottom: var(--space-7); }

/* ============================================================
   STAGE 23 — EXPORT & EVIDENCE PACK
   ============================================================ */
.c708-export-btn {
  display: inline-flex; align-items: center; gap: var(--space-3);
  padding: 11px var(--space-7); background: var(--navy); color: var(--white);
  border: none; border-radius: 999px; font-family: var(--font-ui);
  font-size: var(--text-sm); font-weight: 700; cursor: pointer;
  transition: background var(--dur) var(--ease);
}
.c708-export-btn:hover { background: var(--navy-2); }
.c708-export-btn:disabled { opacity: .55; pointer-events: none; }

/* ============================================================
   STAGE 24 — ACCESS DENIED / ERROR / LOGIN REQUIRED
   ============================================================ */
.c708-access-denied, .c708-login-required {
  max-width: 520px; margin: var(--space-11) auto; text-align: center;
  padding: var(--space-10);
}

/* ============================================================
   STAGE 25 — PERFORMANCE & PRINT
   ============================================================ */
img, svg { display: block; max-width: 100%; }
* { box-sizing: border-box; }

@media print {
  .c708-topbar, .c708-actions, .c708-trust-bar { display: none !important; }
  body { background: var(--white) !important; }
}

/* ============================================================
   STAGE 26 — RESPONSIVE
   Desktop-first. Disciplined tablet and mobile execution.
   ============================================================ */
@media (max-width: 1024px) {
  .c708-dash-stats { grid-template-columns: repeat(2, 1fr); }
  .c708-metrics    { grid-template-columns: repeat(2, 1fr); }
  .c708-pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
}

@media (max-width: 768px) {
  :root { --space-11: 48px; --space-12: 64px; }

  .c708-topbar { padding: 0 var(--space-5); }
  .c708-topbar__nav { gap: var(--space-3); }
  .c708-topbar__link { display: none; }

  .c708-wrap, .c708-container { padding-left: var(--space-5); padding-right: var(--space-5); }
  .c708-section { padding: var(--space-9) 0; }

  .c708-title { font-size: clamp(32px, 8vw, 48px); }
  .c708-subtitle { font-size: var(--text-base); }

  .c708-entity-cards { grid-template-columns: 1fr 1fr; }
  .c708-trust-type-cards { grid-template-columns: 1fr 1fr; }
  .c708-field--row { grid-template-columns: 1fr; }
  .c708-grid--2, .c708-grid--3, .c708-grid-2, .c708-grid-3 { grid-template-columns: 1fr; }

  .c708-dash-stats { grid-template-columns: 1fr 1fr; }
  .c708-renewal-bar { flex-direction: column; align-items: stretch; }
  .c708-renewal-bar__label { min-width: unset; }

  .c708-table-header { flex-direction: column; align-items: flex-start; }
  .c708-validation-result__grid { grid-template-columns: 1fr; }

  .c708-cert-preview__grid { grid-template-columns: 1fr; }

  .c708-workspace-header { flex-direction: column; padding-bottom: var(--space-5); }
  .c708-workspace-switch { flex-wrap: wrap; }

  .c708-stepper { gap: 0; }
  .c708-step__label { display: none; }

  .c708-form-nav { flex-direction: column; gap: var(--space-4); }
  .c708-form-nav .c708-btn { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
  .c708-entity-cards { grid-template-columns: 1fr; }
  .c708-trust-type-cards { grid-template-columns: 1fr 1fr; }
  .c708-dash-stats { grid-template-columns: 1fr; }
  .c708-topbar__cta { padding: var(--space-2) var(--space-4); font-size: var(--text-xs); }
  .c708-activation-card__body { padding: var(--space-7); }
}

/* ============================================================
   STAGE 27 — ACCESSIBILITY
   Focus rings, reduced motion, minimum tap targets
   ============================================================ */
:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 3px;
  border-radius: 4px;
}
a:focus-visible { outline-color: var(--gold); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Minimum tap targets — consolidated into .c708-btn base rule above */
.c708-btn--sm { min-height: 36px; }
.c708-topbar__link { min-height: 44px; display: flex; align-items: center; }

/* ============================================================
   STAGE 28 — SECTION HEADER / KICKER (legacy aliases)
   ============================================================ */
.c708-shell h1, .c708-shell h2, .c708-shell h3 { color: var(--navy); }
.c708-shell p, .c708-shell li, .c708-shell label { color: var(--steel); }
.c708-hero .c708-wrap { position: relative; z-index: 1; }
.c708-band { padding: var(--space-9) 0; }
.c708-footer-note { margin-top: var(--space-8); font-size: var(--text-xs); color: var(--steel); }

/* ============================================================
   STAGE 29 — COMPLETION GAP FILL
   All remaining classes from template audit
   ============================================================ */

/* Cert preview sub-components */
.c708-cert-preview__body   { margin-top: var(--space-6); }
.c708-cert-preview__footer { display: flex; justify-content: space-between; align-items: flex-end; padding-top: var(--space-5); margin-top: var(--space-6); border-top: 1px solid rgba(255,255,255,.12); }
.c708-cert-preview__status-bar { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); }
.c708-cert-preview__subtitle { font-size: var(--text-xs); color: rgba(255,255,255,.5); margin-top: 3px; }
.c708-cert-preview__basis { background: rgba(255,255,255,.07); border-radius: var(--radius); padding: var(--space-4) var(--space-5); }
.c708-cert-preview__basis-label { font-size: 9px; letter-spacing: 1.8px; text-transform: uppercase; color: var(--gold-2); font-weight: 700; margin-bottom: 4px; opacity: .8; }
.c708-cert-preview__basis-text { font-size: var(--text-sm); color: var(--white); font-weight: 600; line-height: 1.4; }
.c708-cert-preview__serial-label { font-size: 9px; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 3px; }
.c708-cert-preview__serial-value { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--gold-2); font-weight: 700; letter-spacing: .5px; }
.c708-cert-preview__serial-value--pending { color: rgba(255,255,255,.3); font-style: italic; }
.c708-cert-preview__platform { font-size: var(--text-xs); color: rgba(255,255,255,.35); }
.c708-cert-preview__qr { width: 48px; height: 48px; background: rgba(255,255,255,.1); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; font-size: 22px; }
.c708-cert-preview__accountant { padding-top: var(--space-5); }
.c708-cert-preview__accountant-label { font-size: 9px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--gold-2); font-weight: 700; margin-bottom: 4px; opacity: .8; }
.c708-cert-preview__accountant-name  { font-family: var(--font-display); font-size: var(--text-xl); color: var(--white); font-style: italic; }
.c708-cert-preview__accountant-firm  { font-size: var(--text-xs); color: rgba(255,255,255,.5); margin-top: 2px; }

/* Form nav directional panels */
.c708-form-nav__left  { display: flex; align-items: center; }
.c708-form-nav__right { display: flex; align-items: center; gap: var(--space-4); }

/* Steps (alternative stepper selector) */
.c708-steps { display: flex; align-items: center; gap: 0; margin-bottom: var(--space-9); }
.c708-step__indicator { width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--border); background: var(--white); display: flex; align-items: center; justify-content: center; font-size: var(--text-sm); font-weight: 700; color: var(--steel-2); position: relative; z-index: 1; }
.c708-step__connector { flex: 1; height: 2px; background: var(--border); }

/* Review summary */
.c708-review-summary { background: var(--navy); border-radius: var(--radius-xl); padding: var(--space-7) var(--space-8); color: var(--white); }
.c708-review-summary__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5) var(--space-8); }
.c708-review-summary__item { }
.c708-review-summary__label { font-size: 9px; letter-spacing: 1.6px; text-transform: uppercase; color: var(--gold-2); font-weight: 700; margin-bottom: 4px; opacity: .8; }
.c708-review-summary__value { font-size: var(--text-base); color: var(--white); font-weight: 600; }

/* Declaration sub-elements */
.c708-declaration__title { font-family: var(--font-display); font-size: var(--text-xl); color: var(--navy); margin-bottom: var(--space-4); font-weight: 600; }
.c708-declaration__body  { font-size: var(--text-sm); color: var(--steel); line-height: 1.7; margin-bottom: var(--space-5); }

/* Check mark (declaration checkbox row) */
.c708-check { display: flex; align-items: flex-start; gap: var(--space-4); cursor: pointer; font-size: var(--text-sm); color: var(--char); line-height: 1.6; }
.c708-check input[type="checkbox"] { accent-color: var(--navy); margin-top: 3px; flex-shrink: 0; width: 16px; height: 16px; }

/* File list */
.c708-file-list { display: flex; flex-direction: column; gap: var(--space-2); margin-top: var(--space-3); }

/* Misc layout */
.c708-grid { display: grid; gap: var(--space-5); }
.c708-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.c708-grid-2 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.c708-field--relative { position: relative; }
.c708-field--row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-5); margin-bottom: var(--space-5); }
.c708-card--sandbox-toggle { background: rgba(27,42,74,.03); border: 1px dashed var(--border); border-radius: var(--radius); padding: var(--space-4) var(--space-5); }
.c708-page-start { min-height: 80vh; padding: 0; background: linear-gradient(180deg, var(--ivory) 0%, var(--cream) 100%); }

/* Mobile additions */
@media (max-width: 768px) {
  .c708-review-summary__grid { grid-template-columns: 1fr; }
  .c708-field--row-3 { grid-template-columns: 1fr; }
  .c708-cert-preview__footer { flex-direction: column; gap: var(--space-4); }
}


/* ============================================================
   START CERTIFICATION PAGE — SCOPED OVERRIDES
   Suppress any Divi builder content above the plugin shortcode.
   Target: page-template-template-708c-start
   ============================================================ */

/* Force the start page background and remove Divi padding */
.page-template-template-708c-start .et_pb_section,
.page-template-template-708c-start .et_pb_row,
.page-template-template-708c-start .et_pb_column,
.page-template-template-708c-start .et_pb_module {
  padding: 0 !important;
  margin: 0 !important;
}

/* Narrow the form container — tighter than the 1140px global */
/* Start page — form container */
.c708-page-start .c708-container {
  max-width: 980px;
  /* Golden ratio top padding: 48px = approx 980 × 0.05 × 1.618 */
  padding-top: 48px;
  padding-bottom: 0;
}

/* Form card */
.c708-page-start .c708-card {
  padding: 48px 52px;
  margin-top: 32px;
  margin-bottom: 0;
  box-shadow: 0 8px 40px rgba(27,42,74,.10);
  border-radius: var(--radius-xl);
}

/* Step 1 — always visible; all other steps hidden until JS activates */
#c708-form-step-0 { display: block; }
#c708-form-step-1,
#c708-form-step-2,
#c708-form-step-3,
#c708-form-step-4,
#c708-form-step-5 { display: none; }

/* Mobile stepper — hide labels, keep circles */
@media (max-width: 640px) {
  .c708-steps .c708-step__label { display: none; }
  .c708-page-start .c708-card { padding: 24px 20px; }
  .c708-field--row-3 { grid-template-columns: 1fr; }
}

/* ============================================================
   CERTIFICATE ARTIFACT PREVIEW
   Displayed below the form on the Start Certification page.
   Styled as the issued product — NOT as a UI component.
   Landscape A4 proportion. Institutional / old-money palette.
   ============================================================ */

/* Stage wrapper — label + artifact */
.c708-cert-stage {
  /* Break out of the 980px form container — full bleed with max constraint */
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  /* Golden ratio vertical spacing: form card height × 0.618 */
  padding: 40px 48px 80px;
}
.c708-cert-stage__label {
  display: flex;
  align-items: baseline;
  gap: 20px;
  /* Golden ratio: label height to bottom margin ≈ 1:1.618 */
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--border);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.c708-cert-stage__eyebrow {
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 600;
  color: var(--navy);
  line-height: 1;
}
.c708-cert-stage__note {
  font-size: 14px;
  color: var(--steel);
  font-family: var(--font-ui);
}

/* ── THE ARTIFACT ─────────────────────────────────────────── */
.c708-cert-artifact {
  display: flex;
  flex-direction: column;
  background: #fffdf8;
  /* Golden ratio: width to height = 1.618:1 — enforced via min-height */
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  /* Outer border system — double gold rule */
  border: 5px solid #fffdf8;
  outline: 1px solid var(--gold);
  box-shadow:
    inset 0 0 0 2px #e8d5b0,
    0 4px 40px rgba(27,42,74,.18),
    0 32px 100px rgba(27,42,74,.10);
}

/* ── HEADER BAND ─────────────────────────────────────────── */
.c708-cert-artifact__hdr {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  padding: 18px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.c708-cert-artifact__hdr-left { flex: 1; }
.c708-cert-artifact__eyebrow {
  font-family: var(--font-ui);
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gold-2);
  font-weight: 700;
  margin-bottom: 4px;
}
.c708-cert-artifact__title {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  font-style: italic;
  line-height: 1.2;
  margin-bottom: 2px;
}
.c708-cert-artifact__sub {
  font-family: var(--font-ui);
  font-size: 9.5px;
  color: rgba(255,255,255,.5);
  letter-spacing: .3px;
}
.c708-cert-artifact__serial-block {
  text-align: right;
  flex-shrink: 0;
}
.c708-cert-artifact__serial-label {
  font-family: var(--font-ui);
  font-size: 9px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
  margin-bottom: 3px;
}
.c708-cert-artifact__serial-value {
  font-family: var(--font-mono);
  font-size: 14px;
  font-weight: 700;
  color: var(--gold-2);
  letter-spacing: .5px;
}

/* ── BODY ────────────────────────────────────────────────── */
.c708-cert-artifact__body {
  flex: 1;
  padding: 18px 36px 14px;
}
.c708-cert-artifact__intro {
  font-family: var(--font-ui);
  font-size: 11px;
  color: var(--steel);
  line-height: 1.6;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
.c708-cert-artifact__intro strong { color: var(--navy); }

/* Two-column layout */
.c708-cert-artifact__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 28px;
}

/* Section label */
.c708-cert-artifact__section-label {
  font-family: var(--font-ui);
  font-size: 9px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border);
}

/* Field — investor particulars */
.c708-cert-artifact__field {
  margin-bottom: 12px;
}
.c708-cert-artifact__field-label {
  font-family: var(--font-ui);
  font-size: 9px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 1px;
}
.c708-cert-artifact__field-value {
  font-size: 15px;
  color: var(--navy);
  font-weight: 600;
  line-height: 1.3;
  font-family: var(--font-display);
}
.c708-cert-artifact__field-sub {
  font-family: var(--font-ui);
  font-size: 9px;
  color: var(--steel);
  margin-top: 1px;
}
.c708-cert-artifact__field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 10px;
}
.c708-cert-artifact__status-chip {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(27,42,74,.07);
  border-radius: 999px;
  font-family: var(--font-ui);
  font-size: 7px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--steel);
  border: 1px solid var(--border);
}

/* RIGHT COLUMN — Certification basis */
.c708-cert-artifact__basis-col {
  border-left: 1px solid var(--border);
  padding-left: 20px;
}
.c708-cert-artifact__basis-box {
  background: rgba(233,227,216,.35);
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 12px 16px;
  margin-bottom: 12px;
}
.c708-cert-artifact__basis-label {
  font-family: var(--font-ui);
  font-size: 9px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 2px;
}
.c708-cert-artifact__basis-value {
  font-family: var(--font-display);
  font-size: 14px;
  color: var(--navy);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 3px;
  font-style: italic;
}
.c708-cert-artifact__basis-note {
  font-family: var(--font-ui);
  font-size: 9px;
  color: var(--steel);
  line-height: 1.5;
}

/* Legislative rows */
.c708-cert-artifact__leg-rows {}
.c708-cert-artifact__leg-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 5px 0;
  border-bottom: 1px solid rgba(217,209,194,.5);
  gap: 6px;
}
.c708-cert-artifact__leg-row:last-child { border-bottom: none; }
.c708-cert-artifact__leg-label {
  font-family: var(--font-ui);
  font-size: 10px;
  color: var(--steel);
  flex-shrink: 0;
}
.c708-cert-artifact__leg-value {
  font-family: var(--font-ui);
  font-size: 10px;
  color: var(--navy);
  font-weight: 700;
  text-align: right;
}

/* ── FOOTER — 3-panel ────────────────────────────────────── */
.c708-cert-artifact__ftr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1.5px solid var(--border);
  flex-shrink: 0;
}
.c708-cert-artifact__ftr-panel {
  padding: 14px 20px 16px;
  border-right: 1px solid var(--border);
  background: rgba(249,247,242,.85);
}
.c708-cert-artifact__ftr-panel:last-child { border-right: none; }
.c708-cert-artifact__ftr-label {
  font-family: var(--font-ui);
  font-size: 9px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 4px;
}

/* Signature */
.c708-cert-artifact__sig {
  font-family: 'Great Vibes', cursive;
  font-size: 28px;
  color: var(--navy);
  line-height: 1;
  margin-bottom: 2px;
}
.c708-cert-artifact__sig-line {
  width: 70%;
  height: 1px;
  background: var(--border);
  margin-bottom: 3px;
}
.c708-cert-artifact__acc-name {
  font-size: 11px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 1px;
}
.c708-cert-artifact__acc-firm {
  font-family: var(--font-ui);
  font-size: 9px;
  color: var(--steel);
}
.c708-cert-artifact__acc-note {
  font-family: var(--font-ui);
  font-size: 9px;
  color: var(--steel);
  margin-top: 3px;
  line-height: 1.5;
  font-style: italic;
}

/* Validation panel */
.c708-cert-artifact__val-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 2px;
}
.c708-cert-artifact__val-desc {
  font-family: var(--font-ui);
  font-size: 9px;
  color: var(--steel);
  line-height: 1.5;
  margin-bottom: 4px;
}
.c708-cert-artifact__val-url {
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--navy);
  font-weight: 700;
  word-break: break-all;
}
.c708-cert-artifact__val-platform {
  font-family: var(--font-ui);
  font-size: 9px;
  color: var(--steel);
  margin-top: 2px;
}

/* Seal + QR panel */
.c708-cert-artifact__ftr-panel--seal {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  background: rgba(249,247,242,.85);
}
.c708-cert-artifact__seal-placeholder { flex-shrink: 0; }
.c708-cert-artifact__seal-ring {
  width: 64px; height: 64px; border-radius: 50%;
  border: 2px solid var(--gold);
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle, #f9f6ef 40%, #ede7d8 100%);
}
.c708-cert-artifact__seal-inner { text-align: center; }
.c708-cert-artifact__seal-708 {
  font-family: var(--font-display);
  font-size: 18px; font-weight: 700; color: var(--navy); line-height: 1;
}
.c708-cert-artifact__seal-certified {
  font-family: var(--font-ui);
  font-size: 7px; font-weight: 700; letter-spacing: 1px;
  text-transform: uppercase; color: var(--gold);
}
.c708-cert-artifact__qr-placeholder { text-align: center; }
.c708-cert-artifact__qr-box {
  width: 52px; height: 52px;
  border: 1px solid var(--border); border-radius: 2px;
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; color: var(--steel);
  background: rgba(255,255,255,.7); margin: 0 auto 2px;
}
.c708-cert-artifact__qr-label {
  font-family: var(--font-ui);
  font-size: 8px; color: var(--steel); letter-spacing: .5px;
}

/* ── STATUS BAR ──────────────────────────────────────────── */
.c708-cert-artifact__sbar {
  background: var(--navy);
  padding: 7px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-ui);
  font-size: 9px;
  color: rgba(255,255,255,.45);
  letter-spacing: .4px;
  flex-shrink: 0;
}
.c708-cert-artifact__sbar-chip {
  background: rgba(168,137,94,.25);
  color: var(--gold-2);
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ── RESPONSIVE ─────────────────────────────────────────── */
@media (max-width: 800px) {
  .c708-cert-artifact__cols {
    grid-template-columns: 1fr;
  }
  .c708-cert-artifact__basis-col {
    border-left: none;
    border-top: 1px solid var(--border);
    padding-left: 0;
    padding-top: 10px;
    margin-top: 10px;
  }
  .c708-cert-artifact__ftr {
    grid-template-columns: 1fr;
  }
  .c708-cert-artifact__ftr-panel {
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
  .c708-cert-artifact__ftr-panel:last-child { border-bottom: none; }
}

/* ============================================================
   DIVI OVERRIDE — CERTIFICATE ARTIFACT
   Force certificate structure against Divi's global resets
   ============================================================ */
.c708-cert-artifact,
.c708-cert-artifact * {
  box-sizing: border-box !important;
}
.c708-cert-artifact {
  display: flex !important;
  flex-direction: column !important;
  font-family: 'Lato', Arial, sans-serif !important;
  line-height: 1.4 !important;
}
.c708-cert-artifact__hdr {
  padding: 18px 36px !important;
  margin: 0 !important;
}
.c708-cert-artifact__body {
  padding: 18px 36px 14px !important;
  margin: 0 !important;
}
.c708-cert-artifact__cols {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 36px !important;
}
.c708-cert-artifact__ftr {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  border-top: 1.5px solid #d9d1c2 !important;
  margin: 0 !important;
}
.c708-cert-artifact__ftr-panel {
  padding: 14px 20px 16px !important;
  margin: 0 !important;
}
.c708-cert-artifact__sbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 7px 28px !important;
  margin: 0 !important;
  background: #1b2a4a !important;
  color: rgba(255,255,255,.45) !important;
  font-size: 9px !important;
  font-family: 'Lato', Arial, sans-serif !important;
}
/* Prevent Divi from adding unwanted padding/margin to inner elements */
.c708-cert-artifact p,
.c708-cert-artifact h1,
.c708-cert-artifact h2,
.c708-cert-artifact h3,
.c708-cert-artifact h4 {
  margin: 0 !important;
  padding: 0 !important;
}
.c708-cert-artifact__field-value {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 15px !important;
  color: #1b2a4a !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
.c708-cert-artifact__sig {
  font-family: 'Great Vibes', cursive !important;
  font-size: 28px !important;
  color: #1b2a4a !important;
  line-height: 1 !important;
  margin-bottom: 3px !important;
}
.c708-cert-artifact__title {
  font-family: 'Lato', Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #fff !important;
  font-style: italic !important;
  line-height: 1.2 !important;
  margin-bottom: 3px !important;
}

/* ── GOLDEN RATIO SPACING — FINAL PASS ─────────────────── */
/* Form → Certificate gap: 40px (form card bottom padding 48px × 0.618 ≈ 30, rounded to 40) */
.c708-page-start { padding-top: 0 !important; }
.c708-page-start .c708-container { padding-bottom: 40px; }
.c708-cert-stage { padding-top: 40px !important; }

/* Certificate width — cert-stage is now a direct child of .c708-page-start (outside container). Centering handled by flex layout on parent. */


/* Trust strip */
.c708-trust-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5); margin:var(--space-8) 0 var(--space-4); }
.c708-trust-strip__item { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--space-5); box-shadow:var(--shadow-sm); }
.c708-trust-strip__item strong { display:block; color:var(--navy); font-size:var(--text-sm); margin-bottom:4px; }
.c708-trust-strip__item span { color:var(--steel); font-size:var(--text-sm); line-height:1.6; }
.c708-legal-footer { margin-top:var(--space-8); padding-top:var(--space-6); border-top:var(--line); text-align:center; }
.c708-legal-footer p { margin-bottom:var(--space-3); font-size:var(--text-sm); }
@media (max-width: 768px) {
  .c708-trust-strip { grid-template-columns:1fr; }
}


/* ============================================================
   STAGE 40 — PUBLIC PAGE ALIGNMENT (existing-site style)
   ============================================================ */
.c708-public-shell {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow);
  padding: 28px;
}
.c708-public-shell--simple { padding: 24px; }
.c708-public-page-head { margin-bottom: 22px; }
.c708-public-page-head__title {
  font-size: 34px;
  font-weight: 900;
  color: var(--navy);
  margin-bottom: 6px;
}
.c708-public-page-head__sub {
  font-size: 14px;
  line-height: 1.65;
  color: var(--steel);
  max-width: 760px;
}
.page-template-template-708c-start .c708-card,
.page-template-template-708c-validate .c708-shell,
.page-template-template-708c-pricing .c708-pricing-grid,
.page-template-template-708c-contact .c708-shell {
  box-shadow: none;
}
.page-template-template-708c-start .c708-trust-strip { margin-bottom: 10px; }
.page-template-template-708c-start .c708-container,
.page-template-template-708c-validate .c708-container { padding: 0; max-width: none; }
.page-template-template-708c-start .c708-page-start { padding: 0; }
.page-template-template-708c-home .c708-section-header__title,
.page-template-template-708c-home .c708-card h3 { font-family: var(--font-ui); }
.page-template-template-708c-home .c708-card { border-radius: 16px; }
.page-template-template-708c-home .c708-section-header { text-align: left; margin-bottom: 24px; }
.page-template-template-708c-home .c708-section-header__sub { margin: 0; max-width: 820px; }
@media (max-width: 980px) {
  .c708-public-shell { padding: 22px; }
  .c708-public-page-head__title { font-size: 30px; }
}

/* ============================================================
   708C v4.1.6 — Page Integrity, Mobile Spacing, Palette Guard
   Presentation-only safety layer. Does not alter plugin workflow.
   ============================================================ */
:root {
  --c708-page-navy: #1E2F45;
  --c708-page-navy-deep: #141f2e;
  --c708-page-gold: #B79A72;
  --c708-page-gold-light: #d4b98a;
  --c708-page-cream: #F8F7F3;
  --c708-page-ivory: #faf8f4;
  --c708-page-charcoal: #1a1a1a;
  --c708-page-steel: #4f6079;
}

body:not(.wp-admin) {
  background: var(--c708-page-cream);
  color: var(--c708-page-charcoal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.c708-shell,
.c708-card,
.c708-pricing-card,
.c708-validation-result,
.c708-empty,
.c708-vault-item,
.c708-table,
.c708-table td,
.c708-table th {
  color: var(--c708-page-charcoal);
}

.c708-shell a,
.c708-card a,
.c708-legal a,
.c708-table a {
  overflow-wrap: anywhere;
}

.c708-section-header__title,
.c708-title,
.c708-workspace-title,
.c708-empty__title,
.c708-table strong,
.c708-card h1,
.c708-card h2,
.c708-card h3,
.c708-card h4 {
  color: var(--c708-page-navy) !important;
}

.c708-section-header__sub,
.c708-card p,
.c708-card li,
.c708-table td,
.c708-empty__sub {
  line-height: 1.72;
}

.c708-section,
.c708-wrap,
.c708-container,
.c708-container--narrow {
  max-width: 100%;
}

.c708-table--responsive,
.c708-table {
  width: 100%;
}

@media (max-width: 782px) {
  .c708-section { padding-top: 42px; padding-bottom: 42px; }
  .c708-wrap,
  .c708-container,
  .c708-container--narrow { padding-left: 18px !important; padding-right: 18px !important; }
  .c708-section-header { margin-bottom: 28px; }
  .c708-section-header__title { font-size: clamp(28px, 9vw, 42px) !important; line-height: 1.08 !important; }
  .c708-section-header__sub { font-size: 15.5px !important; line-height: 1.72 !important; }
  .c708-grid,
  .c708-grid--2,
  .c708-grid--3,
  .c708-pricing-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
  .c708-card,
  .c708-pricing-card { padding: 22px !important; border-radius: 16px !important; }
  .c708-actions,
  .c708-btn-group { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  .c708-btn,
  .c708-actions .c708-btn { width: 100% !important; justify-content: center !important; text-align: center !important; }
  .c708-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: normal; }
  .c708-table th,
  .c708-table td { min-width: 160px; font-size: 13.5px !important; line-height: 1.55 !important; }
}

/* Divi Theme Builder global header/footer safety: keep old-money palette and mobile readability. */
.r708-gh,
.r708-header-wrap {
  color: var(--c708-page-cream) !important;
}
.r708-gh a,
.r708-gh button,
.r708-gh-nav-label,
.r708-gh-pill-text,
.r708-gh-mobile a {
  color: rgba(248,247,243,.92) !important;
}
.r708-gh a:hover,
.r708-gh button:hover,
.r708-gh-nav-label:hover {
  color: var(--c708-page-gold-light) !important;
}
.f708,
.f708 a,
.f708 span,
.f708 p,
.f708 div {
  color: rgba(248,247,243,.86);
}
.f708 a:hover { color: var(--c708-page-gold-light) !important; }
.f708-wordmark em,
.f708-col-label,
.f708-cta-label { color: var(--c708-page-gold-light) !important; }

@media (max-width: 980px) {
  .r708-gh-inner { padding-left: 18px !important; padding-right: 18px !important; }
  .r708-gh-mobile-inner { padding-left: 18px !important; padding-right: 18px !important; }
  .r708-gh-nav.is-open,
  .r708-gh-mobile.is-open { max-height: calc(100vh - 80px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .r708-gh-btn { width: 100%; justify-content: center; }
  .f708-wrap { padding-left: 20px !important; padding-right: 20px !important; }
  .f708-statement { grid-template-columns: 1fr !important; gap: 28px !important; }
  .f708-nav-zone { grid-template-columns: 1fr 1fr !important; gap: 26px !important; }
  .f708-bottom { grid-template-columns: 1fr !important; align-items: start !important; }
  .f708-bottom-links { justify-content: flex-start !important; gap: 14px 20px !important; }
}

@media (max-width: 540px) {
  .f708-nav-zone { grid-template-columns: 1fr !important; }
  .f708-wordmark { font-size: clamp(48px, 18vw, 76px) !important; }
  .f708-btn { width: 100% !important; min-width: 0 !important; }
}

/* ============================================================
   708C v4.2.1 — RATIFIED STYLE RECOVERY
   Scope: presentation only. Centres approved Media Library images,
   restores professional content spacing, and protects mobile layout.
   ============================================================ */
.page-template-template-708c-home,
.page-template-template-708c-applicants,
.page-template-template-708c-accountants,
.page-template-template-708c-how-it-works,
.page-template-template-708c-ims-res-rms,
.page-template-template-708c-issuers {
  background: var(--cream) !important;
}

/* Approved image system: full-width, centred, no left hugging. */
.c708-media-bleed {
  --c708-media-bg: #071421;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  background: var(--c708-media-bg) !important;
  border-top: 1px solid rgba(168,137,94,.25) !important;
  border-bottom: 1px solid rgba(168,137,94,.25) !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 4 !important;
  clear: both !important;
}
.c708-media-bleed__stage {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: clamp(260px, 39vw, 760px) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  overflow: hidden !important;
  background-color: var(--c708-media-bg) !important;
}
.c708-media-bleed__stage::before {
  content: "" !important;
  position: absolute !important;
  inset: -6% !important;
  background-image: linear-gradient(90deg, rgba(7,20,33,.35), rgba(7,20,33,.02) 50%, rgba(7,20,33,.35)), var(--c708-media-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: blur(18px) saturate(.95) !important;
  transform: scale(1.08) !important;
  opacity: .92 !important;
}
.c708-media-bleed__stage::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(7,20,33,.10), transparent 44%, rgba(7,20,33,.13)) !important;
  pointer-events: none !important;
}
.c708-media-bleed__img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: min(100vw, 1920px) !important;
  max-width: 100vw !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.22) !important;
}
.c708-media-bleed--cover .c708-media-bleed__stage { min-height: clamp(300px, 42vw, 840px) !important; }
.c708-media-bleed--cover .c708-media-bleed__img { width: min(100vw, 2048px) !important; }
.c708-media-bleed--applicant,
.c708-media-bleed--accountant,
.c708-media-bleed--ims,
.c708-media-bleed--workflow { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Home role-image showcase: approved three cards below collective image. */
.c708-role-showcase {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: clamp(38px, 5vw, 76px) 0 !important;
  background: linear-gradient(180deg, var(--ivory), var(--cream)) !important;
  border-bottom: 1px solid rgba(168,137,94,.18) !important;
  overflow: hidden !important;
  clear: both !important;
}
.c708-role-showcase__inner {
  width: min(1180px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
}
.c708-role-showcase__header {
  max-width: 850px !important;
  margin: 0 auto clamp(24px, 3vw, 38px) !important;
  text-align: center !important;
  padding: 0 4px !important;
}
.c708-role-showcase__header span {
  display: block !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}
.c708-role-showcase__header h2 {
  color: var(--navy) !important;
  font-size: clamp(26px, 3.1vw, 40px) !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
  letter-spacing: -.02em !important;
  text-wrap: balance;
}
.c708-role-showcase__header p {
  color: var(--steel) !important;
  font-size: clamp(14px, 1.35vw, 16px) !important;
  line-height: 1.75 !important;
  margin: 0 auto !important;
  max-width: 720px !important;
}
.c708-role-showcase__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.3vw, 30px) !important;
  align-items: stretch !important;
}
.c708-role-showcase__card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  background: #071421 !important;
  color: var(--ivory) !important;
  text-decoration: none !important;
  border: 1px solid rgba(168,137,94,.32) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 46px rgba(27,42,74,.14) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.c708-role-showcase__card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(168,137,94,.62) !important;
  box-shadow: 0 22px 60px rgba(27,42,74,.22) !important;
  color: var(--ivory) !important;
}
.c708-role-showcase__image {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #071421 !important;
}
.c708-role-showcase__image::before {
  content: "" !important;
  position: absolute !important;
  inset: -5% !important;
  background-image: var(--c708-media-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  filter: blur(12px) saturate(.92) !important;
  transform: scale(1.08) !important;
  opacity: .78 !important;
}
.c708-role-showcase__image img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
}
.c708-role-showcase__body {
  display: block !important;
  flex: 1 1 auto !important;
  padding: clamp(18px, 2vw, 24px) !important;
  background: linear-gradient(180deg, #071421, #0d1b2d) !important;
  border-top: 1px solid rgba(168,137,94,.24) !important;
  min-height: 132px !important;
}
.c708-role-showcase__body strong {
  display: block !important;
  color: var(--gold-3) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  margin-bottom: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
.c708-role-showcase__body small {
  display: block !important;
  color: rgba(250,248,244,.78) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* Restored content-card system for investor / IM / RE / RM pages. */
.c708-prof-section {
  padding: clamp(46px, 6vw, 82px) 0 !important;
  background: var(--cream) !important;
}
.c708-prof-section--white { background: var(--ivory) !important; }
.c708-prof-wrap {
  width: min(1140px, calc(100vw - 44px)) !important;
  margin: 0 auto !important;
}
.c708-prof-panel {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(168,137,94,.24) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 42px rgba(27,42,74,.08) !important;
  padding: clamp(26px, 4vw, 48px) !important;
}
.c708-prof-header {
  text-align: center !important;
  max-width: 840px !important;
  margin: 0 auto clamp(24px, 3.4vw, 42px) !important;
}
.c708-prof-eyebrow {
  display: inline-block !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}
.c708-prof-title {
  color: var(--navy) !important;
  font-size: clamp(27px, 3.4vw, 42px) !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  margin: 0 0 12px !important;
  text-wrap: balance;
}
.c708-prof-sub {
  color: var(--steel) !important;
  font-size: clamp(15px, 1.45vw, 18px) !important;
  line-height: 1.75 !important;
  margin: 0 auto !important;
  max-width: 760px !important;
}
.c708-prof-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  align-items: stretch !important;
}
.c708-prof-card {
  background: var(--white) !important;
  border: 1px solid rgba(168,137,94,.28) !important;
  border-radius: 16px !important;
  padding: clamp(22px, 2.2vw, 30px) !important;
  box-shadow: 0 8px 24px rgba(27,42,74,.06) !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow-wrap: break-word !important;
}
.c708-prof-card h3 {
  color: var(--navy) !important;
  font-size: clamp(18px, 1.7vw, 22px) !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
  margin: 0 0 12px !important;
  letter-spacing: -.01em !important;
}
.c708-prof-card p,
.c708-prof-card li {
  color: var(--steel) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}
.c708-prof-card ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 10px !important;
}
.c708-prof-card li {
  position: relative !important;
  padding-left: 22px !important;
}
.c708-prof-card li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: var(--gold) !important;
  font-weight: 900 !important;
}
.c708-prof-table-wrap {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin-top: clamp(22px, 3vw, 34px) !important;
}
.c708-prof-actions {
  display: flex !important;
  gap: 14px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  margin-top: clamp(24px, 3vw, 38px) !important;
}

/* Button and heading recovery: readable, consistent, old-money palette. */
.c708-btn,
.c708h-btn,
.acct-btn,
.iss-btn {
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.15 !important;
  min-height: 44px !important;
}
.c708h-hook h4,
.c708h-pillar h3,
.c708h-step h3,
.c708h-path h3,
.c708-card h3,
.c708-prof-card h3,
.acct-step h3,
.iss-tier-hdr h3 {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}
.c708-card,
.c708-shell,
.c708-prof-panel,
.c708-prof-card,
.acct-step,
.acct-feat,
.iss-tier,
.iss-comp-card,
.c708h-hook,
.c708h-pillar,
.c708h-step,
.c708h-path {
  overflow-wrap: break-word !important;
}

/* Specific repair for generic three-card grids that became too narrow. */
.c708-grid.c708-grid--3,
.c708-grid-3,
.c708-grid--3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  align-items: stretch !important;
}

@media (max-width: 980px) {
  .c708-role-showcase__grid,
  .c708-prof-grid,
  .c708-grid.c708-grid--3,
  .c708-grid-3,
  .c708-grid--3 {
    grid-template-columns: 1fr !important;
    max-width: 740px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .c708-role-showcase__body { min-height: 0 !important; }
}
@media (max-width: 700px) {
  .c708-media-bleed__stage { min-height: 0 !important; }
  .c708-media-bleed__img { width: 100vw !important; max-width: 100vw !important; }
  .c708-role-showcase { padding: 34px 0 !important; }
  .c708-role-showcase__inner,
  .c708-prof-wrap { width: min(100%, calc(100vw - 28px)) !important; }
  .c708-prof-panel { padding: 24px 18px !important; }
  .c708-prof-actions .c708-btn,
  .c708h-ctas .c708h-btn,
  .acct-btns .acct-btn,
  .iss-btns .iss-btn {
    width: 100% !important;
    justify-content: center !important;
  }
  .c708-section,
  .c708-prof-section { padding-top: 42px !important; padding-bottom: 42px !important; }
}


/* ============================================================
   708C v4.2.2 — DIVI EDITABLE MEDIA CONTROL
   Safe opt-in. Default template pages remain unchanged unless the page
   contains C708_DIVI_OVERRIDE / [c708_divi_override].
   ============================================================ */
.c708-divi-editable-page {
  --navy: #1b2a4a;
  --navy-3: #0e1c34;
  --gold: #a8895e;
  --gold-2: #c4a67a;
  --cream: #f3f0ea;
  --ivory: #faf8f4;
  --char: #1a1a1a;
  --steel: #4f6079;
  --border: #d9d1c2;
  background: var(--cream) !important;
  color: var(--char) !important;
  font-family: 'Lato', Arial, sans-serif !important;
  overflow-x: hidden !important;
}
.c708-divi-editable-page *,
.c708-divi-editable-page *::before,
.c708-divi-editable-page *::after {
  box-sizing: border-box !important;
}
.c708-divi-editable-page .et_pb_section,
.c708-divi-editable-page .et_pb_row,
.c708-divi-editable-page .et_pb_column,
.c708-divi-editable-page .et_pb_module,
.c708-divi-editable-page .et_pb_code_inner {
  max-width: 100% !important;
}
.c708-divi-editable-page .c708-edit-section {
  width: 100% !important;
  padding: clamp(42px, 6vw, 82px) 0 !important;
  background: var(--cream) !important;
}
.c708-divi-editable-page .c708-edit-section--ivory { background: var(--ivory) !important; }
.c708-divi-editable-page .c708-edit-section--navy { background: var(--navy-3) !important; color: var(--ivory) !important; }
.c708-divi-editable-page .c708-edit-inner {
  width: min(1140px, calc(100vw - 44px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.c708-divi-editable-page .c708-edit-panel {
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(168,137,94,.22) !important;
  border-radius: 18px !important;
  padding: clamp(24px, 3.4vw, 42px) !important;
  box-shadow: 0 18px 52px rgba(27,42,74,.08) !important;
}
.c708-divi-editable-page .c708-edit-kicker {
  display: block !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
}
.c708-divi-editable-page h1,
.c708-divi-editable-page h2,
.c708-divi-editable-page h3 {
  color: var(--navy) !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  line-height: 1.12 !important;
  margin: 0 0 12px !important;
}
.c708-divi-editable-page .c708-edit-section--navy h1,
.c708-divi-editable-page .c708-edit-section--navy h2,
.c708-divi-editable-page .c708-edit-section--navy h3 { color: var(--ivory) !important; }
.c708-divi-editable-page h1 { font-size: clamp(38px, 5.5vw, 72px) !important; }
.c708-divi-editable-page h2 { font-size: clamp(26px, 3.2vw, 42px) !important; }
.c708-divi-editable-page h3 { font-size: clamp(18px, 2vw, 24px) !important; }
.c708-divi-editable-page p,
.c708-divi-editable-page li {
  color: var(--steel) !important;
  font-size: clamp(14px, 1.2vw, 16px) !important;
  line-height: 1.75 !important;
  margin-bottom: 12px !important;
}
.c708-divi-editable-page .c708-edit-section--navy p,
.c708-divi-editable-page .c708-edit-section--navy li { color: rgba(250,248,244,.78) !important; }
.c708-divi-editable-page .c708-edit-actions {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-top: 20px !important;
}
.c708-divi-editable-page .c708-edit-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 12px 22px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(168,137,94,.42) !important;
  background: var(--navy) !important;
  color: var(--gold-2) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.c708-divi-editable-page .c708-edit-btn--outline { background: transparent !important; color: var(--navy) !important; }
.c708-divi-editable-page .c708-edit-section--navy .c708-edit-btn--outline { color: var(--gold-2) !important; }
.c708-divi-editable-page .c708-edit-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.2vw, 28px) !important;
}
.c708-divi-editable-page .c708-edit-card {
  background: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(168,137,94,.24) !important;
  border-radius: 16px !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
  box-shadow: 0 14px 38px rgba(27,42,74,.06) !important;
  min-width: 0 !important;
}
.c708-divi-editable-page .c708-edit-card h3 { font-size: 18px !important; line-height: 1.2 !important; }
.c708-divi-editable-page .c708-edit-card p { margin-bottom: 0 !important; overflow-wrap: break-word !important; }

/* Divi HTML image helpers: paste into Code modules and keep the same approved image behaviour. */
.c708-divi-editable-page .c708-edit-image-bleed {
  --c708-media-bg: #071421;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  background: var(--c708-media-bg) !important;
  border-top: 1px solid rgba(168,137,94,.25) !important;
  border-bottom: 1px solid rgba(168,137,94,.25) !important;
  overflow: hidden !important;
  clear: both !important;
}
.c708-divi-editable-page .c708-edit-image-stage {
  position: relative !important;
  width: 100vw !important;
  min-height: clamp(260px, 39vw, 760px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background-color: var(--c708-media-bg) !important;
}
.c708-divi-editable-page .c708-edit-image-stage::before {
  content: "" !important;
  position: absolute !important;
  inset: -6% !important;
  background-image: linear-gradient(90deg, rgba(7,20,33,.35), rgba(7,20,33,.02) 50%, rgba(7,20,33,.35)), var(--c708-media-image) !important;
  background-position: center center !important;
  background-size: cover !important;
  filter: blur(18px) saturate(.95) !important;
  transform: scale(1.08) !important;
  opacity: .92 !important;
}
.c708-divi-editable-page .c708-edit-image-stage img {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: min(100vw, 2048px) !important;
  max-width: 100vw !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
}
@media (max-width: 980px) {
  .c708-divi-editable-page .c708-edit-grid-3 { grid-template-columns: 1fr !important; }
}
@media (max-width: 700px) {
  .c708-divi-editable-page .c708-edit-inner { width: min(100%, calc(100vw - 28px)) !important; }
  .c708-divi-editable-page .c708-edit-panel,
  .c708-divi-editable-page .c708-edit-card { padding: 22px 18px !important; }
  .c708-divi-editable-page .c708-edit-actions .c708-edit-btn { width: 100% !important; }
  .c708-divi-editable-page .c708-edit-image-stage { min-height: 0 !important; }
  .c708-divi-editable-page .c708-edit-image-stage img { width: 100vw !important; max-width: 100vw !important; }
}


/* ============================================================
   708C v4.2.19 — MATURE TYPOGRAPHY LOCK, SCOPED
   Keeps the approved 708C visual authority without taking over generic
   Divi Builder h1-h4 or client-entered HTML blocks.
   ============================================================ */
[class*="page-template-template-708c"] :is(
  .c708-title,.c708h-h1,.c708s-h1,.acct-h1,.iss-h1,.faq-h1,
  .c708h-h2,.c708s-h2,.acct-h2,.acct-h2-light,.iss-h2,.faq-section-h,
  .c708-prof-title,.c708-section-header__title,.c708-workspace-title,
  .c708-empty__title,.c708-card h3,.c708-prof-card h3,
  .acct-step h3,.acct-feat h3,.iss-tier h3,.iss-comp-card h3,
  .c708h-hook h4,.c708h-pillar h3,.c708h-step h3,.c708h-path h3) {
  font-family: var(--font-ui) !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

[class*="page-template-template-708c"] :is(.c708-title,.c708h-h1,.c708s-h1,.acct-h1,.iss-h1,.faq-h1) {
  font-size: clamp(38px, 5.2vw, 64px) !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
}

[class*="page-template-template-708c"] :is(.c708h-h2,.c708s-h2,.acct-h2,.acct-h2-light,.iss-h2,.faq-section-h,.c708-prof-title,.c708-section-header__title) {
  font-size: clamp(26px, 3.1vw, 42px) !important;
  line-height: 1.11 !important;
  font-weight: 900 !important;
}

[class*="page-template-template-708c"] :is(.c708-card h3,.c708-prof-card h3,.acct-step h3,.acct-feat h3,.iss-tier h3,.iss-comp-card h3,.c708h-pillar h3,.c708h-step h3,.c708h-path h3) {
  font-size: clamp(18px, 1.75vw, 24px) !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

[class*="page-template-template-708c"] :is(.c708-subtitle,.c708h-hero-sub,.c708s-hero-sub,.acct-hero-sub,.iss-hero-sub,.faq-hero-sub,
  .c708h-sub,.c708s-sub,.acct-sub,.acct-sub-light,.iss-sub,.faq-section-sub,
  .c708-prof-sub,.c708-section-header__sub,.c708-price-sub,.c708h-cta-sub,.c708s-support-sub) {
  font-family: var(--font-ui) !important;
  font-size: clamp(15px, 1.35vw, 19px) !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  letter-spacing: -0.005em !important;
  text-wrap: pretty;
}

[class*="page-template-template-708c"] :is(.c708-kicker,.c708h-eyebrow,.c708s-eyebrow,.acct-eyebrow,.iss-eyebrow,.faq-eyebrow,.c708-prof-eyebrow,.c708-section-header__eyebrow,.acct-label,.faq-label,.faq-section-label) {
  font-family: var(--font-ui) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

@media (max-width: 640px) {
  [class*="page-template-template-708c"] :is(.c708-title,.c708h-h1,.c708s-h1,.acct-h1,.iss-h1,.faq-h1) {
    font-size: clamp(34px, 10vw, 46px) !important;
  }
  [class*="page-template-template-708c"] :is(.c708h-h2,.c708s-h2,.acct-h2,.acct-h2-light,.iss-h2,.faq-section-h,.c708-prof-title,.c708-section-header__title) {
    font-size: clamp(24px, 7.5vw, 34px) !important;
  }
  [class*="page-template-template-708c"] :is(.c708-subtitle,.c708h-hero-sub,.c708s-hero-sub,.acct-hero-sub,.iss-hero-sub,.faq-hero-sub,
    .c708h-sub,.c708s-sub,.acct-sub,.acct-sub-light,.iss-sub,.faq-section-sub,.c708-prof-sub,.c708-section-header__sub,.c708-price-sub,.c708h-cta-sub,.c708s-support-sub) {
    font-size: 15.5px !important;
    line-height: 1.62 !important;
  }
}


/* ============================================================
   708C HTML COLOUR HELPER CLASSES — SAFE MANUAL USE
   These classes are intentionally opt-in only. They do not override
   existing Divi sections unless you add the class in your HTML.
============================================================ */
.c708-html-surface--ivory{background:#FBF7EE!important;color:#0E1C4F!important;}
.c708-html-surface--navy{background:#1B2A4A!important;color:#F8F7F3!important;}
.c708-html-surface--gold{background:#B9965B!important;color:#0E1C4F!important;}
.c708-html-heading--dark{color:#0E1C4F!important;-webkit-text-fill-color:#0E1C4F!important;}
.c708-html-heading--light{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;}
.c708-html-copy--dark{color:#24334F!important;-webkit-text-fill-color:#24334F!important;}
.c708-html-copy--light{color:#F8F7F3!important;-webkit-text-fill-color:#F8F7F3!important;}
.c708-html-card--light{background:#FBF7EE!important;color:#0E1C4F!important;border:1px solid rgba(14,28,79,.14)!important;}
.c708-html-card--dark{background:#1B2A4A!important;color:#F8F7F3!important;border:1px solid rgba(201,169,110,.35)!important;}

/* ============================================================
   708C v4.2.19 — MATURE PALETTE + READABLE CONTRAST REPAIR
   Backgrounds restored to the earlier old-money direction.
   This layer fixes text only: no broad cream-washing, no blue removal,
   no workflow/functionality changes.
   ============================================================ */
:root{
  --c708-oldmoney-navy:#1E2F45;
  --c708-oldmoney-deep:#141f2e;
  --c708-oldmoney-ink:#20242A;
  --c708-oldmoney-copy:#3f4b5a;
  --c708-oldmoney-muted:#5f6b78;
  --c708-oldmoney-cream:#F8F7F3;
  --c708-oldmoney-ivory:#fffdf8;
  --c708-oldmoney-gold:#B79A72;
  --c708-oldmoney-gold-light:#d4b98a;
}

/* Light / cream / ivory cards: calm dark copy. */
[class*="page-template-template-708c"] :is(
  .c708-card,.c708-panel,.c708-box,.c708-review-card,.c708-summary-card,.c708-validation-card,
  .c708s-card,.c708s-mini,.c708s-box,.c708s-form-head,.c708s-form-body,
  .acct-step,.acct-rem,.acct-trust-card,.acct-section-alt,
  .faq-section,.faq-item,.faq-a,
  .iss-tier,.iss-comp-card,.iss-risk-card,
  .c708-prof-card,.c708-prof-panel,.c708-price-card,.c708-price-feature,
  .c708-divi-editable-page .c708-edit-card,.c708-divi-editable-page .c708-edit-panel,
  .c708-html-card--light,.c708-html-surface--ivory
) :is(h1,h2,h3,h4,h5,h6,strong,b,.c708-heading,.c708-title,.c708s-lbl,.acct-label,.faq-section-label,.faq-q-text){
  color:var(--c708-oldmoney-navy)!important;
  -webkit-text-fill-color:var(--c708-oldmoney-navy)!important;
}
[class*="page-template-template-708c"] :is(
  .c708-card,.c708-panel,.c708-box,.c708-review-card,.c708-summary-card,.c708-validation-card,
  .c708s-card,.c708s-mini,.c708s-box,.c708s-form-head,.c708s-form-body,
  .acct-step,.acct-rem,.acct-trust-card,.acct-section-alt,
  .faq-section,.faq-item,.faq-a,
  .iss-tier,.iss-comp-card,.iss-risk-card,
  .c708-prof-card,.c708-prof-panel,.c708-price-card,.c708-price-feature,
  .c708-divi-editable-page .c708-edit-card,.c708-divi-editable-page .c708-edit-panel,
  .c708-html-card--light,.c708-html-surface--ivory
) :is(p,li,td,small,label,.c708-note,.c708-help,.c708-field-help,.faq-a,.acct-legal,.faq-legal){
  color:var(--c708-oldmoney-copy)!important;
  -webkit-text-fill-color:var(--c708-oldmoney-copy)!important;
}

/* Dark navy bands: keep the mature background and make copy readable. */
[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,.faq-hero,.faq-cta,.c708s-band,.c708s-support,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,.c708-html-card--dark,.c708-html-surface--navy,
  .iss-hero,.iss-navy,.c708h-badge-sec,.c708h-cta-band
) :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--c708-oldmoney-cream)!important;
  -webkit-text-fill-color:var(--c708-oldmoney-cream)!important;
}
[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,.faq-hero,.faq-cta,.c708s-band,.c708s-support,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,.c708-html-card--dark,.c708-html-surface--navy,
  .iss-hero,.iss-navy,.c708h-badge-sec,.c708h-cta-band
) :is(p,li,small,td,.acct-sub-light,.acct-feat p,.faq-hero-sub,.faq-cta p,.c708s-band-copy p,.c708s-band-list li,.c708s-support-sub,.c708s-disclaimer){
  color:rgba(248,247,243,.80)!important;
  -webkit-text-fill-color:rgba(248,247,243,.80)!important;
}

/* Gold labels and accent pills remain old-money, not AI-blue. */
[class*="page-template-template-708c"] :is(.acct-label,.faq-label,.faq-section-label,.c708-kicker,.c708h-eyebrow,.c708s-eyebrow,.c708-prof-eyebrow,.c708-section-header__eyebrow){
  color:var(--c708-oldmoney-gold)!important;
  -webkit-text-fill-color:var(--c708-oldmoney-gold)!important;
}

/* Start page: the mini information cards inside the navy band must be readable without flattening the band. */
.c708s-band .c708s-card,
.c708s-band .c708s-mini{
  background:linear-gradient(180deg,#fffdf8 0%,#f5f0e7 100%)!important;
  border-color:rgba(183,154,114,.32)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.28)!important;
}
.c708s-band .c708s-mini h4,
.c708s-band .c708s-card h4{color:var(--c708-oldmoney-navy)!important;-webkit-text-fill-color:var(--c708-oldmoney-navy)!important;}
.c708s-band .c708s-mini p,
.c708s-band .c708s-card p{color:var(--c708-oldmoney-copy)!important;-webkit-text-fill-color:var(--c708-oldmoney-copy)!important;}

/* Support action band: keep mature navy, lift copy contrast only. */
.c708s-support{background:var(--c708-oldmoney-navy)!important;}
.c708s-support .c708s-disclaimer{color:rgba(248,247,243,.68)!important;-webkit-text-fill-color:rgba(248,247,243,.68)!important;}
.c708s-support .c708s-btn-white{background:linear-gradient(180deg,#fffdf8,#ebe2d2)!important;color:var(--c708-oldmoney-deep)!important;-webkit-text-fill-color:var(--c708-oldmoney-deep)!important;border:1px solid rgba(183,154,114,.35)!important;}
.c708s-support .c708s-btn-outline-white{background:rgba(255,255,255,.04)!important;color:rgba(248,247,243,.94)!important;-webkit-text-fill-color:rgba(248,247,243,.94)!important;border:1.5px solid rgba(183,154,114,.48)!important;}
.c708s-support .c708s-btn-outline-white:hover{background:rgba(183,154,114,.13)!important;color:#fffdf8!important;-webkit-text-fill-color:#fffdf8!important;}

/* Accountants: retain the professional navy desk band, only improve legibility. */
.acct-section-navy{background:var(--c708-oldmoney-navy)!important;}
.acct-section-navy .acct-feat{background:rgba(255,255,255,.065)!important;border-color:rgba(183,154,114,.22)!important;}
.acct-section-navy .acct-feat p{color:rgba(248,247,243,.76)!important;-webkit-text-fill-color:rgba(248,247,243,.76)!important;}

/* FAQ: retain navy hero / CTA; text must carry the authority, not disappear. */
.faq-hero,.faq-cta{background:linear-gradient(160deg,var(--c708-oldmoney-deep),var(--c708-oldmoney-navy))!important;}
.faq-hero-sub,.faq-cta p{color:rgba(248,247,243,.78)!important;-webkit-text-fill-color:rgba(248,247,243,.78)!important;}
.faq-tab{color:rgba(248,247,243,.90)!important;-webkit-text-fill-color:rgba(248,247,243,.90)!important;}
.faq-tab:hover,.faq-tab.is-active{color:var(--c708-oldmoney-deep)!important;-webkit-text-fill-color:var(--c708-oldmoney-deep)!important;}
.faq-btn-w{background:#fffdf8!important;color:var(--c708-oldmoney-deep)!important;-webkit-text-fill-color:var(--c708-oldmoney-deep)!important;}

/* Header/footer remain the only permanent dark blue chrome. */
.r708-gh,.r708-header-wrap .r708-gh,#main-header,#top-header{background:#1b2a4a!important;background-color:#1b2a4a!important;}
.r708-gh :is(a,button,.r708-gh-nav-label),#main-header :is(a),#top-header :is(a){color:rgba(248,247,243,.96)!important;-webkit-text-fill-color:rgba(248,247,243,.96)!important;}
.r708-gh a.r708-gh-btn--primary,.r708-gh .r708-gh-btn--primary{background:#c9a96e!important;color:#1b2a4a!important;-webkit-text-fill-color:#1b2a4a!important;border-color:#c9a96e!important;}
.r708-gh a.r708-gh-btn--ghost,.r708-gh .r708-gh-btn--ghost,.r708-gh .r708-gh-pill{background:#f8f7f3!important;color:#1b2a4a!important;-webkit-text-fill-color:#1b2a4a!important;border-color:rgba(201,169,110,.72)!important;}

@media(max-width:700px){
  [class*="page-template-template-708c"] :is(p,li,td,.faq-a,.acct-sub,.faq-section-sub,.c708s-mini p,.c708s-box p){font-size:max(14.5px,.92rem)!important;line-height:1.68!important;}
}

/* ============================================================
   708C v4.2.20 — LIGHT CONTENT SURFACE SAFE
   Removes dark blue/navy BACKGROUNDS from page content and plugin-like
   presentation blocks while preserving working functionality and keeping
   navy only as chrome/accent: global header, footer and deliberate CTAs.
   ============================================================ */
:root{
  --c708-light-navy:#1E2F45;
  --c708-light-ink:#20242A;
  --c708-light-copy:#3f4b5a;
  --c708-light-muted:#667482;
  --c708-light-cream:#F8F7F3;
  --c708-light-ivory:#fffdf8;
  --c708-light-linen:#F3EFE8;
  --c708-light-gold:#B79A72;
  --c708-light-gold-soft:#d8c39a;
  --c708-light-line:rgba(183,154,114,.32);
}

/* Content bands previously set as dark navy/blue are now light institutional surfaces. */
body[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,
  .faq-hero,.faq-cta,
  .c708s-band,.c708s-support,
  .iss-hero,.iss-navy,
  .c708h-badge-sec,.c708h-cta-band,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,
  .c708-html-card--dark,.c708-html-surface--navy,
  .c708-media-bleed
){
  background:linear-gradient(180deg,var(--c708-light-ivory) 0%,var(--c708-light-cream) 100%)!important;
  background-color:var(--c708-light-cream)!important;
  color:var(--c708-light-ink)!important;
  border-top:1px solid rgba(183,154,114,.22)!important;
  border-bottom:1px solid rgba(183,154,114,.22)!important;
  box-shadow:none!important;
}
body[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,
  .faq-hero,.faq-cta,
  .c708s-band,.c708s-support,
  .iss-hero,.iss-navy,
  .c708h-badge-sec,.c708h-cta-band,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,
  .c708-html-card--dark,.c708-html-surface--navy
)::before,
body[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,
  .faq-hero,.faq-cta,
  .c708s-band,.c708s-support,
  .iss-hero,.iss-navy,
  .c708h-badge-sec,.c708h-cta-band,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,
  .c708-html-card--dark,.c708-html-surface--navy
)::after{
  opacity:.18!important;
  pointer-events:none!important;
}

/* Every former dark band now reads as light surface: dark text, gold accents. */
body[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,
  .faq-hero,.faq-cta,
  .c708s-band,.c708s-support,
  .iss-hero,.iss-navy,
  .c708h-badge-sec,.c708h-cta-band,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,
  .c708-html-card--dark,.c708-html-surface--navy
) :is(h1,h2,h3,h4,h5,h6,strong,b,.acct-h1,.acct-h2-light,.faq-h1,.faq-label,.faq-section-label,.iss-h1,.iss-h2,.c708s-band-copy h2,.c708s-support h2,.c708h-cta-band h2,.c708h-lk-copy h3){
  color:var(--c708-light-navy)!important;
  -webkit-text-fill-color:var(--c708-light-navy)!important;
  text-shadow:none!important;
}
body[class*="page-template-template-708c"] :is(
  .acct-hero,.acct-section-navy,
  .faq-hero,.faq-cta,
  .c708s-band,.c708s-support,
  .iss-hero,.iss-navy,
  .c708h-badge-sec,.c708h-cta-band,
  .c708-card--navy,.c708-review-summary,.c708-dark-band,
  .c708-html-card--dark,.c708-html-surface--navy
) :is(p,li,small,span,td,th,label,.acct-sub-light,.acct-hero-sub,.acct-feat p,.acct-legal,.faq-hero-sub,.faq-cta p,.faq-tab,.iss-hero-sub,.iss-sub,.c708s-band-copy p,.c708s-band-list li,.c708s-support-sub,.c708s-disclaimer,.c708h-lk-copy p,.c708h-cta-band p){
  color:var(--c708-light-copy)!important;
  -webkit-text-fill-color:var(--c708-light-copy)!important;
  text-shadow:none!important;
}

/* Cards inside former dark bands — no glassy blue overlays. */
body[class*="page-template-template-708c"] :is(
  .acct-section-navy .acct-feat,
  .c708s-band .c708s-card,
  .c708s-band .c708s-mini,
  .iss-navy .iss-tier,
  .iss-navy .iss-comp-card,
  .iss-navy .iss-risk-card,
  .c708h-badge-sec .c708h-lk-card,
  .c708-card--navy .c708-card,
  .c708-dark-band .c708-card,
  .c708-html-card--dark
){
  background:linear-gradient(180deg,#fffdf8,#f6f1e8)!important;
  border:1px solid var(--c708-light-line)!important;
  color:var(--c708-light-ink)!important;
  box-shadow:0 16px 42px rgba(30,47,69,.08)!important;
}
body[class*="page-template-template-708c"] :is(
  .acct-section-navy .acct-feat,
  .c708s-band .c708s-card,
  .c708s-band .c708s-mini,
  .iss-navy .iss-tier,
  .iss-navy .iss-comp-card,
  .iss-navy .iss-risk-card,
  .c708h-badge-sec .c708h-lk-card,
  .c708-card--navy .c708-card,
  .c708-dark-band .c708-card,
  .c708-html-card--dark
) :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--c708-light-navy)!important;
  -webkit-text-fill-color:var(--c708-light-navy)!important;
}
body[class*="page-template-template-708c"] :is(
  .acct-section-navy .acct-feat,
  .c708s-band .c708s-card,
  .c708s-band .c708s-mini,
  .iss-navy .iss-tier,
  .iss-navy .iss-comp-card,
  .iss-navy .iss-risk-card,
  .c708h-badge-sec .c708h-lk-card,
  .c708-card--navy .c708-card,
  .c708-dark-band .c708-card,
  .c708-html-card--dark
) :is(p,li,small,span,td,label){
  color:var(--c708-light-copy)!important;
  -webkit-text-fill-color:var(--c708-light-copy)!important;
}

/* Former white-outline buttons on dark backgrounds now become calm light-surface buttons. */
body[class*="page-template-template-708c"] :is(.faq-btn-w,.c708s-btn-white,.c708s-btn-outline-white,.c708h-btn-light,.iss-btn-light){
  background:linear-gradient(180deg,#fffdf8,#ede4d6)!important;
  color:var(--c708-light-navy)!important;
  -webkit-text-fill-color:var(--c708-light-navy)!important;
  border:1px solid rgba(183,154,114,.45)!important;
  box-shadow:0 10px 28px rgba(30,47,69,.08)!important;
}
body[class*="page-template-template-708c"] :is(.faq-btn-w,.c708s-btn-white,.c708s-btn-outline-white,.c708h-btn-light,.iss-btn-light):hover{
  background:var(--c708-light-linen)!important;
  color:var(--c708-light-navy)!important;
  -webkit-text-fill-color:var(--c708-light-navy)!important;
}
body[class*="page-template-template-708c"] :is(.faq-tab,.faq-tab:hover,.faq-tab.is-active){
  background:#fffdf8!important;
  color:var(--c708-light-navy)!important;
  -webkit-text-fill-color:var(--c708-light-navy)!important;
  border:1px solid rgba(183,154,114,.36)!important;
}

/* Plugin/app scope embedded by the theme: remove dark blue shell tops and pre blocks. */
.c708-app-scope :is(.c708-top,.c708-hero),
.c708-shell :is(.c708-top,.c708-hero){
  background:linear-gradient(180deg,#fffdf8,#f6f1e8)!important;
  color:var(--c708-light-navy)!important;
  border-bottom:2px solid rgba(183,154,114,.45)!important;
  box-shadow:0 10px 30px rgba(30,47,69,.06)!important;
}
.c708-app-scope :is(.c708-top,.c708-hero) :is(h1,h2,h3,h4,p,a,span,small),
.c708-shell :is(.c708-top,.c708-hero) :is(h1,h2,h3,h4,p,a,span,small){
  color:var(--c708-light-navy)!important;
  -webkit-text-fill-color:var(--c708-light-navy)!important;
}
.c708-app-scope pre,.c708-shell pre{
  background:#fffdf8!important;
  color:var(--c708-light-ink)!important;
  border:1px solid rgba(183,154,114,.36)!important;
}

/* Global header/footer remain controlled chrome only. This prevents content fixes from touching navigation. */
.r708-gh,.r708-header-wrap .r708-gh,#main-header,#top-header,.f708{isolation:isolate;}

/* ============================================================
   708C v4.2.20B — DEEP BLUE SWEEP CLEAN
   Catches older generic theme/plugin presentation classes that still set
   dark navy backgrounds before the v4.2.20 layer loads.
   ============================================================ */
body[class*="page-template-template-708c"] :is(
  .c708-topbar,
  .c708-cert-preview,
  .c708-card--navy,
  .c708-review-summary,
  .c708-activation-card__header,
  .c708-cert-artifact__hdr,
  .c708-cert-artifact__sbar,
  .c708-role-showcase__card,
  .c708-role-showcase__image,
  .c708-role-showcase__body,
  .c708-divi-editable-page .c708-edit-section--navy
){
  background:linear-gradient(180deg,#fffdf8 0%,#f3efe8 100%)!important;
  background-color:#f3efe8!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
  border-color:rgba(183,154,114,.36)!important;
  box-shadow:0 14px 42px rgba(30,47,69,.07)!important;
}
body[class*="page-template-template-708c"] :is(
  .c708-topbar,
  .c708-cert-preview,
  .c708-card--navy,
  .c708-review-summary,
  .c708-activation-card__header,
  .c708-cert-artifact__hdr,
  .c708-cert-artifact__sbar,
  .c708-role-showcase__card,
  .c708-role-showcase__image,
  .c708-role-showcase__body,
  .c708-divi-editable-page .c708-edit-section--navy
) :is(h1,h2,h3,h4,h5,h6,strong,b,.c708-cert-preview__title,.c708-cert-field__value,.c708-topbar__brand,.c708-workspace-switch__btn--active){
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
}
body[class*="page-template-template-708c"] :is(
  .c708-topbar,
  .c708-cert-preview,
  .c708-card--navy,
  .c708-review-summary,
  .c708-activation-card__header,
  .c708-cert-artifact__hdr,
  .c708-cert-artifact__sbar,
  .c708-role-showcase__card,
  .c708-role-showcase__image,
  .c708-role-showcase__body,
  .c708-divi-editable-page .c708-edit-section--navy
) :is(p,li,small,span,label,.c708-cert-preview__sub,.c708-cert-preview__live-note,.c708-cert-field__label,.c708-divi-editable-page .c708-edit-section--navy p,.c708-divi-editable-page .c708-edit-section--navy li){
  color:#3f4b5a!important;
  -webkit-text-fill-color:#3f4b5a!important;
}
body[class*="page-template-template-708c"] .c708-cert-preview__eye,
body[class*="page-template-template-708c"] .c708-cert-preview__serial,
body[class*="page-template-template-708c"] .c708-role-showcase__body strong,
body[class*="page-template-template-708c"] .c708-cert-artifact__eyebrow{
  color:#B79A72!important;
  -webkit-text-fill-color:#B79A72!important;
}
body[class*="page-template-template-708c"] .c708-role-showcase__image::before{opacity:.12!important;filter:blur(10px) saturate(.55)!important;}
body[class*="page-template-template-708c"] :is(.c708-workspace-switch__btn--active,.c708-workspace-switch__btn:hover,.c708-issue-btn:hover,.c708-resend-btn:hover,.c708-resend-review-btn:hover,.c708-export-evidence:hover){
  background:#fffdf8!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
  border-color:#B79A72!important;
}
/* Keep primary action buttons authoritative without making whole sections blue. */
body[class*="page-template-template-708c"] :is(.c708-btn--primary,.c708-btn-primary,.c708-export-btn,.c708-edit-btn:not(.c708-edit-btn--outline)){
  background:linear-gradient(180deg,#B79A72,#a8895e)!important;
  border-color:#B79A72!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
}

/* ============================================================
   708C v4.2.27 — LIVE PAGE FINAL: ACCOUNTANTS + IM/RE/RM PAGES
   Scope: the two pages reviewed live on 8 May 2026.
   Purpose: preserve Divi/page-designed content, remove browser-blue
   selection/overlay presentation, and let approved media images render
   exactly as designed. No workflow or plugin controls are touched.
   ============================================================ */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) ::selection{
  background:rgba(183,154,114,.26)!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) ::-moz-selection{
  background:rgba(183,154,114,.26)!important;
  color:#1E2F45!important;
}

/* Hero/action text remains readable if accidentally selected during live review. */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms)
  :is(.acct-hero,.iss-hero,.c708-divi-editable-page .c708-edit-section) :is(a,button,span,p,h1,h2,h3,li)::selection{
  background:rgba(183,154,114,.30)!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
}

/* Approved full-width images: no blur panel, no blue wash, no selection overlay. */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(
  .c708-media-bleed,
  .c708-divi-editable-page .c708-edit-image-bleed
){
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  background:#071421!important;
  border-top:1px solid rgba(183,154,114,.20)!important;
  border-bottom:1px solid rgba(183,154,114,.20)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  user-select:auto!important;
  -webkit-user-select:auto!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(
  .c708-media-bleed__stage,
  .c708-divi-editable-page .c708-edit-image-stage
){
  width:100vw!important;
  max-width:100vw!important;
  min-height:0!important;
  display:block!important;
  background:#071421!important;
  overflow:hidden!important;
  box-shadow:none!important;
  user-select:auto!important;
  -webkit-user-select:auto!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) .c708-media-bleed__stage::before,
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) .c708-media-bleed__stage::after,
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) .c708-divi-editable-page .c708-edit-image-stage::before,
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) .c708-divi-editable-page .c708-edit-image-stage::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  transform:none!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(
  .c708-media-bleed__img,
  .c708-divi-editable-page .c708-edit-image-stage img
){
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100vw!important;
  max-width:100vw!important;
  height:auto!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  user-select:auto!important;
  -webkit-user-select:auto!important;
  -webkit-user-drag:none!important;
  pointer-events:none!important;
}

/* Page rhythm immediately after the full-width image. */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(
  .c708-media-bleed + .acct-section,
  .c708-media-bleed + .iss-section,
  .c708-divi-editable-page .c708-edit-image-bleed + .c708-edit-section
){
  padding-top:clamp(52px,5.8vw,78px)!important;
}

/* Keep the three-card blocks crisp and readable on the reviewed pages. */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.iss-tier,.acct-step,.c708-edit-card){
  background:#fffdf8!important;
  border:1px solid rgba(183,154,114,.34)!important;
  box-shadow:0 12px 32px rgba(30,47,69,.07)!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.iss-tier-body li,.acct-step p,.c708-edit-card p,.c708-edit-card li){
  color:#354255!important;
  -webkit-text-fill-color:#354255!important;
  line-height:1.68!important;
}

@media(max-width:700px){
  body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(
    .c708-media-bleed__img,
    .c708-divi-editable-page .c708-edit-image-stage img
  ){
    width:100vw!important;
    max-width:100vw!important;
  }
  body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.acct-section,.iss-section,.c708-edit-section){
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
}

/* ============================================================
   708C v4.2.30 — TWO PAGE FINAL REBUILD
   Correction after live review: the previous release wrongly disabled
   text highlighting. These rules restore normal browser selection and
   keep only the two reviewed marketing image bands clean, centred and
   uncropped. No workflow surfaces are touched.
   ============================================================ */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms),
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.acct,.iss,.c708-divi-editable-page,.acct-hero,.iss-hero,.acct-section,.iss-section,.acct-section *,.iss-section *,.c708-media-bleed,.c708-media-bleed *,.c708-edit-image-bleed,.c708-edit-image-bleed *){
  -webkit-user-select:auto!important;
  -moz-user-select:auto!important;
  -ms-user-select:auto!important;
  user-select:auto!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) ::selection{
  background:#cfe3f6!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) ::-moz-selection{
  background:#cfe3f6!important;
  color:inherit!important;
}

/* Specific reviewed image bands: remove blur overlays, prevent horizontal drift, keep the full artwork visible. */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.c708-media-bleed,.c708-edit-image-bleed){
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;
  background:#071421!important;
  border-top:1px solid rgba(183,154,114,.22)!important;
  border-bottom:1px solid rgba(183,154,114,.22)!important;
  overflow:hidden!important;
  box-shadow:none!important;
  clear:both!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.c708-media-bleed__stage,.c708-edit-image-stage){
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
  background:#071421!important;
  overflow:hidden!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.c708-media-bleed__stage,.c708-edit-image-stage)::before,
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.c708-media-bleed__stage,.c708-edit-image-stage)::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  transform:none!important;
}
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms) :is(.c708-media-bleed__img,.c708-edit-image-stage img){
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* These two pages should not horizontally scroll because of full-bleed media math. */
body:is(.page-template-template-708c-accountants,.page-template-template-708c-issuers,.page-template-template-708c-ims-res-rms){
  overflow-x:hidden!important;
}

/* Keep the reviewed post-image content calm and readable without repainting Divi modules globally. */
body.page-template-template-708c-ims-res-rms .c708-prof-section,
body.page-template-template-708c-issuers .iss-section,
body.page-template-template-708c-accountants .acct-section{
  position:relative!important;
  z-index:1!important;
}
body.page-template-template-708c-ims-res-rms .c708-prof-card,
body.page-template-template-708c-issuers .iss-tier,
body.page-template-template-708c-accountants .acct-step{
  background:#fffdf8!important;
  border:1px solid rgba(183,154,114,.34)!important;
  box-shadow:0 12px 32px rgba(30,47,69,.07)!important;
}

/* ============================================================
   708C v4.2.30 — TWO PAGE FINAL REBUILD LOCK
   Pages fixed only:
   /for-accountants/ and /for-issuers/
   Rule: no low-contrast copy, no dark-on-dark, no white-on-light.
   All written content sits on light institutional surfaces with dark copy.
   Dark navy is reserved for buttons, header/footer, and image artwork only.
   ============================================================ */
body.page-template-template-708c-accountants,
body.page-template-template-708c-issuers{
  background:#F8F7F3!important;
}
body.page-template-template-708c-accountants :is(.acct,.acct-hero,.acct-section,.acct-section-navy,.acct-section-alt),
body.page-template-template-708c-issuers :is(.iss,.iss-hero,.iss-section,.iss-navy,.iss-alt){
  background:#F8F7F3!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
}
body.page-template-template-708c-accountants :is(.acct-hero,.acct-section,.acct-section-navy),
body.page-template-template-708c-issuers :is(.iss-hero,.iss-section,.iss-navy){
  padding-top:clamp(54px,6vw,82px)!important;
  padding-bottom:clamp(54px,6vw,82px)!important;
}
body.page-template-template-708c-accountants :is(.acct-inner),
body.page-template-template-708c-issuers :is(.iss-inner){
  max-width:1120px!important;
  margin:0 auto!important;
  padding-left:clamp(20px,4vw,32px)!important;
  padding-right:clamp(20px,4vw,32px)!important;
}
body.page-template-template-708c-accountants :is(.acct-h1,.acct-h2,.acct-h2-light,.acct-step h3,.acct-feat h3,.acct-rem-copy h3,.acct-trust-card h4,.acct-qual-table td,.acct-qual-table th),
body.page-template-template-708c-issuers :is(.iss-h1,.iss-h2,.iss-h2-w,.iss-tier-hdr h3,.iss-tier-body li,.iss-comp-card h3,.iss-pack-card h4,.iss-pack-item){
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
  text-shadow:none!important;
}
body.page-template-template-708c-accountants :is(.acct-h1 em,.acct-pill,.acct-label,.acct-rem-label),
body.page-template-template-708c-issuers :is(.iss-h1 em,.iss-pill,.iss-label){
  color:#A78654!important;
  -webkit-text-fill-color:#A78654!important;
}
body.page-template-template-708c-accountants :is(.acct-hero-sub,.acct-sub,.acct-sub-light,.acct-step p,.acct-feat p,.acct-rem-copy p,.acct-trust-card p,.acct-legal,.acct-qual-table td,.acct-trust,.acct-trust-item),
body.page-template-template-708c-issuers :is(.iss-hero-sub,.iss-sub,.iss-sub-w,.iss-tier-hdr p,.iss-tier-body li,.iss-comp-card p,.iss-pack-item,.iss-legal,.iss-trust,.iss-trust-item){
  color:#344457!important;
  -webkit-text-fill-color:#344457!important;
  text-shadow:none!important;
}
body.page-template-template-708c-accountants :is(.acct-pill,.acct-trust-card,.acct-rem,.acct-step,.acct-feat),
body.page-template-template-708c-issuers :is(.iss-pill,.iss-tier,.iss-comp-card,.iss-pack-card){
  background:#FFFDF8!important;
  border:1px solid rgba(167,134,84,.28)!important;
  box-shadow:0 16px 36px rgba(20,31,46,.08)!important;
}
body.page-template-template-708c-accountants :is(.acct-features,.acct-steps,.acct-trust-strip),
body.page-template-template-708c-issuers :is(.iss-tiers,.iss-compliance,.iss-pack-grid){
  gap:22px!important;
}
body.page-template-template-708c-accountants :is(.acct-step,.acct-feat,.acct-trust-card,.acct-rem),
body.page-template-template-708c-issuers :is(.iss-tier,.iss-comp-card,.iss-pack-card){
  border-radius:18px!important;
}
body.page-template-template-708c-accountants .acct-section-navy,
body.page-template-template-708c-issuers .iss-navy{
  background:#EFE9DA!important;
  border-top:1px solid rgba(167,134,84,.22)!important;
  border-bottom:1px solid rgba(167,134,84,.22)!important;
}
body.page-template-template-708c-accountants .acct-hero::after,
body.page-template-template-708c-issuers .iss-hero::after{
  background:linear-gradient(90deg,transparent,rgba(167,134,84,.55),transparent)!important;
}
body.page-template-template-708c-accountants :is(.acct-btn,.acct-btn-p,.acct-btn-o),
body.page-template-template-708c-issuers :is(.iss-btn,.iss-btn-p,.iss-btn-o){
  background:#1E2F45!important;
  color:#F8F7F3!important;
  -webkit-text-fill-color:#F8F7F3!important;
  border:1px solid rgba(167,134,84,.45)!important;
  box-shadow:0 12px 24px rgba(20,31,46,.16)!important;
}
body.page-template-template-708c-accountants :is(.acct-btn-o),
body.page-template-template-708c-issuers :is(.iss-btn-o){
  background:#FFFDF8!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
}
body.page-template-template-708c-accountants :is(.acct-dot,.acct-trust-check,.acct-step-num),
body.page-template-template-708c-issuers :is(.iss-dot,.iss-chk){
  background:#1E2F45!important;
  color:#D4B98A!important;
  -webkit-text-fill-color:#D4B98A!important;
  border-color:rgba(167,134,84,.4)!important;
}
body.page-template-template-708c-accountants .acct-qual-table th,
body.page-template-template-708c-issuers .iss-tier-hdr{
  background:#EFE9DA!important;
  color:#1E2F45!important;
  -webkit-text-fill-color:#1E2F45!important;
  border-bottom:1px solid rgba(167,134,84,.24)!important;
}
body.page-template-template-708c-accountants .acct-qual-table td,
body.page-template-template-708c-issuers .iss-tier-body{
  background:#FFFDF8!important;
  color:#344457!important;
  -webkit-text-fill-color:#344457!important;
}
body.page-template-template-708c-accountants :is(.c708-media-bleed,.c708-edit-image-bleed),
body.page-template-template-708c-issuers :is(.c708-media-bleed,.c708-edit-image-bleed){
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#071421!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
}
body.page-template-template-708c-accountants :is(.c708-media-bleed__stage,.c708-edit-image-stage),
body.page-template-template-708c-issuers :is(.c708-media-bleed__stage,.c708-edit-image-stage){
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  display:block!important;
  background:#071421!important;
  overflow:hidden!important;
}
body.page-template-template-708c-accountants :is(.c708-media-bleed__stage,.c708-edit-image-stage)::before,
body.page-template-template-708c-accountants :is(.c708-media-bleed__stage,.c708-edit-image-stage)::after,
body.page-template-template-708c-issuers :is(.c708-media-bleed__stage,.c708-edit-image-stage)::before,
body.page-template-template-708c-issuers :is(.c708-media-bleed__stage,.c708-edit-image-stage)::after{
  content:none!important;
  display:none!important;
}
body.page-template-template-708c-accountants :is(.c708-media-bleed__img,.c708-edit-image-stage img),
body.page-template-template-708c-issuers :is(.c708-media-bleed__img,.c708-edit-image-stage img){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
  box-shadow:none!important;
}
@media(max-width:960px){
  body.page-template-template-708c-accountants :is(.acct-steps,.acct-features,.acct-trust-strip),
  body.page-template-template-708c-issuers :is(.iss-tiers,.iss-compliance,.iss-pack-grid){grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  body.page-template-template-708c-accountants :is(.acct-btns),
  body.page-template-template-708c-issuers :is(.iss-btns){flex-direction:column!important;align-items:stretch!important;}
  body.page-template-template-708c-accountants :is(.acct-btn),
  body.page-template-template-708c-issuers :is(.iss-btn){width:100%!important;justify-content:center!important;}
}

/* ============================================================
   708C v4.2.31 — NEW IMAGE + OLD-MONEY PALETTE REBUILD
   Scope: visual/presentation only. Workflow, REST, certificate,
   payment, review and validation logic remain plugin-owned.
   ============================================================ */
:root{
  --c708-heritage-navy:#182B49;
  --c708-heritage-navy-2:#102238;
  --c708-heritage-ink:#14243A;
  --c708-heritage-steel:#445875;
  --c708-heritage-muted:#6B7890;
  --c708-heritage-gold:#A78654;
  --c708-heritage-gold-2:#C4A77A;
  --c708-heritage-champagne:#D8C7A4;
  --c708-heritage-cream:#F6F1E8;
  --c708-heritage-ivory:#FFFCF6;
  --c708-heritage-linen:#E9E1D3;
  --c708-heritage-white:#FFFFFF;
  --c708-heritage-green:#4D6B4F;
  --c708-heritage-red:#8A3340;
  --c708-display:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --c708-ui:'Lato', Arial, sans-serif;
}

body[class*="page-template-template-708c"],
body.c708-divi-authority-page{
  background:linear-gradient(180deg,var(--c708-heritage-ivory) 0%,var(--c708-heritage-cream) 46%,#F4EEE3 100%)!important;
  color:var(--c708-heritage-ink)!important;
}
body[class*="page-template-template-708c"] #main-content,
body.c708-divi-authority-page #main-content{
  background:transparent!important;
}

/* Core palette variables inherited by existing templates. */
.c708h,.c708s,.c708-pricing,.c708c-contact,.acct,.iss,.faq,
.c708-prof-section,.c708-divi-editable-page,.c708-app-scope,.c708-shell{
  --navy:var(--c708-heritage-navy)!important;
  --navy-deep:var(--c708-heritage-navy-2)!important;
  --navy-mid:#233D63!important;
  --navy-2:#233D63!important;
  --navy-3:var(--c708-heritage-navy-2)!important;
  --gold:var(--c708-heritage-gold)!important;
  --gold-lt:var(--c708-heritage-champagne)!important;
  --gold-2:var(--c708-heritage-gold-2)!important;
  --cream:var(--c708-heritage-cream)!important;
  --ivory:var(--c708-heritage-ivory)!important;
  --linen:var(--c708-heritage-linen)!important;
  --white:var(--c708-heritage-white)!important;
  --ink:var(--c708-heritage-ink)!important;
  --ink-soft:#253650!important;
  --ink-dim:var(--c708-heritage-steel)!important;
  --steel:var(--c708-heritage-steel)!important;
  --c708-navy:var(--c708-heritage-navy)!important;
  --c708-gold:var(--c708-heritage-gold)!important;
  --c708-cream:var(--c708-heritage-cream)!important;
  --c708-ivory:var(--c708-heritage-ivory)!important;
  --c708-text-primary:var(--c708-heritage-ink)!important;
  --c708-text-muted:var(--c708-heritage-steel)!important;
  --font-display:var(--c708-display)!important;
  --font-ui:var(--c708-ui)!important;
  font-family:var(--c708-ui)!important;
  color:var(--c708-heritage-ink)!important;
}

/* Editorial display language to match the approved image system. */
body[class*="page-template-template-708c"] :is(.c708-title,.c708h-h1,.c708s-h1,.acct-h1,.iss-h1,.faq-h1,.c708-hero h1,.c708c-hero h1),
body.c708-divi-authority-page :is(h1,.c708-edit-panel h1){
  font-family:var(--c708-display)!important;
  color:var(--c708-heritage-navy)!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  line-height:.96!important;
  text-transform:uppercase!important;
  text-wrap:balance;
}
body[class*="page-template-template-708c"] :is(.c708h-h2,.c708s-h2,.acct-h2,.iss-h2,.faq-section-h,.c708-prof-title,.c708-section-header__title,.c708-card h2,.c708-card h3,.c708c-card h3,.c708-pricing h2),
body.c708-divi-authority-page :is(h2,h3,.c708-edit-card h3){
  font-family:var(--c708-display)!important;
  color:var(--c708-heritage-navy)!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  line-height:1.04!important;
  text-wrap:balance;
}
body[class*="page-template-template-708c"] :is(.c708h-h1 em,.c708s-h1 em){
  font-family:var(--c708-display)!important;
  letter-spacing:.04em!important;
  color:var(--c708-heritage-gold)!important;
}
body[class*="page-template-template-708c"] :is(.c708h-lbl,.c708h-eyebrow,.c708s-lbl,.c708s-eyebrow,.acct-label,.acct-pill,.iss-label,.iss-pill,.faq-label,.faq-section-label,.c708-label,.c708c-label,.c708-prof-eyebrow,.c708-role-showcase__header span),
body.c708-divi-authority-page .c708-edit-kicker{
  color:var(--c708-heritage-gold)!important;
  font-family:var(--c708-ui)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}
body[class*="page-template-template-708c"] :is(p,li,td,th,small,label,.c708h-sub,.c708h-hero-sub,.c708s-sub,.c708s-hero-sub,.acct-sub,.acct-hero-sub,.iss-sub,.iss-hero-sub,.faq-hero-sub,.faq-section-sub,.c708-prof-sub,.c708-desc,.c708c-note,.c708-empty__sub),
body.c708-divi-authority-page :is(p,li,small,label){
  font-family:var(--c708-ui)!important;
  color:var(--c708-heritage-steel)!important;
  line-height:1.78!important;
  letter-spacing:.01em!important;
}

/* Light editorial surfaces. */
.c708h-hero,.c708s-hero,.acct-hero,.iss-hero,.faq-hero,.c708-hero,.c708c-hero,
.c708h-badge-sec,.c708h-pillars,.c708h-how,.c708h-paths,.c708h-acct,
.c708s-how,.c708s-form-area,.acct-section,.iss-section,.faq-section,.c708-prof-section,
.c708-pricing,.c708c-contact,.c708-divi-editable-page .c708-edit-section{
  background:linear-gradient(180deg,rgba(255,252,246,.98) 0%,rgba(246,241,232,.96) 100%)!important;
  color:var(--c708-heritage-ink)!important;
}
.c708h-hero::before,.c708s-hero::before,.acct-hero::before,.iss-hero::before,.faq-hero::before,.c708-hero::before,.c708c-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(216,199,164,.24),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(24,43,73,.055),transparent 38%)!important;
  opacity:1!important;
}
.c708h-hero::after,.c708s-hero::after,.acct-hero::after,.iss-hero::after,.faq-hero::after,.c708-hero::after,.c708c-hero::after{
  background:linear-gradient(90deg,transparent,rgba(167,134,84,.62),rgba(216,199,164,.72),rgba(167,134,84,.62),transparent)!important;
}

/* Intentional navy sections only — high contrast, no dark-on-dark. */
.c708h-cta-band,.c708s-support,.acct-section-navy,.iss-navy,.c708-divi-editable-page .c708-edit-section--navy{
  background:
    radial-gradient(circle at 16% 0%,rgba(216,199,164,.14),transparent 34%),
    linear-gradient(135deg,var(--c708-heritage-navy-2),var(--c708-heritage-navy))!important;
  color:var(--c708-heritage-ivory)!important;
  border-top:1px solid rgba(216,199,164,.28)!important;
  border-bottom:1px solid rgba(216,199,164,.22)!important;
}
.c708h-cta-band :is(h2,h3,p,li,span,a),
.c708s-support :is(h2,h3,p,li,span,a),
.acct-section-navy :is(h2,h3,p,li,span,a,.acct-label,.acct-sub-light,.acct-h2-light),
.iss-navy :is(h2,h3,p,li,span,a,.iss-label,.iss-sub-w,.iss-h2-w),
.c708-divi-editable-page .c708-edit-section--navy :is(h1,h2,h3,p,li,span,a){
  color:var(--c708-heritage-ivory)!important;
  -webkit-text-fill-color:var(--c708-heritage-ivory)!important;
}
.c708h-cta-band :is(.c708h-disclaimer,.c708h-cta-sub),
.c708s-support :is(.c708s-disclaimer,.c708s-support-sub),
.acct-section-navy :is(p,li,.acct-sub-light),
.iss-navy :is(p,li,.iss-sub-w),
.c708-divi-editable-page .c708-edit-section--navy :is(p,li){
  color:rgba(255,252,246,.82)!important;
  -webkit-text-fill-color:rgba(255,252,246,.82)!important;
}

/* Cards, panels, tables and proof boxes. */
body[class*="page-template-template-708c"] :is(.c708h-hook,.c708h-pillar,.c708h-step,.c708h-path,.c708h-tier,.c708h-dbox,.c708h-badge-mock,.c708s-card,.c708s-box,.c708s-step,.c708s-form-shell,.acct-step,.acct-feat,.acct-rem,.acct-trust-card,.iss-tier,.iss-comp-card,.iss-pack-card,.faq-item,.c708-card,.c708-prof-panel,.c708-prof-card,.c708c-card,.c708-empty,.c708-shell,.c708-app-scope .c708-card,.c708-app-scope .c708-panel),
body.c708-divi-authority-page :is(.c708-edit-panel,.c708-edit-card){
  background:linear-gradient(180deg,rgba(255,252,246,.96),rgba(248,244,236,.98))!important;
  border:1px solid rgba(167,134,84,.34)!important;
  color:var(--c708-heritage-ink)!important;
  box-shadow:0 18px 48px rgba(24,43,73,.10)!important;
}
body[class*="page-template-template-708c"] :is(.acct-feat,.iss-pack-card,.iss-comp-card){
  background:rgba(255,252,246,.08)!important;
  border-color:rgba(216,199,164,.32)!important;
}
body[class*="page-template-template-708c"] :is(.c708h-hook h4,.c708h-pillar h3,.c708h-step h3,.c708h-path h3,.c708h-tier h4,.c708h-dbox h4,.c708s-card h3,.c708s-box h3,.c708s-step h3,.acct-step h3,.acct-feat h3,.acct-trust-card h3,.iss-tier h3,.iss-comp-card h3,.faq-q-text,.c708-prof-card h3,.c708c-card h3,.c708-card h3),
body.c708-divi-authority-page .c708-edit-card h3{
  color:var(--c708-heritage-navy)!important;
  -webkit-text-fill-color:var(--c708-heritage-navy)!important;
}
body[class*="page-template-template-708c"] :is(.c708h-hook p,.c708h-pillar p,.c708h-step p,.c708h-path p,.c708h-tier p,.c708h-dbox p,.c708s-card p,.c708s-box p,.c708s-step p,.acct-step p,.acct-trust-card p,.iss-tier p,.iss-comp-card p,.faq-a,.c708-prof-card p,.c708c-card p,.c708-card p),
body.c708-divi-authority-page .c708-edit-card p{
  color:var(--c708-heritage-steel)!important;
  -webkit-text-fill-color:var(--c708-heritage-steel)!important;
}

/* Full-width approved imagery — show the supplied images accurately, not cropped or re-coloured. */
.c708-media-bleed,.c708-divi-editable-page .c708-edit-image-bleed{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:linear-gradient(180deg,#F8F4EC,#EEE4D4)!important;
  border-top:1px solid rgba(167,134,84,.22)!important;
  border-bottom:1px solid rgba(167,134,84,.22)!important;
  box-shadow:none!important;
}
.c708-media-bleed__stage,.c708-divi-editable-page .c708-edit-image-stage{
  width:100vw!important;
  max-width:100vw!important;
  min-height:0!important;
  display:block!important;
  background:transparent!important;
}
.c708-media-bleed__stage::before,.c708-media-bleed__stage::after,
.c708-divi-editable-page .c708-edit-image-stage::before,.c708-divi-editable-page .c708-edit-image-stage::after{
  content:none!important;
  display:none!important;
}
.c708-media-bleed__img,.c708-divi-editable-page .c708-edit-image-stage img{
  display:block!important;
  width:min(100vw,2048px)!important;
  max-width:100vw!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Role cards sit underneath the collective image like editorial pathways. */
.c708-role-showcase{
  background:linear-gradient(180deg,var(--c708-heritage-ivory),var(--c708-heritage-cream))!important;
  border-top:1px solid rgba(167,134,84,.16)!important;
  border-bottom:1px solid rgba(167,134,84,.22)!important;
}
.c708-role-showcase__card{
  background:linear-gradient(180deg,#FFFCF6,#F4EEE3)!important;
  border:1px solid rgba(167,134,84,.38)!important;
  color:var(--c708-heritage-ink)!important;
  border-radius:14px!important;
  box-shadow:0 18px 48px rgba(24,43,73,.11)!important;
}
.c708-role-showcase__image{background:#F4EEE3!important;aspect-ratio:16/9!important;}
.c708-role-showcase__image::before{content:none!important;display:none!important;}
.c708-role-showcase__image img{object-fit:cover!important;object-position:center!important;filter:none!important;}
.c708-role-showcase__body{background:transparent!important;border-top:1px solid rgba(167,134,84,.18)!important;}
.c708-role-showcase__body strong{color:var(--c708-heritage-navy)!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
.c708-role-showcase__body small{color:var(--c708-heritage-steel)!important;}

/* Buttons — calm banker palette, accessible contrast. */
body[class*="page-template-template-708c"] :is(.c708-btn,.c708h-btn,.c708s-btn,.acct-btn,.iss-btn,.faq-btn,.c708c-btn,.c708-edit-btn),
body.c708-divi-authority-page :is(.c708-edit-btn){
  border-radius:8px!important;
  min-height:46px!important;
  font-family:var(--c708-ui)!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
body[class*="page-template-template-708c"] :is(.c708-btn--primary,.c708-btn-primary,.c708-btn-navy,.c708h-btn-primary,.c708s-btn-primary,.acct-btn-p,.iss-btn-p,.c708c-btn,.c708-app-scope .c708-btn-primary,.c708-shell .c708-btn-primary),
body.c708-divi-authority-page .c708-edit-btn:not(.c708-edit-btn--outline){
  background:linear-gradient(135deg,var(--c708-heritage-navy-2),var(--c708-heritage-navy))!important;
  color:var(--c708-heritage-ivory)!important;
  -webkit-text-fill-color:var(--c708-heritage-ivory)!important;
  border:1px solid rgba(216,199,164,.48)!important;
  box-shadow:0 10px 26px rgba(24,43,73,.18)!important;
}
body[class*="page-template-template-708c"] :is(.c708-btn--secondary,.c708-btn-secondary,.c708-btn-outline,.c708h-btn-outline,.c708s-btn-outline,.acct-btn-o,.iss-btn-o,.faq-btn,.c708-app-scope .c708-btn-secondary,.c708-shell .c708-btn-secondary),
body.c708-divi-authority-page .c708-edit-btn--outline{
  background:rgba(255,252,246,.72)!important;
  color:var(--c708-heritage-navy)!important;
  -webkit-text-fill-color:var(--c708-heritage-navy)!important;
  border:1px solid rgba(167,134,84,.46)!important;
}
body[class*="page-template-template-708c"] :is(.c708-btn-gold,.c708h-btn-white,.c708s-btn-white,.faq-btn-w){
  background:linear-gradient(180deg,#FFFCF6,#EADCC5)!important;
  color:var(--c708-heritage-navy)!important;
  -webkit-text-fill-color:var(--c708-heritage-navy)!important;
  border:1px solid rgba(216,199,164,.72)!important;
}
body[class*="page-template-template-708c"] :is(.c708h-btn-outline-white,.c708s-btn-outline-white){
  color:var(--c708-heritage-ivory)!important;
  -webkit-text-fill-color:var(--c708-heritage-ivory)!important;
  border-color:rgba(216,199,164,.58)!important;
}

/* Forms and workflow fields — never light text on light cards. */
body[class*="page-template-template-708c"] :is(input,select,textarea,.c708-app-scope input,.c708-app-scope select,.c708-app-scope textarea,.c708-shell input,.c708-shell select,.c708-shell textarea){
  background:#FFFFFF!important;
  color:var(--c708-heritage-ink)!important;
  -webkit-text-fill-color:var(--c708-heritage-ink)!important;
  border:1px solid rgba(167,134,84,.42)!important;
  border-radius:10px!important;
  box-shadow:0 2px 0 rgba(255,255,255,.75) inset!important;
}
body[class*="page-template-template-708c"] :is(input::placeholder,textarea::placeholder){
  color:#8290A3!important;
  -webkit-text-fill-color:#8290A3!important;
  opacity:1!important;
}
body[class*="page-template-template-708c"] :is(label,.c708-label,.c708-note,.c708-required,.c708-cert-field__label){
  color:var(--c708-heritage-steel)!important;
  -webkit-text-fill-color:var(--c708-heritage-steel)!important;
}
.c708-app-scope .c708-step.active b,.c708-shell .c708-step.active b{
  background:var(--c708-heritage-navy)!important;
  color:var(--c708-heritage-champagne)!important;
}
.c708-app-scope .c708-choice.selected,.c708-shell .c708-choice.selected{
  background:#FFF8EA!important;
  border-color:var(--c708-heritage-gold)!important;
}

/* Tables: readable on mobile and desk. */
body[class*="page-template-template-708c"] table{border-color:rgba(167,134,84,.28)!important;}
body[class*="page-template-template-708c"] th{
  background:#EFE5D4!important;
  color:var(--c708-heritage-navy)!important;
  -webkit-text-fill-color:var(--c708-heritage-navy)!important;
}
body[class*="page-template-template-708c"] td{
  background:#FFFCF6!important;
  color:var(--c708-heritage-steel)!important;
  -webkit-text-fill-color:var(--c708-heritage-steel)!important;
}

/* Validation and certificate cards: preserve the mobile spacing refinements. */
.c708-validation-result,.c708-cert-preview,.c708-cert-artifact,.c708-cert{
  background:linear-gradient(180deg,#FFFCF6,#F5EEE2)!important;
  border-color:rgba(167,134,84,.42)!important;
  color:var(--c708-heritage-ink)!important;
}
.c708-validation-result :is(.c708-cert-field__value,.c708-cert-artifact__val-value,.c708-cert-preview__value){
  color:var(--c708-heritage-navy)!important;
  -webkit-text-fill-color:var(--c708-heritage-navy)!important;
}
.c708-badge--active,.c708-validation-result .c708-badge--active{
  background:#EAF3EA!important;
  color:#2F6848!important;
}

/* Header/footer old-money lock. */
.r708-gh,.r708-header-wrap .r708-gh,#main-header,#top-header{
  background:linear-gradient(135deg,#102238 0%,#182B49 68%,#203C62 100%)!important;
  background-color:#182B49!important;
  border-bottom:1px solid rgba(216,199,164,.28)!important;
  box-shadow:0 10px 30px rgba(16,34,56,.16)!important;
}
.r708-gh :is(a,button,.r708-gh-nav-label,.r708-gh-pill-text),#main-header :is(a),#top-header :is(a){
  color:rgba(255,252,246,.94)!important;
  -webkit-text-fill-color:rgba(255,252,246,.94)!important;
  letter-spacing:.08em!important;
}
.r708-gh :is(a:hover,button:hover,.r708-gh-nav-label:hover),#main-header a:hover,#top-header a:hover{
  color:var(--c708-heritage-champagne)!important;
  -webkit-text-fill-color:var(--c708-heritage-champagne)!important;
}
.r708-gh a.r708-gh-btn--primary,.r708-gh .r708-gh-btn--primary{
  background:linear-gradient(180deg,#F8F1E4,#D8C7A4)!important;
  color:#102238!important;
  -webkit-text-fill-color:#102238!important;
  border-color:rgba(216,199,164,.92)!important;
}
.r708-gh a.r708-gh-btn--ghost,.r708-gh .r708-gh-btn--ghost,.r708-gh .r708-gh-pill{
  background:rgba(255,252,246,.08)!important;
  color:rgba(255,252,246,.95)!important;
  -webkit-text-fill-color:rgba(255,252,246,.95)!important;
  border-color:rgba(216,199,164,.42)!important;
}
.f708{
  background:linear-gradient(135deg,#102238 0%,#182B49 70%,#233D63 100%)!important;
  color:rgba(255,252,246,.88)!important;
  border-top:1px solid rgba(216,199,164,.28)!important;
}
.f708 :is(a,p,span,div,li){color:rgba(255,252,246,.84)!important;-webkit-text-fill-color:rgba(255,252,246,.84)!important;}
.f708 :is(a:hover,.f708-wordmark em,.f708-col-label,.f708-cta-label){color:var(--c708-heritage-champagne)!important;-webkit-text-fill-color:var(--c708-heritage-champagne)!important;}
.f708 .f708-btn{background:linear-gradient(180deg,#F8F1E4,#D8C7A4)!important;color:#102238!important;-webkit-text-fill-color:#102238!important;}

/* Final contrast guardrails for light and dark contexts. */
body[class*="page-template-template-708c"] :is(.c708-section,.c708-wrap,.c708-prof-panel,.c708-prof-card,.c708-card,.c708-shell,.c708-app-scope,.c708-validation-result) :is(h1,h2,h3,h4,strong){
  color:var(--c708-heritage-navy)!important;
  -webkit-text-fill-color:var(--c708-heritage-navy)!important;
}
body[class*="page-template-template-708c"] :is(.acct-section-navy,.iss-navy,.c708h-cta-band,.c708s-support) :is(h1,h2,h3,h4,strong){
  color:var(--c708-heritage-ivory)!important;
  -webkit-text-fill-color:var(--c708-heritage-ivory)!important;
}
body[class*="page-template-template-708c"] :is(.acct-section-navy,.iss-navy,.c708h-cta-band,.c708s-support) :is(.acct-feat h3,.iss-comp-card h3,.iss-pack-card h3){
  color:var(--c708-heritage-ivory)!important;
  -webkit-text-fill-color:var(--c708-heritage-ivory)!important;
}
body[class*="page-template-template-708c"] :is(.acct-section-navy,.iss-navy) :is(.acct-feat p,.iss-comp-card p,.iss-pack-item){
  color:rgba(255,252,246,.82)!important;
  -webkit-text-fill-color:rgba(255,252,246,.82)!important;
}

@media(max-width:980px){
  .c708-media-bleed__img,.c708-divi-editable-page .c708-edit-image-stage img{width:100vw!important;max-width:100vw!important;}
  .c708-role-showcase__grid{grid-template-columns:1fr!important;}
  body[class*="page-template-template-708c"] :is(.c708h-h1,.c708s-h1,.acct-h1,.iss-h1,.faq-h1,.c708-hero h1,.c708c-hero h1){
    font-size:clamp(36px,9vw,58px)!important;
    letter-spacing:.055em!important;
    line-height:.98!important;
  }
}
@media(max-width:640px){
  body[class*="page-template-template-708c"] :is(.c708h-hero,.c708s-hero,.acct-hero,.iss-hero,.faq-hero,.c708-hero,.c708c-hero){
    padding-top:52px!important;
    padding-bottom:46px!important;
  }
  body[class*="page-template-template-708c"] :is(.c708h-hooks,.c708h-pillar-grid,.c708h-steps,.c708h-path-grid,.c708s-grid3,.c708s-steps,.acct-steps,.acct-features,.iss-tiers,.iss-pack-grid,.faq-tabs,.c708-grid,.c708-prof-grid,.c708c-grid){
    grid-template-columns:1fr!important;
  }
  body[class*="page-template-template-708c"] :is(.c708h-hook,.c708h-pillar,.c708h-step,.c708h-path,.c708s-box,.c708s-step,.acct-step,.iss-tier,.faq-item,.c708-card,.c708-prof-card,.c708c-card){
    border-radius:14px!important;
    padding:20px!important;
  }
  .c708-app-scope .c708-steps,.c708-shell .c708-steps{grid-template-columns:repeat(2,1fr)!important;}
  .r708-gh-btn,.f708-btn{width:100%!important;justify-content:center!important;}
}


/* ============================================================
   708C v4.2.33 / Platform v2.3.28 — FINAL CONTRAST REPAIR
   Purpose: preserve the working engine while permanently removing
   white-on-light / dark-on-dark failures across Divi, theme templates,
   plugin-rendered workflow cards, header navigation and footer chrome.
   ============================================================ */
:root{
  --c708-final-navy:#182B49;
  --c708-final-navy-2:#102238;
  --c708-final-ink:#14243A;
  --c708-final-copy:#344457;
  --c708-final-muted:#5F6D82;
  --c708-final-gold:#A78654;
  --c708-final-gold-2:#C4A77A;
  --c708-final-champagne:#D8C7A4;
  --c708-final-ivory:#FFFCF6;
  --c708-final-cream:#F6F1E8;
  --c708-final-linen:#EFE7D8;
  --c708-final-line:rgba(167,134,84,.36);
}

html body[class*="page-template-template-708c"],
html body.c708-divi-authority-page{
  background:linear-gradient(180deg,var(--c708-final-ivory) 0%,var(--c708-final-cream) 54%,#F3ECE0 100%)!important;
  color:var(--c708-final-ink)!important;
  -webkit-text-fill-color:initial!important;
}
html body[class*="page-template-template-708c"] #main-content,
html body.c708-divi-authority-page #main-content{background:transparent!important;}

/* Header / menu chrome — old-money navy with readable ivory links. */
html body #main-header,
html body #top-header,
html body .et-l--header,
html body .r708-gh,
html body .r708-header-wrap .r708-gh{
  background:linear-gradient(135deg,#102238 0%,#182B49 68%,#233D63 100%)!important;
  background-color:#182B49!important;
  border-bottom:1px solid rgba(216,199,164,.34)!important;
  box-shadow:0 10px 30px rgba(16,34,56,.18)!important;
}
html body #main-header a,
html body #top-header a,
html body #top-menu>li>a,
html body #et-top-navigation nav>ul>li>a,
html body .r708-gh a,
html body .r708-gh button,
html body .r708-gh .r708-gh-nav-label,
html body .r708-gh .r708-gh-pill-text{
  color:rgba(255,252,246,.96)!important;
  -webkit-text-fill-color:rgba(255,252,246,.96)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body #main-header a:hover,
html body #top-header a:hover,
html body #top-menu>li.current-menu-item>a,
html body #top-menu>li.current_page_item>a,
html body #top-menu>li>a:hover,
html body .r708-gh a:hover,
html body .r708-gh button:hover,
html body .r708-gh .r708-gh-nav-label:hover{
  color:var(--c708-final-champagne)!important;
  -webkit-text-fill-color:var(--c708-final-champagne)!important;
}
html body #main-header .nav li ul,
html body #main-header .et_mobile_menu,
html body .et_mobile_menu,
html body .nav li ul{
  background:var(--c708-final-ivory)!important;
  border-top:3px solid var(--c708-final-gold)!important;
  box-shadow:0 18px 48px rgba(16,34,56,.18)!important;
}
html body #main-header .nav li ul a,
html body #top-menu li li a,
html body .et_mobile_menu li a,
html body .nav li ul a{
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
  opacity:1!important;
}
html body #main-header .nav li ul a:hover,
html body #top-menu li li a:hover,
html body .et_mobile_menu li a:hover{
  color:var(--c708-final-gold)!important;
  -webkit-text-fill-color:var(--c708-final-gold)!important;
  background:rgba(167,134,84,.10)!important;
}
html body .mobile_menu_bar:before{color:var(--c708-final-champagne)!important;-webkit-text-fill-color:var(--c708-final-champagne)!important;}
html body .r708-gh a.r708-gh-btn--primary,
html body .r708-gh .r708-gh-btn--primary{
  background:linear-gradient(180deg,#FFFCF6,#D8C7A4)!important;
  color:#102238!important;
  -webkit-text-fill-color:#102238!important;
  border-color:rgba(216,199,164,.92)!important;
}
html body .r708-gh a.r708-gh-btn--ghost,
html body .r708-gh .r708-gh-btn--ghost,
html body .r708-gh .r708-gh-pill{
  background:rgba(255,252,246,.10)!important;
  color:rgba(255,252,246,.96)!important;
  -webkit-text-fill-color:rgba(255,252,246,.96)!important;
  border-color:rgba(216,199,164,.48)!important;
}

/* Footer chrome — same palette as header, never light-on-light. */
html body #main-footer,
html body #footer-bottom,
html body .et-l--footer,
html body .f708{
  background:linear-gradient(135deg,#102238 0%,#182B49 70%,#233D63 100%)!important;
  background-color:#182B49!important;
  color:rgba(255,252,246,.90)!important;
  border-top:1px solid rgba(216,199,164,.32)!important;
}
html body #main-footer a,
html body #footer-bottom a,
html body #footer-info,
html body .et-l--footer :is(a,p,span,div,li,strong),
html body .f708 :is(a,p,span,div,li,strong){
  color:rgba(255,252,246,.88)!important;
  -webkit-text-fill-color:rgba(255,252,246,.88)!important;
  opacity:1!important;
}
html body .f708 :is(a:hover,.f708-wordmark em,.f708-col-label,.f708-cta-label),
html body #main-footer a:hover,
html body #footer-bottom a:hover{
  color:var(--c708-final-champagne)!important;
  -webkit-text-fill-color:var(--c708-final-champagne)!important;
}
html body .f708 .f708-btn{
  background:linear-gradient(180deg,#FFFCF6,#D8C7A4)!important;
  color:#102238!important;
  -webkit-text-fill-color:#102238!important;
}

/* Base readable typography for every 708C page surface. */
html body[class*="page-template-template-708c"] :is(.acct,.iss,.c708h,.c708s,.faq,.c708-pricing,.c708c-contact,.c708-prof-section,.c708-divi-editable-page,.c708-app-scope,.c708-shell),
html body.c708-divi-authority-page :is(.c708-divi-editable-page,.c708-edit-section){
  color:var(--c708-final-ink)!important;
  -webkit-text-fill-color:initial!important;
}
html body[class*="page-template-template-708c"] :is(.acct,.iss,.c708h,.c708s,.faq,.c708-pricing,.c708c-contact,.c708-prof-section,.c708-divi-editable-page,.c708-app-scope,.c708-shell) :is(h1,h2,h3,h4,h5,h6,strong,b),
html body.c708-divi-authority-page :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body[class*="page-template-template-708c"] :is(.acct,.iss,.c708h,.c708s,.faq,.c708-pricing,.c708c-contact,.c708-prof-section,.c708-divi-editable-page,.c708-app-scope,.c708-shell) :is(p,li,td,th,small,label,span),
html body.c708-divi-authority-page :is(p,li,small,label,span){
  color:var(--c708-final-copy)!important;
  -webkit-text-fill-color:var(--c708-final-copy)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body[class*="page-template-template-708c"] :is(.acct-label,.iss-label,.c708h-eyebrow,.c708s-eyebrow,.faq-label,.faq-section-label,.c708-label,.c708c-label,.c708-prof-eyebrow,.c708-edit-kicker){
  color:var(--c708-final-gold)!important;
  -webkit-text-fill-color:var(--c708-final-gold)!important;
}

/* Light cards: solid ivory cards with dark readable text. */
html body[class*="page-template-template-708c"] :is(.acct-step,.acct-feat,.acct-rem,.acct-trust-card,.iss-tier,.iss-comp-card,.iss-pack-card,.c708h-hook,.c708h-pillar,.c708h-step,.c708h-path,.c708h-tier,.c708h-dbox,.c708s-card,.c708s-box,.c708s-step,.c708s-form-shell,.faq-item,.c708-card,.c708-prof-panel,.c708-prof-card,.c708c-card,.c708-empty,.c708-shell,.c708-app-scope .c708-card,.c708-app-scope .c708-panel,.c708-divi-editable-page .c708-edit-panel,.c708-divi-editable-page .c708-edit-card){
  background:linear-gradient(180deg,#FFFCF6,#F6F1E8)!important;
  border:1px solid var(--c708-final-line)!important;
  color:var(--c708-final-ink)!important;
  -webkit-text-fill-color:initial!important;
  box-shadow:0 16px 42px rgba(24,43,73,.09)!important;
}
html body[class*="page-template-template-708c"] :is(.acct-step,.acct-feat,.acct-rem,.acct-trust-card,.iss-tier,.iss-comp-card,.iss-pack-card,.c708h-hook,.c708h-pillar,.c708h-step,.c708h-path,.c708h-tier,.c708h-dbox,.c708s-card,.c708s-box,.c708s-step,.faq-item,.c708-card,.c708-prof-card,.c708c-card,.c708-divi-editable-page .c708-edit-card) :is(h1,h2,h3,h4,h5,h6,strong,b),
html body.c708-divi-authority-page :is(.c708-edit-card,.c708-edit-panel) :is(h1,h2,h3,h4,strong,b){
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
  opacity:1!important;
}
html body[class*="page-template-template-708c"] :is(.acct-step,.acct-feat,.acct-rem,.acct-trust-card,.iss-tier,.iss-comp-card,.iss-pack-card,.c708h-hook,.c708h-pillar,.c708h-step,.c708h-path,.c708h-tier,.c708h-dbox,.c708s-card,.c708s-box,.c708s-step,.faq-item,.c708-card,.c708-prof-card,.c708c-card,.c708-divi-editable-page .c708-edit-card) :is(p,li,small,span,label,td,th),
html body.c708-divi-authority-page :is(.c708-edit-card,.c708-edit-panel) :is(p,li,small,span,label){
  color:var(--c708-final-copy)!important;
  -webkit-text-fill-color:var(--c708-final-copy)!important;
  opacity:1!important;
}

/* Dark bands are permitted only when their immediate copy is light. Cards inside them remain light/readable. */
html body[class*="page-template-template-708c"] .acct .acct-section-navy,
html body[class*="page-template-template-708c"] .iss .iss-navy,
html body[class*="page-template-template-708c"] .c708h .c708h-cta-band{
  background:radial-gradient(circle at 16% 0%,rgba(216,199,164,.14),transparent 34%),linear-gradient(135deg,var(--c708-final-navy-2),var(--c708-final-navy))!important;
  color:var(--c708-final-ivory)!important;
  border-top:1px solid rgba(216,199,164,.34)!important;
  border-bottom:1px solid rgba(216,199,164,.26)!important;
}
html body[class*="page-template-template-708c"] .acct .acct-section-navy>.acct-inner>:is(.acct-h2,.acct-h2-light,h2),
html body[class*="page-template-template-708c"] .iss .iss-navy>.iss-inner>:is(.iss-h2,.iss-h2-w,h2),
html body[class*="page-template-template-708c"] .c708h .c708h-cta-band :is(h2,h3,strong){
  color:var(--c708-final-ivory)!important;
  -webkit-text-fill-color:var(--c708-final-ivory)!important;
}
html body[class*="page-template-template-708c"] .acct .acct-section-navy>.acct-inner>:is(.acct-sub,.acct-sub-light,p),
html body[class*="page-template-template-708c"] .iss .iss-navy>.iss-inner>:is(.iss-sub,.iss-sub-w,p),
html body[class*="page-template-template-708c"] .c708h .c708h-cta-band :is(p,li,span){
  color:rgba(255,252,246,.84)!important;
  -webkit-text-fill-color:rgba(255,252,246,.84)!important;
}
html body[class*="page-template-template-708c"] .acct .acct-section-navy>.acct-inner>.acct-label,
html body[class*="page-template-template-708c"] .iss .iss-navy>.iss-inner>.iss-label{
  color:var(--c708-final-champagne)!important;
  -webkit-text-fill-color:var(--c708-final-champagne)!important;
}
html body[class*="page-template-template-708c"] .acct .acct-section-navy :is(.acct-feat,.acct-trust-card),
html body[class*="page-template-template-708c"] .iss .iss-navy :is(.iss-pack-card,.iss-comp-card){
  background:linear-gradient(180deg,#FFFCF6,#F6F1E8)!important;
  border:1px solid rgba(216,199,164,.46)!important;
  color:var(--c708-final-ink)!important;
  -webkit-text-fill-color:initial!important;
}
html body[class*="page-template-template-708c"] .acct .acct-section-navy :is(.acct-feat,.acct-trust-card) :is(h3,h4,strong,b),
html body[class*="page-template-template-708c"] .iss .iss-navy :is(.iss-pack-card,.iss-comp-card) :is(h3,h4,strong,b){
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
}
html body[class*="page-template-template-708c"] .acct .acct-section-navy :is(.acct-feat,.acct-trust-card) :is(p,li,span,small),
html body[class*="page-template-template-708c"] .iss .iss-navy :is(.iss-pack-card,.iss-comp-card) :is(p,li,span,small,.iss-pack-item){
  color:var(--c708-final-copy)!important;
  -webkit-text-fill-color:var(--c708-final-copy)!important;
}

/* Start page return/validate CTA: light section with readable buttons. */
html body[class*="page-template-template-708c"] .c708s .c708s-support{
  background:linear-gradient(180deg,#FFFCF6,#F2EADD)!important;
  color:var(--c708-final-ink)!important;
  border-top:1px solid rgba(167,134,84,.24)!important;
  border-bottom:1px solid rgba(167,134,84,.24)!important;
}
html body[class*="page-template-template-708c"] .c708s .c708s-support :is(h2,h3,strong){
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
}
html body[class*="page-template-template-708c"] .c708s .c708s-support :is(p,span,.c708s-support-sub,.c708s-disclaimer){
  color:var(--c708-final-copy)!important;
  -webkit-text-fill-color:var(--c708-final-copy)!important;
  opacity:1!important;
}
html body[class*="page-template-template-708c"] .c708s .c708s-support .c708s-btn-white,
html body[class*="page-template-template-708c"] .c708s .c708s-support .c708s-btn-outline-white{
  background:#FFFCF6!important;
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
  border:1px solid rgba(167,134,84,.48)!important;
  box-shadow:0 8px 22px rgba(24,43,73,.08)!important;
}
html body[class*="page-template-template-708c"] .c708s .c708s-support .c708s-btn-white:first-child{
  background:linear-gradient(135deg,var(--c708-final-navy-2),var(--c708-final-navy))!important;
  color:var(--c708-final-ivory)!important;
  -webkit-text-fill-color:var(--c708-final-ivory)!important;
}

/* Workflow/plugin fields, validation results and evidence boxes. */
html body[class*="page-template-template-708c"] :is(.c708-app-scope,.c708-shell,.c708s-form-body) :is(.c708-card,.c708-panel,.c708-choice,.c708-summary-card,.c708-review-summary,.c708-final-review,.c708-validation-result,.c708-cert-preview,.c708-cert-artifact,.c708-empty,.c708-table-wrap){
  background:linear-gradient(180deg,#FFFCF6,#F6F1E8)!important;
  color:var(--c708-final-ink)!important;
  -webkit-text-fill-color:initial!important;
  border-color:var(--c708-final-line)!important;
}
html body[class*="page-template-template-708c"] :is(.c708-app-scope,.c708-shell,.c708s-form-body) :is(.c708-card,.c708-panel,.c708-choice,.c708-summary-card,.c708-review-summary,.c708-final-review,.c708-validation-result,.c708-cert-preview,.c708-cert-artifact,.c708-empty,.c708-table-wrap) :is(h1,h2,h3,h4,strong,b,.c708-cert-field__value,.c708-cert-artifact__val-value){
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
}
html body[class*="page-template-template-708c"] :is(.c708-app-scope,.c708-shell,.c708s-form-body) :is(.c708-card,.c708-panel,.c708-choice,.c708-summary-card,.c708-review-summary,.c708-final-review,.c708-validation-result,.c708-cert-preview,.c708-cert-artifact,.c708-empty,.c708-table-wrap) :is(p,li,small,span,label,td,th,.c708-cert-field__label,.c708-cert-preview__sub,.c708-cert-preview__live-note){
  color:var(--c708-final-copy)!important;
  -webkit-text-fill-color:var(--c708-final-copy)!important;
  opacity:1!important;
}
html body[class*="page-template-template-708c"] :is(input,select,textarea){
  background:#FFFFFF!important;
  color:var(--c708-final-ink)!important;
  -webkit-text-fill-color:var(--c708-final-ink)!important;
  border-color:rgba(167,134,84,.42)!important;
}
html body[class*="page-template-template-708c"] :is(input::placeholder,textarea::placeholder){
  color:#7C8798!important;
  -webkit-text-fill-color:#7C8798!important;
  opacity:1!important;
}

/* Buttons remain readable in every context. */
html body[class*="page-template-template-708c"] :is(.c708-btn--primary,.c708-btn-primary,.c708-btn-navy,.c708h-btn-primary,.c708s-btn-primary,.acct-btn-p,.iss-btn-p,.c708c-btn,.c708-edit-btn:not(.c708-edit-btn--outline)){
  background:linear-gradient(135deg,var(--c708-final-navy-2),var(--c708-final-navy))!important;
  color:var(--c708-final-ivory)!important;
  -webkit-text-fill-color:var(--c708-final-ivory)!important;
  border:1px solid rgba(216,199,164,.52)!important;
}
html body[class*="page-template-template-708c"] :is(.c708-btn--secondary,.c708-btn-secondary,.c708-btn-outline,.c708h-btn-outline,.c708s-btn-outline,.acct-btn-o,.iss-btn-o,.faq-btn,.c708-edit-btn--outline){
  background:#FFFCF6!important;
  color:var(--c708-final-navy)!important;
  -webkit-text-fill-color:var(--c708-final-navy)!important;
  border:1px solid rgba(167,134,84,.48)!important;
}

/* Last-mile repair for any text-fill inherited from old CSS caches. */
html body[class*="page-template-template-708c"] :is(.acct-feat,.acct-trust-card,.iss-pack-card,.iss-comp-card,.iss-tier,.c708-card,.c708-prof-card,.c708c-card,.c708s-box,.c708s-step,.c708s-card) *{
  opacity:1!important;
  text-shadow:none!important;
}

@media(max-width:640px){
  html body[class*="page-template-template-708c"] :is(.acct-section,.iss-section,.c708s-support){padding-top:48px!important;padding-bottom:48px!important;}
  html body[class*="page-template-template-708c"] :is(.acct-feat,.acct-trust-card,.iss-pack-card,.iss-comp-card,.iss-tier,.c708-card,.c708-prof-card,.c708c-card,.c708s-box,.c708s-step){padding:20px!important;border-radius:14px!important;}
}