:root {

  --olde:        #A81311;
  --olde-deep:   #7d0c0a;
  --olde-soft:   #f6e8e7;
  --olde-muted:  #c66662;

  --uipath:      #FA4616;
  --uipath-deep: #d23a08;
  --uipath-soft: #fff0e8;

  --ink:         #1f2530;
  --ink-deep:    #222a37;
  --ink-rise:    #2b3444;

  --hero-kraft:  186, 146, 101;

  --cream:       #fefdfa;
  --cream2:      #f6f1e7;

  --accent-on-dark: #f3d9b8;

  --navy:        #1f2530;
  --navy-soft:   #3a4254;
  --blue:        #A81311;
  --blue-soft:   #f6e8e7;
  --blue-softer: #fdf6f5;
  --bg-page:     #fbf9f4;
  --border:      #e6dfd2;
  --text:        #2a2233;
  --text-mute:   #6e6779;
  --olde-navy:   #A81311;

  --role-ai:     #FA4616;
  --role-human:  #1f2530;
  --role-system: #A81311;

  --shadow-soft: 0 4px 18px rgba(31, 37, 48, 0.06);
  --shadow-card: 0 8px 28px rgba(31, 37, 48, 0.08);
}

body { color: var(--text); background: var(--cream); }

.section, .section--soft, .takeaway, .entry, .final-cta {
  background-image: none;
}
#hero      { background: var(--cream); }

#problems  {
  background:
    linear-gradient(180deg,
      rgba(var(--hero-kraft), 0.14) 0%,
      rgba(var(--hero-kraft), 0.05) 46%,
      rgba(var(--hero-kraft), 0) 180px),
    var(--cream2);
}
#takeaway  { background: var(--cream); }
#scope     { background: var(--cream2); }
#ixp       { background: var(--cream); }
#strength  { background: linear-gradient(180deg, var(--ink-rise) 0%, var(--ink-deep) 72%); }
#program   { background: var(--cream); }
#overview  { background: var(--cream2); }
#cohost    { background: var(--cream); }
#final-cta { background: linear-gradient(180deg, var(--ink-rise) 0%, var(--ink-deep) 100%); }

#entry     { background: linear-gradient(180deg, var(--ink-rise) 0%, var(--ink-deep) 100%); }
.lp-footer { background: linear-gradient(180deg, var(--ink-deep) 0%, #1c232e 100%); }

#strength .section__eyebrow { color: var(--accent-on-dark); }
#strength .section__title   { color: #fff; }
#strength .section__lead    { color: rgba(255, 255, 255, 0.72); }
#strength .strength-card    { border-color: rgba(255, 255, 255, 0.14); }
#strength .strength-role       { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.04); }
#strength .strength-role__name { color: #fff; }
#strength .strength-role__title{ color: var(--accent-on-dark); }
#strength .strength-roles__x   { color: var(--accent-on-dark); }

#final-cta .final-cta__sub  { color: var(--accent-on-dark); }

#entry .section__eyebrow { color: var(--accent-on-dark); }
#entry .entry__title { color: #fff; }
#entry .entry__lead  { color: rgba(255, 255, 255, 0.72); }
#entry .entry-form__agree input[type="checkbox"] { accent-color: var(--olde); }
#entry .entry-form   { background: var(--cream); border-color: rgba(255, 255, 255, 0.14); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22); }

.lp-header { background: rgba(254, 253, 250, 0.94); }
.lp-header::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;

  background: linear-gradient(90deg, var(--uipath) 0%, var(--uipath) 50%, var(--olde) 50%, var(--olde) 100%);
}
.lp-footer { border-top: 3px solid var(--olde); }

.takeaway-card        { background: #fff; box-shadow: 0 4px 14px rgba(31, 37, 48, 0.05); }
.ixp-point            { box-shadow: 0 4px 14px rgba(31, 37, 48, 0.05); }
.scope__panel         { box-shadow: 0 6px 24px rgba(31, 37, 48, 0.06); }
.scope__examples-panel{ box-shadow: 0 6px 24px rgba(31, 37, 48, 0.06); }
.scope__step-icon     { box-shadow: 0 3px 10px rgba(31, 37, 48, 0.10); }

.host-card:hover      { box-shadow: 0 16px 32px rgba(31, 37, 48, 0.12); border-color: var(--border); }

.scope__step                           { background: var(--uipath-soft); }
.scope__step-icon                      { color: var(--role-ai); }
.scope__step--agent                    { background: #ebe7e0; }

.scope__step--agent                    { background: #efebe4; }
.scope__step--agent .scope__step-icon  { color: var(--role-human); }
.scope__step--system                   { background: var(--olde-soft); }
.scope__step--system .scope__step-icon { color: var(--role-system); }
.scope__examples-title                 { border-bottom-color: var(--olde-soft); }

.strength-card .strength-card__list           { background: var(--uipath-soft); }
.strength-card .strength-card__list svg       { color: var(--uipath); }
.strength-card--olde .strength-card__list     { background: var(--olde-soft); }
.strength-card--olde .strength-card__list svg { color: var(--olde); }

.program-item__host       { background: var(--uipath); color: #fff; }
.program-item__host--olde { background: var(--olde-soft); color: var(--olde); }

.req { background: var(--olde); }
.entry-form__row input:focus,
.entry-form__row select:focus,
.entry-form__row textarea:focus {
  border-color: var(--olde-muted);
  box-shadow: 0 0 0 3px rgba(168, 19, 17, 0.08);
}

.hero__photo--split ~ .hero__scrim {
  background:

    linear-gradient(180deg,
      rgba(var(--hero-kraft), 0) 72%,
      rgba(var(--hero-kraft), 0.10) 100%),

    linear-gradient(90deg,
      rgba(253, 250, 243, 0.66) 0%,
      rgba(253, 250, 243, 0.62) 80%,
      rgba(253, 250, 243, 0.00) 100%);
}