/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-919a7720.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3170a883.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3512ad3b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-06bc9a8c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-e6d6d1d7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-919a7720.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3170a883.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3512ad3b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-06bc9a8c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-e6d6d1d7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-919a7720.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3170a883.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-3512ad3b.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-06bc9a8c.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-italic-e6d6d1d7.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d0443936.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-d81372ba.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-826f73ca.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-9dc38267.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/cormorant-garamond-500-5d618c46.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-400-7f8712cb.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-400-fd7521f3.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-500-e284f2a1.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-mono-500-0e263db5.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-219b02c7.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/mkt/fonts/dm-sans-400-468d56b6.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-fccca918.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-aebf2ab4.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a2e2c783.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-46dd4cdc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-8db00ff4.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a28eb6d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-c9407645.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-fccca918.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-aebf2ab4.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a2e2c783.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-46dd4cdc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-8db00ff4.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a28eb6d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-c9407645.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-fccca918.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-aebf2ab4.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a2e2c783.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-46dd4cdc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-8db00ff4.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a28eb6d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-c9407645.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-fccca918.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-aebf2ab4.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a2e2c783.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-46dd4cdc.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-8db00ff4.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-a28eb6d3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/mkt/fonts/inter-300-c9407645.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
  --charcoal:#0B0B0A; --charcoal-2:#100F0C; --ivory:#F8F5EC; --cream:#EFE4C8;
  --forest:#173327; --gold-fill:#C3A469; --gold-bright:#E0C074; --gold-text:#7A6018;
  --gold-soft:rgba(195,164,105,0.14); --hairline:rgba(195,164,105,0.20);
  --hairline-strong:rgba(195,164,105,0.42);
  --ink:#D8D2C4; --ink-soft:#9D978A; --ink-faint:#6F695D;
  --sage:#8FA078; --rust:#C06A40; --bronze:#BE9A52;
  --font-display:'Cormorant Garamond','Cambria',Georgia,serif;
  --font-sans:'DM Sans','Inter','Segoe UI',Arial,sans-serif;
  --font-mono:'DM Mono','JetBrains Mono','Consolas',monospace;
  --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--charcoal);color:var(--ink);font-family:var(--font-sans);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}

/* diplomatic rule */
.diplomatic-rule{position:fixed;top:0;left:0;right:0;height:4px;z-index:200;background:linear-gradient(90deg,var(--gold-fill) 0%,var(--sage) 52%,var(--forest) 100%)}

/* sticky slim header */
.site-head{position:fixed;top:4px;left:0;right:0;z-index:150;background:rgba(11,11,10,0.92);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--hairline);transform:translateY(-130%);transition:transform .38s cubic-bezier(.4,0,.2,1)}
.site-head.show{transform:translateY(0)}
.sh-inner{max-width:var(--max);margin:0 auto;padding:11px 28px;display:flex;align-items:center;gap:22px}
.sh-logo{flex-shrink:0;display:flex;align-items:center}
.sh-logo svg{width:120px;height:auto;color:var(--gold-fill);display:block}
.site-head nav{display:flex;gap:3px;flex-wrap:wrap;margin-left:auto;align-items:center}
.site-head nav a{font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--cream);padding:6px 11px;border-radius:3px;transition:color .2s,background .2s}
.site-head nav a:hover{color:var(--gold-fill);background:var(--gold-soft)}
.site-head nav a.active{color:var(--gold-fill)}
.site-head nav a.sh-home{color:var(--charcoal);background:var(--gold-fill);font-weight:700;margin-left:6px}
.site-head nav a.sh-home:hover{opacity:.88;color:var(--charcoal)}
/* ── Condensed banner logic (approved pattern) ──
   Roomy: each link shows icon + word. Scrunched (≤880px): cross-page links
   condense to icon-only pills — the destination is represented solely by its
   icon; labels stay in the DOM for screen readers. Same-page section anchors
   retire at that width (the page indexes itself). */
.site-head nav a{display:inline-flex;align-items:center;gap:7px;position:relative}
.site-head nav a .nv-i{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.78;transition:opacity .2s}
.site-head nav a:hover .nv-i,.site-head nav a.active .nv-i{opacity:1}
@media(max-width:880px){
  .site-head .sh-inner{gap:12px}
  .site-head nav{gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .site-head nav::-webkit-scrollbar{display:none}
  .site-head nav a[data-nav]:not(.nv-page){display:none}
  .site-head nav a.nv-page,.site-head nav a.sh-cross,.site-head nav a.sh-home{min-width:44px;min-height:44px;justify-content:center;padding:8px 11px;border:1px solid rgba(195,164,105,.34);border-radius:999px;flex:0 0 auto}
  .site-head nav a.sh-home{border-color:transparent}
  .site-head nav a .nv-t{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
  .site-head nav a .nv-i{width:16px;height:16px}
}
/* ultra-condensed head (≤560px): smaller lockup, tighter gutters, and an
   edge-fade on the pill rail so a clipped pill reads as "more to scroll" */
@media(max-width:560px){
  .site-head .sh-inner{padding:8px 12px;gap:10px}
  .site-head .sh-logo svg{width:92px}
  .site-head nav{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent)}
}

/* ---------------- HERO ---------------- */
.hero{position:relative;overflow:hidden;padding:clamp(3rem,5vw,4.5rem) 28px clamp(3rem,6vw,4.5rem);background:
  radial-gradient(120% 90% at 82% 0%, rgba(195,164,105,0.07), transparent 55%),
  linear-gradient(180deg,#0C0B08 0%, var(--charcoal) 70%);}
.hero-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:2}
.hero-brand{height:34px;width:auto;color:var(--gold-fill);display:block;margin-bottom:30px;opacity:.92}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-fill);display:flex;align-items:center;gap:11px}
.eyebrow::after{content:"";flex:0 0 46px;height:1px;background:linear-gradient(90deg,var(--hairline-strong),transparent)}
.hero h1{font-family:var(--font-display);font-weight:500;color:var(--ivory);font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1.1;letter-spacing:-.015em;max-width:20ch;margin:26px 0 0;text-wrap:balance;padding-bottom:.12em}
.hero h1 em{font-style:italic;color:var(--gold-fill);font-weight:600}
.hero .lede{font-family:var(--font-display);font-weight:400;font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.5;color:var(--ink);max-width:50ch;margin-top:40px}
.hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-meta .mi{display:flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid var(--hairline);border-radius:12px;background:rgba(195,164,105,.05)}
.mi-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(195,164,105,.12);border:1px solid rgba(195,164,105,.45);color:var(--gold-fill);flex:0 0 auto}
.mi-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mi-txt{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.mi-txt strong{display:block;font-family:var(--font-display);font-size:21px;letter-spacing:0;text-transform:none;color:var(--gold-fill);font-weight:600;margin-top:4px;line-height:1.15;white-space:nowrap}

/* ---------------- INDEX ---------------- */
.index{max-width:var(--max);margin:0 auto;padding:clamp(1.6rem,3vw,2.4rem) 28px clamp(4rem,7vw,6rem)}
.index-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.index-head .ttl{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.index-head .ct{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-faint)}

/* card base */
.card{position:relative;display:block;border:1px solid var(--hairline);border-radius:14px;overflow:hidden;
  background:linear-gradient(155deg,#17160F 0%,#121109 58%,#0C0B07 100%);
  transition:border-color .25s ease, box-shadow .25s ease;color:var(--ink)}
.card:hover{border-color:rgba(var(--acc-rgb),.5);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.18),0 26px 60px -30px rgba(0,0,0,.85)}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,rgba(var(--acc-rgb),.85),rgba(var(--acc-rgb),.15));opacity:.9}

/* graphic panel */
.gfx{position:relative;background:
  radial-gradient(120% 120% at 18% 12%, rgba(var(--acc-rgb),.14), transparent 60%),
  linear-gradient(145deg,#100F0B,#080705);
  border-bottom:1px solid var(--hairline);overflow:hidden}
.gfx svg{display:block;width:100%;height:100%}
.gfx .gfx-tag{position:absolute;top:14px;left:16px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--acc-rgb),.95)}
.idx{position:absolute;top:12px;right:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:rgba(var(--acc-rgb),.85);z-index:3}

/* card body */
.cbody{padding:clamp(1.4rem,2.2vw,2rem)}
.series{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--acc-rgb),.95);margin-bottom:12px}
.card h3,.card h2{font-family:var(--font-display);color:var(--ivory);font-weight:600;letter-spacing:-.01em;line-height:1.12}
.card h3{font-size:clamp(1.45rem,2.1vw,1.85rem)}
.card h2{font-size:clamp(1.9rem,3vw,2.8rem)}
.card h3 em,.card h2 em{font-style:italic;color:rgba(var(--acc-rgb),1);font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 0}
.tags span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--hairline);border-radius:999px;padding:4px 10px}
.summary{font-size:14.5px;line-height:1.62;color:var(--ink);margin-top:16px;max-width:62ch}
.tk{margin-top:18px}
.tk .tk-l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:9px}
.tk ul{list-style:none;display:grid;gap:8px}
.tk li{position:relative;padding-left:20px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.tk li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:1.5px;background:rgba(var(--acc-rgb),.95)}
.forwho{display:flex;align-items:flex-start;gap:12px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--hairline)}
.forwho .fw-l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);flex:0 0 auto;padding-top:2px}
.forwho .fw-v{font-family:var(--font-display);font-style:italic;font-size:16px;color:var(--gold-fill);line-height:1.35}
.readline{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.readline .arr{display:inline-block;transition:transform .25s ease;color:rgba(var(--acc-rgb),1)}
.card:hover .readline .arr{transform:translateX(5px)}

/* FEATURE card: 2 columns */
.card--feature{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}
.card--feature .gfx{border-bottom:none;border-right:1px solid var(--hairline);min-height:100%}
.card--feature .gfx svg{height:100%;min-height:360px}
.card--feature .cbody{padding:clamp(1.8rem,3vw,2.8rem);display:flex;flex-direction:column;justify-content:center}
.feature-flag{position:absolute;top:14px;left:16px;z-index:3;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal);background:var(--gold-fill);padding:5px 11px;border-radius:999px;font-weight:600}

/* grid of secondary cards */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.card-grid .gfx{aspect-ratio:16/9}
.card-grid .gfx svg{height:100%}

@media(max-width:980px){
  .card--feature{grid-template-columns:1fr}
  .card--feature .gfx{border-right:none;border-bottom:1px solid var(--hairline)}
  .card--feature .gfx svg{min-height:240px}
  .card-grid{grid-template-columns:1fr;gap:18px}
  .card-grid .gfx{aspect-ratio:21/9}
}

/* footer (cream) */
.site-foot{background:var(--ivory);color:#2A2620;margin-top:clamp(2rem,5vw,4rem)}
.foot-inner{max-width:var(--max);margin:0 auto;padding:clamp(2.6rem,5vw,3.6rem) 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.foot-logo svg{width:150px;height:auto;color:#1A1714;display:block}
.foot-tag{font-family:var(--font-display);font-style:italic;font-size:18px;color:#4A453C;margin-top:14px;max-width:34ch;line-height:1.4}
.foot-right{text-align:right;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#857C6C;line-height:2}
.foot-right a:hover{color:var(--gold-text)}

/* reveal */
.reveal{opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.skip-link{position:absolute;left:-9999px;top:0;background:var(--gold-fill);color:var(--charcoal);padding:14px 16px;z-index:300;font-family:var(--font-mono);font-size:12px}
.skip-link:focus{left:8px;top:8px}
/* ── Step-1 adoptions (2026-06-09): mC arrows · glimmer · stagger · For-pops ── */
.readline .arr{display:inline-flex;width:34px;color:rgba(var(--acc-rgb),1)}
.readline .arr svg{width:100%;height:auto;display:block}
/* feature-card glimmer — invisible at rest, beneath content */
.card--feature > *{position:relative;z-index:1}
.card--feature::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;
  background:linear-gradient(225deg,transparent 43%,rgba(224,192,116,.05) 47.5%,rgba(255,243,206,.12) 50%,rgba(224,192,116,.05) 52.5%,transparent 57%);
  background-size:240% 240%;background-position:160% -60%;mix-blend-mode:screen;opacity:0}
@media (prefers-reduced-motion: no-preference){ .card--feature::after{animation:hubGlimmer 8s ease-in-out 1.5s infinite} }
@keyframes hubGlimmer{0%{background-position:160% -60%;opacity:0}5%{opacity:1}27%{opacity:1}32%{background-position:-60% 160%;opacity:0}100%{background-position:-60% 160%;opacity:0}}
/* staggered grid reveal */
.card-grid .card:nth-child(1){transition-delay:.06s}
.card-grid .card:nth-child(2){transition-delay:.2s}
.card-grid .card:nth-child(3){transition-delay:.34s}
/* "For" hover explainers */
.forwho{position:relative;cursor:help}
.forwho .fw-l::after{content:"\24D8";margin-left:.4rem;font-size:.95em;color:rgba(var(--acc-rgb),.9)}
.fw-pop{position:absolute;left:0;bottom:calc(100% + 10px);z-index:30;width:min(300px,92%);background:#1E1B14;border:1px solid rgba(var(--acc-rgb),.45);border-radius:10px;padding:.8rem .95rem;font-family:var(--font-sans);font-size:.8rem;font-style:normal;letter-spacing:0;text-transform:none;line-height:1.55;color:var(--ink);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none;box-shadow:0 18px 44px -16px rgba(0,0,0,.7)}
.fw-pop::after{content:"";position:absolute;top:100%;left:24px;border:7px solid transparent;border-top-color:#1E1B14}
.forwho:hover .fw-pop,.forwho:focus-within .fw-pop{opacity:1;visibility:visible;transform:none}
@media (hover:none){ .fw-pop{display:none} .forwho{cursor:default} .forwho .fw-l::after{content:""} }
a.sh-logo,.sh-logo,.hero-logo a,.hero a[aria-label*="home"],.bp-logo,.foot-logo,a[aria-label="mAInCharacter — home"]{text-decoration:none !important;border-bottom:none !important;}

/* ── mC elevator — standardized back-to-top (48px target, safe-area aware) ── */
.mc-elevator{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:140;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#12100C;border:1px solid rgba(195,164,105,.55);color:#C3A469;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s,background .2s,color .2s;box-shadow:0 10px 28px -10px rgba(0,0,0,.5);padding:0}
.mc-elevator svg{width:15px;height:25px;display:block}
.mc-elevator.show{opacity:1;visibility:visible;transform:none}
.mc-elevator:hover{background:#C3A469;color:#0B0B0A;border-color:#C3A469}
.mc-elevator:focus-visible{outline:2px solid #C3A469;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.mc-elevator{transition:none}}
@media print{.mc-elevator{display:none}}

/* ── persistent-bar quick actions: Start the Conversation · Client Login ── */
.sh-cta{display:flex;flex-direction:column;gap:4px;margin-left:14px;flex-shrink:0}
.sh-cta a{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:'DM Mono','JetBrains Mono',monospace;font-size:8.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#C3A469;border:1px solid rgba(195,164,105,.55);border-radius:4px;padding:5px 12px;background:rgba(195,164,105,.06);text-decoration:none;border-bottom:1px solid rgba(195,164,105,.55);transition:background .2s,color .2s;white-space:nowrap}
.sh-cta a:hover{background:#C3A469;color:#0B0B0A}
.sh-cta svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-cta .ct-short{display:none}
@media(max-width:640px){
  .sh-cta{flex-direction:row;align-items:center;gap:6px}
  .sh-cta a{min-height:44px;border-radius:999px;padding:0 14px;font-size:9.5px;position:relative}
  .sh-cta a .ct-long{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0}
  .sh-cta .ct-short{display:inline}
  .sh-cta a.sh-cta-talk{background:var(--gold-fill,#C3A469);color:#0B0B0A;font-weight:700;border-color:var(--gold-fill,#C3A469)}
  .sh-cta a.sh-cta-login{width:44px;padding:0;justify-content:center}
  .sh-cta a.sh-cta-login svg{width:15px;height:15px}
}

/* wordmark two-tone: gold sits on mAIn, never on Character */
.mcw{white-space:nowrap}.mcw-g{color:#7A6018}
.hero .mcw-g,.summary .mcw-g,.pitch-container .mcw-g,.exec-summary .mcw-g,.pitch-note .mcw-g,.brand-panel .mcw-g{color:#C3A469}

/* ── Mobile polish (2026-06-10): tap targets, scrollable tables, dvh, hover→tap ── */
@media (pointer:coarse){
  a,button{-webkit-tap-highlight-color:rgba(195,164,105,.18)}
  .site-head nav a,.nav-links a{padding-top:10px;padding-bottom:10px}
  .foot-right a,.mcf-links a{display:inline-block;padding:6px 2px}
}
@media (max-width:680px){
  .data-table,.question-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;
    background:linear-gradient(90deg,transparent 0,transparent calc(100% - 28px),rgba(0,0,0,.06) 100%)}
  .data-table thead,.data-table tbody,.question-table thead,.question-table tbody{display:table;min-width:560px;width:100%}
}


.mc-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;padding:clamp(2.6rem,5vw,4rem) clamp(1.5rem,8vw,7rem);background:#F5F1E8;color:#1F1F1F;border-top:1px solid rgba(31,31,31,.10);font-family:'DM Sans','Inter',sans-serif}
.mc-footer *{box-sizing:border-box}
.mcf-brand{max-width:420px}.mcf-logo-link{display:inline-block;border:none!important;text-decoration:none!important;line-height:0}.mcf-logo{width:190px;max-width:62vw;height:auto;color:#1F1F1F;display:block}
.mcf-tagline{margin-top:1rem;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;font-style:italic;color:#4C463E}
.mcf-nav{max-width:780px;text-align:right;font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.9;color:#8A8175}
.mcf-row{margin-top:.6rem;display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}
.mcf-link{color:inherit;text-decoration:none;border:none!important}.mcf-link:hover,.mcf-link:focus{color:#1F1F1F;text-decoration:underline;text-underline-offset:.25em}
.mcf-rights{margin-top:1rem;max-width:780px;line-height:1.85;text-transform:none;letter-spacing:.01em;font-family:'DM Sans',sans-serif;font-size:.72rem;color:#8A8175}.mcf-rights .mcf-link{color:#7A6A3A}
@media(max-width:800px){.mc-footer{flex-direction:column;padding:3rem 6vw}.mcf-nav{text-align:left}.mcf-row{justify-content:flex-start}}

/* =============================================================
   mC FINANCIAL EXPERT VIEW (EMCEE lens) — site overlay
   Derived from mC_FinExpMode_CSS_v26.06.11.2a-BC (tokens only).
   Activation: html.fx-lens  ·  Base theme of each page declared
   via html[data-fx-base="dark" | "light" | "arc"].
   Content is untouched — this file only re-points color tokens
   and squares off chrome. Cormorant headlines stay Cormorant.
   ============================================================= */

/* ── FinExp palette (single source) ── */
html.fx-lens{
  --fx-bg:#000000; --fx-bg-2:#0B0B0B; --fx-bg-3:#111111; --fx-bg-4:#1a1a1a;
  --fx-text:#D3D3D3; --fx-text-bright:#EDEDED; --fx-text-dim:#9A9A9A; --fx-text-faint:#6E6E6E;
  --fx-amber:#FF8800; --fx-amber-bright:#FFAA33; --fx-amber-dim:#B35500;
  --fx-green:#33FF66; --fx-green-dim:#0E4D22;
  --fx-red:#FF4444; --fx-yellow:#FFE14D; --fx-cyan:#4AF6C3;
  --fx-gold:#D4AF37; --fx-sage:#9CAF6E; --fx-taupe:#B5A48B;
  --fx-border:#2a2a2a; --fx-border-bright:#4A4A4A;
}
html.fx-lens body{font-feature-settings:"tnum" 1,"lnum" 1}
html.fx-lens ::selection{background:rgba(255,136,0,.28)}
html.fx-lens ::-webkit-scrollbar-thumb{background:var(--fx-border)}
html.fx-lens ::-webkit-scrollbar-thumb:hover{background:var(--fx-amber-dim)}

/* =============================================================
   DARK BASE — Intelligence index (charcoal page → terminal black)
   ============================================================= */
html.fx-lens[data-fx-base="dark"]{
  --charcoal:#000000; --charcoal-2:#0B0B0B;
  --ivory:#EDEDED; --cream:#C8C8C8;
  --forest:#0E4D22;
  --gold-fill:#FF8800; --gold-bright:#FFAA33; --gold-text:#FFAA33;
  --gold-soft:rgba(255,136,0,0.10);
  --hairline:rgba(255,136,0,0.22); --hairline-strong:rgba(255,136,0,0.45);
  --ink:#D3D3D3; --ink-soft:#9A9A9A; --ink-faint:#6E6E6E;
  --sage:#33FF66; --rust:#FF4444; --bronze:#D4AF37;
}
html.fx-lens[data-fx-base="dark"] body{background:#000}
html.fx-lens[data-fx-base="dark"] .diplomatic-rule{background:linear-gradient(90deg,#FF8800 0%,#33FF66 52%,#0E4D22 100%)}
html.fx-lens[data-fx-base="dark"] .hero{background:
  radial-gradient(120% 90% at 82% 0%, rgba(255,136,0,0.06), transparent 55%),
  linear-gradient(180deg,#050403 0%,#000 70%)}
html.fx-lens[data-fx-base="dark"] .site-head{background:rgba(0,0,0,.92)}
html.fx-lens[data-fx-base="dark"] .card{background:linear-gradient(155deg,#0E0D0B 0%,#070706 58%,#020202 100%);border-radius:0}
html.fx-lens[data-fx-base="dark"] .gfx{background:
  radial-gradient(120% 120% at 18% 12%, rgba(var(--acc-rgb),.10), transparent 60%),
  linear-gradient(145deg,#0A0908,#030302)}
html.fx-lens[data-fx-base="dark"] .mi{border-radius:0;background:rgba(255,136,0,.04)}
html.fx-lens[data-fx-base="dark"] .tags span{border-radius:0}
html.fx-lens[data-fx-base="dark"] .feature-flag{border-radius:0;background:var(--fx-amber);color:#000}
html.fx-lens[data-fx-base="dark"] .fw-pop{background:#0D0C0A;border-color:rgba(var(--acc-rgb),.5);border-radius:0}
html.fx-lens[data-fx-base="dark"] .fw-pop::after{border-top-color:#0D0C0A}
html.fx-lens[data-fx-base="dark"] .mcw-g{color:var(--fx-amber)}
/* per-card semantic accent remap (FinExp color vocabulary) —
   !important required to beat inline style custom props */
html.fx-lens[data-fx-base="dark"] a.card[href^="Strategic"]{--acc:#FF8800 !important;--acc-rgb:255,136,0 !important}
html.fx-lens[data-fx-base="dark"] a.card[href^="Knowledge"]{--acc:#33FF66 !important;--acc-rgb:51,255,102 !important}
html.fx-lens[data-fx-base="dark"] a.card[href^="Career Arc"]{--acc:#D4AE50 !important;--acc-rgb:212,174,80 !important}
html.fx-lens[data-fx-base="dark"] a.card[href^="Career Investment"]{--acc:#D4AF37 !important;--acc-rgb:212,175,55 !important}
html.fx-lens[data-fx-base="dark"] a.card[href^="The Desk"]{--acc:#D4AF37 !important;--acc-rgb:212,175,55 !important}
/* fixed chrome */
html.fx-lens[data-fx-base="dark"] .mc-elevator{background:#0B0B0B;border-color:rgba(255,136,0,.55);color:#FF8800;border-radius:0}
html.fx-lens[data-fx-base="dark"] .mc-elevator:hover{background:#FF8800;color:#000;border-color:#FF8800}
html.fx-lens[data-fx-base="dark"] .sh-cta a{color:#FF8800;border-color:rgba(255,136,0,.55);background:rgba(255,136,0,.06);border-radius:0}
html.fx-lens[data-fx-base="dark"] .sh-cta a:hover{background:#FF8800;color:#000}

/* =============================================================
   LIGHT BASE — Signal Report · Downstream · Primer (ivory → black)
   ============================================================= */
html.fx-lens[data-fx-base="light"]{
  --ivory:#0A0A0A; --cream:#141414;
  --charcoal:#D3D3D3;
  --border:#2a2a2a;
  --gold-fill:#FF8800; --gold-text:#FFAA33;
  --gold-soft:rgba(255,136,0,0.08);
  --forest:#33FF66; --forest-deep:#0E4D22; --forest-soft:rgba(51,255,102,0.07);
  --taupe-fill:#4E463A; --taupe-text:#B5A48B;
  --sage-fill:#45502E; --sage-text:#9CAF6E; --sage-soft:rgba(156,175,110,0.10);
  --rust:#FF4444; --crimson:#FF4444;
  --org:#5BA3D0; --biz:#FF8800;   /* org→steel · biz→mC gold (was green/teal) — user-approved 2026-06-13 */
  --terracotta-fill:#FF4444; --terracotta-soft:rgba(255,68,68,0.07);
  --shadow-card:0 1px 2px rgba(0,0,0,0.6);
}
/* dark panels that used --charcoal as a background stay dark */
html.fx-lens[data-fx-base="light"] .hero,
html.fx-lens[data-fx-base="light"] .exec-summary{background:#0E0E0E;color:#D3D3D3}
html.fx-lens[data-fx-base="light"] .hero::before{background:radial-gradient(120% 90% at 80% 6%,rgba(255,136,0,0.08),transparent 60%)}
html.fx-lens[data-fx-base="light"] .hero h1,
html.fx-lens[data-fx-base="light"] .exec-summary h2{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .hero .sub,
html.fx-lens[data-fx-base="light"] .exec-summary p{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .hero .sub strong{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .hero .badge{color:#000}
html.fx-lens[data-fx-base="light"] .focus-bar{background:#0E0E0E}
html.fx-lens[data-fx-base="light"] .focus-bar .fb-btn{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .focus-bar .fb-btn.is-active{color:#000}
html.fx-lens[data-fx-base="light"] .site-head nav a{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .site-head nav a:hover{color:#FF8800}
html.fx-lens[data-fx-base="light"] .site-head nav a.sh-cross{color:#000}
html.fx-lens[data-fx-base="light"] .n-charcoal{background:#1a1a1a}
html.fx-lens[data-fx-base="light"] .l-charcoal,
html.fx-lens[data-fx-base="light"] .sw-charcoal{background:#1a1a1a;border:1px solid #2a2a2a}
html.fx-lens[data-fx-base="light"] .l-cream,
html.fx-lens[data-fx-base="light"] .sw-cream{background:#141414;border:1px solid #2a2a2a}
/* hard-coded white surfaces → terminal panels */
html.fx-lens[data-fx-base="light"] .takeaway-card,
html.fx-lens[data-fx-base="light"] .ai-card,
html.fx-lens[data-fx-base="light"] .sb-card,
html.fx-lens[data-fx-base="light"] .diag-card,
html.fx-lens[data-fx-base="light"] .legend-col,
html.fx-lens[data-fx-base="light"] .persona{background:#101010}
html.fx-lens[data-fx-base="light"] .data-table tbody tr:nth-child(even),
html.fx-lens[data-fx-base="light"] .question-table tbody tr:nth-child(even){background:#0D0D0D}
html.fx-lens[data-fx-base="light"] .section-header h2,
html.fx-lens[data-fx-base="light"] .sec h2.head{color:#EDEDED}

/* =============================================================
   ARC BASE — Career Arc Intelligence Model (its own token names)
   ============================================================= */
html.fx-lens[data-fx-base="arc"]{
  --charcoal:#D3D3D3; --charcoal-true:#000000;
  --ivory:#0A0A0A; --cream:#141414; --surface:#101010;
  --forest:#2E5D3A; --forest-deep:#0E2417; --forest-tint:#0F1A12;
  --gold:#D4AE50; --gold-soft:#E7C877; --gold-text:#E7C877;
  --taupe:#B5A48B; --border:#2a2a2a; --sage:#9CAF6E;
  --terracotta:#FF6655; --rust:#FF4444; --crimson:#FF4444;
  --surface-risk:#1A0F0D; --surface-gold:#1A1408; --white:#101010;
  --shadow:0 18px 48px rgba(0,0,0,.55); --shadow-soft:0 10px 28px rgba(0,0,0,.4);
}
html.fx-lens[data-fx-base="arc"] h1,
html.fx-lens[data-fx-base="arc"] h2{color:#EDEDED}
html.fx-lens[data-fx-base="arc"] .kicker{color:#B5A48B}

/* shared light-family text fixes (hard-coded warm-grey ink) */
html.fx-lens[data-fx-base="light"] p,
html.fx-lens[data-fx-base="arc"] p,
html.fx-lens[data-fx-base="arc"] .lead{color:#C8C8C8}

/* =============================================================
   CREAM FOOTER → terminal close (all lensed pages)
   ============================================================= */
html.fx-lens .mc-footer{background:#050505;color:#9A9A9A;border-top:1px solid rgba(255,136,0,.3)}
html.fx-lens .mcf-logo{color:#FF8800}
html.fx-lens .mcf-tagline{color:#9A9A9A}
html.fx-lens .mcf-nav,html.fx-lens .mcf-rights{color:#6E6E6E}
html.fx-lens .mcf-link:hover,html.fx-lens .mcf-link:focus{color:#FFAA33}
html.fx-lens .mcf-rights .mcf-link{color:#FFAA33}
html.fx-lens .site-foot{background:#050505;color:#9A9A9A}
html.fx-lens .foot-logo svg{color:#FF8800}
html.fx-lens .foot-tag{color:#9A9A9A}
html.fx-lens .foot-right{color:#6E6E6E}
html.fx-lens .foot-right a:hover{color:#FFAA33}

/* =============================================================
   EXIT CHIP — injected by fx-lens.js on every lensed page
   ============================================================= */
.fx-exit-chip{position:fixed;left:50%;transform:translateX(-50%) translateY(10px);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:160;
  display:inline-flex;align-items:center;gap:9px;padding:9px 18px;min-height:38px;
  font-family:'DM Mono','Consolas',monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  background:#0B0B0B;color:#FF8800;border:1px solid rgba(255,136,0,.6);border-radius:0;cursor:pointer;
  opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s,background .2s,color .2s;
  box-shadow:0 10px 28px -10px rgba(0,0,0,.6)}
.fx-exit-chip.show{opacity:1;visibility:visible;transform:translateX(-50%)}
.fx-exit-chip:hover{background:#FF8800;color:#000}
.fx-exit-chip:focus-visible{outline:2px solid #FFAA33;outline-offset:2px}
.fx-exit-chip .fx-dot{width:7px;height:7px;background:#33FF66;flex:0 0 auto}
@media(prefers-reduced-motion:no-preference){.fx-exit-chip .fx-dot{animation:fxDot 2.4s ease-in-out infinite}}
@keyframes fxDot{0%,100%{opacity:1}50%{opacity:.35}}

/* =============================================================
   FLOATING PILL + EMCEE CARD — Intelligence page only
   The pill itself carries FinExpMode formatting at rest: terminal
   black, amber frame, square corners, mono — a visible artifact of
   the lens running beneath the mC surface.
   ============================================================= */
.fx-pill-wrap{position:fixed;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:150;font-family:'DM Mono','Consolas',monospace}
.fx-pill{display:flex;align-items:center;gap:0;border:1px solid rgba(255,136,0,.6);border-radius:0;background:#050505;box-shadow:0 10px 28px -10px rgba(0,0,0,.65);overflow:hidden}
@media(prefers-reduced-motion:no-preference){
  html:not(.fx-lens) .fx-pill{animation:fxPillBeacon 3.4s ease-in-out infinite}
  .fx-pill-dot{animation:fxDot 2.4s ease-in-out infinite}
  /* EMCEE headshot + ring: a coin flip on load, then once a minute — NORMAL view only.
     In the lens it stays static (no animation under html.fx-lens). (user 2026-06-15) */
  html:not(.fx-lens) .fx-pill-avatar{perspective:260px}
  html:not(.fx-lens) .fx-pill-avatar img{animation:fxCoinFlip 60s ease-in-out infinite}
}
@keyframes fxPillBeacon{0%,100%{box-shadow:0 10px 28px -10px rgba(0,0,0,.65),0 0 0 0 rgba(255,136,0,.38)}50%{box-shadow:0 10px 28px -10px rgba(0,0,0,.65),0 0 0 8px rgba(255,136,0,0)}}
/* one full coin-spin in the first ~1.3s, then idle until the cycle repeats at 60s */
@keyframes fxCoinFlip{0%{transform:rotateY(0deg)}2.2%{transform:rotateY(360deg)}100%{transform:rotateY(360deg)}}
.fx-pill-avatar{display:grid;place-items:center;width:46px;height:46px;padding:5px;background:transparent;border:none;border-right:1px solid rgba(255,136,0,.35);cursor:pointer}
.fx-pill-avatar img{width:36px;height:36px;border-radius:50%;display:block;object-fit:cover;border:1px solid rgba(255,136,0,.7)}
.fx-pill-avatar:focus-visible{outline:2px solid #FFAA33;outline-offset:-3px}
.fx-pill-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 16px 7px 13px;min-height:46px;justify-content:center;background:transparent;border:none;cursor:pointer;
  font-family:inherit;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#FF8800;white-space:nowrap;transition:color .2s,background .2s}
.fx-pill-line{display:flex;align-items:center;gap:7px}
.fx-pill-dot{width:7px;height:7px;background:#FF8800;flex:0 0 auto}
.fx-pill-btn .fx-pill-sub{font-size:8px;letter-spacing:.18em;color:#9A9A9A}
.fx-pill-btn:hover{background:rgba(255,136,0,.12);color:#FFAA33}
.fx-pill-btn:focus-visible{outline:2px solid #FFAA33;outline-offset:-3px}
.fx-sub-on{display:none}
/* lens-on state: steady frame, live green dot, registry-wide note */
html.fx-lens .fx-pill{border-color:#FF8800;animation:none}
html.fx-lens .fx-pill-dot{background:#33FF66}
html.fx-lens .fx-pill-btn .fx-pill-sub{color:#9CAF6E}
html.fx-lens .fx-sub-off{display:none}
html.fx-lens .fx-sub-on{display:inline}
/* keep the exit chip clear of the pill on narrow screens */
@media(max-width:560px){
  body:has(.fx-pill-wrap) .fx-exit-chip{bottom:calc(70px + env(safe-area-inset-bottom,0px))}
}
/* ── Condensed pill logic (≤560px): the avatar IS the icon — sub-line retires,
   the toggle keeps a short label. Mirrors the site-head icon-only tier. ── */
@media(max-width:560px){
  .fx-pill-wrap{left:calc(12px + env(safe-area-inset-left,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .fx-pill-avatar{width:44px;height:44px}
  .fx-pill-btn{padding:7px 12px;min-height:44px}
  .fx-pill-btn .fx-pill-sub{display:none}
  .fx-pill-line{font-size:0;gap:6px}
  .fx-pill-line::after{content:"Fin. Expert View";font-size:9px;letter-spacing:.14em}
}

/* EMCEE bio card — terminal frame, hover (desktop) / tap (touch) */
.fx-emcee-card{position:absolute;left:0;bottom:calc(100% + 12px);width:min(320px,calc(100vw - 36px));
  background:#0B0B0B;border:1px solid rgba(255,136,0,.55);padding:16px 18px 15px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;
  box-shadow:0 18px 44px -16px rgba(0,0,0,.8);pointer-events:none}
.fx-pill-wrap.open .fx-emcee-card,
.fx-pill-wrap:focus-within .fx-emcee-card{opacity:1;visibility:visible;transform:none;pointer-events:auto}
@media(hover:hover){.fx-pill-wrap:hover .fx-emcee-card{opacity:1;visibility:visible;transform:none;pointer-events:auto}}
.fxec-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.fxec-head img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,136,0,.6);flex:0 0 auto}
.fxec-name{font-size:13px;letter-spacing:.2em;color:#FF8800;font-weight:500}
.fxec-role{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9A9A9A;margin-top:2px}
.fxec-tag{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:15.5px;color:#EDEDED;line-height:1.35;margin:0 0 9px}
.fxec-tag .fxec-dia{color:#FF8800;font-style:normal;font-size:11px;vertical-align:1px}
.fxec-body{font-family:'DM Sans','Inter',sans-serif;font-size:12px;line-height:1.6;color:#C8C8C8;margin:0 0 11px}
.fxec-directive{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#33FF66;border-top:1px dashed rgba(255,136,0,.3);padding-top:9px;margin:0}
.fxec-directive .fxec-key{color:#FF8800}

@media print{.fx-exit-chip,.fx-pill-wrap{display:none !important}}

/* =============================================================
   CONFLICT RESOLUTION v2 · 2026-06-11
   Hard-coded light surfaces and dual-use tokens on lensed
   subpages. Two systematic fixes:
   1. Panels that keep a DARK bg under the lens get their light
      text tokens re-pinned inside (the global remap turns --ivory
      near-black because it doubles as the page floor).
   2. Panels with HARD-CODED white/cream bgs (no token) are flipped
      to terminal panels explicitly, per page.
   Plus the Bloomberg pass: square corners on all lensed panels.
   ============================================================= */

/* ── LIGHT BASE · 1. dark bands — re-pin light text tokens ── */
html.fx-lens[data-fx-base="light"] .hero,
html.fx-lens[data-fx-base="light"] .exec-summary,
html.fx-lens[data-fx-base="light"] .pitch-container,
html.fx-lens[data-fx-base="light"] .topic-shift,
html.fx-lens[data-fx-base="light"] .single-number,
html.fx-lens[data-fx-base="light"] .hb-head,
html.fx-lens[data-fx-base="light"] .layer-head,
html.fx-lens[data-fx-base="light"] .takeaway,
html.fx-lens[data-fx-base="light"] .opt-top{
  --ivory:#EDEDED;--cream:#C8C8C8;--taupe-fill:#9A9A9A;--taupe-text:#9A9A9A;
}
/* their backgrounds were var(--charcoal) → would flip light; hold them dark */
html.fx-lens[data-fx-base="light"] .pitch-container,
html.fx-lens[data-fx-base="light"] .topic-shift,
html.fx-lens[data-fx-base="light"] .single-number{background:#0E0E0E}
html.fx-lens[data-fx-base="light"] .hb-head,
html.fx-lens[data-fx-base="light"] .layer-head,
html.fx-lens[data-fx-base="light"] .takeaway,
html.fx-lens[data-fx-base="light"] .opt-top{background:#1a1a1a}
/* Bloomberg header band: black, amber mono labels, amber rule */
html.fx-lens[data-fx-base="light"] thead tr{background:#0B0B0B}
html.fx-lens[data-fx-base="light"] thead th{background:#0B0B0B;color:#FF8800;border-bottom:1px solid rgba(255,136,0,.45)}
html.fx-lens[data-fx-base="light"] thead th .sub{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .focus-bar .fb-hint{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .section-number.n-charcoal{background:#1a1a1a}
html.fx-lens[data-fx-base="light"] .pitch-container .pitch-note,
html.fx-lens[data-fx-base="light"] .pitch-container .mcw{color:rgba(237,237,237,0.55)}
html.fx-lens[data-fx-base="light"] .pitch-container .tagline{color:#9A9A9A}

/* ── LIGHT BASE · 2. hard-coded white/cream surfaces → terminal panels ── */
html.fx-lens[data-fx-base="light"] .seg,
html.fx-lens[data-fx-base="light"] .horizon-band,
html.fx-lens[data-fx-base="light"] .cap,
html.fx-lens[data-fx-base="light"] .cap.cap-5,
html.fx-lens[data-fx-base="light"] .matrix-wrap,
html.fx-lens[data-fx-base="light"] .pattern .pat,
html.fx-lens[data-fx-base="light"] .opt,
html.fx-lens[data-fx-base="light"] .contra{background:#101010}
html.fx-lens[data-fx-base="light"] .np-step{background:linear-gradient(155deg,#0E0D0B 0%,#070706 58%,#020202 100%);border-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .np-step-cta{background:linear-gradient(155deg,#1A1408 0%,#0E0D0B 100%);border-color:rgba(255,136,0,.5)}
html.fx-lens[data-fx-base="light"] .np-step.is-here{background:rgba(51,255,102,.05);border-color:rgba(51,255,102,.35)}
html.fx-lens[data-fx-base="light"] .focus-bar .fb-reset{background:#1a1a1a;border-color:#2a2a2a;color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .focus-bar .fb-reset:hover{background:#FF8800;border-color:#FF8800;color:#000}

/* ── LIGHT BASE · accent fills get terminal ink (#000 on amber/green) ── */
html.fx-lens[data-fx-base="light"] .badge,
html.fx-lens[data-fx-base="light"] .sh-cross,
html.fx-lens[data-fx-base="light"] .l-badge,
html.fx-lens[data-fx-base="light"] .section-number.n-gold,
html.fx-lens[data-fx-base="light"] .pitch-icon,
html.fx-lens[data-fx-base="light"] .cta-button{color:#000}
html.fx-lens[data-fx-base="light"] .conv-ledger .cl-calibrate{border-color:rgba(255,136,0,.5)}
html.fx-lens[data-fx-base="light"] .conv-ledger input[type="range"]{accent-color:#FF8800}
html.fx-lens[data-fx-base="light"] .conv-ledger button.cl-row:hover{background:rgba(255,136,0,.06)}
html.fx-lens[data-fx-base="light"] .opt-tag{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .opt.recommended .opt-tag{color:#000}
html.fx-lens[data-fx-base="light"] .cta-button{background:#FF8800}
html.fx-lens[data-fx-base="light"] .cta-button:hover{background:#FFAA33;color:#000}
html.fx-lens[data-fx-base="light"] .section-number.n-gold,
html.fx-lens[data-fx-base="light"] .pitch-icon{background:#FF8800}
html.fx-lens[data-fx-base="light"] .np-pill.solid{background:#FF8800;border-color:#FF8800;color:#000}
html.fx-lens[data-fx-base="light"] a.np-step:hover .np-pill.solid{background:#FFAA33;border-color:#FFAA33}
html.fx-lens[data-fx-base="light"] .np-pill.ghost{color:#33FF66;border-color:rgba(51,255,102,.5)}
html.fx-lens[data-fx-base="light"] .np-conn{color:#FF8800}
html.fx-lens[data-fx-base="light"] .np-step-cta .np-ico{background:#FF8800;border-color:#FF8800;color:#000}
html.fx-lens[data-fx-base="light"] .next-path-head h3 em{color:#FF8800}
html.fx-lens[data-fx-base="light"] .np-step strong{color:#EDEDED}

/* ── LIGHT BASE · Bloomberg pass: square corners ── */
html.fx-lens[data-fx-base="light"] .hero,
html.fx-lens[data-fx-base="light"] .exec-summary,
html.fx-lens[data-fx-base="light"] .source-card,
html.fx-lens[data-fx-base="light"] .takeaway-card,
html.fx-lens[data-fx-base="light"] .quote-block,
html.fx-lens[data-fx-base="light"] .data-block,
html.fx-lens[data-fx-base="light"] .conv-ledger,
html.fx-lens[data-fx-base="light"] .ai-card,
html.fx-lens[data-fx-base="light"] .innovation-card,
html.fx-lens[data-fx-base="light"] .topic-shift,
html.fx-lens[data-fx-base="light"] .speaker-profile,
html.fx-lens[data-fx-base="light"] .legend-bar,
html.fx-lens[data-fx-base="light"] .pitch-container,
html.fx-lens[data-fx-base="light"] .single-number,
html.fx-lens[data-fx-base="light"] .np-step,
html.fx-lens[data-fx-base="light"] .np-pill,
html.fx-lens[data-fx-base="light"] .badge,
html.fx-lens[data-fx-base="light"] .cta-button,
html.fx-lens[data-fx-base="light"] .section-number,
html.fx-lens[data-fx-base="light"] .pitch-icon,
html.fx-lens[data-fx-base="light"] .seg,
html.fx-lens[data-fx-base="light"] .horizon-band,
html.fx-lens[data-fx-base="light"] .cap,
html.fx-lens[data-fx-base="light"] .matrix-wrap,
html.fx-lens[data-fx-base="light"] .pattern .pat,
html.fx-lens[data-fx-base="light"] .opt,
html.fx-lens[data-fx-base="light"] .contra,
html.fx-lens[data-fx-base="light"] .persona,
html.fx-lens[data-fx-base="light"] .legend-col,
html.fx-lens[data-fx-base="light"] .sb-card,
html.fx-lens[data-fx-base="light"] .diag-card,
html.fx-lens[data-fx-base="light"] .fb-btn{border-radius:0}

/* =============================================================
   LIGHT BASE · DATA TABLES + DASHBOARD SURFACES (2026-06-13)
   The Empirical Case page (Invest in You) is table-dense and used
   (a) hard-coded #fff/cream surfaces the lens never remapped, and
   (b) var(--charcoal) as a DARK background — which inverts to light
   grey once the light base remaps --charcoal:#D3D3D3. Both produce
   white islands / white-on-white text under the lens. This block
   rebuilds every table + card surface as an explicit terminal grid
   (values are literal, not token-derived, so they can't invert).
   Generic enough for any light page using .tbl-wrap / table.data.
   ============================================================= */

/* ---- table shell: kill the hard-coded white island ---- */
html.fx-lens[data-fx-base="light"] .tbl-wrap{
  background:#0A0A0A;border:1px solid #2a2a2a;border-radius:0;overflow:hidden}
html.fx-lens[data-fx-base="light"] .tbl-wrap header{
  background:#000;border-bottom:1px solid rgba(255,136,0,.35)}
html.fx-lens[data-fx-base="light"] .tbl-wrap header .name{color:#FF8800}
html.fx-lens[data-fx-base="light"] .tbl-wrap header .audience-tag{color:#9CAF6E}

/* ---- column header band — black, amber mono labels ---- */
html.fx-lens[data-fx-base="light"] table.data thead th{
  background:#000;color:#FF8800;border-bottom:1px solid rgba(255,136,0,.45)}
html.fx-lens[data-fx-base="light"] table.data thead th .sub{color:#6E6E6E}

/* ---- thematic block-break rows — gold-tinted black ---- */
html.fx-lens[data-fx-base="light"] table.data .thematic-row td{
  background:#15110A;color:#FFAA33;
  border-top:1px solid rgba(255,136,0,.28);border-bottom:1px solid rgba(255,136,0,.28)}
html.fx-lens[data-fx-base="light"] table.data .thematic-row td .desc{color:#9A9A9A}

/* ---- body cells — terminal text on black, hairline rule, zebra ---- */
html.fx-lens[data-fx-base="light"] table.data tbody tr:not(.thematic-row) td{
  background:#0A0A0A;color:#C8C8C8;border-bottom:1px solid #1c1c1c}
html.fx-lens[data-fx-base="light"] table.data tbody tr:not(.thematic-row):nth-of-type(even) td{background:#0E0E0E}
html.fx-lens[data-fx-base="light"] table.data td:first-child{background:#0A0A0A;color:#EDEDED}
html.fx-lens[data-fx-base="light"] table.data tbody tr:not(.thematic-row):nth-of-type(even) td:first-child{background:#0E0E0E}
html.fx-lens[data-fx-base="light"] table.data td:first-child a{color:#EDEDED;border-bottom-color:rgba(255,136,0,.5)}
html.fx-lens[data-fx-base="light"] table.data td:first-child a:hover{color:#FF8800;border-bottom-color:#FF8800}
html.fx-lens[data-fx-base="light"] table.data td.num{color:#FFAA33}
html.fx-lens[data-fx-base="light"] table.data td.src{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] table.data td.src strong{color:#D3D3D3}
html.fx-lens[data-fx-base="light"] table.data td.src a{color:#33FF66;border-bottom-color:rgba(51,255,102,.4)}
html.fx-lens[data-fx-base="light"] table.data tbody tr:not(.thematic-row):hover td,
html.fx-lens[data-fx-base="light"] table.data tbody tr:not(.thematic-row):hover td:first-child{background:rgba(255,136,0,.07)}

/* ---- positive / negative figure cells → terminal green / red ---- */
html.fx-lens[data-fx-base="light"] td.pos{background:rgba(51,255,102,.09) !important;color:#33FF66 !important;border-left:3px solid #33FF66 !important}
html.fx-lens[data-fx-base="light"] td.neg{background:rgba(255,68,68,.09) !important;color:#FF4444 !important;border-left:3px solid #FF4444 !important}

/* ---- confidence chips ---- */
html.fx-lens[data-fx-base="light"] .conf.high{background:#0E4D22;color:#33FF66}
html.fx-lens[data-fx-base="light"] .conf.medhi{background:transparent;color:#FFAA33;border:1px solid rgba(255,136,0,.45)}
html.fx-lens[data-fx-base="light"] .conf.med,
html.fx-lens[data-fx-base="light"] .conf.low{background:transparent;color:#9A9A9A;border:1px solid #2a2a2a}

/* ---- the conclusions STRIP — was var(--charcoal) bg → flips light;
        re-pin to terminal black (it is the page's hero table) ---- */
html.fx-lens[data-fx-base="light"] .strip{background:#0A0A0A;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .strip thead{background:#000}
html.fx-lens[data-fx-base="light"] .strip th{color:#FF8800}
html.fx-lens[data-fx-base="light"] .strip header{border-bottom-color:rgba(255,136,0,.25)}
html.fx-lens[data-fx-base="light"] .strip td.rank{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .strip td.find{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .strip td.find strong{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .strip td.find a{color:#FF8800}
html.fx-lens[data-fx-base="light"] .strip td.find .who{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .strip td.fig{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .strip td.fig.pos{color:#33FF66;background:rgba(51,255,102,.08)}
html.fx-lens[data-fx-base="light"] .strip td.fig.neg{color:#FF4444;background:rgba(255,68,68,.08)}
html.fx-lens[data-fx-base="light"] .strip tr:hover td{background:rgba(255,136,0,.05)}
html.fx-lens[data-fx-base="light"] .strip td.jump a{color:#FF8800}

/* ---- DASHBOARD + TILES (hard #fff, var(--charcoal) thesis tile) ---- */
html.fx-lens[data-fx-base="light"] .dashboard{background:#0A0A0A;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .dashboard .takeaway-band{background:#15110A;border-bottom-color:rgba(255,136,0,.22)}
html.fx-lens[data-fx-base="light"] .dashboard .takeaway-band .label{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .dashboard .takeaway-band .text{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .tile{background:#0A0A0A;border-color:#1c1c1c}
html.fx-lens[data-fx-base="light"] .tile.thesis{background:#15110A}
html.fx-lens[data-fx-base="light"] .tile .eyebrow{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .tile .num{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .tile.thesis .num,
html.fx-lens[data-fx-base="light"] .tile.thesis .eyebrow,
html.fx-lens[data-fx-base="light"] .tile.thesis .dir{color:#FF8800}
html.fx-lens[data-fx-base="light"] .tile.positive .num,
html.fx-lens[data-fx-base="light"] .tile.positive .dir{color:#33FF66}
html.fx-lens[data-fx-base="light"] .tile.negative .num,
html.fx-lens[data-fx-base="light"] .tile.negative .dir{color:#FF4444}
html.fx-lens[data-fx-base="light"] .tile .body{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .dashboard .ladder{background:#0A0A0A;border-top-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .ladder .rung{background:#101010;border-color:#1c1c1c}

/* ---- TAKEAWAY CARDS (hard #fff + gradient-to-#fff) ---- */
html.fx-lens[data-fx-base="light"] .takeaway-card,
html.fx-lens[data-fx-base="light"] .takeaway-card.gold,
html.fx-lens[data-fx-base="light"] .takeaway-card.forest,
html.fx-lens[data-fx-base="light"] .takeaway-card.terra{
  background:#101010;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .takeaway-card.gold{border-left-color:#FF8800}
html.fx-lens[data-fx-base="light"] .takeaway-card.forest{border-left-color:#33FF66}
html.fx-lens[data-fx-base="light"] .takeaway-card.terra{border-left-color:#FF4444}
html.fx-lens[data-fx-base="light"] .takeaway-card h4,
html.fx-lens[data-fx-base="light"] .takeaway-card .support{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .takeaway-card .num{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .takeaway-card .quote{background:#0A0A0A;color:#9A9A9A;border-left-color:#FF8800}
html.fx-lens[data-fx-base="light"] .takeaway-card .quote .cite{color:#9CAF6E}
html.fx-lens[data-fx-base="light"] .takeaway-card.forest .impact-tag{color:#000}
html.fx-lens[data-fx-base="light"] .takeaway-card.terra .impact-tag{color:#000}

/* ---- CONTROLS / FILTER PILLS / EXEC / LEGEND ---- */
html.fx-lens[data-fx-base="light"] .controls{background:#0A0A0A;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .controls .ctrl-head{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .controls .ctrl-head .filter-hint{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .ctrl-group label{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .pill{background:#101010;border-color:#2a2a2a;color:#C8C8C8;border-radius:0}
html.fx-lens[data-fx-base="light"] .pill:hover{border-color:#FF8800;background:#15110A}
html.fx-lens[data-fx-base="light"] .pill.active{background:#FF8800;border-color:#FF8800;color:#000}
html.fx-lens[data-fx-base="light"] .pill.audience-org.active{background:#33FF66;border-color:#33FF66;color:#000}
html.fx-lens[data-fx-base="light"] .pill.audience-biz.active{background:#FFAA33;border-color:#FFAA33;color:#000}
html.fx-lens[data-fx-base="light"] .ctrl-hint{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .exec{background:#101010;border-left-color:#33FF66;border-radius:0}
html.fx-lens[data-fx-base="light"] .impact-legend{background:#0A0A0A;border-color:#2a2a2a}

/* ---- EVIDENCE SECTIONS — decision pivots, accordions, trend, methodology, sources
        (every remaining hard #fff / cream / var(--charcoal)-as-dark surface) ---- */
html.fx-lens[data-fx-base="light"] .sec .takeaway-above{background:#15110A;border-left-color:#FF8800;color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .sec .takeaway-above .lbl{color:#FFAA33}

html.fx-lens[data-fx-base="light"] .decision{background:#101010;border-color:rgba(255,136,0,.45);border-radius:0}
html.fx-lens[data-fx-base="light"] .decision::before{background:#FF8800;color:#000}
html.fx-lens[data-fx-base="light"] .decision h3,
html.fx-lens[data-fx-base="light"] .decision p{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .decision .pivot div{background:#0A0A0A;border-left-color:#33FF66}
html.fx-lens[data-fx-base="light"] .decision .pivot div.warn{border-left-color:#FF4444}
html.fx-lens[data-fx-base="light"] .decision .pivot strong{color:#33FF66}
html.fx-lens[data-fx-base="light"] .decision .pivot div.warn strong{color:#FF4444}

html.fx-lens[data-fx-base="light"] .subsec{background:#0A0A0A;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .subsec .purpose-band{background:#101010;border-left-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .subsec[open] .purpose-band{background:#15110A;border-left-color:#FF8800;--ivory:#EDEDED;--cream:#C8C8C8}
html.fx-lens[data-fx-base="light"] .subsec .purpose-band .ttl{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .subsec .purpose-band .who{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .subsec[open] .purpose-band .who{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .subsec .purpose-band .why{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .subsec .purpose-band .toggle{background:#1a1a1a;color:#C8C8C8;border:1px solid #2a2a2a}

html.fx-lens[data-fx-base="light"] .trend,
html.fx-lens[data-fx-base="light"] .methodology{background:#0A0A0A;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .trend .takeaway-band{background:#15110A;border-bottom-color:rgba(255,136,0,.22)}
html.fx-lens[data-fx-base="light"] .trend .takeaway-band .label{color:#FFAA33}
html.fx-lens[data-fx-base="light"] .trend .takeaway-band .text{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .trend .chart-area{background:#0A0A0A}
html.fx-lens[data-fx-base="light"] .trend .sub{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .bars{border-bottom-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .bar .b{background:#5C4A24}          /* neutral bars → dim amber */
html.fx-lens[data-fx-base="light"] .bar .b::after{color:#B5A48B}
html.fx-lens[data-fx-base="light"] .bar.dip .b{background:#FF4444}
html.fx-lens[data-fx-base="light"] .bar.peak .b{background:#33FF66}
html.fx-lens[data-fx-base="light"] .trend-note{border-left-color:#4E463A}
/* white Reset control → terminal button */
html.fx-lens[data-fx-base="light"] .ctrl-reset{background:#1a1a1a;color:#C8C8C8;border:1px solid #2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .ctrl-reset:hover{background:#FF8800;color:#000;box-shadow:none}
html.fx-lens[data-fx-base="light"] .methodology summary{background:#15110A;color:#FFAA33;border-bottom-color:rgba(255,136,0,.22)}
html.fx-lens[data-fx-base="light"] .methodology summary::after{color:#FF8800}
html.fx-lens[data-fx-base="light"] .methodology .content strong{color:#33FF66}
html.fx-lens[data-fx-base="light"] .sources{background:#0A0A0A;border-top-color:#FF8800;border-radius:0}

/* ── ARC BASE · hard-coded cream sections & cards → terminal ── */
html.fx-lens[data-fx-base="arc"] .geometry-section,
html.fx-lens[data-fx-base="arc"] .ai-section,
html.fx-lens[data-fx-base="arc"] .pathways-section,
html.fx-lens[data-fx-base="arc"] .model-section{background:#0A0A0A}
html.fx-lens[data-fx-base="arc"] .geometry-card,
html.fx-lens[data-fx-base="arc"] .controls,
html.fx-lens[data-fx-base="arc"] .evaluator-panel,
html.fx-lens[data-fx-base="arc"] .evaluator-card,
html.fx-lens[data-fx-base="arc"] .summary-item,
html.fx-lens[data-fx-base="arc"] .pathway-selector,
html.fx-lens[data-fx-base="arc"] .legend-tag,
html.fx-lens[data-fx-base="arc"] .stage-pill,
html.fx-lens[data-fx-base="arc"] .icon-button,
html.fx-lens[data-fx-base="arc"] .evaluator-tab,
html.fx-lens[data-fx-base="arc"] .input{background:#101010;border-color:#2a2a2a}
html.fx-lens[data-fx-base="arc"] .pathway-empty{background:rgba(16,16,16,.75);color:#9A9A9A}
html.fx-lens[data-fx-base="arc"] .ai-card{background:#101010;border-color:#2a2a2a}
html.fx-lens[data-fx-base="arc"] .ai-card ul li,
html.fx-lens[data-fx-base="arc"] .ai-card li{color:#C8C8C8}
html.fx-lens[data-fx-base="arc"] .icon-button{color:#D3D3D3}
html.fx-lens[data-fx-base="arc"] .evaluator-tab{color:#D3D3D3}
html.fx-lens[data-fx-base="arc"] .stage-pill{color:#D3D3D3}
html.fx-lens[data-fx-base="arc"] .legend-tag{color:#B5A48B}
html.fx-lens[data-fx-base="arc"] .pathway-selector strong{color:#EDEDED}
html.fx-lens[data-fx-base="arc"] .pathway-selector small{color:#9A9A9A}
html.fx-lens[data-fx-base="arc"] .scrub-read{color:#33FF66}
html.fx-lens[data-fx-base="arc"] .input{color:#D3D3D3}
html.fx-lens[data-fx-base="arc"] .hint-chip{background:#0B0B0B;color:#B5A48B;border-color:rgba(212,174,80,.4)}
html.fx-lens[data-fx-base="arc"] .hint-chip:hover{background:#1a1a1a;color:#EDEDED;border-color:#D4AE50}
html.fx-lens[data-fx-base="arc"] .hint-lead{color:#B5A48B}
html.fx-lens[data-fx-base="arc"] .skip-link{color:#000}
html.fx-lens[data-fx-base="arc"] .aiq-step{background:linear-gradient(155deg,#0E0D0B 0%,#070706 58%,#020202 100%);border-color:#2a2a2a}
html.fx-lens[data-fx-base="arc"] .aiq-step-cta{background:linear-gradient(155deg,#1A1408 0%,#0E0D0B 100%);border-color:rgba(212,174,80,.5)}
html.fx-lens[data-fx-base="arc"] .aiq-btn.solid{background:#D4AE50;border-color:#D4AE50;color:#000}
html.fx-lens[data-fx-base="arc"] a.aiq-step:hover .aiq-btn.solid{background:#E7C877;border-color:#E7C877}
html.fx-lens[data-fx-base="arc"] .aiq-btn.ghost{color:#33FF66;border-color:rgba(51,255,102,.5)}

/* arc · dark panels & forest-fill states — re-pin light text tokens */
html.fx-lens[data-fx-base="arc"] .arc-card-intro,
html.fx-lens[data-fx-base="arc"] .note-hero,
html.fx-lens[data-fx-base="arc"] .stage-pill,
html.fx-lens[data-fx-base="arc"] .evaluator-tab,
html.fx-lens[data-fx-base="arc"] .pathway-selector{--ivory:#EDEDED;--cream:#C8C8C8}

/* arc · Bloomberg pass: square corners */
html.fx-lens[data-fx-base="arc"] .panel,
html.fx-lens[data-fx-base="arc"] .ai-card,
html.fx-lens[data-fx-base="arc"] .aiq-path,
html.fx-lens[data-fx-base="arc"] .geometry-card,
html.fx-lens[data-fx-base="arc"] .aiq-step,
html.fx-lens[data-fx-base="arc"] .aiq-btn,
html.fx-lens[data-fx-base="arc"] .stage-pill,
html.fx-lens[data-fx-base="arc"] .evaluator-tab,
html.fx-lens[data-fx-base="arc"] .evaluator-card,
html.fx-lens[data-fx-base="arc"] .evaluator-panel,
html.fx-lens[data-fx-base="arc"] .hint-chip,
html.fx-lens[data-fx-base="arc"] .legend-tag,
html.fx-lens[data-fx-base="arc"] .icon-button,
html.fx-lens[data-fx-base="arc"] .input,
html.fx-lens[data-fx-base="arc"] .controls,
html.fx-lens[data-fx-base="arc"] .summary-item,
html.fx-lens[data-fx-base="arc"] .pathway-selector,
html.fx-lens[data-fx-base="arc"] .arc-graphic{border-radius:0}

/* =============================================================
   FIGURE TAPE + GRID REFINEMENTS (2026-06-13)
   Numerics render as a fixed-width DM Mono tape (true terminal
   feel); the column-header band gets a crisp amber grid rule; the
   metric column reads as a frozen key column. Light-base tables.
   ============================================================= */
html.fx-lens[data-fx-base="light"] table.data td.num,
html.fx-lens[data-fx-base="light"] .strip td.fig,
html.fx-lens[data-fx-base="light"] .strip td.rank,
html.fx-lens[data-fx-base="light"] .tile .num,
html.fx-lens[data-fx-base="light"] .bar .b::after{
  font-family:'DM Mono','Consolas',monospace;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
html.fx-lens[data-fx-base="light"] table.data td.num{font-size:12.5px;font-weight:500}
html.fx-lens[data-fx-base="light"] .conf{font-family:'DM Mono','Consolas',monospace;letter-spacing:.5px}
html.fx-lens[data-fx-base="light"] table.data thead th{
  border-bottom:1px solid rgba(255,136,0,.55);box-shadow:0 1px 0 rgba(255,136,0,.18)}
html.fx-lens[data-fx-base="light"] table.data td:first-child{border-right:1px solid #161616}
html.fx-lens[data-fx-base="light"] table.data thead th:first-child{border-right:1px solid rgba(255,136,0,.25)}

/* =============================================================
   CALCULATOR (light base) — Career Investment Calculator (2026-06-13)
   The page wires the lens but hard-coded #fff/cream survived the
   flip → white islands. This enrolls every Calculator surface as a
   terminal grid: panels, the Compounding Index ring + ladder, signal
   chips, deploy dock, horizon tabs, ledger stats, vehicle rows, the
   estimate blocks, range controls (amber instrumentation), and the
   figure tape. Literal terminal values — cannot invert.
   ============================================================= */
/* re-tokened paper surface → terminal panel (flips .panel/.sr-in/.sig/.hz-tabs at once) */
html.fx-lens[data-fx-base="light"]{--paper:#0E0E0E}
/* panels */
html.fx-lens[data-fx-base="light"] .panel{background:#0A0A0A;border-color:#2a2a2a;border-radius:0;box-shadow:none}
html.fx-lens[data-fx-base="light"] .p-num{color:#E7C877}
html.fx-lens[data-fx-base="light"] .p-head h2{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .p-intro{color:#C8C8C8}
/* Compounding Index ring — the verdict object → amber on near-black */
html.fx-lens[data-fx-base="light"] .score-ring .sr-in{background:#101010;border-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .score-ring .sr-v{color:#D4AE50;font-family:'DM Mono','Consolas',monospace}
html.fx-lens[data-fx-base="light"] .score-ring .sr-l{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .score-delta{color:#E7C877}
html.fx-lens[data-fx-base="light"] .score-delta.neg{color:#FF4444}
html.fx-lens[data-fx-base="light"] .sc-tier{color:#D4AE50}
html.fx-lens[data-fx-base="light"] #scoreCopy,
html.fx-lens[data-fx-base="light"] .score-copy p{color:#C8C8C8}
/* the index ladder */
html.fx-lens[data-fx-base="light"] .rl-track{background:#161616;border-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .rl-track i{background:linear-gradient(90deg,#8C6E2A,#D4AE50)}
html.fx-lens[data-fx-base="light"] .rl-marker{background:#D4AE50;border-color:#0A0A0A;box-shadow:0 0 0 1px #E7C877}
html.fx-lens[data-fx-base="light"] .rl-ticks{color:#6E6E6E}
html.fx-lens[data-fx-base="light"] .sig-note{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .sig-note b{color:#E7C877}
/* signal chips — dark, amber when lit, red when idle-lit */
html.fx-lens[data-fx-base="light"] .sig{background:#101010;border-color:#222;border-top-color:#333;color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .sig b{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .sig .sg-pts{color:#9A9A9A;font-family:'DM Mono','Consolas',monospace}
html.fx-lens[data-fx-base="light"] .sig i{color:#8A8A8A}
html.fx-lens[data-fx-base="light"] .sig.lit{background:#15110A;border-top-color:#D4AE50}
html.fx-lens[data-fx-base="light"] .sig.lit .sg-pts{color:#E7C877}
html.fx-lens[data-fx-base="light"] .sig[data-sig="idle"].lit{background:#1A0F0D;border-top-color:#FF4444}
html.fx-lens[data-fx-base="light"] .sig[data-sig="idle"].lit .sg-pts{color:#FF4444}
/* deploy dock + bar */
html.fx-lens[data-fx-base="light"] .deploy-dock{background:#0A0A0A;border-color:#2a2a2a;border-radius:0}
html.fx-lens[data-fx-base="light"] .deploy-bar{background:#161616;border-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .deploy-read .dr-l{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .deploy-read .dr-l strong{color:#E7C877;font-family:'DM Mono','Consolas',monospace}
html.fx-lens[data-fx-base="light"] .deploy-badge{background:transparent;border-color:#2a2a2a;color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .deploy-badge.full{background:#D4AE50;border-color:#D4AE50;color:#000}
html.fx-lens[data-fx-base="light"] .dp-k{color:#E7C877}
/* horizon tabs */
html.fx-lens[data-fx-base="light"] .hz-tabs button{background:#101010;border-color:#2a2a2a;color:#C8C8C8;border-radius:0}
html.fx-lens[data-fx-base="light"] .hz-tabs button:hover{border-color:#D4AE50}
html.fx-lens[data-fx-base="light"] .hz-tabs button[aria-pressed="true"]{background:#D4AE50;border-color:#D4AE50;color:#000}
html.fx-lens[data-fx-base="light"] .legend{color:#9A9A9A}
/* ledger stats — figure tape */
html.fx-lens[data-fx-base="light"] .stat{background:#101010;border-color:#1c1c1c;border-radius:0}
html.fx-lens[data-fx-base="light"] .stat .s-l{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .stat .s-v{color:#EDEDED;font-family:'DM Mono','Consolas',monospace;font-variant-numeric:tabular-nums}
/* ledger trio: reverted to base semantic colors under the lens pending the cross-page
   realized-color decision (mockup in 'FinExp Lens — Realized & Topic Color Audit.html').
   Base: s-real=sage-text, s-unreal=gold-text, s-mult=forest. Lens makes them legible on black: */
/* realized → mC gold, unrealized → DIM gold (same hue, two shades), multiple → gold.
   (Supersedes the earlier gold/stone: user's governing rule is realized vs unrealized
   = two shades of ONE color, never two different colors. 2026-06-13) */
html.fx-lens[data-fx-base="light"] .stat.s-real .s-v{color:#D4AE50}
html.fx-lens[data-fx-base="light"] .stat.s-unreal .s-v{color:#8F7A3C}
html.fx-lens[data-fx-base="light"] .stat.s-mult .s-v{color:#D4AE50}
/* vehicle rows — neutral category accent, amber instrumentation */
html.fx-lens[data-fx-base="light"] .veh{border-top-color:#1c1c1c;border-left-color:rgba(212,174,80,.5)}
html.fx-lens[data-fx-base="light"] .veh:hover{background:rgba(212,174,80,.05)}
html.fx-lens[data-fx-base="light"] .v-nt,
html.fx-lens[data-fx-base="light"] .v-name{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .v-tag{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .v-amt{color:#E7C877;font-family:'DM Mono','Consolas',monospace}
html.fx-lens[data-fx-base="light"] .v-amt .v-pct{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .v-buys,
html.fx-lens[data-fx-base="light"] .v-ends{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .v-mult{color:#E7C877}
/* ── the white-card bug: .veh / .pay-row hard-coded #fff → terminal black ── */
html.fx-lens[data-fx-base="light"] .veh,
html.fx-lens[data-fx-base="light"] .pay-row{background:#0A0A0A;border-radius:0}
html.fx-lens[data-fx-base="light"] .pay-row .pr-name,
html.fx-lens[data-fx-base="light"] .veh .v-name{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .pay-row .pr-name span{color:#9A9A9A}
/* REVERTED 2026-06-13: the broad gold/cyan !important overrides that flattened every
   vehicle's unique per-row color are removed. Each row keeps its own --vc color; only the
   bar TRACK is darkened so it isn't a white island on the terminal floor. The single
   Upskill(sage)→gold change + the realized-semantic decision are pending the color audit mockup. */
html.fx-lens[data-fx-base="light"] .pr-bar{background:#161616;border-color:#2a2a2a}
/* ── Per-row MONOCHROME logic, faithful to the base version ──────────────────
   Each deploy row = ONE core color; realized = the solid shade, unrealized = the
   SAME color dimmed (the base already does this on the bar via opacity:.32 on
   .seg.unreal). No cross-row color mixing. Core colors are high-contrast on black:
     counsel  = orange  #D4AE50  (var --gold-fill, unchanged)
     advisory = green   #33FF66  (var --forest, unchanged — user-kept)
     upskill  = mC gold #D4AE50  (was sage #45502E — the only change)
     network  = red     #FF4444  (var --terracotta-fill, unchanged — user-kept)
   For any FUTURE category, add teal #4AF6C3 the same way (set --vc + the token).
   The bar segments inherit their row token inline; we set --vc to MATCH so the two
   numbers are two shades of the very same hue the bar shows. */
html.fx-lens[data-fx-base="light"] .veh[data-v="counsel"]{--vc:212,174,80}
html.fx-lens[data-fx-base="light"] .veh[data-v="advisory"]{--vc:51,255,102}
html.fx-lens[data-fx-base="light"] .veh[data-v="upskill"]{--vc:92,200,229;--sage-fill:#5CC8E5;--sage-text:#5CC8E5}
html.fx-lens[data-fx-base="light"] .veh[data-v="network"]{--vc:255,68,68}
/* the realized / unrealized NUMBERS = two shades of the row's one color */
html.fx-lens[data-fx-base="light"] .veh .pr-nums .n-real{color:rgb(var(--vc))}
html.fx-lens[data-fx-base="light"] .veh .pr-nums .n-unreal{color:rgba(var(--vc),.5)}
/* upskill row's icon + its segment on the top allocation bar follow the converting cyan */
html.fx-lens[data-fx-base="light"] .veh[data-v="upskill"] .v-ico{background:rgba(92,200,229,.14);border-color:rgba(92,200,229,.5);color:#5CC8E5}
html.fx-lens[data-fx-base="light"] .deploy-bar .d-upskill{background:#5CC8E5}
/* legend swatch stays a generic neutral (solid = realized · hatch = projected) */
html.fx-lens[data-fx-base="light"] .legend .lg-real{background:#C8C8C8}
/* NOTE: EMCEE avatar stays the shared team photo on EVERY page, lens or not — no
   lens-specific substitution (the earlier A-dot override was reverted 2026-06-13). */
/* range controls → amber instrumentation, but ONLY the global comp/band sliders.
   The per-role allocation sliders adopt their row's core color (below). */
html.fx-lens[data-fx-base="light"] .cal-field input[type=range]{accent-color:#D4AE50}
html.fx-lens[data-fx-base="light"] .veh[data-v="counsel"] input[type=range]{accent-color:#D4AE50}
html.fx-lens[data-fx-base="light"] .veh[data-v="advisory"] input[type=range]{accent-color:#33FF66}
html.fx-lens[data-fx-base="light"] .veh[data-v="upskill"] input[type=range]{accent-color:#5CC8E5}
html.fx-lens[data-fx-base="light"] .veh[data-v="network"] input[type=range]{accent-color:#FF4444}
/* the allocation amount text (“what you put in”) = the row's color, same as the bar + numbers */
html.fx-lens[data-fx-base="light"] .veh .v-amt{color:rgb(var(--vc))}
html.fx-lens[data-fx-base="light"] .veh .v-amt .v-pct{color:rgba(var(--vc),.6)}
/* the conversion-gap trap note */
html.fx-lens[data-fx-base="light"] .trap{background:#1A0F0D;border-color:rgba(255,68,68,.4);color:#C8C8C8;border-radius:0}
html.fx-lens[data-fx-base="light"] .trap strong{color:#FF4444}
/* estimate invite + body — THE CONVERSION/QUOTE CARD (mC selling its offer):
   standout text + shading = mC GOLD (#E7C877 on black / #D4AE50 fills), not generic amber.
   Semantic: where mAInCharacter quotes/sells, gold is the standout. (user-approved 2026-06-13) */
html.fx-lens[data-fx-base="light"] .est-shell,
html.fx-lens[data-fx-base="light"] .est-invite{background:#0A0A0A;border-color:rgba(212,174,80,.4);border-radius:0}
html.fx-lens[data-fx-base="light"] .ei-eyebrow{color:#E7C877}
html.fx-lens[data-fx-base="light"] .ei-h{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .ei-h .accent{color:#E7C877}
html.fx-lens[data-fx-base="light"] .ei-say,
html.fx-lens[data-fx-base="light"] .ei-chips-l{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .ei-cta{color:#000;background:#D4AE50}
html.fx-lens[data-fx-base="light"] .est-invite:hover .ei-cta{background:#E7C877}
/* deploy→estimate handoff CTA — mC gold shading, black text (user-approved 2026-06-13) */
html.fx-lens[data-fx-base="light"] .dp-cta button{color:#000;background:#D4AE50}
html.fx-lens[data-fx-base="light"] .dp-cta button:hover{background:#E7C877}
html.fx-lens[data-fx-base="light"] .ei-chip{background:#15110A;border-color:rgba(212,174,80,.45);color:#E7C877}
html.fx-lens[data-fx-base="light"] .ei-chip b{color:#E7C877}
html.fx-lens[data-fx-base="light"] .est-v{border-color:#1c1c1c}
html.fx-lens[data-fx-base="light"] .ev-ttl{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .ev-ttl span{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .ev-amt{color:#E7C877;font-family:'DM Mono','Consolas',monospace}
html.fx-lens[data-fx-base="light"] .ev-amt small{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .ev-copy{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .ev-copy b{color:#E7C877}
html.fx-lens[data-fx-base="light"] .depth span,
html.fx-lens[data-fx-base="light"] .net-chip,
html.fx-lens[data-fx-base="light"] .up-list li{background:#101010;border-color:#2a2a2a;color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .ul-aiq{color:#E7C877}
html.fx-lens[data-fx-base="light"] .est-close{background:#1a1a1a;border-color:#2a2a2a;color:#C8C8C8;border-radius:0}
html.fx-lens[data-fx-base="light"] .est-close:hover{background:#D4AE50;color:#000}
/* employer read-out */
html.fx-lens[data-fx-base="light"] .emp-divider span,
html.fx-lens[data-fx-base="light"] .emp-stat .es-v{color:#E7C877}
html.fx-lens[data-fx-base="light"] .emp-stat .es-l{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .emp-stat .es-l strong{color:#C8C8C8}
/* band paths cards (gradient-to-#fff) */
html.fx-lens[data-fx-base="light"] .bp-card{background:#101010;border-color:#2a2a2a;border-top-color:#D4AE50;border-radius:0}
html.fx-lens[data-fx-base="light"] .bp-head b{color:#E7C877}
/* close band — re-pin the dark band to terminal black (was --charcoal → light grey under lens) */
html.fx-lens[data-fx-base="light"] .close-band{background:#0A0A0A;border-color:rgba(212,174,80,.5)}
html.fx-lens[data-fx-base="light"] .close-band h3{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .close-band h3 .accent{color:#E7C877}
html.fx-lens[data-fx-base="light"] .close-band p{color:#C8C8C8}
/* gloss tooltip — was var(--charcoal)/var(--ivory) → flips to a light box under the lens; hold it terminal-dark */
html.fx-lens[data-fx-base="light"] .g-tip{background:#0E0E0E;color:#C8C8C8;border-color:rgba(212,174,80,.45)}
html.fx-lens[data-fx-base="light"] .g-tip b,
html.fx-lens[data-fx-base="light"] .g-tip strong{color:#E7C877}
html.fx-lens[data-fx-base="light"] .gloss{border-bottom-color:rgba(212,174,80,.5)}
/* =============================================================
   HOVER TOOLTIPS / POPOVERS — legible on EVERY base (2026-06-15)
   Tooltips with HARD-CODED dark backgrounds kept their dark bg under
   the lens but colored their BODY text with --cream / --ivory, which
   the light & arc bases remap to near-black → invisible body text
   while the amber <b> title stayed visible (the reported mobile
   "hover contrast" bug). The bg is dark on every base, so force a
   light terminal body + amber title universally.
     .nc-tip    — Calculator circuit chips + advisory-depth ticks (#15140F + --cream)
     .gloss-pop — Strategic Intelligence Brief glossary (#16130F + --ivory)
     [data-tip] — Invest in You / Gateway hint tips (--charcoal box → light island) */
html.fx-lens .nc-tip{background:#0B0B0B;border-color:rgba(212,174,80,.4);color:#C8C8C8}
html.fx-lens .nc-tip b{color:#D4AE50}
html.fx-lens .gloss-pop{background:#0B0B0B;border-color:rgba(212,174,80,.5);color:#C8C8C8}
html.fx-lens .gloss-pop b{color:#D4AE50}
html.fx-lens .gloss-pop::after{border-top-color:rgba(212,174,80,.5)}
html.fx-lens [data-tip]:hover::after{background:#0B0B0B;color:#C8C8C8;border:1px solid rgba(212,174,80,.35)}
/* take it with you · self-send PDF gate */
html.fx-lens[data-fx-base="light"] .take-away{border-top-color:#2a2a2a}
html.fx-lens[data-fx-base="light"] .ta-eyebrow{color:#E7C877}
html.fx-lens[data-fx-base="light"] .ta-eyebrow .lv{background:#D4AE50}
html.fx-lens[data-fx-base="light"] .ta-h{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .ta-h .accent{color:#D4AE50}
html.fx-lens[data-fx-base="light"] .ta-say,
html.fx-lens[data-fx-base="light"] .ta-hint,
html.fx-lens[data-fx-base="light"] .ta-req,
html.fx-lens[data-fx-base="light"] .ta-for{color:#9A9A9A}
html.fx-lens[data-fx-base="light"] .ta-label{color:#C8C8C8}
html.fx-lens[data-fx-base="light"] .ta-field input{background:#101010;border-color:#2a2a2a;color:#EDEDED;border-radius:0}
html.fx-lens[data-fx-base="light"] .ta-field input::placeholder{color:#6E6E6E}
html.fx-lens[data-fx-base="light"] .ta-field input:focus{outline-color:#D4AE50;border-color:#D4AE50}
html.fx-lens[data-fx-base="light"] .ta-field input.valid{border-color:#33FF66}
html.fx-lens[data-fx-base="light"] .ta-field input.invalid{border-color:#FF4444}
html.fx-lens[data-fx-base="light"] .ta-field button,
html.fx-lens[data-fx-base="light"] .ta-generate{background:#D4AE50;border-color:#D4AE50;color:#000;border-radius:0}
html.fx-lens[data-fx-base="light"] .ta-field button:hover,
html.fx-lens[data-fx-base="light"] .ta-generate:hover{background:#E7C877}
html.fx-lens[data-fx-base="light"] .ta-status.err{color:#EDEDED}/* lens: keep the LinkedIn-gate prompt white, not risk-red (user 2026-06-15) */
html.fx-lens[data-fx-base="light"] .ta-status.ok{color:#33FF66}
/* compounding-climb SUMMIT ring → Live Green under the lens — it marks a
   positive achievement / upside (reaching generational wealth), so it reads
   green, not the default amber stroke-remap (user 2026-06-15). Higher
   specificity than the dominant [stroke="#C3A469"] rule so it wins. */
html.fx-lens .ci-mark .cim-ring{stroke:#33FF66 !important}
/* the summit smiley face (the achievement node) goes green too — same positive-upside reason;
   its dark .cim-smile features stay, so it still reads as a happy face (user 2026-06-15) */
html.fx-lens .ci-mark .cim-ball{fill:#33FF66 !important}
/* the climb's MILESTONE nodes are realized markers → House Gold, not amber.
   One node is hard-coded fill="#C3A469", which the dominant [fill] rule below
   flips to amber and breaks the gold ramp. Re-pin the climb nodes to House
   Gold (#D4AE50) — higher specificity than the dominant rule so it wins.
   (Apex ring + happy-face stay Live Green above.) (user 2026-06-15) */
html.fx-lens .ci-mark .cim-node circle[fill="#C3A469"]{fill:#D4AE50 !important}

/* =============================================================
   KNOWLEDGE WORKER DOWNSTREAM — enroll segment cards (2026-06-13)
   The .seg cards hard-code #fff → white islands under the lens.
   Text already resolves to light tokens; only the surface needs flipping.
   Accents (--org steel / --biz gold) are set in the light-base token block.
   ============================================================= */
html.fx-lens[data-fx-base="light"] .seg{background:#101010}
html.fx-lens[data-fx-base="light"] .seg h4{color:#EDEDED}
html.fx-lens[data-fx-base="light"] .seg .pressure{color:#C8C8C8}

/* =============================================================
   DOMINANT TERMINAL LAYER (2026-06-12)
   The lens must WIN over any page's :root tokens — current and
   future intelligence pieces — without per-page patching. Gold
   tokens are re-pinned with !important (some pages' :root was
   out-ranking the base remap), headlines go mono-terminal, and
   the page floor is forced black. This is the "dominant" lens.
   ============================================================= */
html.fx-lens[data-fx-base]{
  --gold-fill:#FF8800 !important; --gold-bright:#FFAA33 !important;
  --gold-text:#FFAA33 !important; --gold-soft:rgba(255,136,0,0.10) !important;
}
html.fx-lens body{background:#000 !important;color:#D3D3D3}
/* mono terminal headlines — true Bloomberg feel (serif → mono) */
html.fx-lens h1,html.fx-lens h2,html.fx-lens h3,html.fx-lens h4,
html.fx-lens .sb-h2,html.fx-lens .hero h1,html.fx-lens .exec-summary h2,
html.fx-lens .section-header h2,html.fx-lens .pitch-container h3{
  font-family:'DM Mono','Consolas',monospace !important;font-weight:500;letter-spacing:-.2px;line-height:1.18}
/* italic serif accent fragments inside headlines → terminal amber, upright */
html.fx-lens h1 .accent,html.fx-lens h2 .accent,html.fx-lens h3 .accent,
html.fx-lens .accent{color:#FF8800 !important;font-style:normal !important}
/* hard-coded warm-gold strokes/fills in inline SVG (diagrams, arrows) → amber */
html.fx-lens [stroke="#C3A469"]{stroke:#FF8800 !important}
html.fx-lens [fill="#C3A469"]{fill:#FF8800 !important}
html.fx-lens [stroke="#E7C877"]{stroke:#FFAA33 !important}
html.fx-lens [fill="#E7C877"]{fill:#FFAA33 !important}
/* photos → subtle amber/grayscale terminal grade */
html.fx-lens img:not([src*="emblem"]):not(.td-av):not([src*="logo"]){
  filter:grayscale(.55) sepia(.28) saturate(1.05) brightness(.92) contrast(1.05)}
/* tabular, right-aligned numerics in data tables */
html.fx-lens table{font-feature-settings:"tnum" 1,"lnum" 1}
/* filled accent tags/pills carry BLACK ink for contrast (outline tags stay light).
   The recommended/green/amber-filled option tags were inheriting light text. */
html.fx-lens .opt.recommended .opt-tag,
html.fx-lens .opt-b .opt-tag,
html.fx-lens .opt-c .opt-tag,
html.fx-lens .badge,
html.fx-lens .feature-flag,
html.fx-lens .np-pill.solid,
html.fx-lens .cta-button,
html.fx-lens .sh-cross{color:#000 !important}

/* Career Arc · expanded pathway-detail cards were hard-coded white/cream —
   flip to terminal panels with light text so they're legible under the lens. */
html.fx-lens[data-fx-base="arc"] .pathway-copy-card,
html.fx-lens[data-fx-base="arc"] .leader-lens{background:#101010 !important;border:1px solid #2a2a2a !important;border-radius:0;--ivory:#EDEDED;--cream:#C8C8C8;--charcoal:#D3D3D3}
html.fx-lens[data-fx-base="arc"] .pathway-copy-card p,
html.fx-lens[data-fx-base="arc"] .leader-lens p{color:#C8C8C8 !important}
html.fx-lens[data-fx-base="arc"] .leader-lens h4{color:#EDEDED !important}
html.fx-lens[data-fx-base="arc"] .best-fit{color:#9CAF6E !important}
html.fx-lens[data-fx-base="arc"] .route-chip{background:#1A1408 !important;color:#E7C877 !important;border:1px solid rgba(212,174,80,.4) !important}
html.fx-lens[data-fx-base="arc"] .resolution{background:rgba(51,255,102,.12) !important;color:#33FF66 !important;border:1px solid rgba(51,255,102,.4) !important}
html.fx-lens[data-fx-base="arc"] .pathway-detail .pill{background:#1A1408 !important;color:#E7C877 !important}

/* =============================================================
   mC OFFERING GOLD — preserved under the Signal-Amber lens (2026-06-17)
   The lens primary is Signal Amber (#FF8800 / #FFAA33 / #B35500). Two
   surfaces stay HOUSE GOLD because they ARE direct mC offerings:
     • the Career Arc subpage  (html[data-fx-base="arc"])
     • the whole Career Investment Calculator (html[data-fx-page="calc"])
   Re-pin their gold tokens + brand-SVG stroke remap so they out-rank the
   dominant amber layer (equal specificity — these come later in source).
   ============================================================= */
html.fx-lens[data-fx-page="calc"]{--gold-fill:#D4AE50 !important;--gold-bright:#E7C877 !important;--gold-text:#E7C877 !important;--gold-soft:rgba(212,174,80,0.10) !important}
html.fx-lens[data-fx-base="arc"] [stroke="#C3A469"]{stroke:#D4AE50 !important}
html.fx-lens[data-fx-base="arc"] [fill="#C3A469"]{fill:#D4AE50 !important}
html.fx-lens[data-fx-base="arc"] [stroke="#E7C877"]{stroke:#E7C877 !important}
html.fx-lens[data-fx-base="arc"] [fill="#E7C877"]{fill:#E7C877 !important}
html.fx-lens[data-fx-page="calc"] [stroke="#C3A469"]{stroke:#D4AE50 !important}
html.fx-lens[data-fx-page="calc"] [fill="#C3A469"]{fill:#D4AE50 !important}
html.fx-lens[data-fx-page="calc"] [stroke="#E7C877"]{stroke:#E7C877 !important}
html.fx-lens[data-fx-page="calc"] [fill="#E7C877"]{fill:#E7C877 !important}


@media(max-width:420px){.hero-meta .mi{flex:1 1 100%}.mi-txt strong{white-space:normal}}/*t4*/

/* ── hero signal field — the intelligence desk reading the knowledge-worker economy ── */
.hero-fx{position:absolute;top:0;right:0;bottom:0;width:48%;max-width:760px;z-index:1;pointer-events:none}
.hero-fx canvas{width:100%;height:100%;display:block}
@media(max-width:1024px){.hero-fx{display:none}}


/* The Blog — placeholder dispatches (in preparation) */
.blog-intro{font-family:var(--font-display);font-size:clamp(1.05rem,1.7vw,1.32rem);line-height:1.5;color:var(--ink);max-width:60ch;margin:-4px 0 6px}
.card--draft{cursor:default}
.card--draft:hover{border-color:var(--hairline);box-shadow:none}
.card--draft .gfx{display:grid;place-items:center}
.draft-flag{position:absolute;top:14px;left:16px;z-index:3;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--hairline);border-radius:999px;padding:4px 10px;background:rgba(11,11,10,.5)}
.draftline{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
.draftline .dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);flex:0 0 auto}

/* [mc-fx-clear] */

/* [FX CLEAR 2026-07-25] Founder: the Privacy choices pill collides with the FinExp lens pill in
   every instance of the lens. Self-scoping: on any page where the lens pill exists, the consent
   pill steps above it; elsewhere this rule is inert. The pill also idles whisper-quiet everywhere
   for consistency, at full strength on hover/keyboard focus. 44px target unchanged. */
body:has(#fxPillWrap) #mc-consent-bridge-open{ bottom:78px !important; }
#mc-consent-bridge-open{ opacity:.25; transition:opacity .3s ease; }
#mc-consent-bridge-open:hover, #mc-consent-bridge-open:focus-visible{ opacity:1; }

/* [mc-consent-style] */

/* [CONSENT BAR 2026-07-25] Founder: world-class formatting. The bar becomes a considered
   object: charcoal surface matching the navigation, hairline gold rule, ivory text at a
   readable measure, and the two consent choices as an IDENTICAL pair (D-011 equal prominence
   is layout law here, not styling taste). The disclosure link is quiet by design. 44px
   targets throughout. */
#mc-consent-bridge-root [class*="mccb-bar"]{
  background:rgba(11,11,10,.9) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.05); backdrop-filter:blur(18px) saturate(1.05);
  border-top:1px solid rgba(195,164,105,.45) !important;
  box-shadow:0 -14px 44px rgba(0,0,0,.35) !important;
}
/* [mc-consent-bar-nofilter 2026-07-27 · founder] The selector above is a SUBSTRING match, so it also
   catches the inner .mccb-bar-text. Its background is reset to transparent further down,
   but its filter is not — leaving a backdrop-filter nested inside a parent with the same
   filter. That re-blurs an already-blurred backdrop and paints a flat dark rectangle the
   exact size of the disclosure text. The bar keeps its own frosted shading; only the
   inner block loses the filter.

   THE SELECTOR IS DELIBERATELY MORE SPECIFIC THAN IT LOOKS. A plain
   `#mc-consent-bridge-root .mccb-bar-text` has the SAME specificity as the rule above
   (one id, one class/attr), so source order would decide — and there is a SECOND
   [class*="mccb-bar"] rule later in the sheet, inside @media (max-width:820px), which
   re-applies blur(22px). That later rule would win below 821px and the rectangle would
   survive on phones while looking fixed on desktop. Matching through the ancestor adds a
   second class/attr, so this wins at every width regardless of order. */
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-bar-text{
  -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-inner{
  display:flex; flex-wrap:wrap; align-items:center; gap:14px 28px;
  max-width:1220px; margin:0 auto; padding:15px 24px !important;
}
#mc-consent-bridge-root [class*="mccb-bar"] *:not(button){ background:transparent !important; }
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-p{
  flex:1 1 40ch; margin:0 !important; background:transparent !important;
  font-size:13.5px !important; line-height:1.6 !important;
  color:rgba(250,248,243,.92) !important; max-width:64ch;
}
#mc-consent-bridge-root [class*="mccb-bar"] .mccb-actions{
  display:flex; align-items:center; gap:12px; margin:0 !important; flex-wrap:wrap;
}
#mc-consent-bridge-root .mccb-btn-choice{
  font-family:"DM Mono",ui-monospace,monospace !important; font-size:11px !important;
  letter-spacing:.12em !important; text-transform:uppercase !important;
  color:#F8F5EC !important; background:transparent !important;
  border:1px solid rgba(195,164,105,.65) !important; border-radius:999px !important;
  padding:12px 22px !important; min-height:44px; cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
#mc-consent-bridge-root .mccb-btn-choice:hover{
  background:rgba(195,164,105,.16) !important; border-color:#C3A469 !important;
}
#mc-consent-bridge-root .mccb-btn-choice:focus-visible{
  outline:1px solid #C3A469 !important; outline-offset:3px;
}
#mc-consent-bridge-root .mccb-btn-quiet{
  font-family:"DM Mono",ui-monospace,monospace !important; font-size:11px !important;
  letter-spacing:.08em !important; color:rgba(250,248,243,.6) !important;
  background:none !important; border:none !important; min-height:44px; cursor:pointer;
  text-decoration:underline; text-underline-offset:3px;
}
#mc-consent-bridge-root .mccb-btn-quiet:hover{ color:#E7C877 !important; }
/* the expanded disclosure: readable ivory sheet, capped, never a full-page takeover */
#mc-consent-bridge-root [class*="mccb-panel"]{
  background:rgba(248,245,236,.96) !important;
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  max-height:62svh !important; overflow-y:auto !important;
  border-radius:14px 14px 0 0 !important;
  border-top:1px solid rgba(195,164,105,.5) !important;
  box-shadow:0 -18px 50px rgba(0,0,0,.3) !important;
}
@media (max-width:820px){
  #mc-consent-bridge-root [class*="mccb-bar"] .mccb-inner{ flex-direction:column; align-items:stretch; gap:12px; padding:14px 16px !important; }
  #mc-consent-bridge-root [class*="mccb-bar"] .mccb-actions{ width:100%; }
  #mc-consent-bridge-root .mccb-btn-choice{ flex:1 1 auto; text-align:center; }
}

/* [mc-consent-panel-fix] */

/* [CONSENT PANEL 2026-07-26 · GLS-027] The reopened Privacy choices panel was painted
   rgba(248,245,236,.96) — cream — while its two choice buttons carry #F8F5EC, ivory.
   That is about 1.05:1: the buttons rendered as empty outlined pills and the visitor
   could not read their own privacy options. Measured at 390x844 AND 1440x900, so this
   was never mobile-only. Consent has to be informed; a choice nobody can read is not a
   choice, and D-011 equal prominence means nothing when neither option is legible.
   The panel now shares the bar's charcoal surface so the whole consent surface reads as
   one object. Presentation only — semantics, taxonomy, GA4 ID, storage key, 180-day
   validity and control behaviour are all unchanged. */
#mc-consent-bridge-root [class*="mccb-panel"]{
  background:rgba(11,11,10,.965) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.02); backdrop-filter:blur(18px) saturate(1.02);
  color:#F8F5EC !important;
  border-top:1px solid rgba(195,164,105,.45) !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] *:not(button){
  background:transparent !important; color:rgba(250,248,243,.9) !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] a{ color:#D4AE50 !important; }
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-choice{
  color:#F8F5EC !important; background:transparent !important;
  border:1px solid rgba(195,164,105,.65) !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-choice:hover,
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-choice:focus-visible{
  background:rgba(195,164,105,.16) !important; border-color:#C3A469 !important;
}
#mc-consent-bridge-root [class*="mccb-panel"] .mccb-btn-quiet{ color:rgba(250,248,243,.7) !important; }
/* The post-choice status strip belongs to the same surface. */
#mc-consent-bridge-root .mccb-status{
  background:rgba(11,11,10,.965) !important; color:rgba(250,248,243,.92) !important;
  border-top:1px solid rgba(195,164,105,.45) !important;
}

/* [mc-phone-perf] */

/* [PHONE PERFORMANCE 2026-07-26 · GLS-030] Measured, not guessed: 10 backdrop-blur
   elements, 88 box-shadows and 1861 nodes, with the expanders animating max-height.
   Duration was never the cost — per-frame blur and per-frame layout were. Phone only. */
@media (max-width: 820px) {
  /* 1 — backdrop blur re-samples everything behind it on every frame. On the dark
     surfaces it is used on, a solid tone is visually near-identical and costs nothing. */
  /* BLANKET, on the founder's instruction to get blur as close to zero as possible
     on every page. An audit of all 17 pages at 390px found 24 blurred elements, 18 of
     them visible, and the dominant source was a STICKY header carrying blur(8px) on
     nine pages — the worst possible case, because a sticky element re-blurs everything
     behind it on every scroll frame. Safe to remove wholesale: every blurred surface
     was already painted at 50-92% opacity, so none of them relied on blur to be
     legible. The density bump below simply stops them reading thin without it. */
  * {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .site-head, .site-header, .topbar {
    background-color: rgba(11,11,10,.97) !important;
  }
  .nav-scrim, #overlay { background-color: rgba(0,0,0,.72) !important; }
  .mc-pr-chev, .cp-chev { background-color: rgba(11,11,10,.82) !important; }

  /* [LOGO GOLD 2026-07-26 · GLS-037] Founder: the logo gold reads duller on phone and
     should be the brighter gold. Measured before changing anything: the ASSET is fine —
     its mean gold is #C4A469, and the founder's own reference file is actually DARKER at
     #B59962, so swapping the file would have made it worse. Nothing dims it either: no
     filter, no opacity, no blend on the element or its parent.
     The real cause is downscaling. The logo is 520px wide natively and renders at 120px
     on a phone — a 4.3x reduction — against 220px on desktop. At that reduction the thin
     letterforms are averaged with the dark gaps between them, which drags the perceived
     gold toward the background and reads as dull. Desktop is wide enough to hold up.
     So this is a compensation, not a recolour: a small brightness and saturation lift on
     phone only, which restores the gold the eye expects without touching the artwork or
     adding an asset. Reversible in one line. */
  .journey-header .brand-logo,
  .site-head .brand-logo, .site-header .brand-logo {
    filter: brightness(1.30) saturate(1.22) !important;   /* [2026-07-26] founder: still slightly dull at 1.16 — lifted again */
  }

  /* [CONSIDER POPOVER 2026-07-26 · GLS-031] Founder: pressing Consider brings nothing
     in, or comes in badly lagged, while Details works. The control fires correctly —
     an earlier reading that it did not was taken from a zero-size hidden instance and
     was wrong. Two real faults in the popover it reveals:
     1. It transitions VISIBILITY over .25s. Visibility is a discrete property, so it
        does not flip until halfway through — the panel is still invisible while it is
        supposedly fading in, which reads exactly like "it didn't open".
     2. The popover is position:absolute inset:0 over the card, so on a short phone
        card its question list can exceed the card and there is no way to reach it.
     Reveal is now immediate and the content can scroll within the card. */
  .pathways .profile-card .pc-pop {
    transition: opacity .12s ease !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .pathways .profile-card.is-asking .pc-pop {
    opacity: 1 !important; visibility: visible !important; transform: none !important;
  }
  /* the trigger needs a real tap target; it was rendering at zero size when collapsed */
  .pathways .profile-card .pc-ask {
    min-height: 44px !important; min-width: 44px !important;
    display: inline-flex !important; align-items: center; justify-content: center;
  }

  /* 2 — animating max-height re-runs layout every frame. Snap it instead; the panel
     still opens and closes, it just stops paying for a layout pass per frame. */
  .cp-record, #htLedger .ht-body, [class*="pc-"] [class*="body"],
  [aria-expanded] + *, details > *:not(summary) {
    transition-duration: .01s !important;
  }

  /* 3 — trim the animation surface generally, while KEEPING every interaction.
     Opacity and transform are compositor-only and stay expressive; height, filter,
     box-shadow and backdrop-filter are the ones that cost layout or repaint. */
  * {
    transition-property: opacity, transform, color, background-color, border-color !important;
    transition-duration: .12s !important;
  }

  /* 4 — soft shadows repaint with the element they sit on. Keep depth, cut the blur radius. */
  .core-card, .pc-card, [class*="pf-"], .founder-bubble, .ci-card {
    box-shadow: 0 6px 18px rgba(0,0,0,.28) !important;
  }

  /* Anyone who has asked for less motion gets none of it at all. */
  @media (prefers-reduced-motion: reduce) {
    * { transition-duration: .01s !important; animation-duration: .01s !important; }
  }
}

/* [mc-press-overlap] */

/* [PRESS STATE + OVERLAP 2026-07-26 · GLS-033/034] Phone only. */
@media (max-width: 820px) {
  /* --- 1. no gold flood on press: gold type on a gradient, as already proven on the nav icons --- */
  .bf-tab.is-on,
  .nav-burger:active, .nav-burger[aria-expanded="true"],
  .nd-login:active,
  .journey-header .nav-right .client-vault:active,
  .splash-cta:active,
  #labels-toggle[aria-pressed="true"] {
    background: linear-gradient(135deg, rgba(11,11,10,.97) 0%, rgba(58,47,26,.97) 50%, rgba(11,11,10,.97) 100%) !important;
    color: #D4AE50 !important;
    border-color: #C3A469 !important;
    box-shadow: 0 0 0 1px rgba(195,164,105,.30), 0 6px 18px rgba(0,0,0,.45) !important;
  }
  .bf-tab.is-on svg, .nav-burger:active svg, .nav-burger[aria-expanded="true"] svg,
  .nd-login:active svg, .journey-header .nav-right .client-vault:active svg,
  .splash-cta:active svg, #labels-toggle[aria-pressed="true"] svg {
    stroke: #D4AE50 !important; color: #D4AE50 !important; opacity: 1 !important;
  }
  .bf-tab.is-on svg circle, .nav-burger[aria-expanded="true"] svg circle {
    fill: #D4AE50 !important;
  }
  /* the founder tabs carried a heavier weight to compensate for the dark-on-gold
     treatment; on gold-on-dark it is no longer needed and reads cleaner without it */
  .bf-tab.is-on { font-weight: 500 !important; }

  /* --- 2. the consent notice steps aside while a pop-out is open --- */
  html[data-mc-popout] #mc-consent-bridge-root [class*="mccb-bar"],
  html[data-mc-popout] #mc-consent-bridge-root .mccb-status,
  html[data-mc-popout] #mc-consent-bridge-open {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .12s ease !important;
  }
}

/* [mc-np-conn] */

/* [STEP ARROW 2026-07-26 · GLS-041] Founder: in "Your next step" the mC arrows point the
   wrong way on phone, carrying the desktop format over. Correct — .next-path-flow lays the
   step cards side by side on desktop, so .np-conn is drawn as a horizontal arrow. On a phone
   the cards stack vertically and that same arrow still points RIGHT, into the margin, telling
   the reader to look somewhere nothing is. Rotated to follow the actual reading direction, and
   given a little vertical room so it reads as a link between two stacked cards rather than a
   stray mark. The artwork is untouched — only its orientation. */
@media (max-width: 820px) {
  .next-path-flow .np-conn {
    display: block;
    transform: rotate(90deg);
    transform-origin: center;
    margin: .1rem auto;
    width: 44px;
  }
  .next-path-flow { align-items: center; }
}

/* [mc-header-unify] */

/* [HEADER UNIFY 2026-07-27 · GLS-043] One header treatment across the site:
   homepage gradient shading, outline nav pills (no solid-gold fill), and
   career-arc's edge-aware rail vignette. SCHEDULE keeps its gold fill.
   Skipped under the FIN-EXPERT lens (html.fx-lens), which owns its own look. */

/* [ALL WIDTHS · founder decision 2026-07-27 "outline it everywhere"] The Home and
   cross-page pills were painted solid gold by their own page rules
   (.sh-home{background:var(--gold-fill)}). Converging on the gateway header means
   one outline treatment on desktop as well as phone. The SCHEDULE CTA lives in
   .sh-cta, outside these selectors, and keeps its deliberate gold fill. */
html:not(.fx-lens) .site-head nav a.sh-home,
html:not(.fx-lens) .site-head nav a.sh-cross,
html:not(.fx-lens) .site-header .nav-links a.sh-cross {
  background: transparent !important;
  background-image: none !important;
  color: #C3A469 !important;
  border: 1px solid rgba(195,164,105,.40) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html:not(.fx-lens) .site-head nav a.sh-home:hover,
html:not(.fx-lens) .site-head nav a.sh-cross:hover,
html:not(.fx-lens) .site-header .nav-links a.sh-cross:hover {
  background: rgba(195,164,105,.14) !important;
  border-color: rgba(195,164,105,.7) !important;
  color: #D4AE50 !important;
}

@media (max-width: 820px) {
  html:not(.fx-lens) .site-head,
  html:not(.fx-lens) .site-header {
    background-image: linear-gradient(90deg, rgba(15,15,14,.94) 0%, rgba(26,22,13,.94) 52%, rgba(15,15,14,.94) 100%) !important;
  }
  /* nav pills → gold outline, no fill. Was background:var(--gold-fill) on
     .sh-home / .sh-cross. CTA (.sh-cta-talk) and login live outside these. */
  html:not(.fx-lens) .site-head nav a.sh-home,
  html:not(.fx-lens) .site-head nav a.sh-cross,
  html:not(.fx-lens) .site-head nav a.nv-page,
  html:not(.fx-lens) .site-header .nav-links a.nv-page,
  html:not(.fx-lens) .site-header .nav-links a.sh-cross {
    background: transparent !important;
    background-image: none !important;
    color: #D4AE50 !important;   /* explicit — --gold-soft is a faint tint on some pages */
    border: 1px solid rgba(195,164,105,.40) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }
  html:not(.fx-lens) .site-head nav a.active { color: #C3A469 !important; }

  /* edge-aware rail vignette — JS sets data-mcedge on the scrolling rail. */
  html:not(.fx-lens) .site-head nav[data-mcedge="both"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="both"] {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%) !important;
            mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%) !important;
  }
  html:not(.fx-lens) .site-head nav[data-mcedge="start"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="start"] {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%) !important;
            mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%) !important;
  }
  html:not(.fx-lens) .site-head nav[data-mcedge="end"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="end"] {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 100%) !important;
            mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 100%) !important;
  }
  html:not(.fx-lens) .site-head nav[data-mcedge="none"],
  html:not(.fx-lens) .site-header .nav-links[data-mcedge="none"] {
    -webkit-mask-image: none !important; mask-image: none !important;
  }
}

/* [mc-splash-homepage-only] */

/* [SPLASH HOMEPAGE-ONLY 2026-07-27 · founder instruction] This page is NOT the homepage, so it
   must never show a loading backsplash at any width. The previous rule only hid the overlay
   after the first page of a session, and only below 821px, which is why landing directly on an
   inner page showed it. Unconditional here. */
#__bundler_thumbnail { display: none !important; }