/* =====================================================================
   MarkTillson inner pages: soft, elegant light/dark rhythm (MarcusTovia-style).
   Loaded last on every page except home (body.inner).
   Dark photo heroes -> light pearl/white reading sections -> one dark band
   for rhythm (t-navy / t-night / t-deep) -> dark photo CTA band (.ctax).
   "Light scope" below = reading sections listed in the :is() selector.
   ===================================================================== */

/* ---------- 1. light token scope ---------- */
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) {
  color-scheme: light;
  --gold: #2F6FE0; --gold-2: #5B9BFF; --gold-deep: #1F55C4; --gold-lt: #E6EFFF; --gold-ink: #1F55C4; --gold-glow: rgba(47,111,224,.18);
  --violet-ink: #5B21B6; --violet-lt: #EFE9FE;
  --ivory: #F6F4EF; --paper: #F6F4EF; --white: #FFFFFF; --mist: #EFECE5; --mist-2: #E6E2DA; --slate: #FFFFFF;
  --line: #DEDAD1; --line-2: #C9C4B9; --line-cool: #DEDAD1;
  --ink: #0A1430; --body: #2B3346; --muted: #5D6577; --faint: #7A8296; --steel: #78839A;
  --navy: #0A1430; --navy-2: #0E1B3D; --navy-3: #13234A; --navy-4: #1A2A4D;
  --shadow: 0 24px 60px -32px rgba(5,11,26,.25);
  color: var(--body);
}
/* surfaces: white and pearl alternate */
.inner :is(.sec.t-white, .glance, .istk, .ireg, .ifaq, .ins-archive, .ins-relsec, .smapsec, .iidx, .imap) { background: #FFFFFF; }
.inner :is(.sec.t-paper, .sec.t-ivory, .wst, .iresp, .ins-featsec, .ins-moresec, .kgal) { background: #F6F4EF; }
.inner .sec.t-mist { background: #EFECE5; }
.inner:has(.ahero) main { background: #FFFFFF; }

/* dark rhythm bands stay midnight, with a soft azure glow */
.inner :is(.t-navy, .t-night, .t-deep):not(.shero) { background: radial-gradient(90% 120% at 100% 0%, rgba(91,155,255,.16), transparent 60%), #0A1430; }

/* ---------- 2. type on light ---------- */
:where(.inner) :where(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) :where(h1, h2, h3, h4, .h2, .display, .serif) { color: var(--ink); }
.inner :where(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) :is(h1, h2, h3, .h2) em { color: var(--gold); font-family: var(--accent); font-style: italic; font-weight: 400; letter-spacing: -.01em; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .lead { color: #2B3346; }

/* ---------- 3. components on light ---------- */
.inner .btn { border-radius: 999px; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .btn { --bg: #0A1430; --fg: #fff; --bd: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .btn:hover { --bg: #2F6FE0; --bd: #2F6FE0; --fg: #fff; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .btn--gold { --bg: #5B9BFF; --fg: #04122E; --bd: #5B9BFF; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .btn--gold:hover { --bg: #0A1430; --fg: #fff; --bd: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) :is(.btn--ghost, .btn--glass) { --bg: transparent; --fg: #0A1430; --bd: #C9C4B9; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) :is(.btn--ghost, .btn--glass):hover { --bg: #0A1430; --fg: #fff; --bd: #0A1430; }
/* text links: round chevron */
.inner .alink svg { border-radius: 50%; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .alink { color: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .alink svg { background: #0A1430; color: #fff; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .kgal, .abody) .alink:hover svg { background: #2F6FE0; }
/* eyebrow chips: azure pill on light, frosted azure on dark */
.inner .eyebrow { border-radius: 999px; padding: 7px 12px 6px; background: #E6EFFF; color: #1F55C4; }
.inner :is(.t-navy, .t-night, .t-deep, .phx, .shero, .ctax, .lhero, .ahero, .wquote, .iscn, .nf) .eyebrow { background: rgba(91,155,255,.2); color: #CFE0FF; }
.inner .phx__kicker { border-radius: 999px; }
/* cards, media, callouts, tables: soft radii, hairlines, gentle shadows */
.inner :is(.card, .related a, .cap, .req, .ucase, .deliv__item, .media, .tbl-wrap, .callout, .icard .media, .demo) { border-radius: 18px; }
.inner :is(.media, .icard .media) { overflow: hidden; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .abody) :is(.card, .related a, .cap, .req, .ucase, .deliv__item) { background: #FFFFFF; border: 1px solid #E4E0D7; box-shadow: 0 24px 60px -38px rgba(5,11,26,.24); }
.inner :is(.sec.t-white, .glance) :is(.card, .related a, .cap, .req, .ucase, .deliv__item) { background: #FBFAF7; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .abody) :is(a.card, .related a, .card--hover):hover { background: #FFFFFF; border-color: #C9C4B9; box-shadow: 0 30px 60px -30px rgba(5,11,26,.3); transform: translateY(-2px); }
.inner a.card, .inner .related a { overflow: hidden; transition: transform .35s var(--ease), box-shadow .35s, border-color .35s, background .35s; }
.inner .outcomes { border-radius: 18px; overflow: hidden; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ireg, .ifaq, .abody) .tbl thead th { background: #0A1430; color: #E7ECF6; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ireg, .ifaq, .abody) .tbl-wrap { overflow: hidden; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ireg, .ifaq, .abody) .callout--gold { background: #EEF4FF; border-color: #C7DAFF; border-left-color: #2F6FE0; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ireg, .ifaq, .abody) .callout__t { color: #1F55C4; }
.inner .chip { border-radius: 999px; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .abody) .chip--gold { background: #E6EFFF; border-color: #C7DAFF; color: #1F55C4; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .glance, .wst, .istk, .ireg, .iresp, .ifaq, .ins-featsec, .ins-archive, .ins-relsec, .ins-moresec, .smapsec, .iidx, .imap, .abody) :is(.outcome__n, .card__num, .erow__n, .stat__v sup, .related .tag, .cap .tag, .icard__meta, .kick) { color: #1F55C4; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ins-archive, .ins-relsec, .ins-moresec, .ins-featsec) .icard:hover h3 { color: #1F55C4; }
.inner .sec.t-white .cycle__step::after { box-shadow: 0 0 0 5px #FFFFFF; }
.inner :is(.sec.t-paper, .sec.t-ivory) .cycle__step::after { box-shadow: 0 0 0 5px #F6F4EF; }
.inner .cycle__step::after, .inner .ticks li::before, .inner .crumbs li + li::before { border-radius: 50%; }
/* tabs */
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .tabs__list { border-radius: 999px; overflow: hidden; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .tabs__tab:hover { color: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .tabs__tab[aria-selected="true"] { background: #0A1430; color: #fff; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .tabs--line .tabs__list { border-radius: 0; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .tabs--line .tabs__tab[aria-selected="true"] { color: #0A1430; background: none; border-bottom-color: #2F6FE0; }
/* FAQ */
.inner .faq summary::after { border-radius: 50%; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ifaq, .abody) .faq summary::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%230A1430' stroke-width='1.6'/%3E%3C/svg%3E"); }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ifaq, .abody) .faq details[open] summary::after { background-color: #0A1430; border-color: #0A1430; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%23FFFFFF' stroke-width='1.6'/%3E%3C/svg%3E"); }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist, .ifaq, .abody) .faq summary:hover { color: #1F55C4; }
/* forms on light */
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field :is(label, legend) { color: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field :is(input, select, textarea) { background-color: #FFFFFF; border-color: #CFCAC0; color: #0A1430; border-radius: 12px; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field :is(input, select, textarea):hover { border-color: #8E97A8; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field :is(input, select, textarea):focus { border-color: #2F6FE0; box-shadow: 0 0 0 3px rgba(47,111,224,.18); }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%230A1430' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; padding-right: 40px; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field select option { background: #fff; color: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .field__err { color: #B42318; }
.inner .checkpill span { border-radius: 999px; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .checkpill input:checked + span { background: #0A1430; color: #fff; border-color: #0A1430; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .consent input { accent-color: #2F6FE0; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .form__status--ok { background: #E6F5EE; color: #0D5C38; border-color: #A7D9C0; }
.inner :is(.sec.t-white, .sec.t-paper, .sec.t-ivory, .sec.t-mist) .form__status--err { background: #FDECEA; color: #8A1C12; border-color: #F2B8B0; }

/* ---------- 4. dark islands inside light sections (photo overlays keep dark tokens) ---------- */
.inner :is(.wwd-prac__pic, .ins-feat, .aprose .takeaways, .ins-topicsec, .iscn__card) {
  --gold: #5B9BFF; --gold-ink: #9CC3FF; --ink: #FFFFFF; --body: #D2D9E6; --muted: #A0AABD;
  color: #fff;
}
.inner .wwd-prac__pic { border-radius: 22px; box-shadow: 0 30px 70px -40px rgba(5,11,26,.5); }
.inner .wwd-prac__pic::after { background: linear-gradient(0deg, rgba(5,11,26,.92) 0%, rgba(5,11,26,.15) 62%); }.inner :is(.ins-feat, .aprose .takeaways) { border-radius: 22px; }
.inner .ins-feat { box-shadow: 0 34px 80px -44px rgba(5,11,26,.55); }
.inner :is(.ins-card figure, .topic-row figure, .ahero__img, .irk__pic, .iidx__c) { border-radius: 18px; }
/* ---------- 5. section hero plates in the MarkTillson palette (midnight family, azure accents) ---------- */
.inner .phx { --pl-bg: #07112A; --pl-fg: #fff; --pl-ac: #8FBCFF; --pl-mut: rgba(255,255,255,.8); }
.inner.pl-sec-who .phx { --pl-bg: #0A1638; }
.inner.pl-sec-ind .phx { --pl-bg: #0B1E48; }
.inner.pl-sec-contact .phx { --pl-bg: #0E1B3D; --pl-ac: #8FBCFF; --pl-mut: rgba(255,255,255,.82); }
.inner.pl-sec-careers .phx { --pl-bg: #0C2150; --pl-fg: #fff; --pl-ac: #A9CBFF; --pl-mut: rgba(255,255,255,.82); }
.inner.pl-sec-prj .phx { --pl-bg: #08142E; }
.inner .phx.phx--ai { --pl-bg: #17154A; --pl-ac: #CDB6FF; }
.inner .phx { background: radial-gradient(70% 90% at 0% 0%, rgba(91,155,255,.16), transparent 60%), var(--pl-bg); }
.inner.pl-sec-careers .phx .btn--gold { --bg: #5B9BFF; --fg: #04122E; --bd: #5B9BFF; }
.inner.pl-sec-careers .phx .btn--gold:hover { --bg: #fff; --fg: #050B1A; --bd: #fff; }
.inner.pl-sec-careers .phx .btn--ghost { --fg: #fff; --bd: rgba(255,255,255,.55); }
.inner.pl-sec-careers .phx .btn--ghost:hover { --bg: #fff; --fg: #050B1A; --bd: #fff; }
.inner :is(.pl-sec-careers, .pl-sec-contact) .phx__kicker::before { background: var(--pl-ac); }

/* industry pages: the closing related-services band is dark now, so give it its own top spacing */
.inner .irel { padding-top: var(--sec); background: radial-gradient(90% 120% at 100% 0%, rgba(91,155,255,.14), transparent 60%), #0A1430; }
.inner .phx__kicker { background: rgba(91,155,255,.2); color: #CFE0FF; }

/* ghost buttons sitting on light sections read as midnight outlines */
.light .btn--ghost { --fg: #0A1430; --bd: rgba(10,20,48,.34); }
.light .btn--ghost:hover { --bg: #0A1430; --fg: #fff; --bd: #0A1430; }