/* 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: 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;
}


:root{
  --charcoal:#0B0B0A;--ivory:#F8F5EC;--cream:#EFE4C8;
  --forest:#173327;--forest-deep:#0F2419;--border:#D6CFC4;
  --gold-fill:#C3A469;--gold-text:#7A6018;
  --taupe-fill:#ADA393;--taupe-text:#6B5F4D;
  --sage-fill:#7D8C6B;--sage-text:#4A5A38;
  --terracotta-fill:#B85C38;--terracotta-text:#9E4A2B;
  --gold-soft:rgba(195,164,105,0.14);
  --paper:#fff;
  --zone-elev:#C77A33;--zone-high:#9E3326;
  --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;
  --shadow-card:0 1px 2px rgba(11,11,10,0.05);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--charcoal);font-family:var(--font-sans);line-height:1.65;font-size:15.5px;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"lnum" 1}
.diplomatic-rule{position:fixed;top:0;left:0;right:0;height:4px;z-index:120;background:linear-gradient(90deg,var(--gold-fill) 0%,var(--sage-fill) 52%,var(--forest) 100%)}
.wrap{max-width:1020px;margin:0 auto;padding:30px 24px 60px}
a{color:var(--forest);text-decoration:none}
:focus-visible{outline:2px solid var(--gold-fill);outline-offset:2px;border-radius:2px}

/* ── STICKY SLIM HEADER (intelligence standard) ── */
.site-head{position:fixed;top:4px;left:0;right:0;z-index:110;background:rgba(11,11,10,0.92);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(195,164,105,.2);transform:translateY(-130%);transition:transform .38s cubic-bezier(.4,0,.2,1)}
.site-head.show{transform:translateY(0)}
.site-head .sh-inner{max-width:1120px;margin:0 auto;padding:10px 28px;display:flex;align-items:center;gap:22px}
.site-head .sh-logo{flex-shrink:0;display:flex;align-items:center}
.site-head .sh-logo svg{width:118px;height:auto;color:var(--gold-fill);display:block}
.site-head nav{display:flex;gap:2px;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.5px;text-transform:uppercase;color:var(--cream);padding:6px 10px;border-radius:3px;transition:color .2s,background .2s}
.site-head nav a:hover{color:var(--gold-fill);background:rgba(195,164,105,0.08)}
.site-head nav a.sh-cross{color:var(--charcoal);background:var(--gold-fill);font-weight:700;margin-left:8px}
.site-head nav a.sh-cross:hover{background:var(--gold-fill);color:var(--charcoal);opacity:.88}
.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:var(--font-mono);font-size:8.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:500;color:var(--gold-fill);border:1px solid rgba(195,164,105,.5);border-radius:999px;padding:5px 12px;transition:background .2s,color .2s}
.sh-cta a:hover{background:var(--gold-fill);color:var(--charcoal)}
.sh-cta svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ── 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)}
}
.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}
}
@media (pointer:coarse){.site-head nav a{padding-top:10px;padding-bottom:10px}}

/* ── HERO ── */
.hero{background:radial-gradient(120% 90% at 80% 6%,rgba(195,164,105,0.10),transparent 60%),var(--charcoal);color:var(--ivory);padding:54px 24px 40px;margin-top:4px}
.hero-inner{max-width:1020px;margin:0 auto}
.hero .hero-logo{margin-bottom:26px}
.hero .hero-logo .mc-lockup{width:200px;max-width:52%;height:auto;display:block;color:var(--gold-fill);filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.hero .label{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--gold-fill);text-transform:uppercase;margin-bottom:14px}
.hero h1{font-family:var(--font-display);font-size:clamp(28px,4.6vw,38px);line-height:1.14;font-weight:600;letter-spacing:-0.4px;color:var(--ivory);margin-bottom:14px;max-width:760px;text-wrap:balance}
.hero h1 .accent{color:var(--gold-fill);font-style:italic}
.hero .sub{font-size:15px;color:var(--cream);max-width:740px;line-height:1.65;font-weight:300}
.mock-flag{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:#D8C9A4;border:1px dashed rgba(195,164,105,.55);border-radius:999px;padding:5px 12px}
.mock-flag svg{width:12px;height:12px;flex:none;stroke:var(--gold-fill)}

/* ── PANELS ── */
.panel{background:var(--paper);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:24px 26px;margin-top:26px}
.p-head{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.p-num{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--gold-text);font-weight:700;text-transform:uppercase}
.p-head h2{font-family:var(--font-display);font-size:23px;font-weight:600;letter-spacing:-0.2px}
.p-intro{font-size:13px;color:var(--taupe-text);line-height:1.65;font-weight:300;max-width:760px;margin-bottom:16px}

/* ── 01 POSITION · calibrate ── */
.cal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 36px;align-items:start}
.cal-field label{display:flex;align-items:center;font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--taupe-text);margin-bottom:8px;min-height:20px}
.cal-field input[type="range"]{width:100%;accent-color:var(--gold-fill);cursor:pointer;min-height:32px}
.cal-read{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--gold-text);margin-top:2px}
.budget-band{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--gold-soft);border:1px dashed var(--gold-fill);border-radius:6px;padding:14px 18px;margin-top:4px}
.budget-band .bb-l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-text);font-weight:700}
.budget-band .bb-v{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--charcoal)}
.budget-band .bb-m{font-family:var(--font-mono);font-size:11px;color:var(--gold-fill)}
/* shared scale strip — comp + band columns stay in lockstep */
.scale-strip{display:flex;margin-top:9px;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;overflow:hidden;border:1px solid var(--border)}
.scale-strip span{padding:4px 5px;text-align:center;color:#5a5145;white-space:nowrap;line-height:1.3;transition:background .25s,box-shadow .25s}
.bs-disc{flex:0 0 36%;background:rgba(195,164,105,.22)}
.bs-elev{flex:0 0 45%;background:rgba(199,122,51,.20)}
.bs-high{flex:0 0 19%;background:rgba(178,59,46,.22)}
.cs-zone{background:var(--ivory)}
.cs-1{flex:0 0 19%}.cs-2{flex:0 0 25%}.cs-3{flex:0 0 38%}.cs-4{flex:0 0 12%}
.cs-beyond{flex:1 1 auto;background:rgba(195,164,105,.34);color:var(--gold-text);font-weight:500}
.cs-beyond.on{background:var(--gold-fill);color:var(--charcoal);box-shadow:inset 0 0 0 1.5px var(--gold-text)}
.scale-strip span.on{box-shadow:inset 0 0 0 1.5px var(--gold-text);font-weight:500;color:var(--charcoal)}
.scale-strip span.cs-zone.on{background:rgba(195,164,105,.26)}
.cal-read.beyond{color:var(--gold-text);font-style:normal}
.cal-read.beyond::after{content:' \00b7 BEYOND THE LADDER';font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;vertical-align:2px;color:var(--gold-text)}
/* ── two dials · manual-entry boxes + variable-increment steppers ── */
.dial-field{display:flex;flex-direction:column}
.dial-range{width:100%;margin:5px 0 11px;min-height:26px;accent-color:var(--gold-fill);cursor:pointer}
/* popup dials — manual + steppers, two-way bound to the base controls */
.pp-dials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.pp-dial{display:flex;flex-direction:column;gap:5px}
.pp-dl{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-text)}
.pp-dctl{display:flex;align-items:stretch;height:44px;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}
.pp-dctl:focus-within{border-color:var(--gold-fill);box-shadow:0 0 0 3px rgba(195,164,105,.14)}
.pp-dctl input{flex:1 1 auto;min-width:0;width:100%;border:0;background:transparent;text-align:center;font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--gold-text);padding:0 4px}
.pp-dctl input:focus{outline:none}
.pp-dctl button{flex:0 0 auto;width:34px;border:0;background:var(--ivory);color:var(--gold-text);font-family:var(--font-mono);font-size:18px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pp-dctl button:first-child{border-right:1px solid var(--border)}
.pp-dctl button:last-child{border-left:1px solid var(--border)}
.pp-dctl button:hover{background:var(--gold-soft);color:var(--charcoal)}
.pp-dctl button:active{background:var(--gold-fill);color:var(--charcoal)}
.dial-control{display:flex;align-items:stretch;height:64px;margin-top:2px;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.dial-control:focus-within{border-color:var(--gold-fill);box-shadow:0 0 0 3px rgba(195,164,105,.16)}
.dial-box{flex:1 1 auto;display:flex;align-items:center;min-width:0}
.dial-input{width:100%;border:0;background:transparent;font-family:var(--font-mono);font-size:25px;font-weight:600;color:var(--gold-text);padding:0 16px;letter-spacing:.01em;min-width:0}
.dial-input::-webkit-outer-spin-button,.dial-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dial-input:focus{outline:none}
.dial-input.warn{color:#A85F22}
.dial-input.alert{color:var(--zone-high)}
.dial-input.beyond{color:var(--gold-text)}
.dial-step{flex:0 0 auto;width:56px;border:0;background:var(--ivory);color:var(--gold-text);font-family:var(--font-mono);font-size:25px;font-weight:300;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .16s,color .16s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}
.dial-step:hover{background:var(--gold-soft);color:var(--charcoal)}
.dial-step:active{background:var(--gold-fill);color:var(--charcoal)}
.dial-step:focus-visible{outline:2px solid var(--gold-text);outline-offset:-3px}
.ds-minus{border-right:1px solid var(--border)}
.ds-plus{border-left:1px solid var(--border)}
.band-control .dial-stack{flex:0 0 auto;display:flex;flex-direction:column;width:56px;border-left:1px solid var(--border)}
.dial-stack .dial-step{width:100%;flex:1 1 0;height:auto;font-size:18px}
.dial-stack .ds-up{border-bottom:1px solid var(--border)}
.dial-canon{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0;pointer-events:none}
/* gold CTA → next stage */
.dial-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px 22px;flex-wrap:wrap;margin-top:4px;padding-top:16px;border-top:1px dashed var(--border)}
.dial-cta .dc-copy{display:flex;flex-direction:column;gap:3px;min-width:200px}
.dial-cta .dc-k{font-family:var(--font-mono);font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:var(--gold-text);font-weight:500}
.dial-cta .dc-sub{font-family:var(--font-display);font-style:italic;font-size:17px;line-height:1.2;color:var(--charcoal)}
.dial-cta .dc-btn{position:relative;display:inline-flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;color:#1d1810;background:var(--gold-fill);border:0;border-radius:999px;padding:6px 7px 6px 24px;cursor:pointer;overflow:hidden;transition:background .25s,box-shadow .3s,transform .25s;white-space:nowrap}
.dial-cta .dc-btn:hover{background:#E7C877;box-shadow:0 16px 34px -16px rgba(195,164,105,.95);transform:translateY(-1px)}
.dial-cta .dc-btn:active{transform:translateY(0)}
.dial-cta .dc-btn:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}
.dc-label{position:relative;z-index:2}
.mc-cap{position:relative;z-index:2;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#1d1810;display:grid;place-items:center;overflow:hidden}
.mc-cap svg{grid-area:1/1;color:var(--gold-fill);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .42s cubic-bezier(.65,.05,.1,1)}
.mc-cap .ball{fill:currentColor;stroke:none}
.mc-cap:not(.mc-right) svg{width:13px;height:22px}
.mc-cap:not(.mc-right) .a2{transform:translateY(-175%)}
.dc-btn:hover .mc-cap:not(.mc-right) .a1,.dp-go:hover .mc-cap:not(.mc-right) .a1,.est-invite:hover .mc-cap:not(.mc-right) .a1{transform:translateY(175%)}
.dc-btn:hover .mc-cap:not(.mc-right) .a2,.dp-go:hover .mc-cap:not(.mc-right) .a2,.est-invite:hover .mc-cap:not(.mc-right) .a2{transform:translateY(0)}
.mc-cap.mc-right svg{width:22px;height:13px}
.mc-cap.mc-right .a2{transform:translateX(-175%)}
#taGenerate:hover .mc-cap.mc-right .a1{transform:translateX(175%)}
#taGenerate:hover .mc-cap.mc-right .a2{transform:translateX(0)}
.ei-cta .mc-cap{width:36px;height:36px}
#taGenerate .mc-cap{width:32px;height:32px}
.dp-go{border-radius:999px}.mccal-reveal.mccal-reveal{background:#C3A469;color:#0E0D09;border:2px solid #C3A469;border-radius:999px;display:block;width:fit-content;margin-left:auto;margin-right:auto}.mccal-reveal.mccal-reveal:hover{background:#E7C877;border-color:#E7C877}.mccal-reveal.mccal-reveal:focus-visible{outline:3px solid #C3A469;outline-offset:3px}
/* [CTA 2026-07-27] a <button> does not inherit font-family; the label was
   falling back to the UA default (Arial). Inherit the page font. */
.dp-go,.dp-go *{font-family:inherit}
#taValidate{border-radius:999px}
.dial-cta .dc-btn::before{content:"";position:absolute;top:0;left:0;height:100%;width:55%;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-180%);opacity:0;pointer-events:none}
.dial-cta .dc-btn:hover::before{animation:dcSheen .85s ease forwards}
@keyframes dcSheen{0%{transform:translateX(-180%);opacity:0}25%{opacity:.8}100%{transform:translateX(300%);opacity:0}}
@media(prefers-reduced-motion:reduce){.mc-cap svg{transition:none}.dial-cta .dc-btn:hover::before{animation:none}.dial-cta .dc-btn:hover{transform:none}}
/* tactful “if this path isn't for you” aside — sits on the dark estimate panel */
.ev-alt{margin-top:13px;padding-top:12px;border-top:1px dashed rgba(195,164,105,.28)}
.ev-alt .ea-k{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-fill);margin-bottom:6px}
.ev-alt p{font-size:11.5px;line-height:1.62;color:var(--cream);font-weight:300;margin:0}
.ev-alt b{color:var(--gold-fill);font-weight:500}
/* ── interactive scale stops · click a tier/band to set the bar and centre the controls ── */
.scale-strip span{cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
.scale-strip span:hover{box-shadow:inset 0 0 0 1.5px rgba(122,96,24,.55)}
.scale-strip span:focus-visible{outline:2px solid var(--gold-text);outline-offset:1px;z-index:3}

/* ── bespoke threshold overlay (crossing $1M) + HNWI/UHNWI mini-model ── */
.bespoke-scrim{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:rgba(11,11,10,.8);opacity:0;transition:opacity .24s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}
.bespoke-scrim[hidden]{display:none!important}
.bespoke-scrim.show{opacity:1}
.bespoke-panel{position:relative;width:min(880px,100%);margin:auto;background:var(--charcoal);color:var(--ivory);border-radius:14px;border:1px solid #2a2620;box-shadow:0 40px 120px rgba(0,0,0,.6);transform:translateY(14px) scale(.99);transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.bespoke-scrim.show .bespoke-panel{transform:none}
.bespoke-panel .bs-rule{height:4px;background:linear-gradient(90deg,var(--gold-fill) 0%,var(--sage-fill) 52%,var(--forest) 100%);border-radius:14px 14px 0 0}
.bs-topbar{position:sticky;top:0;z-index:8;display:flex;justify-content:flex-end;padding:12px 12px 0;background:linear-gradient(180deg,var(--charcoal) 58%,transparent);pointer-events:none}
.bs-close{pointer-events:auto;width:40px;height:40px;border-radius:999px;border:1px solid #38332b;background:rgba(248,245,236,.06);color:var(--ivory);font-size:21px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}
.bs-close:hover{background:rgba(195,164,105,.18);border-color:var(--gold-fill)}
/* accent tokens (overlay only) */
.acc-gold{--acc:#C3A469}.acc-amber{--acc:#D7A24C}.acc-sage{--acc:#92A87C}.acc-teal{--acc:#6FA6A0}.acc-copper{--acc:#C2784E}.acc-forest{--acc:#7E9A73}.acc-champagne{--acc:#CFBD93}
/* header */
.bs-head{padding:2px 44px 0}
.bs-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-fill);display:block;margin-bottom:16px}
.bs-head h2{font-family:var(--font-display);font-weight:600;font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:.2px}
.bs-head h2 em{font-style:italic;color:var(--gold-fill)}
.bs-say{margin-top:16px;font-size:16.5px;line-height:1.66;color:#D2CBBC;max-width:64ch}
.bs-say em{font-style:italic;color:#E7DDC6}
/* précis (mobile condense) */
.pc-cue{display:none}
.mc-precis .pc-short{display:none}.mc-precis .pc-full{display:inline}
.ev-precis .pc-short{display:inline}
.ev-precis .pc-full{display:none}
.ev-precis.open .pc-short{display:none}
.ev-precis.open .pc-full{display:inline}
.ev-precis .pc-cue{display:inline-block;font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-fill);cursor:pointer;margin-left:6px;white-space:nowrap;border-bottom:1px dotted rgba(195,164,105,.5)}
@media(hover:hover){.ev-precis:hover .pc-short{display:none}.ev-precis:hover .pc-full{display:inline}.ev-precis:hover .pc-cue{display:none}}
@media print{.ev-precis .pc-short{display:none}.ev-precis .pc-full{display:inline}.ev-precis .pc-cue{display:none}}
html.fx-lens .ev-precis .pc-cue{color:#E7C877 !important;border-bottom-color:rgba(212,174,80,.5) !important}
/* Beto credibility ribbon */
.bs-cred{margin:22px 44px 0;padding-top:18px;border-top:1px solid #221f1a}
.bs-cred-k{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#8E8674;display:block;margin-bottom:14px}
.cr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.cr-card{background:#131210;border:1px solid #2a2620;border-radius:11px;padding:15px 16px 14px;border-left:3px solid var(--acc,#C3A469)}
.cr-ico{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgba(195,164,105,.1);margin-bottom:10px}
.cr-ico svg{width:15px;height:15px;stroke:var(--acc,#C3A469);stroke-width:1.7;fill:none}
.cr-h{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.16;color:var(--ivory);letter-spacing:.1px}
.cr-h em{font-style:italic;color:var(--acc,#C3A469)}
.cr-p{margin-top:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;line-height:1.45;color:#9F9888}
.cr-p b{color:var(--gold-fill);font-weight:600}
/* section header */
.bs-sec{margin:36px 44px 0;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.bs-sec-k{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-fill)}
.bs-sec-t{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:23px;color:var(--ivory)}
.bs-sec-d{font-size:13px;line-height:1.5;color:#9A9183;flex:1 1 220px;min-width:160px}
/* income vs investment vs net worth — a flow: labor → capital → tier */
.bs-lenses{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:stretch;gap:0;margin:16px 44px 0}
.bs-lens{position:relative;background:#19170f;border:1px solid #383123;border-radius:13px;padding:18px 19px 17px;border-top:3px solid var(--acc,#C3A469);display:flex;flex-direction:column}
.bs-lens + .bs-lens{margin-left:30px}
/* mC arrow connector between cards */
.bs-lens + .bs-lens::before{content:"";position:absolute;left:-30px;top:50%;width:30px;height:9px;transform:translateY(-50%);background:radial-gradient(circle at 22px 50%,#E7C877 0 2.8px,transparent 3.3px),linear-gradient(90deg,transparent,#C3A469) left center/100% 2px no-repeat}
.bs-lens + .bs-lens::after{content:"";position:absolute;left:-10px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);border-top:2px solid #E7C877;border-right:2px solid #E7C877;border-radius:1.5px}
.bl-k{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#B6AC95}
.bl-v{display:block;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:34px;color:var(--acc,#C3A469);line-height:1;margin:9px 0 3px}
.bl-vsub{display:block;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8E8674;margin-bottom:11px}
.bl-d{display:block;font-size:13px;line-height:1.55;color:#DAD3C4}
.bl-d b{color:#F1EADA;font-weight:600}
/* tax-drag meter */
.bl-meter{margin-top:auto;padding-top:14px}
.bl-bar{position:relative;height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.bl-bar span{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--acc,#C3A469)}
.bl-cap{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#928974}
.bl-cap b{color:var(--acc,#C3A469);font-weight:600}
/* the two doors */
.bs-defs{margin:16px 44px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bs-def{position:relative;background:#16140f;border:1px solid #383123;border-left:3px solid var(--gold-fill);border-radius:11px;padding:15px 17px;display:flex;gap:13px;align-items:flex-start}
.bs-def .bd-ico{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:rgba(195,164,105,.1);display:flex;align-items:center;justify-content:center}
.bs-def .bd-ico svg{width:17px;height:17px;stroke:var(--gold-fill);stroke-width:1.6;fill:none}
.bs-def .bd-t{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-fill);margin-bottom:5px}
.bs-def .bd-d{font-size:12.5px;line-height:1.52;color:#CFC8B9}
.bs-def .bd-d b{color:#F1EADA;font-weight:600}
/* mini model */
.bs-mini{margin:16px 44px 0;background:#131210;border:1px solid #2a2620;border-radius:12px;padding:22px 24px 24px}
.bs-mini-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bm-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#8E8674}
.bm-tier{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.bm-tag{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;font-weight:500;color:var(--charcoal);background:var(--gold-fill);border-radius:4px;padding:3px 10px}
.bm-range{font-family:var(--font-display);font-style:italic;font-size:24px;font-weight:600;color:var(--gold-fill);line-height:1.05;margin-top:6px}
.bm-name{font-family:var(--font-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8E8674}
.bs-mini input[type="range"]{width:100%;margin:22px 0 0;accent-color:var(--gold-fill);cursor:pointer;min-height:34px}
.bm-scale{display:flex;margin-top:10px;border-radius:6px;overflow:hidden;border:1px solid #2f2a23}
.bm-scale button{flex:1 1 0;padding:8px 4px;text-align:center;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:#8a8273;background:#100f0d;border:0;border-right:1px solid #2f2a23;cursor:pointer;line-height:1.3;min-height:36px;transition:background .25s,color .25s,box-shadow .25s}
.bm-scale button:last-child{border-right:0}
.bm-scale button:hover{color:var(--ivory);background:#17150f}
.bm-scale button.on{background:rgba(195,164,105,.32);color:var(--ivory);box-shadow:inset 0 0 0 1.6px var(--gold-fill);font-weight:500}
.bm-stat{margin-top:16px;font-size:14px;line-height:1.6;color:#C3BCAD;border-left:2px solid var(--gold-fill);padding-left:13px;min-height:40px}
.bm-stat b{color:var(--gold-fill);font-weight:600}
/* pillar cards */
.bm-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:13px;margin:16px 44px 0}
.bm-pill{background:#131210;border:1px solid #2a2620;border-radius:12px;padding:17px 18px;border-left:3px solid var(--acc,#C3A469)}
.bm-p-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.bm-p-head svg{width:18px;height:18px;stroke:var(--acc,#C3A469);stroke-width:1.7;fill:none;flex:0 0 auto}
.bm-p-rank{font-family:var(--font-mono);font-size:9px;color:var(--charcoal);background:var(--acc,#C3A469);border-radius:4px;padding:1px 5px;font-weight:600;flex:0 0 auto}
.bm-p-name{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc,#C3A469);line-height:1.25}
.bm-why-cue{margin-left:auto;flex:0 0 auto;font-family:var(--font-mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#8E8674;background:none;border:1px solid #38332b;border-radius:999px;padding:4px 9px;line-height:1;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.bm-why-cue:hover{color:var(--acc,#C3A469);border-color:var(--acc,#C3A469)}
.bm-pill.why-open .bm-why-cue{color:var(--charcoal);background:var(--acc,#C3A469);border-color:var(--acc,#C3A469)}
.bm-p-txt{font-size:14.5px;line-height:1.55;color:#D5CEBF;transition:opacity .18s ease;min-height:62px}
.bm-metric{margin-top:11px;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;color:var(--acc,#C3A469);display:flex;align-items:center;gap:7px}
.bm-metric::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--acc,#C3A469);flex:0 0 auto}
.bm-why{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .3s ease,opacity .25s ease,margin-top .3s ease}
.bm-why p{font-size:12.5px;line-height:1.55;color:#A59E8F;border-top:1px dashed #2f2a23;padding-top:11px}
.bm-pill:hover .bm-why,.bm-pill:focus-within .bm-why,.bm-pill.why-open .bm-why{max-height:260px;opacity:1;margin-top:11px}
@media(hover:none){.bm-pill:hover .bm-why{max-height:0;opacity:0;margin-top:0}.bm-pill.why-open .bm-why{max-height:260px;opacity:1;margin-top:11px}}
/* beyond the balance sheet */
.bs-beyond{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 44px 0}
.bb-card{background:#131210;border:1px solid #2a2620;border-radius:12px;padding:18px 19px;border-top:2px solid var(--acc,#C3A469)}
.bb-head{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.bb-head svg{width:19px;height:19px;stroke:var(--acc,#C3A469);stroke-width:1.7;fill:none;flex:0 0 auto}
.bb-name{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--acc,#C3A469)}
.bb-lead{font-size:14px;line-height:1.55;color:#D2CBBC;margin-bottom:11px}
.bb-ind{list-style:none;display:flex;flex-direction:column;gap:8px}
.bb-ind li{font-size:12.5px;line-height:1.45;color:#B0A899;padding-left:16px;position:relative}
.bb-ind li::before{content:"\2192";position:absolute;left:0;color:var(--acc,#C3A469)}
.bb-ind li b{color:var(--ivory);font-weight:600}
/* frontier / age of AI */
.bs-frontier{margin:16px 44px 0;background:linear-gradient(135deg,#16140e,#121113 62%);border:1px solid #342d20;border-radius:14px;padding:22px 24px 24px}
.bs-frontier .fr-lead{font-size:14.5px;line-height:1.64;color:#CFC8B8;max-width:68ch;margin-bottom:18px}
.bs-frontier .fr-lead b{color:var(--gold-fill);font-weight:600}
.fr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.fr-card{background:rgba(11,11,10,.55);border:1px solid #3a3324;border-radius:11px;padding:16px 17px;position:relative;overflow:hidden}
.fr-card::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-fill),transparent)}
.fr-tag{font-family:var(--font-mono);font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#B0975A;border:1px solid #4a4026;border-radius:999px;padding:3px 8px;display:inline-block;margin-bottom:11px}
.fr-card h4{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:20px;color:var(--gold-fill);line-height:1.12;margin-bottom:8px}
.fr-card p{font-size:13px;line-height:1.55;color:#BDB6A6}
.fr-card .fr-by{margin-top:11px;font-family:var(--font-mono);font-size:9px;letter-spacing:.05em;color:#8E8674}
/* foot */
.bs-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 44px 36px;margin-top:10px}
.bs-disclaim{font-size:11.5px;line-height:1.55;color:#8E8674;max-width:48ch}
.bs-disclaim .mcw-g{color:var(--gold-fill)}
.bs-cta{display:inline-flex;align-items:center;gap:12px;background:var(--gold-fill);color:var(--charcoal);font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:500;border:0;border-radius:999px;padding:14px 24px;min-height:44px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .2s}
.bs-cta:hover{background:#E7C877;box-shadow:0 10px 26px rgba(195,164,105,.34)}
.bs-cta svg{width:30px;height:12px;display:block;transition:transform .25s ease}
.bs-cta:hover svg{transform:translateX(5px)}
@media(max-width:760px){
  .bs-head{padding-left:20px;padding-right:20px}
  .bs-cred,.bs-sec,.bs-lenses,.bs-defs,.bs-mini,.bm-pillars,.bs-beyond,.bs-frontier{margin-left:20px;margin-right:20px}
  .cr-grid{grid-template-columns:1fr}
  .bs-lenses{grid-template-columns:1fr}
  .bs-lens + .bs-lens{margin-left:0;margin-top:30px}
  .bs-lens + .bs-lens::before{left:50%;top:-30px;width:9px;height:30px;transform:translateX(-50%);background:radial-gradient(circle at 50% 22px,#E7C877 0 2.8px,transparent 3.3px),linear-gradient(180deg,transparent,#C3A469) center top/2px 100% no-repeat}
  .bs-lens + .bs-lens::after{left:50%;top:-10px;transform:translateX(-50%) rotate(135deg)}
  .bl-meter{margin-top:14px}
  .bs-defs{grid-template-columns:1fr}
  .bs-foot{padding-left:20px;padding-right:20px;flex-direction:column;align-items:stretch}
  .bs-cta{justify-content:center}
  .bs-lenses{grid-template-columns:1fr}
  .bs-beyond{grid-template-columns:1fr}
  .bm-pillars{grid-template-columns:1fr}
  .bs-head h2{font-size:27px}
  .bs-say{font-size:15px}
  .pc-cue{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-fill);cursor:pointer;margin-left:5px;white-space:nowrap}
  .mc-precis .pc-short{display:inline}.mc-precis .pc-full{display:none}
  .mc-precis.open .pc-short{display:none}.mc-precis.open .pc-full{display:inline}
}
@media(prefers-reduced-motion:reduce){.bespoke-scrim,.bespoke-panel,.bm-p-txt,.bs-cta svg,.bm-why,.bm-scale button{transition:none}.bespoke-panel{transform:none}}
.band-status{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-text);background:var(--gold-soft);border-radius:999px;padding:2px 8px;margin-left:7px;vertical-align:1px}
.band-status.warn{color:#8a4a16;background:rgba(199,122,51,.18)}
.band-status.alert{color:#7e271c;background:rgba(178,59,46,.18)}
.cal-read.warn{color:#A85F22}
.cal-read.alert{color:var(--zone-high)}
/* contextual pathway cards — carry the band-zone shading that triggers them */
.band-paths{grid-column:1/-1;margin-top:10px}
.bp-head{font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--taupe-text);margin-bottom:9px}
.bp-head b{color:var(--gold-text)}
.bp-grid{display:grid;gap:10px;align-items:start}
.bp-card{position:relative;display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-top:3px solid var(--gold-fill);border-radius:10px;padding:11px 36px 11px 14px;background:linear-gradient(180deg,rgba(195,164,105,.12),#fff 62%);box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .3s ease,box-shadow .35s ease,background .3s ease}
.band-paths[data-zone="elev"] .bp-card{border-top-color:var(--zone-elev);background:linear-gradient(180deg,rgba(199,122,51,.12),#fff 62%)}
.band-paths[data-zone="high"] .bp-card{border-top-color:var(--zone-high);background:linear-gradient(180deg,rgba(178,59,46,.12),#fff 62%)}
.band-paths[data-zone="elev"] .bp-head b{color:#8a4a16}
.band-paths[data-zone="high"] .bp-head b{color:#7e271c}
.bp-txt{flex:1 1 auto;min-width:0}
.bp-name{font-family:var(--font-display);font-size:15.5px;font-weight:600;color:var(--charcoal);margin:0;line-height:1.18}
.bp-take{font-size:11.5px;line-height:1.5;color:var(--taupe-text);font-weight:300;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s cubic-bezier(.22,.9,.32,1),opacity .4s ease,margin .5s ease}
.bs-cta-ghost{background:none;color:var(--gold-text);border:1px solid var(--gold-fill);margin-top:10px}
.bs-cta-ghost:hover{background:var(--gold-soft)}
.bs-cta-ghost svg{width:16px;height:16px}
/* Entry-Point Tile — ported from the homepage Arc Stage band: each ladder card is a
   compact tile (Arc-stage mark · index · name). Tapping it grows the card in place to
   reveal the paraphrased meaning and marks it as YOUR ENTRY POINT — start anywhere on
   the Arc. Replaces the old "Why this matters" reveal. (user-requested 2026-06-17) */
.bp-ico{width:34px;height:34px;flex:none;color:#8A8170;stroke-width:1.5;overflow:visible;display:block;background:radial-gradient(closest-side,rgba(201,162,39,.13),transparent 72%);transition:width .35s ease,height .35s ease}
.bp-ico svg{width:100%;height:100%;display:block}
/* resting tiles carry a + tap cue; the chosen tile carries the entry-point mark */
.bp-card:not(.bp-you)::after{content:"+";position:absolute;top:50%;right:.6rem;transform:translateY(-50%);width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(184,149,42,.5);border-radius:50%;color:var(--gold-text);font-family:var(--font-mono);font-size:13px;line-height:1;transition:background .2s,color .2s}
.bp-card:hover:not(.bp-you)::after{background:var(--gold-soft)}
.band-paths[data-zone="elev"] .bp-card:not(.bp-you)::after{border-color:rgba(199,122,51,.5);color:#8a4a16}
.band-paths[data-zone="high"] .bp-card:not(.bp-you)::after{border-color:rgba(178,59,46,.5);color:#7e271c}
.bp-card.bp-you{background:#FFFDF7;box-shadow:0 16px 38px -24px rgba(184,149,42,.7);align-items:flex-start}
.bp-card.bp-you .bp-ico{width:38px;height:38px}
.bp-card.bp-you .bp-take{max-height:14rem;opacity:1;margin:.6rem 0 0}
@media(hover:hover) and (pointer:fine){.bp-card{transition:transform .35s cubic-bezier(.22,.9,.32,1),border-color .3s,box-shadow .35s,background .3s}.bp-card:hover{transform:translateY(-2px)}}
@media print{.bp-take{max-height:none!important;opacity:1!important;margin:.5rem 0 0!important}.bp-card::after{display:none!important}}
/* lens · keep the Arc entry-point tiles gold (Arc is a direct mC offering) */
html.fx-lens .bp-ico{color:#9A8A5A}
html.fx-lens .bp-take{color:#C8C8C8}
html.fx-lens .bp-card.bp-you{background:#15110A!important;border-color:rgba(212,174,80,.6)!important;box-shadow:0 16px 38px -24px rgba(212,174,80,.5)}
html.fx-lens .bp-card:not(.bp-you)::after{color:#D4AE50;border-color:rgba(212,174,80,.5)}
/* FinExp lens — ladder cards adapt to the % tier like the regular view: poised = signal amber, all-in = risk red (disciplined stays gold; the Arc client node + entry-point card stay gold). (user 2026-06-21) */
html.fx-lens .band-paths[data-zone="elev"] .bp-card{border-top-color:#FF8800 !important}
html.fx-lens .band-paths[data-zone="high"] .bp-card{border-top-color:#FF4444 !important}
html.fx-lens .band-paths[data-zone="elev"] .bp-head b{color:#FF8800 !important}
html.fx-lens .band-paths[data-zone="high"] .bp-head b{color:#FF4444 !important}
html.fx-lens .band-paths[data-zone="elev"] .bp-card:not(.bp-you)::after{color:#FF8800 !important;border-color:rgba(255,136,0,.5) !important}
html.fx-lens .band-paths[data-zone="high"] .bp-card:not(.bp-you)::after{color:#FF4444 !important;border-color:rgba(255,68,68,.5) !important}
/* $1M+ Twilight Advisor rung — highlighted as the added stage */
.bp-1m{color:var(--gold-text);font-weight:500}
.bp-card-1m{border-top-color:var(--gold-fill);box-shadow:0 0 0 1px rgba(195,164,105,.5),var(--sha-sm,0 1px 2px rgba(0,0,0,.05))}
.bp-card-1m .bp-name{color:var(--charcoal)}
@media(max-width:640px){.bp-grid{grid-template-columns:1fr!important}}

/* ── 01 POSITION · the read-out (folded in) ── */
.readout{grid-column:1/-1;margin-top:18px;border-top:1px dashed var(--border);padding-top:18px}
.ro-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ro-l{font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-text);font-weight:700}
.ro-live{font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--taupe-text)}
.ro-live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold-fill);margin-right:7px;vertical-align:1px}
@media(prefers-reduced-motion:no-preference){.ro-live::before{animation:roPulse 2.6s ease-in-out infinite}}
@keyframes roPulse{0%,100%{opacity:1}50%{opacity:.35}}
.score-grid{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:center}
.score-ring-wrap{position:relative;width:104px}
.score-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold-fill) 0%,var(--cream) 0)}
.score-ring .sr-in{width:80px;height:80px;border-radius:50%;background:var(--paper);display:grid;place-items:center;text-align:center;border:1px solid var(--border)}
.score-ring .sr-v{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--charcoal);line-height:1}
.score-ring .sr-l{font-family:var(--font-mono);font-size:7.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--taupe-text);margin-top:3px}
.score-delta{position:absolute;top:-4px;right:-10px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--gold-text);opacity:0;pointer-events:none}
.score-delta.neg{color:var(--zone-high)}
.score-delta.show{opacity:1}
@media(prefers-reduced-motion:no-preference){.score-delta.show{animation:dRise .9s ease-out forwards}}
@keyframes dRise{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
.score-copy .sc-tier{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-text);font-weight:700;display:block;margin-bottom:6px}
.score-copy p{font-size:13px;line-height:1.65;color:var(--charcoal);font-weight:300;max-width:600px}
/* tier ladder */
.ro-ladder{margin-top:12px;max-width:600px}
.rl-track{position:relative;height:8px;border-radius:4px;background:var(--cream);border:1px solid var(--border);overflow:visible}
.rl-track i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,var(--gold-fill),var(--gold-text));transition:width .45s ease}
.rl-marker{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--gold-fill);border:2px solid #fff;box-shadow:0 0 0 1px var(--gold-text);transform:translate(-50%,-50%);transition:left .45s ease}
.rl-ticks{position:relative;height:18px;margin-top:6px;font-family:var(--font-mono);font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--taupe-text)}
.rl-ticks span{position:absolute;transform:none;white-space:nowrap}
.rl-ticks span.cur{color:var(--gold-text);font-weight:700}
/* signal chips — one-word translation of the inputs below */
.sig-note{margin-top:14px;font-size:11px;color:var(--taupe-text);font-weight:300;line-height:1.55;max-width:700px}
.sig-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.sig{flex:1 1 108px;min-width:104px;border:1px solid var(--border);border-top:3px solid var(--border);border-radius:8px;background:var(--paper);padding:7px 10px 8px;opacity:.5;filter:saturate(.2);transition:opacity .3s,filter .3s,border-color .3s,background .3s}
.sig b{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--charcoal);font-weight:500}
.sig .sg-pts{display:block;font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--taupe-text);margin-top:3px;line-height:1}
.sig i{display:block;font-style:normal;font-size:10px;line-height:1.45;color:var(--taupe-text);font-weight:300;margin-top:4px}
.sig.lit{opacity:1;filter:none;border-top-color:var(--gold-fill);background:linear-gradient(180deg,rgba(195,164,105,.10),#fff 65%)}
.sig.lit .sg-pts{color:var(--gold-text)}
.sig[data-sig="idle"].lit{border-top-color:var(--zone-high);background:linear-gradient(180deg,rgba(178,59,46,.10),#fff 65%)}
.sig[data-sig="idle"].lit .sg-pts{color:var(--zone-high)}
.sig{position:relative;cursor:help}
.sig:hover,.sig:focus-visible,.sig:focus-within,.sig.open{opacity:1;filter:none}
.sig .nc-tip{width:228px}
.sig:hover .nc-tip,.sig:focus-visible .nc-tip,.sig.open .nc-tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
@media(max-width:480px){.sig .nc-tip{width:200px}}
/* cue: send the reader down into the reserved employer view */
.ro-more{display:flex;align-items:center;gap:11px;margin-top:14px;padding:11px 14px;border:1px dashed var(--gold-fill);border-radius:8px;background:var(--gold-soft);font-size:12px;color:var(--taupe-text);font-weight:300;line-height:1.5}
.ro-more b{font-weight:500;color:var(--gold-text)}
.ro-more .rm-ico{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0C0B07;border:1px solid rgba(195,164,105,.45);color:var(--gold-fill)}
.ro-more .rm-ico svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.ro-more:hover .rm-ico svg,.ro-more:focus-visible .rm-ico svg{transform:translateY(3px)}

/* employer perspective — reserved view for HR executives, HRBPs, engaged leaders */
.emp-view{margin-top:18px;background:radial-gradient(120% 130% at 88% 0%,rgba(195,164,105,.12),transparent 58%),linear-gradient(160deg,#211E18 0%,#1A1813 60%,#171510 100%);border:1px solid rgba(195,164,105,.42);border-radius:8px;color:var(--ivory);overflow:hidden}
.emp-invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:18px 20px}
.emp-invite:hover{background:rgba(195,164,105,.05)}
/* live gauge teaser */
.emp-gauge{position:relative;width:64px;height:64px;flex:0 0 auto}
.emp-gauge .eg-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold-fill) 0deg,rgba(195,164,105,.16) 0)}
.emp-gauge .eg-in{width:50px;height:50px;border-radius:50%;background:#0D0C09;display:grid;place-items:center;text-align:center;border:1px solid rgba(195,164,105,.32)}
.emp-gauge .eg-v{display:block;font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--gold-fill);line-height:1}
.emp-gauge .eg-l{display:block;font-family:var(--font-mono);font-size:6.5px;letter-spacing:1.2px;text-transform:uppercase;color:#B5A48B;margin-top:2px}
.emp-tt{flex:1 1 260px;min-width:0}
.emp-kick{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-fill)}
.emp-h{display:block;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.25;color:var(--ivory);margin-top:5px}
.emp-h em{font-style:italic;color:var(--gold-fill)}
.emp-h-soft{font-family:var(--font-sans);font-size:12.5px;font-weight:300;color:#C4BBA8;display:inline}
.emp-inside{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.emp-inside span{font-family:var(--font-mono);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--charcoal);background:var(--ivory);border:1px solid rgba(195,164,105,.5);border-radius:999px;padding:4px 10px;font-weight:500}
.emp-fig{width:62px;height:62px;flex:0 0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.emp-fig svg{width:100%;height:100%;display:block}
@media(max-width:640px){.emp-fig{display:none}}
.emp-ico{width:38px;height:38px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:rgba(195,164,105,.12);border:1px solid rgba(195,164,105,.5);color:var(--gold-fill)}
.emp-ico svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.emp-tt{flex:1 1 260px;min-width:0}
.emp-kick{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-fill)}
.emp-h{display:block;font-family:var(--font-display);font-size:16.5px;font-weight:600;line-height:1.25;color:var(--ivory);margin-top:4px}
.emp-invite .readline{color:var(--ivory);font-size:9.5px}
.emp-invite .readline .arr svg{width:30px;height:12px}
.emp-invite:hover .readline{color:var(--gold-fill)}
.emp-invite:hover .readline .arr{transform:translateX(5px)}
.emp-body{padding:0 18px 18px;border-top:1px solid rgba(195,164,105,.25)}
.emp-body[hidden]{display:none}
.emp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.emp-stat{border:1px solid rgba(195,164,105,.28);border-top:3px solid var(--gold-fill);border-radius:8px;padding:12px 14px;background:rgba(195,164,105,.06)}
.emp-stat .es-v{display:block;font-family:var(--font-mono);font-size:21px;font-weight:600;color:var(--gold-fill);line-height:1.1}
.emp-stat .es-l{display:block;font-size:11px;line-height:1.55;color:var(--cream);font-weight:300;margin-top:7px}
.emp-stat .es-l strong{color:var(--ivory);font-weight:500}
.emp-sum{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#B5A48B;font-weight:300}
.emp-sum .readline{font-size:9px;color:var(--cream)}
.emp-sum .readline .arr svg{width:26px;height:11px}
.emp-sum .readline .doc{width:13px;height:13px}
.emp-sum .readline:hover{color:var(--gold-fill)}
@media(max-width:760px){.emp-grid{grid-template-columns:1fr}}
/* folded read-out sits on the dark employer panel — relight its text for contrast */
.emp-body .ro-l{color:var(--gold-fill)}
.emp-body .ro-live{color:#B5A48B}
.emp-body .score-copy p{color:var(--cream)}
.emp-body .sc-tier{color:var(--gold-fill)}
.emp-body .sig-note{color:#CCC3B0}
.emp-body .sig-note b{color:var(--ivory)}
.emp-body .rl-track{background:rgba(195,164,105,.18);border-color:rgba(195,164,105,.3)}
.emp-body .rl-ticks span{color:#9D958A}
.emp-body .rl-ticks span.cur{color:var(--gold-fill)}

/* ── 02 DEPLOY ── */
/* per-vehicle accent carries across Deploy, Payoff, and the Estimate via a left rule (not a fill) for legibility */
.veh{--vc:195,164,105}
.veh[data-v="advisory"]{--vc:23,51,39}
.veh[data-v="upskill"]{--vc:125,140,107}
.veh[data-v="network"]{--vc:184,92,56}
.veh{display:grid;grid-template-columns:minmax(180px,240px) 1fr 96px;gap:6px 18px;align-items:center;padding:14px 14px;border-top:1px dotted var(--border);border-left:3px solid rgba(var(--vc),.55);border-radius:0 6px 6px 0;background:#fff;transition:background .2s}
.veh:hover{background:rgba(var(--vc),.045)}
.veh:first-of-type{border-top:0}
.veh .v-name{font-weight:600;font-size:14px;line-height:1.3}
.veh .v-tag{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-text);margin-top:2px}
.veh input[type="range"]{width:100%;min-height:32px;cursor:pointer}
.veh .v-amt{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--charcoal);text-align:right}
.veh .v-amt .v-pct{display:block;font-size:9.5px;color:var(--taupe-text);font-weight:400}
.veh .v-buys{grid-column:1/-1;font-size:12px;color:var(--taupe-text);line-height:1.55;font-weight:300;margin-top:-2px}
.veh[data-v="counsel"] input{accent-color:var(--gold-fill)}
.veh[data-v="advisory"] input{accent-color:var(--forest)}
.veh[data-v="upskill"] input{accent-color:var(--sage-fill)}
.veh[data-v="network"] input{accent-color:var(--terracotta-fill)}
.v-name{display:flex;gap:11px;align-items:flex-start}
.v-ico{width:38px;height:38px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#0C0B07;border:1px solid rgba(195,164,105,.42);color:var(--gold-fill)}
.v-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* icon shading matches the vehicle's bar color */
.veh[data-v="advisory"] .v-ico{background:rgba(23,51,39,.10);border-color:rgba(23,51,39,.45);color:var(--forest)}
.veh[data-v="upskill"] .v-ico{background:rgba(125,140,107,.14);border-color:rgba(125,140,107,.55);color:var(--sage-text)}
.veh[data-v="network"] .v-ico{background:rgba(184,92,56,.12);border-color:rgba(184,92,56,.5);color:var(--terracotta-fill)}
.v-ico-arc{padding:4px}.v-ico.v-ico-arc{padding:0;position:relative}.v-ico.v-ico-arc::before{content:"";position:absolute;inset:0;background-color:var(--gold-fill,#C3A469);-webkit-mask:url(/assets/mc-arc-adot-gold-v2.webp) center 13%/80% no-repeat;mask:url(/assets/mc-arc-adot-gold-v2.webp) center 13%/80% no-repeat;}.fp-ico-arc{position:relative}.fp-ico-arc::before{content:"";position:absolute;inset:0;background-color:var(--gold-fill,#C3A469);-webkit-mask:url(/assets/mc-arc-adot-gold-v2.webp) center 13%/80% no-repeat;mask:url(/assets/mc-arc-adot-gold-v2.webp) center 13%/80% no-repeat;}.ec-ico-arc{position:relative}.ec-ico-arc::before{content:"";position:absolute;inset:0;background-color:var(--gold-fill,#C3A469);-webkit-mask:url(/assets/mc-arc-adot-gold-v2.webp) center 13%/80% no-repeat;mask:url(/assets/mc-arc-adot-gold-v2.webp) center 13%/80% no-repeat;}
.v-ico-arc img{width:100%;height:100%;object-fit:contain}
/* counsel arc-mark — enlarge the chevron + dot in all three placements (deploy row, estimate card, estimate chip). (user 2026-06-21) */
.arc-mark{transform:scale(1.24);transform-origin:center}
.v-ico.v-ico-img{padding:0;overflow:hidden}
.v-ico.v-ico-img img,.v-ico.v-ico-img svg{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.veh[data-v="advisory"] .v-ico.v-ico-img,.est-v[data-ev="advisory"] .ev-head .v-ico.v-ico-img{background:none;border:none}
.v-nt{min-width:0}
/* deploy dock — gauge pinned under the intro so it reads while you slide */
.deploy-dock{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--ivory);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin:0 0 14px}
.deploy-dock .dd-bar{flex:1 1 260px;min-width:200px}
.deploy-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--cream);border:1px solid var(--border)}
.deploy-bar i{display:block;height:100%;transition:width .3s ease}
.deploy-bar .d-counsel{background:var(--gold-fill)}
.deploy-bar .d-advisory{background:var(--forest)}
.deploy-bar .d-upskill{background:var(--sage-fill)}
.deploy-bar .d-network{background:var(--terracotta-fill)}
.deploy-read{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex:0 0 auto;margin-left:auto}
.deploy-read .dr-l{font-family:var(--font-mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--taupe-text)}
.deploy-read .dr-l strong{color:var(--charcoal)}
@media(max-width:640px){.deploy-dock{flex-direction:column;align-items:stretch}.deploy-dock .dd-bar{flex:0 0 auto;width:100%;min-width:0}.deploy-read{margin-left:0;justify-content:space-between;width:100%}}
.deploy-badge{font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.6px;text-transform:uppercase;border-radius:999px;padding:5px 13px;border:1px solid var(--border);color:var(--taupe-text);transition:background .25s,color .25s,border-color .25s}
.deploy-badge.full{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--charcoal);font-weight:500}
@media(prefers-reduced-motion:no-preference){.deploy-badge.full{animation:dbPulse 2.4s ease-in-out infinite}}
@keyframes dbPulse{0%,100%{box-shadow:0 0 0 0 rgba(195,164,105,.45)}50%{box-shadow:0 0 0 7px rgba(195,164,105,0)}}
.trap{display:none;margin-top:14px;border:1px solid var(--terracotta-fill);background:rgba(184,92,56,.07);border-radius:6px;padding:11px 15px;font-size:12.5px;color:var(--terracotta-text);line-height:1.6}
.trap.show{display:block}
.trap strong{font-family:var(--font-mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}

/* ── focus presets · four-across condensed single-select tucked under "What you put in" — choose one, reveal explains ── */
.focus-presets{margin:12px 0 0}
.fp-lead{display:flex;align-items:center;justify-content:space-between;gap:9px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-text);font-weight:600;margin-bottom:8px}
.fp-choose{flex:0 0 auto;font-size:8px;letter-spacing:1.1px;color:var(--gold-text);background:var(--gold-soft);border:1px solid rgba(195,164,105,.45);border-radius:999px;padding:2px 8px}
.fp-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.fp-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--ivory);border:1px solid var(--border);border-radius:8px;padding:10px 5px;cursor:pointer;text-align:center;font:inherit;color:var(--charcoal);min-height:60px;transition:border-color .2s,background .2s,box-shadow .2s}
.fp-card:hover{border-color:var(--gold-fill);background:var(--gold-soft)}
.fp-card[aria-checked="true"]{border-color:var(--gold-fill);background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--gold-fill)}
.fp-card[aria-checked="true"]::after{content:"\2713";position:absolute;top:4px;right:5px;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--gold-text);line-height:1}
.fp-ico{flex:0 0 auto;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid rgba(195,164,105,.4);color:#C3A469}
.fp-ico svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fp-l{font-family:var(--font-mono);font-size:7.5px;letter-spacing:.02em;text-transform:uppercase;font-weight:500;color:var(--charcoal);line-height:1.2;text-align:center}
.fp-card .nc-tip{width:max-content;max-width:230px}
.fp-card:hover .nc-tip,.fp-card:focus-visible .nc-tip,.fp-card.open .nc-tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
@media(max-width:520px){.fp-card{min-height:54px}.fp-l{font-size:7px}}
/* small phones: 2×2 presets — wider cards, single-line labels, bigger tap targets */
@media(max-width:430px){.fp-row{grid-template-columns:repeat(2,1fr);gap:8px}.fp-card{min-height:62px;padding:11px 9px}.fp-l{font-size:9px}}
/* ── 02 DEPLOY → PAYOFF · merged ledger card ── */
.dp-head2{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;margin:0 0 14px}
.dp-col{min-width:0;display:flex;flex-direction:column;gap:10px}
.dp-col + .dp-col{border-left:1px dashed var(--border);padding-left:26px}
.dp-k{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-text);font-weight:600}
.dp-k .arr{display:inline-flex}
.dp-k .arr svg{width:30px;height:12px;display:block}
.dp-head2 .deploy-dock{margin:0}
.dp-head2 .hz-tabs{margin:0}
.dp-head2 .legend{margin:20px 0 0}
/* the spend→return seam each row crosses */
.veh .v-pay{grid-column:4/6;display:contents}
.veh{grid-template-columns:minmax(170px,215px) minmax(130px,1fr) 84px minmax(130px,1fr) minmax(118px,148px)}
.veh .v-barwrap{position:relative;align-self:center}
.veh .v-flow{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:18px;height:11px;display:block;color:rgba(var(--vc),.95)}
.veh[data-v="counsel"] .v-flow{color:var(--gold-text)}
.veh .v-buys{grid-column:1/4}
.veh .pr-nums{font-family:var(--font-mono);font-size:11px;text-align:right;line-height:1.5}
.veh .pr-nums .n-real{color:var(--sage-text);font-weight:600}
.veh .pr-nums .n-unreal{color:var(--taupe-text)}
.veh .pr-nums .n-real,.veh .pr-nums .n-unreal{display:block}
/* what the line becomes — outcome caption + benchmark multiple on the return side */
.veh .v-ends{grid-column:4/6;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;line-height:1.6;margin-top:-1px}
.veh .v-ends .v-mult{flex:0 0 auto;font-weight:600;white-space:nowrap}
.veh[data-v="counsel"] .v-ends{color:var(--gold-text)}
.veh[data-v="advisory"] .v-ends{color:var(--forest)}
.veh[data-v="upskill"] .v-ends{color:var(--sage-text)}
.veh[data-v="network"] .v-ends{color:var(--terracotta-text)}
@media(max-width:640px){.stat-row{grid-template-columns:repeat(2,1fr)}}
/* the totals ledger line */
.dp-ledger{margin-top:18px;border-top:1px solid var(--border);padding-top:14px}
.dp-ledger .dp-k{margin-bottom:10px}
/* the handoff — a hint of the sealed estimate, then the button */
.dp-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;flex-wrap:wrap}
.dp-hint{margin:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--taupe-text);line-height:1.9;max-width:560px}
.dp-hint b{color:var(--gold-text);font-weight:600}
.dp-hint .lv{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold-fill);margin-right:8px;vertical-align:1px}
/* the handoff — a first-person commitment button: italic serif voice, two-tier copy, arrow travels on hover, rises in on scroll */
.dp-go{display:inline-flex;align-items:center;gap:18px;background:var(--gold-fill);border:0;border-radius:999px;padding:15px 24px;min-height:44px;cursor:pointer;text-align:left;box-shadow:0 1px 2px rgba(11,11,10,.10);transition:background .22s ease,box-shadow .22s ease,transform .12s ease}
.dp-go:hover{background:#E7C877;box-shadow:0 12px 28px rgba(195,164,105,.34)}
.dp-go:active{transform:translateY(1px)}
.dpg-said{display:flex;flex-direction:column;font-family:var(--font-display);font-style:italic;font-weight:600;color:var(--charcoal);letter-spacing:.1px;line-height:1.12}
.dpg-said .dgs-1{font-size:15.5px;font-weight:500;opacity:.82}
.dpg-said em{font-style:italic;font-size:23px;margin-top:2px}
.dpg-arr{flex:0 0 auto;display:inline-flex;color:var(--charcoal);transition:transform .28s ease}
.dpg-arr svg{width:16px;height:42px;display:block}
.dp-go:hover .dpg-arr{transform:translateY(7px)}
/* scroll-into-view reveal — armed by JS only when motion is allowed; default state stays fully visible (print / no-JS / reduced-motion safe) */
.dp-cta.dp-armed .dp-go{opacity:0;transform:translateY(13px)}
.dp-cta.dp-armed.is-revealed .dp-go{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:reduce){.dp-cta.dp-armed .dp-go{opacity:1;transform:none}}
@media(max-width:880px){
  .dp-head2{grid-template-columns:1fr}
  .dp-head2 .legend{margin-top:8px}
  .dp-col + .dp-col{border-left:0;padding-left:0;margin-top:14px;border-top:1px dashed var(--border);padding-top:14px}
  .veh{grid-template-columns:minmax(150px,200px) 1fr 84px}
  .veh .v-pay{display:block;grid-column:1/-1;border-top:1px dashed rgba(var(--vc),.35);margin-top:8px;padding-top:9px}
  .veh .v-flow{display:none}
  .veh .v-ends{margin-top:6px}
  .veh .pr-nums{display:flex;justify-content:space-between;text-align:left;margin-top:5px}
  .veh .v-buys{grid-column:1/-1}
  .dp-cta{justify-content:stretch;flex-direction:column;align-items:stretch}
  .dp-cta button{width:100%;justify-content:center}
}
.hz-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}
.hz-tabs button{font-family:var(--font-mono);font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;border:1px solid var(--border);background:var(--paper);color:var(--taupe-text);border-radius:999px;padding:9px 18px;min-height:38px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.hz-tabs button[aria-pressed="true"]{background:var(--charcoal);border-color:var(--charcoal);color:var(--gold-fill)}
.hz-tabs button{position:relative}
.hz-tabs button .hzi{margin-left:6px;font-family:var(--font-mono);font-size:9.5px;color:var(--gold-fill);opacity:.85;vertical-align:1px}
/* horizon explainer · hover (desktop) / tap (mobile) */
.hz-pop{position:fixed;z-index:130;width:290px;max-width:calc(100vw - 24px);
  background:var(--paper);color:var(--charcoal);border:1px solid var(--border);border-radius:10px;
  box-shadow:0 18px 48px rgba(0,0,0,.20),0 3px 10px rgba(0,0,0,.08);padding:13px 15px 14px;
  opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.hz-pop.show{opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.hz-pop{transition:opacity .1s ease;transform:none}}
.hz-pop .hzp-k{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);font-weight:500;display:block;margin-bottom:6px}
.hz-pop .hzp-d{font-size:12px;line-height:1.55;color:var(--charcoal);font-weight:300}
.hz-pop .hzp-d b{font-weight:600;color:var(--gold-text)}
.hz-pop .hzp-x{position:absolute;top:6px;right:7px;width:24px;height:24px;border:none;background:transparent;color:var(--taupe-text);font-size:18px;line-height:1;cursor:pointer;border-radius:6px;display:none}
.hz-pop.touch .hzp-x{display:block}
.hz-pop .hzp-x:hover{background:var(--cream);color:var(--charcoal)}
/* ── deploy guided tour (browser) / animation-only (mobile) ── */
.tour-launch{display:inline-flex;align-items:center;gap:7px;margin-left:0;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);background:transparent;border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.tour-launch:hover{border-color:var(--gold-fill);color:var(--charcoal);background:var(--gold-soft)}
.tour-launch svg{width:11px;height:11px;display:block}
/* distinguished "take the guided tour" CTA — lives in the Position panel header, works on both platforms */
.tour-cta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-text);background:var(--gold-soft);border:1px solid var(--gold-fill);border-radius:999px;padding:7px 14px;min-height:36px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.tour-cta:hover{background:var(--gold-fill);color:var(--charcoal);box-shadow:0 8px 20px -10px rgba(195,164,105,.7)}
.tour-cta svg{width:13px;height:13px;display:block}
@media(max-width:560px){.tour-cta{margin-left:0;width:100%;justify-content:center;margin-top:10px}}
.tour-veil{position:fixed;inset:0;background:rgba(8,7,6,.46);z-index:120;opacity:0;pointer-events:none;transition:opacity .25s ease}
.tour-veil.show{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.tour-veil{transition:opacity .12s ease}}
.tour-lit{position:relative;z-index:122;background:var(--paper);border-radius:10px;box-shadow:0 0 0 2px var(--gold-fill),0 0 0 8px rgba(195,164,105,.22),0 18px 50px rgba(0,0,0,.40)}
.tour-pop{position:fixed;z-index:130;width:330px;max-width:calc(100vw - 24px);background:var(--paper);color:var(--charcoal);border:1px solid var(--border);border-radius:12px;box-shadow:0 26px 64px rgba(0,0,0,.34);padding:16px 17px 14px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.tour-pop.show{opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.tour-pop{transition:opacity .12s ease;transform:none}}
.tp-x{position:absolute;top:8px;right:9px;width:26px;height:26px;border:none;background:transparent;color:var(--taupe-text);font-size:19px;line-height:1;cursor:pointer;border-radius:6px}
.tp-x:hover{background:var(--cream);color:var(--charcoal)}
.tp-k{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);font-weight:500}
.tp-t{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:23px;line-height:1.08;color:var(--charcoal);margin-top:4px}
.tp-purpose{font-size:12.5px;line-height:1.55;color:var(--charcoal);font-weight:300;margin:9px 0 0}
.tp-unlock{margin-top:10px;border-top:1px dotted var(--border);padding-top:9px}
.tpu-l{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text);margin-bottom:3px}
.tpu-v{font-size:12.5px;line-height:1.5;color:var(--charcoal);font-weight:300}
.tp-src{margin-top:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--taupe-text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tp-src .tp-doc{color:var(--gold-text);text-decoration:none;border-bottom:1px solid rgba(122,96,24,.4);white-space:nowrap}
.tp-src .tp-doc:hover{color:var(--charcoal)}
.tp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.tp-prog{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--taupe-text)}
.tp-btns{display:flex;gap:8px}
.tp-btns button{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:var(--paper);color:var(--charcoal);border-radius:7px;padding:8px 13px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.tp-btns .tp-back:hover{border-color:var(--gold-fill)}
.tp-btns .tp-back[disabled]{opacity:.4;cursor:default}
.tp-btns .tp-next{background:var(--charcoal);border-color:var(--charcoal);color:var(--gold-fill)}
.tp-btns .tp-next:hover{background:#16140f}
/* ── position · end-of-motion explainer (browser) ── */
.pos-veil{position:fixed;inset:0;background:rgba(8,7,6,.40);z-index:120;opacity:0;pointer-events:none;transition:opacity .3s ease}
.pos-veil.show{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.pos-veil{transition:opacity .12s ease}}
.pos-lit{position:relative;z-index:122;background:var(--paper);border-radius:10px;box-shadow:0 0 0 2px var(--gold-fill),0 0 0 8px rgba(195,164,105,.20)}
.pos-pop{position:fixed;z-index:130;width:382px;max-width:calc(100vw - 24px);background:var(--paper);color:var(--charcoal);border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,.36);padding:18px 19px 16px;opacity:0;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity .26s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1)}
.pos-pop.show{opacity:1;transform:none;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.pos-pop{transition:opacity .14s ease;transform:none}}
.pp-x{position:absolute;top:9px;right:10px;width:26px;height:26px;border:none;background:transparent;color:var(--taupe-text);font-size:19px;line-height:1;cursor:pointer;border-radius:6px}
.pp-x:hover{background:var(--cream);color:var(--charcoal)}
.pp-k{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text);font-weight:500}
.pp-t{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:25px;line-height:1.06;color:var(--charcoal);margin-top:4px}
.pp-d{font-size:12.5px;line-height:1.55;color:var(--charcoal);font-weight:300;margin:9px 0 0}
.pp-lead{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);margin:15px 0 8px}
.pp-map{display:flex;flex-direction:column;gap:7px}
.pp-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:var(--ivory);transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s}
.pp-row.on{border-color:var(--gold-fill);box-shadow:inset 0 0 0 1.5px var(--gold-fill);background:var(--gold-soft)}
.pp-map.lit .pp-row:not(.on){opacity:.5}
@keyframes ppRowPulse{0%{box-shadow:inset 0 0 0 1.5px var(--gold-fill),0 0 0 0 rgba(195,164,105,.5)}100%{box-shadow:inset 0 0 0 1.5px var(--gold-fill),0 0 0 11px rgba(195,164,105,0)}}
.pp-row.pulse{animation:ppRowPulse .5s ease-out}
@media(prefers-reduced-motion:reduce){.pp-row.pulse{animation:none}}
.pp-stage{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--charcoal)}
.pp-band{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:999px;white-space:nowrap}
.pp-disc{background:rgba(195,164,105,.22);color:var(--gold-text)}
.pp-elev{background:rgba(199,122,51,.20);color:#8a4a16}
.pp-high{background:rgba(178,59,46,.20);color:#9E3326}
/* popup band dial + active row sync to the main dial's % tier (gold · amber · red). (user 2026-06-21) */
.pp-dctl.z-elev{border-color:rgba(199,122,51,.5)}
.pp-dctl.z-high{border-color:rgba(178,59,46,.5)}
.pp-dctl.z-elev input{color:#8a4a16}
.pp-dctl.z-high input{color:#9E3326}
.pp-dctl.z-elev button{color:#8a4a16}
.pp-dctl.z-high button{color:#9E3326}
.pp-row[data-zone="elev"].on{border-color:#C77A33;box-shadow:inset 0 0 0 1.5px #C77A33;background:rgba(199,122,51,.10)}
.pp-row[data-zone="high"].on{border-color:#B23B2E;box-shadow:inset 0 0 0 1.5px #B23B2E;background:rgba(178,59,46,.10)}
.pp-row[data-zone="elev"].pulse{animation:ppRowPulseElev .5s ease-out}
.pp-row[data-zone="high"].pulse{animation:ppRowPulseHigh .5s ease-out}
@keyframes ppRowPulseElev{0%{box-shadow:inset 0 0 0 1.5px #C77A33,0 0 0 0 rgba(199,122,51,.5)}100%{box-shadow:inset 0 0 0 1.5px #C77A33,0 0 0 11px rgba(199,122,51,0)}}
@keyframes ppRowPulseHigh{0%{box-shadow:inset 0 0 0 1.5px #B23B2E,0 0 0 0 rgba(178,59,46,.5)}100%{box-shadow:inset 0 0 0 1.5px #B23B2E,0 0 0 11px rgba(178,59,46,0)}}
.pp-ev{margin-top:13px;font-size:11.5px;line-height:1.5;color:var(--taupe-text);font-weight:300}
.pp-ev b{color:var(--gold-text);font-weight:600}
.pp-ev a{color:var(--gold-text);text-decoration:none;border-bottom:1px solid rgba(122,96,24,.4);white-space:nowrap}
.pp-ev a:hover{color:var(--charcoal)}
.pp-foot{display:flex;gap:9px;justify-content:flex-end;margin-top:15px}
.pp-foot button{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;border-radius:7px;padding:9px 14px;cursor:pointer;border:1px solid var(--border);background:var(--paper);color:var(--charcoal);transition:background .2s,border-color .2s,color .2s}
.pp-tune:hover{border-color:var(--gold-fill)}
.pp-got{background:var(--charcoal);border-color:var(--charcoal);color:var(--gold-fill)}
.pp-got:hover{background:#16140f}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.stat{border:1px solid var(--border);border-radius:6px;padding:12px 14px;background:var(--ivory)}
.stat .s-l{font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--taupe-text);display:block;margin-bottom:4px}
.stat .s-v{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--charcoal)}
.stat.s-real .s-v{color:var(--sage-text)}
.stat.s-unreal .s-v{color:var(--gold-text)}
.stat.s-mult .s-v{color:var(--forest)}
.pay-row{--vc:195,164,105;display:grid;grid-template-columns:minmax(150px,210px) 1fr minmax(150px,190px);gap:8px 16px;align-items:center;padding:11px 14px;border-top:1px dotted var(--border);border-left:3px solid rgba(var(--vc),.55);border-radius:0 6px 6px 0;background:#fff;transition:background .2s}
.pay-row:hover{background:rgba(var(--vc),.045)}
.pay-row[data-v="advisory"]{--vc:23,51,39}
.pay-row[data-v="upskill"]{--vc:125,140,107}
.pay-row[data-v="network"]{--vc:184,92,56}
.pay-row .pr-name{font-size:13px;font-weight:600;line-height:1.3}
.pay-row .pr-name span{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.2px;color:var(--taupe-text);font-weight:400;text-transform:uppercase}
.pr-bar{position:relative;height:20px;background:var(--cream);border-radius:4px;overflow:hidden;border:1px solid var(--border)}
.pr-bar .seg{position:absolute;top:0;bottom:0;transition:width .45s ease,left .45s ease}
.pr-bar .seg.real{left:0}
.pr-bar .seg.unreal{opacity:.32;background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(11,11,10,.18) 4px 6px)}
.pay-row .pr-nums{font-family:var(--font-mono);font-size:11px;text-align:right;line-height:1.5}
.pay-row .pr-nums .n-real{color:var(--sage-text);font-weight:600}
.pay-row .pr-nums .n-unreal{color:var(--taupe-text)}
.legend{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--taupe-text)}
.legend i{display:inline-block;width:14px;height:10px;border-radius:2px;vertical-align:-1px;margin-right:6px}
.legend .lg-real{background:var(--sage-fill)}
.legend .lg-unreal{background:var(--cream);background-image:repeating-linear-gradient(135deg,transparent 0 4px,rgba(11,11,10,.2) 4px 6px);border:1px solid var(--border)}

/* ── condensed → extensive notes (hover / tap) ── */
.dnote{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}
.dnote .dn-head{display:flex;align-items:baseline;gap:10px;width:100%;background:none;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit;padding:0}
.dnote .dn-short{font-size:11.5px;color:var(--taupe-text);line-height:1.6;font-weight:300}
.dnote .dn-cue{flex:0 0 auto;margin-left:auto;font-family:var(--font-mono);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-text);border:1px dashed var(--gold-fill);border-radius:999px;padding:2px 8px;white-space:nowrap}
.dnote .dn-full{display:none;font-size:11.5px;color:var(--taupe-text);line-height:1.65;font-weight:300;margin-top:8px}
.dnote.open .dn-full{display:block}
.dn-flat{font-size:11.5px;color:var(--taupe-text);line-height:1.65;font-weight:300;margin:0}
.dn-flat a{color:var(--gold-text);font-weight:500;border-bottom:1px dotted rgba(195,164,105,.5)}
.dn-flat a:hover{border-bottom-color:var(--gold-fill)}
.dnote.open .dn-short{display:none}
@media(hover:hover){
  .dnote:hover .dn-full,.dnote:focus-within .dn-full{display:block}
  .dnote:hover .dn-short,.dnote:focus-within .dn-short{display:none}
}

/* ── YOUR ESTIMATE · sealed disclosure ── */
.est-shell{position:relative;background:radial-gradient(120% 130% at 84% -10%,rgba(195,164,105,.20),transparent 56%),var(--charcoal);border:1px solid rgba(195,164,105,.55);color:var(--ivory);padding:0;overflow:hidden;box-shadow:0 20px 60px -34px rgba(195,164,105,.5)}
.est-shell::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-fill),#E7C877 50%,var(--gold-fill));z-index:2}
.est-invite{position:relative;display:grid;grid-template-columns:84px 1fr;gap:8px 22px;align-items:center;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:30px 28px}
.est-invite:hover{background:rgba(195,164,105,.06)}
.est-invite .ei-mark{grid-row:1/3}
.ei-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-fill)}
.ei-eyebrow .lv{width:7px;height:7px;border-radius:50%;background:#E7C877;flex:0 0 auto}
@media(prefers-reduced-motion:no-preference){.ei-eyebrow .lv{animation:eiDot 2.4s ease-in-out infinite}}
@keyframes eiDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(231,200,119,.5)}50%{opacity:.5;box-shadow:0 0 0 5px rgba(231,200,119,0)}}
.ei-mark{width:80px;height:80px;flex:0 0 auto;align-self:center;border-radius:50%;overflow:hidden;border:1px solid rgba(195,164,105,.6);background:#0A0907;box-shadow:0 0 0 5px rgba(195,164,105,.12),0 0 26px -6px rgba(195,164,105,.4)}
.ei-mark img{width:100%;height:100%;object-fit:contain;display:block}
.ei-kick{font-family:var(--font-mono);font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-fill)}
.ei-h{font-family:var(--font-display);font-size:clamp(22px,3vw,28px);font-weight:600;line-height:1.16;color:var(--ivory);margin-top:8px;display:block;text-wrap:balance}
.ei-h .accent{color:var(--gold-fill);font-style:italic}
.ei-h .mcw-g{color:#D4AE50}
.ei-say{display:block;font-size:13px;font-weight:300;line-height:1.6;color:#CCC3B0;margin-top:9px;max-width:600px}
.ei-cta{display:inline-flex;align-items:center;gap:13px;margin-top:16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--charcoal);background:var(--gold-fill);border-radius:999px;padding:6px 8px 6px 22px;font-weight:500;transition:background .2s,transform .2s}
.est-invite:hover .ei-cta{background:#E7C877}
.ei-cta .arr{display:inline-flex;transition:transform .25s ease}
.est-invite:hover .ei-cta .arr{transform:translateX(5px)}
.ei-cta .arr svg{width:34px;height:13px;display:block}
.ei-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;grid-column:2}
.ei-chips-l{grid-column:2;font-family:var(--font-mono);font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#9D958A;margin-top:15px}
.ei-chip{--vc:195,164,105;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream);border:1px solid rgba(var(--vc),.45);background:rgba(var(--vc),.08);border-radius:999px;padding:5px 13px 5px 6px;min-height:32px}
.ei-chip b{font-weight:500;color:var(--gold-fill)}
.ei-chip[data-c="advisory"] b{color:#8FB89D}
.ei-chip[data-c="upskill"] b{color:#A9BA95}
.ei-chip[data-c="network"] b{color:#D98C66}
.ei-chip[data-c="advisory"]{--vc:143,184,157}
.ei-chip[data-c="upskill"]{--vc:169,186,149}
.ei-chip[data-c="network"]{--vc:217,140,102}
.ei-chip .ec-ico{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0C0B07;border:1px solid rgba(var(--vc),.55);flex:0 0 auto}
.ei-chip .ec-ico svg{width:12px;height:12px;stroke:rgb(var(--vc));fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ei-chip[data-c="counsel"] .ec-ico svg{stroke:var(--gold-fill)}
.ei-chip .ec-ico img{width:14px;height:14px;object-fit:contain;display:block}
.ei-chip .ec-ico.ec-ico-adv{background:none;border:none;overflow:hidden;padding:0}
.ei-chip .ec-ico.ec-ico-adv .adv-mark{width:100%;height:100%;border-radius:50%;display:block}
.est-invite .readline{color:var(--ivory)}
.est-invite:hover .readline{color:var(--gold-fill)}
.est-invite:hover .readline .arr{transform:translateX(5px)}
.est-body{padding:0 26px 26px;border-top:1px solid rgba(195,164,105,.25)}
.est-body[hidden]{display:none}
.est-v{--vc:195,164,105;padding:20px 16px;border-top:1px dotted rgba(195,164,105,.25);border-left:3px solid rgba(var(--vc),.6);border-radius:0 8px 8px 0;background:rgba(255,255,255,.02);transition:background .2s}
.est-v:hover{background:rgba(var(--vc),.07)}
.est-v[data-ev="advisory"]{--vc:143,184,157}
.est-v[data-ev="upskill"]{--vc:169,186,149}
.est-v[data-ev="network"]{--vc:217,140,102}
.est-v:first-of-type{border-top:0}
.ev-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ev-head .v-ico{border-color:rgba(195,164,105,.5)}
.est-v[data-ev="advisory"] .ev-head .v-ico{background:rgba(143,184,157,.12);border-color:rgba(143,184,157,.5);color:#8FB89D}
.est-v[data-ev="upskill"] .ev-head .v-ico{background:rgba(169,186,149,.12);border-color:rgba(169,186,149,.5);color:#A9BA95}
.est-v[data-ev="network"] .ev-head .v-ico{background:rgba(217,140,102,.12);border-color:rgba(217,140,102,.5);color:#D98C66}
/* network icon: nodes → handshake → call → hands-heart, cycling */
.net-morph{position:relative;width:18px;height:18px}
.net-morph svg{position:absolute;inset:0;width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform-origin:center}
.net-morph svg:first-child{opacity:1}
@media(prefers-reduced-motion:no-preference){
  .net-morph svg{animation:netCycle 10s ease-in-out infinite}
  .net-morph svg:nth-child(1){animation-delay:0s}
  .net-morph svg:nth-child(2){animation-delay:2.5s}
  .net-morph svg:nth-child(3){animation-delay:5s}
  .net-morph svg:nth-child(4){animation-delay:7.5s}
  .net-morph .nm-pulse{transform-origin:center;animation:netPulse 1.4s ease-in-out infinite}
}
@keyframes netCycle{0%{opacity:0;transform:scale(.78)}4%{opacity:1;transform:scale(1)}21%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(.9)}100%{opacity:0;transform:scale(.9)}}
@keyframes netPulse{0%,100%{opacity:1}50%{opacity:.4}}
/* net-morph inside the estimate-invite network chip — same cycling icon, sized to the 22px chip, inherits the chip's (lens-aware) --vc color */
.ei-chip .ec-ico .net-morph{width:13px;height:13px}
.ei-chip .ec-ico .net-morph svg{width:13px;height:13px;stroke:rgb(var(--vc))}
.ev-ttl{font-weight:600;font-size:14px;color:var(--ivory)}
.ev-ttl span{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-fill);font-weight:400;margin-top:2px}
.ev-amt{margin-left:auto;font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--gold-fill)}
.ev-amt small{font-size:9px;color:#B5A48B;font-weight:400}
.ev-rate{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:2px 0 12px}
.ev-rate .er-l{font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-fill)}
.ev-rate .er-v{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ivory)}
.ev-rate .er-tier{font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.1px;text-transform:uppercase;color:#B5A48B}
.ev-rate .gloss{border-bottom-color:rgba(195,164,105,.55)}
.ev-copy{font-size:12.5px;color:var(--cream);font-weight:300;line-height:1.65;max-width:720px}
.ev-copy b{font-family:var(--font-mono);font-weight:500;color:var(--gold-fill)}
.ev-copy a{color:var(--gold-fill);border-bottom:1px dotted rgba(195,164,105,.5)}
/* Arc session dots */
.arc-dots{display:flex;align-items:center;gap:10px;margin:6px 0 12px;flex-wrap:wrap}
.arc-dots .ad-row{display:flex;gap:7px}
.arc-dots .ad{width:16px;height:16px;border-radius:50%;border:1.6px solid rgba(195,164,105,.55);background:transparent;transition:background .3s,border-color .3s}
.arc-dots .ad.fund{background:#D4AE50;border-color:#D4AE50}
/* secondary extension — ongoing coaching beyond the six-session starter */
.arc-dots .ad-ext{display:flex;align-items:center;gap:8px}
.arc-dots .ad-ext[hidden]{display:none}
.arc-dots .ad-ext .ad-plus{font-family:var(--font-mono);font-size:13px;line-height:1;color:#B5A48B}
.arc-dots .ad-ext .ad{border-style:dashed;border-color:rgba(195,164,105,.5)}
.arc-dots .ad-ext .ad.fund{background:rgba(212,174,80,.5);border-style:solid;border-color:rgba(212,174,80,.6)}
.arc-dots .ad-l{font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#B5A48B}
.arc-cover{position:relative;height:7px;border-radius:4px;background:rgba(195,164,105,.16);max-width:420px;margin:0 0 12px;overflow:hidden}
.arc-cover i{position:absolute;left:0;top:0;bottom:0;background:#D4AE50;border-radius:4px;transition:width .45s ease}
.arc-est-note{font-size:11px;color:#9c8f78;font-weight:300;font-style:italic;margin:-4px 0 12px;line-height:1.55;max-width:560px}
/* advisory depth meter */
.depth{display:flex;gap:6px;margin:6px 0 12px;flex-wrap:wrap}
.depth span{font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;color:#B5A48B;border:1px solid rgba(195,164,105,.3);border-radius:999px;padding:4px 11px;transition:background .25s,color .25s,border-color .25s}
.depth span.on{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--charcoal);font-weight:500}
/* upskill ladder */
.up-list{list-style:none;margin:6px 0 4px;display:grid;gap:9px;max-width:720px}
.up-list li{position:relative;display:flex;gap:10px;align-items:baseline;font-size:12.5px;color:var(--cream);font-weight:300;line-height:1.6;padding:10px 13px;border:1px solid rgba(195,164,105,.22);border-radius:8px;transition:opacity .3s,border-color .3s}
.up-list li .ul-aiq{flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-fill);white-space:nowrap}
.up-list li .ul-tag{margin-left:auto;flex:0 0 auto;font-family:var(--font-mono);font-size:8px;letter-spacing:1.1px;text-transform:uppercase;color:#000;background:#D4AE50;border-radius:999px;padding:2px 9px;white-space:nowrap}
.up-list li.beyond{opacity:.48}
.up-list li.beyond .ul-tag{background:transparent;border:1px dashed rgba(195,164,105,.45);color:#B5A48B}
.up-list li b{font-family:var(--font-mono);font-weight:500;color:#D4AE50}
/* upskill breakout — AIQ track (gold) vs general credentials track (upskill green) */
.up-split + .up-split{margin-top:16px}
.up-sub{display:block;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.6px;text-transform:uppercase;font-weight:500;margin:0 0 8px}
.up-split:first-of-type .up-sub{color:var(--gold-fill)}
.up-split:last-of-type .up-sub{color:#A9BA95}
.up-note{font-size:11.5px;line-height:1.55;color:#B5A48B;font-weight:300;margin:0 0 10px;max-width:720px}
/* upskilling — side-by-side AIQ / credentials accordion */
.up-tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:12px;margin:6px 0 4px}
.up-card{border:1px solid rgba(195,164,105,.2);border-radius:10px;background:rgba(255,255,255,.015);overflow:hidden}
.ut-gen{border-color:rgba(169,186,149,.22)}
.uc-head{display:grid;grid-template-columns:auto 1fr;gap:1px 11px;align-items:center;padding:13px 14px 11px;border-bottom:1px solid rgba(195,164,105,.16)}
.ut-gen .uc-head{border-bottom-color:rgba(169,186,149,.18)}
.uc-ico{grid-row:1/3;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(195,164,105,.4);color:var(--gold-fill);background:rgba(195,164,105,.1)}
.ut-gen .uc-ico{border-color:rgba(169,186,149,.45);color:#A9BA95;background:rgba(169,186,149,.1)}
.uc-ico svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.uc-h{align-self:end;font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--gold-fill)}
.ut-gen .uc-h{color:#A9BA95}
.uc-s{align-self:start;font-size:11px;line-height:1.35;color:#B5A48B;font-weight:300}
.uc-acc{list-style:none;margin:0;padding:6px;display:grid;gap:5px}
.uc-item{border:1px solid transparent;border-radius:8px;overflow:hidden;transition:background .2s,border-color .2s,opacity .2s}
.uc-item:hover{background:rgba(195,164,105,.05)}
.ut-gen .uc-item:hover{background:rgba(169,186,149,.05)}
.uc-item.open{background:rgba(195,164,105,.06);border-color:rgba(195,164,105,.2)}
.ut-gen .uc-item.open{background:rgba(169,186,149,.06);border-color:rgba(169,186,149,.2)}
.uc-item.beyond{opacity:.5}
.uc-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%;background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:var(--cream);padding:9px 11px}
.uc-row .ul-aiq{flex:0 0 auto;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.1px;text-transform:uppercase;color:var(--gold-fill);white-space:nowrap}
.ut-gen .uc-row .ul-aiq{color:#A9BA95}
.uc-lead{flex:1 1 80px;min-width:0;font-size:11.5px;font-weight:300;line-height:1.4;color:var(--cream)}
.uc-row .ul-tag{flex:0 0 auto;font-family:var(--font-mono);font-size:7.5px;letter-spacing:1px;text-transform:uppercase;color:#0b0b0a;background:#D4AE50;border-radius:999px;padding:2px 7px;white-space:nowrap}
.uc-item.beyond .ul-tag{background:transparent;border:1px dashed rgba(195,164,105,.45);color:#B5A48B}
.uc-cost{flex:0 0 auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;color:#A9BA95;font-weight:600}
.uc-cost .dim{opacity:.3}
.uc-chev{flex:0 0 auto;width:14px;height:14px;color:#9a917f;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.uc-item.open .uc-chev{transform:rotate(180deg)}
.uc-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}
.uc-item.open .uc-detail{grid-template-rows:1fr}
.uc-di{overflow:hidden;min-height:0}
.uc-item.open .uc-di{overflow:visible}
.uc-di p{margin:0;padding:2px 11px 10px;font-size:11.5px;line-height:1.6;color:var(--cream);font-weight:300}
.uc-di .gl-meta{padding:0 11px 11px}
.ut-aiq .uc-di p b{font-family:var(--font-mono);font-weight:500;color:#D4AE50}
.ut-gen .uc-di p b{font-family:var(--font-mono);font-weight:500;color:#A9BA95}
.up-foot{font-size:11px;line-height:1.5;color:#B5A48B;font-weight:300;margin:0;padding:0 14px 13px}
.uc-di a{text-decoration:none;color:inherit}
.uc-di a b{border-bottom:1px solid transparent;transition:border-color .15s;cursor:pointer}
.uc-di a:hover b,.uc-di a:focus-visible b{border-bottom-color:currentColor}
.up-card .uc-head{position:relative}
.ut-aiq .uc-info{border-color:rgba(195,164,105,.6);color:var(--gold-fill)}
.ut-aiq .uc-tip b{color:var(--gold-fill)}
html.fx-lens .uc-info{border-color:rgba(212,174,80,.5) !important;color:#E7C877 !important}
html.fx-lens .uc-tip{border-color:rgba(212,174,80,.3) !important}
html.fx-lens .uc-tip b{color:#E7C877 !important}
.uc-info{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid rgba(169,186,149,.6);color:#A9BA95;font-family:var(--font-display);font-style:italic;font-size:10px;line-height:1;cursor:help;margin-left:7px;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.uc-tip{position:absolute;top:calc(100% - 2px);left:8px;right:8px;background:#15140f;color:#D7D2C6;border:1px solid rgba(169,186,149,.35);border-radius:9px;padding:11px 13px;font-family:var(--font-sans);font-size:11px;line-height:1.5;font-weight:300;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,transform .2s;z-index:30;box-shadow:0 18px 40px -16px rgba(0,0,0,.85);text-align:left}
.uc-info:hover .uc-tip,.uc-info:focus .uc-tip,.uc-info:focus-visible .uc-tip{opacity:1;visibility:visible;transform:translateY(0)}
.uc-tip b{color:#A9BA95;font-weight:600}
@media(prefers-reduced-motion:reduce){.uc-detail,.uc-chev{transition:none}}
.gen-list{list-style:none;margin:0;display:grid;gap:9px;max-width:720px}
.gen-list li{display:flex;gap:10px;align-items:baseline;font-size:12.5px;color:var(--cream);font-weight:300;line-height:1.6;padding:10px 13px;border:1px solid rgba(169,186,149,.22);border-left:3px solid rgba(169,186,149,.55);border-radius:0 8px 8px 0;background:rgba(169,186,149,.05)}
.gen-list li .ul-aiq{flex:0 0 64px;font-family:var(--font-mono);font-size:8.5px;letter-spacing:1.1px;text-transform:uppercase;color:#A9BA95;white-space:nowrap}
.gen-list li b{font-family:var(--font-mono);font-weight:500;color:#A9BA95}
.gen-list li{align-items:flex-start}
.gen-list li .ul-aiq{padding-top:2px}
.gl-main{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1 1 auto}
.gl-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.gl-tier{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#9aa888}
.gl-pips{display:inline-flex;gap:3px}
.gl-pips i{width:7px;height:7px;border-radius:50%;border:1px solid rgba(169,186,149,.7);background:transparent;display:block}
.gl-pips i.on{background:#A9BA95;border-color:#A9BA95}
/* byteable hover card */
.bt-wrap{position:relative;display:inline-block}
.bt-link{color:#4F9CF9;border-bottom:1px dotted rgba(79,156,249,.55)}
.bt-card{position:absolute;left:0;bottom:calc(100% + 10px);width:236px;background:#000;border:1px solid #1c1c1c;border-radius:10px;padding:18px 18px 14px;z-index:60;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease .25s,visibility 0s linear .45s,transform .2s ease .25s;box-shadow:0 18px 44px -18px rgba(0,0,0,.9)}
.bt-card::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.bt-wrap:hover .bt-card,.bt-wrap:focus-within .bt-card,.bt-wrap.open .bt-card{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
.bt-eyebrow{display:block;font-family:var(--font-mono);font-size:7.5px;letter-spacing:1.6px;text-transform:uppercase;color:#8a8a8a;margin-bottom:10px;line-height:1.6}
.bt-line{display:block;font-family:var(--font-sans);font-size:17px;font-weight:700;line-height:1.25;color:#fff;letter-spacing:-.2px}
.bt-go{display:inline-block;margin-top:11px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-fill)}
/* network circuit chips + hover tour */
.net-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px;max-width:760px}
.net-chip{position:relative;font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#B5A48B;border:1px solid rgba(195,164,105,.3);border-radius:999px;padding:8px 13px;cursor:default;background:none;font-weight:400;min-height:32px;transition:color .25s,border-color .25s,background .25s}
.net-chip.lit{color:var(--gold-fill);border-color:rgba(195,164,105,.7);background:rgba(195,164,105,.08)}
.nc-tip{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);width:218px;background:#15140F;border:1px solid rgba(195,164,105,.4);border-radius:8px;padding:11px 13px;font-family:var(--font-sans);font-size:11px;letter-spacing:0;text-transform:none;color:var(--cream);font-weight:300;line-height:1.55;opacity:0;visibility:hidden;z-index:55;transition:opacity .2s ease .12s,visibility 0s linear .32s,transform .2s ease .12s;box-shadow:0 14px 36px -16px rgba(0,0,0,.85);pointer-events:none}
.nc-tip b{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-fill);margin-bottom:4px}
.net-chip:hover .nc-tip,.net-chip:focus-visible .nc-tip,.net-chip.open .nc-tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.est-close{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:none;border:1px solid rgba(195,164,105,.4);border-radius:999px;color:var(--cream);font-family:var(--font-mono);font-size:9px;letter-spacing:1.4px;text-transform:uppercase;padding:8px 16px;cursor:pointer;min-height:36px}
.est-close:hover{color:var(--gold-fill);border-color:var(--gold-fill)}
/* ── TAKE IT WITH YOU · self-send PDF gate ── */
.take-away{margin-top:22px;padding-top:22px;border-top:1px dashed var(--border)}
.ta-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-fill);font-weight:600}
.ta-eyebrow .lv{width:7px;height:7px;border-radius:50%;background:var(--gold-fill);display:inline-block}
.ta-h{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.85rem);color:#F2ECDE;line-height:1.15;margin:8px 0 0}
.ta-h .accent{font-style:italic;color:var(--gold-fill)}
.ta-say{font-size:13.5px;line-height:1.62;color:#C2B9A6;max-width:62ch;margin-top:8px}
.ta-gate{margin-top:16px;max-width:560px}
.ta-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ECE6D8;font-weight:500}
.ta-req{color:#A89E8C;font-weight:400}
.ta-field{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.ta-field input{flex:1 1 280px;min-width:0;font-family:var(--font-sans);font-size:14px;color:var(--charcoal);background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:11px 13px;min-height:44px}
.ta-field input:focus{outline:2px solid var(--gold-fill);outline-offset:1px;border-color:var(--gold-fill)}
.ta-field input.invalid{border-color:var(--zone-high)}
.ta-field input.valid{border-color:var(--forest)}
.ta-field button{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--charcoal);background:var(--gold-fill);border:1px solid var(--gold-fill);border-radius:8px;padding:0 20px;min-height:44px;cursor:pointer;font-weight:500}
.ta-field button:hover{background:#E7C877;border-color:#E7C877}
/* smart LinkedIn field — brand badge + fixed /in/ prefix so the user types only their handle */
.li-input{flex:1 1 280px;min-width:0;display:flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--border);border-radius:8px;padding:0 13px;min-height:46px;transition:border-color .15s,box-shadow .15s}
.li-input:focus-within{border-color:var(--gold-fill);box-shadow:0 0 0 2px rgba(195,164,105,.32)}
.li-input.invalid{border-color:var(--zone-high)}
.li-input.valid{border-color:var(--forest)}
.li-badge{flex:0 0 auto;display:inline-flex;line-height:0}
.li-badge svg{width:21px;height:21px;display:block}
.li-prefix{flex:0 0 auto;font-family:var(--font-sans);font-size:14px;color:var(--taupe-text);white-space:nowrap;user-select:none;letter-spacing:-.1px}
.li-input input{flex:1 1 64px;min-width:0;border:0;background:transparent;font-family:var(--font-sans);font-size:14px;color:var(--charcoal);padding:12px 0}
.li-input input:focus{outline:0}
.li-input input::placeholder{color:var(--taupe-text);opacity:.6}
@media(max-width:380px){.li-prefix{font-size:12.5px}}
.ta-hint{font-size:11.5px;line-height:1.55;color:#B5A48B;margin-top:9px;max-width:60ch}
.ta-status{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;margin-top:9px;min-height:1em}
.ta-status.err{display:inline-block;background:#0A66C2;color:#fff;font-weight:700;padding:6px 11px;border-radius:6px;min-height:0;letter-spacing:.02em}
.ta-status.ok{color:#C3A469;font-weight:700}
.ta-actions{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap}
.ta-generate{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:11px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--charcoal);background:var(--gold-fill);border:1px solid transparent;border-radius:999px;padding:13px 24px;min-height:44px;cursor:pointer;font-weight:600;box-shadow:0 2px 10px rgba(195,164,105,.22)}
.ta-generate:hover{background:#E7C877;box-shadow:0 6px 22px rgba(195,164,105,.42)}
.ta-generate>*{position:relative;z-index:1}
.ta-generate .arr{transition:transform .25s ease}
.ta-generate:hover .arr{transform:translateX(4px)}
.ta-generate .arr svg{width:30px;height:12px;display:block}
/* signature gold sheen — invisible at rest, sweeps periodically (and on hover); beneath the label */
.ta-generate::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;z-index:0;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);transform:translateX(-185%) skewX(-12deg);opacity:0}
@media (prefers-reduced-motion: no-preference){
  .ta-generate::after{animation:taSheen 5s ease-in-out 1.5s infinite}
  .ta-generate:hover::after{animation:taSheen 1s ease}
}
@keyframes taSheen{0%{transform:translateX(-185%) skewX(-12deg);opacity:0}8%{opacity:1}24%{transform:translateX(285%) skewX(-12deg);opacity:1}32%{opacity:0}100%{transform:translateX(285%) skewX(-12deg);opacity:0}}
/* locked (awaiting verification): black field, white type + MC arrow + outline. Sheen still sweeps. */
.ta-generate.is-locked{background:#0E0D09;color:#FAF8F3;border-color:rgba(250,248,243,.6);box-shadow:none}
.ta-generate.is-locked:hover{background:#16140F;box-shadow:none}
.ta-for{display:flex;flex-direction:column;gap:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#A89E8C}
.ta-for:empty{display:none}
.ta-for .taf-l{font-size:9px;letter-spacing:1.4px;color:#A89E8C}
.ta-for .taf-n{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:18px;line-height:1.1;letter-spacing:0;text-transform:none;color:var(--gold-fill)}
.ta-disclaim .mcw-g{color:var(--gold-fill)}
/* ── Compounding Reveal · the climb lights as the visitor commits to the field ── */
.ta-twocol{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(22px,3.4vw,46px);align-items:center;margin-top:0}
.ta-col-left{min-width:0;display:flex;flex-direction:column}
.ta-col-left .ta-gate{margin-top:18px}
.ta-col-right{display:flex;align-items:center;justify-content:center;min-width:0}
.ci-mark{display:flex;align-items:center;justify-content:center;width:100%}
.ci-mark svg{width:100%;max-width:212px;height:auto;display:block}
.ci-mark .cim-lbl{font-family:var(--font-mono);font-size:7px;letter-spacing:.08em;text-transform:uppercase;fill:#CFC6B2}
.ci-mark .cim-ico{stroke:#CFC6B2}
.ci-mark .cim-node{opacity:.16;transform-box:fill-box;transform-origin:center;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.3,1)}
.ci-mark .cim-node.lit{opacity:1}
.ci-mark .cim-area{opacity:calc(.12 + .88*var(--progress,0));transition:opacity .5s ease}
.ci-mark .cim-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.45,.05,.55,.95)}
.ci-mark .cim-ring,.ci-mark .cim-ball,.ci-mark .cim-smile{opacity:0;transition:opacity .5s ease}
.ci-mark[data-reveal="done"] .cim-ball{opacity:1}
.ci-mark.ignited .cim-ring{opacity:1;transform-box:fill-box;transform-origin:center;animation:cimPulse 2.6s ease-in-out infinite}
.ci-mark.ignited .cim-smile{animation:cimSmile 2.6s ease-in-out infinite}
.ci-mark.recoil{animation:ciRecoil .42s ease}
@keyframes cimPulse{0%,100%{stroke-opacity:.85;r:16}50%{stroke-opacity:.15;r:19}}
@keyframes cimSmile{0%,18%,82%,100%{opacity:0}38%,62%{opacity:1}}
@keyframes ciRecoil{0%,100%{transform:none}30%{transform:translateX(-3px)}70%{transform:translateX(2px)}}
@media (prefers-reduced-motion: reduce){
  .ci-mark .cim-node,.ci-mark .cim-area,.ci-mark .cim-line{transition:none}
  .ci-mark.ignited .cim-ring,.ci-mark.ignited .cim-smile{animation:none;opacity:1}
}
@media(max-width:760px){
  .ta-twocol{grid-template-columns:1fr;gap:18px}
  .ci-mark svg{max-width:228px}
}
@media(max-width:560px){.ta-field button{flex:1 1 100%}.ta-generate{width:100%;justify-content:center}}
/* rung-ladder tips — same anatomy as the network chips.
   NOTE: the page's broad .depth span / .rl-ticks span selectors also match the
   nested tip spans, so the full tip recipe is RE-ASSERTED here at higher
   specificity — absolute, off-flow, no pill chrome, sans lowercase. */
.depth > span,.rl-ticks > span{cursor:help;outline:none}
.depth > span{position:relative}
.depth span .nc-tip,.rl-ticks span .nc-tip{
  position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,4px);
  width:218px;display:block;margin:0;background:#15140F;
  border:1px solid rgba(195,164,105,.4);border-radius:8px;padding:11px 13px;
  font-family:var(--font-sans);font-size:11px;letter-spacing:0;text-transform:none;
  color:var(--cream);font-weight:300;line-height:1.55;white-space:normal;text-align:left;
  opacity:0;visibility:hidden;z-index:90;cursor:default;pointer-events:none;
  transition:opacity .2s ease .12s,visibility 0s linear .32s,transform .2s ease .12s;
  box-shadow:0 14px 36px -16px rgba(0,0,0,.85)}
.depth span:hover .nc-tip,.depth span:focus-visible .nc-tip,.depth span.open .nc-tip,
.rl-ticks span:hover .nc-tip,.rl-ticks span:focus-visible .nc-tip,.rl-ticks span.open .nc-tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
@media(max-width:480px){.depth span .nc-tip,.rl-ticks span .nc-tip{width:190px}}

.est-body .dnote{border-top-color:rgba(195,164,105,.25)}
.est-body .dnote .dn-short,.est-body .dnote .dn-full{color:#B5A48B}
.est-body .dnote .dn-full a{color:var(--gold-fill)}

/* ── CLOSE BAND ── */
.close-band{margin-top:26px;background:var(--charcoal);color:var(--ivory);border:1px solid var(--gold-fill);border-radius:8px;padding:30px 32px}
.close-band h3{font-family:var(--font-display);font-size:25px;font-weight:600;line-height:1.2;margin-bottom:8px}
.close-band h3 .accent{color:var(--gold-fill);font-style:italic}
.close-band p{font-size:13.5px;color:var(--cream);font-weight:300;max-width:640px;line-height:1.7}
.close-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:20px}
.cta-button{display:inline-block;background:var(--gold-fill);color:var(--charcoal);font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 28px;border-radius:3px;font-weight:500}
.cta-button:hover{background:#E5BE60;color:var(--charcoal)}
.readline{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.readline:hover{color:var(--gold-fill)}
.readline .arr{display:inline-flex;color:var(--gold-fill);transition:transform .25s ease}
.readline:hover .arr{transform:translateX(5px)}
.readline .arr svg{width:38px;height:14px;display:block}
.readline .doc{width:15px;height:15px;flex:0 0 auto;color:var(--gold-fill)}
.readline .doc svg{width:100%;height:100%}

/* ── CLOSING CODA — repurposed from the homepage coda (statement · confidential advisory · paragraphs) ── */
.calc-coda{position:relative;margin-top:26px;background:#14110B;border:1px solid rgba(201,162,75,.5);border-radius:14px;padding:clamp(20px,2.8vw,34px) clamp(22px,4vw,54px);overflow:hidden}
.coda-grid{display:grid;grid-template-columns:1.05fr .92fr 1fr;gap:clamp(22px,3vw,40px);align-items:center}
.coda-statement{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.15vw,2rem);line-height:1.13;letter-spacing:-.01em;color:#FAF8F3;margin:0;text-wrap:balance}
.coda-statement .accent{color:#D4AE50;font-style:italic}
.coda-card{position:relative;display:block;text-decoration:none;border:1px solid rgba(201,162,75,.5);border-radius:12px;padding:24px 20px 26px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,rgba(201,162,75,.09),transparent 72%);transition:border-color .25s,box-shadow .25s,transform .25s}
a.coda-card:hover{border-color:#C9A24B;box-shadow:0 0 0 1px rgba(201,162,75,.35),0 16px 40px -18px rgba(201,162,75,.55);transform:translateY(-2px)}
.coda-card .cc-lock{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#14110B;padding:0 9px;line-height:0}
.coda-card .cc-print{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,162,75,.5);background:#14110B;display:grid;place-items:center;color:#C9A24B}
.coda-card .cc-print svg{width:18px;height:18px}
.coda-card .cc-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#C9A24B;margin-bottom:14px}
.coda-card .cc-line{font-family:var(--font-display);font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1.46;color:#FAF8F3;margin:0;font-weight:400}
.coda-paras p{font-family:var(--font-display);font-size:clamp(.98rem,1.2vw,1.18rem);line-height:1.42;color:#EDE6D6;font-weight:300;margin:0}
.coda-paras p+p{margin-top:clamp(.8rem,1.2vw,1.1rem)}
.coda-paras strong{font-weight:400;color:#D4AE50}
.coda-paras .mcw-g{color:#D4AE50}
/* ── INLINE BOOKING REVEAL · unsealed when the estimate opens ── */
.book-reveal{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .7s cubic-bezier(.22,.61,.36,1),opacity .5s ease,margin-top .7s cubic-bezier(.22,.61,.36,1)}
.book-reveal.is-open{max-height:1480px;opacity:1;margin-top:26px}
.br-inner{background:#14110B;border:1px solid rgba(201,162,75,.5);border-radius:14px;padding:clamp(22px,3vw,38px) clamp(20px,3.2vw,40px) clamp(18px,2.4vw,30px)}
.br-head{text-align:center;max-width:560px;margin:0 auto clamp(14px,2vw,22px)}
.br-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#C9A24B;margin-bottom:10px}
.br-eyebrow .lv{width:6px;height:6px;border-radius:50%;background:#C9A24B;display:inline-block}
.br-h{font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,2.1vw,1.95rem);line-height:1.12;color:#FAF8F3;margin:0 0 8px}
.br-sub{font-family:var(--font-display);font-weight:300;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.45;color:#EDE6D6;margin:0}
.br-cal{min-width:320px;height:1040px;border-radius:10px;overflow:hidden}
@media(max-width:760px){.br-cal{height:960px}.book-reveal.is-open{max-height:1380px}}
@media(prefers-reduced-motion:reduce){.book-reveal{transition:opacity .3s ease}}
/* ── SITE FOOTER · canonical mC footer (rights + CC attribution) ── */
.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}}
/* ── FinExp lens · preserve the signature mC-gold accents + Verify (don't amberize) — user-mandated 2026-06-14 ── */
html.fx-lens #brand-stamp .coda-statement .accent{color:#D4AE50 !important;font-style:italic !important}
html.fx-lens #h-est .accent{color:#D4AE50 !important;font-style:italic !important}
html.fx-lens #takeAway .ta-h .accent{color:#D4AE50 !important;font-style:italic !important}
/* hero accent "Model the payoff." → live-green under the lens. (user 2026-06-21) */
html.fx-lens .hero h1 .accent{color:#33FF66 !important}
/* hero h1 base "Budget the climb." → house gold under the lens (accent stays live-green). (user 2026-06-21) */
html.fx-lens .hero h1{color:#D4AE50 !important}
/* band-scale zones → semantic palette under the lens: poised = signal amber, all-in = risk red (disciplined stays gold). (user 2026-06-21) */
html.fx-lens #position #bandScale .bs-elev{color:#FF8800 !important}
html.fx-lens #position #bandScale .bs-high{color:#FF4444 !important}
/* band-status pill → semantic palette under the lens: alert (highly invested) = risk red, warn (poised) = signal amber. (user 2026-06-21) */
html.fx-lens .band-status.alert{color:#FF4444 !important;background:rgba(255,68,68,.14) !important}
html.fx-lens .band-status.warn{color:#FF8800 !important;background:rgba(255,136,0,.14) !important}
/* employer-orbit invitation headline → stays ivory/bone under the lens (not an accent). (user 2026-06-21) */
html.fx-lens .eo-txt b{color:#F2ECDE !important}
html.fx-lens #taValidate{background:#C3A469 !important;border-color:#C3A469 !important;color:#0E0D09 !important}
html.fx-lens #taValidate:hover{background:#E7C877 !important;border-color:#E7C877 !important}
/* Create-my-PDF button: mC gold shading standard in BOTH views; the locked (pre-verify)
   black/white standout and the gold active (post-verify) state both carry into the lens. */
html.fx-lens #taGenerate{background:#C3A469 !important;color:#0E0D09 !important;border-color:transparent !important}
html.fx-lens #taGenerate:hover{background:#E7C877 !important}
html.fx-lens #taGenerate.is-locked{background:#0E0D09 !important;color:#FAF8F3 !important;border-color:rgba(250,248,243,.6) !important}
html.fx-lens #taGenerate.is-locked:hover{background:#16140F !important}
/* new gold CTA in 01 · Position — dark text on amber under the lens (matches the gold-button standard) */
html.fx-lens .dial-cta .dc-btn{background:#C3A469 !important;color:#0E0D09 !important;border-color:#C3A469 !important}
html.fx-lens .dial-cta .dc-btn:hover{background:#E7C877 !important}
/* deploy handoff button — dark ink on amber under the lens */
html.fx-lens #dpToEstimate{background:#C3A469 !important}
html.fx-lens #dpToEstimate:hover{background:#E7C877 !important}
html.fx-lens #dpToEstimate .dgs-1,html.fx-lens #dpToEstimate em{color:#0E0D09 !important}
/* FinExp lens — 01 Position dial UI + scale strips (were light islands on the dark panel) */
html.fx-lens .dial-control{background:#0E0D09 !important;border-color:rgba(212,174,80,.32) !important}
html.fx-lens .dial-input{color:#D4AE50 !important}
html.fx-lens #position .dial-step{background:#161410 !important;color:#E7C877 !important;border-color:rgba(212,174,80,.28) !important}
html.fx-lens #position .dial-step:hover{background:#241d12 !important;color:#D4AE50 !important}
html.fx-lens #position .dial-stack,html.fx-lens #position .dial-stack .ds-up{border-color:rgba(212,174,80,.28) !important}
html.fx-lens #position .dial-range{accent-color:#D4AE50 !important}
/* FinExp lens — band dial mirrors the normal view: input font + range dot shift with the % tier (disciplined gold · poised amber · highly-invested red). (user 2026-06-21) */
html.fx-lens #position #bandBox.warn{color:#FF8800 !important}
html.fx-lens #position #bandBox.alert{color:#FF4444 !important}
html.fx-lens #position .dial-range.warn{accent-color:#FF8800 !important}
html.fx-lens #position .dial-range.alert{accent-color:#FF4444 !important}
/* focus presets under the lens — dark cards, gold accents */
html.fx-lens .fp-lead{color:#C8C8C8 !important}
html.fx-lens .fp-choose{color:#E7C877 !important;background:rgba(212,174,80,.12) !important;border-color:rgba(212,174,80,.4) !important}
html.fx-lens .fp-card{background:#0E0D09 !important;border-color:rgba(212,174,80,.3) !important;color:#EDEDED !important}
html.fx-lens .fp-card:hover{border-color:#D4AE50 !important;background:#161410 !important}
html.fx-lens .fp-card[aria-checked="true"]{border-color:#D4AE50 !important;background:#161410 !important;box-shadow:inset 0 0 0 1.5px #D4AE50 !important}
html.fx-lens .fp-card[aria-checked="true"]::after{color:#E7C877 !important}
html.fx-lens .fp-ico{background:#161410 !important;border-color:rgba(212,174,80,.4) !important;color:#E7C877 !important}
html.fx-lens .fp-l{color:#EDEDED !important}
/* replay-tour control → live green under the lens. (user 2026-06-21) */
html.fx-lens #tourReplay{color:#33FF66 !important;border-color:rgba(51,255,102,.5) !important}
html.fx-lens #tourReplay:hover{color:#33FF66 !important;border-color:#33FF66 !important;background:rgba(51,255,102,.1) !important}
/* Position-panel "take the guided tour" CTA → live green under the lens. (user 2026-06-21) */
html.fx-lens #tourStartPos{color:#33FF66 !important;background:rgba(51,255,102,.1) !important;border-color:rgba(51,255,102,.55) !important}
html.fx-lens #tourStartPos:hover{color:#7CFF9E !important;background:rgba(51,255,102,.2) !important;box-shadow:none !important}
html.fx-lens #position .scale-strip{border-color:rgba(212,174,80,.3) !important}
html.fx-lens #position .scale-strip span{background:#161410 !important;color:#C8C8C8 !important}
html.fx-lens #position .scale-strip span.on,html.fx-lens #position .cs-beyond.on{background:rgba(212,174,80,.22) !important;color:#E7C877 !important;box-shadow:inset 0 0 0 1.5px #D4AE50 !important}
/* budget band → transparent house-gold fill, live-green numerals under the lens. (user 2026-06-21) */
html.fx-lens .budget-band{background:rgba(212,174,80,.08) !important;border-color:rgba(51,255,102,.55) !important}
html.fx-lens .budget-band .bb-l{color:#33FF66 !important}
html.fx-lens .budget-band .bb-v{color:#33FF66 !important}
/* ledger "Invested" stat → live-green under the lens. (user 2026-06-21) */
html.fx-lens .stat-row .stat:first-child .s-l,
html.fx-lens .stat-row .stat:first-child .s-v{color:#33FF66 !important}
html.fx-lens .budget-band .bb-m{color:#33FF66 !important}
html.fx-lens .dial-cta{border-top-color:rgba(212,174,80,.25) !important}
html.fx-lens .dial-cta .dc-k{color:#E7C877 !important}
html.fx-lens .dial-cta .dc-sub{color:#EDEDED !important}
/* FinExp lens — estimate · upskilling breakout */
html.fx-lens .up-card{background:#101010 !important;border-color:#2a2a2a !important}
html.fx-lens .uc-head{border-bottom-color:#2a2a2a !important}
html.fx-lens .uc-ico{border-color:rgba(212,174,80,.4) !important;color:#E7C877 !important;background:rgba(212,174,80,.12) !important}
html.fx-lens .uc-h,html.fx-lens .uc-row .ul-aiq,html.fx-lens .uc-cost,html.fx-lens .uc-di p b{color:#E7C877 !important}
html.fx-lens .uc-s,html.fx-lens .uc-lead,html.fx-lens .uc-di p,html.fx-lens .up-foot{color:#C8C8C8 !important}
html.fx-lens .uc-row .ul-tag{background:#E7C877 !important;color:#0b0b0a !important}
/* General Credentials track → converting-cyan under the lens (AIQ track stays house gold).
   Consistency with the upskill deploy row above. (user 2026-06-17) */
html.fx-lens .ut-gen{border-color:rgba(92,200,229,.3) !important}
html.fx-lens .ut-gen .uc-head{border-bottom-color:rgba(92,200,229,.22) !important}
html.fx-lens .ut-gen .uc-ico{border-color:rgba(92,200,229,.45) !important;color:#5CC8E5 !important;background:rgba(92,200,229,.12) !important}
html.fx-lens .ut-gen .uc-h,html.fx-lens .ut-gen .uc-row .ul-aiq,html.fx-lens .ut-gen .uc-cost,html.fx-lens .ut-gen .uc-di p b,html.fx-lens .ut-gen .gen-list li .ul-aiq,html.fx-lens .ut-gen .gen-list li b{color:#5CC8E5 !important}
html.fx-lens .ut-gen .uc-row .ul-tag{background:#5CC8E5 !important;color:#0b0b0a !important}
html.fx-lens .ut-gen .uc-item:hover{background:rgba(92,200,229,.06) !important}
html.fx-lens .ut-gen .uc-item.open{background:rgba(92,200,229,.07) !important;border-color:rgba(92,200,229,.25) !important}
html.fx-lens .ut-gen .uc-info{border-color:rgba(92,200,229,.5) !important;color:#5CC8E5 !important}
html.fx-lens .ut-gen .uc-tip b{color:#5CC8E5 !important}
/* upskill estimate-card header icon → converting-cyan under the lens (matches the upskill topic) */
html.fx-lens .est-v[data-ev="upskill"] .ev-head .v-ico{background:rgba(92,200,229,.12) !important;border-color:rgba(92,200,229,.5) !important;color:#5CC8E5 !important}
/* upskill estimate-card amount → converting-cyan under the lens. (user 2026-06-21) */
html.fx-lens .est-v[data-ev="upskill"] .ev-amt{color:#5CC8E5 !important}
/* estimate-invite upskill chip → converting-cyan under the lens (matches the upskill topic elsewhere on the page). (user 2026-06-21) */
html.fx-lens .ei-chip[data-c="upskill"]{--vc:92,200,229 !important}
html.fx-lens .ei-chip[data-c="upskill"] b{color:#5CC8E5 !important}
/* estimate-invite network chip → risk-red under the lens (matches the network estimate-card icon below). (user 2026-06-21) */
html.fx-lens .ei-chip[data-c="network"]{--vc:255,68,68 !important}
html.fx-lens .ei-chip[data-c="network"] b{color:#FF4444 !important}
/* estimate-invite advisory chip → live-green under the lens (matches the advisory estimate card). (user 2026-06-21) */
html.fx-lens .ei-chip[data-c="advisory"]{--vc:51,255,102 !important}
html.fx-lens .ei-chip[data-c="advisory"] b{color:#33FF66 !important}
html.fx-lens .ei-chip[data-c="advisory"] .adv-mark path[stroke="#C9A227"]{stroke:#33FF66 !important}
html.fx-lens .ei-chip[data-c="advisory"] .adv-mark circle[fill="#C9A227"]{fill:#33FF66 !important}
html.fx-lens .ei-chip[data-c="advisory"] .adv-mark circle[fill="#173327"]{fill:#0F3B22 !important}
/* FinExp lens — Network estimate card carries the risk-red theme (matches the network deploy row). (user 2026-06-17) */
html.fx-lens .est-v[data-ev="network"] .ev-head .v-ico{background:rgba(255,68,68,.12) !important;border-color:rgba(255,68,68,.5) !important;color:#FF4444 !important}
html.fx-lens #netChips .net-chip.lit{color:#FF4444 !important;border-color:rgba(255,68,68,.6) !important;background:rgba(255,68,68,.09) !important}
html.fx-lens .est-v[data-ev="network"] .nc-tip{border-color:rgba(255,68,68,.4) !important}
html.fx-lens .est-v[data-ev="network"] .nc-tip b{color:#FF4444 !important}
html.fx-lens .est-v[data-ev="network"] .ev-amt{color:#FF4444 !important}
html.fx-lens .est-v[data-ev="network"] .ev-copy b{color:#FF4444 !important}
/* network card "Presence · the human moat" aside → risk-red eyebrow + bold terms under the lens. (user 2026-06-21) */
html.fx-lens .est-v[data-ev="network"] .ev-alt .ea-k{color:#FF4444 !important}
html.fx-lens .est-v[data-ev="network"] .ev-alt b{color:#FF4444 !important}
/* advisory card "Also fits · fractional expert" aside → live-green eyebrow + bold terms under the lens. (user 2026-06-21) */
html.fx-lens .est-v[data-ev="advisory"] .ev-alt .ea-k{color:#33FF66 !important}
html.fx-lens .est-v[data-ev="advisory"] .ev-alt b{color:#33FF66 !important}
/* advisory card → full live-green theme under the lens (parallels the network card's red): amount, copy bolds, and the advisory mark. (user 2026-06-21) */
html.fx-lens .est-v[data-ev="advisory"] .ev-amt{color:#33FF66 !important}
/* per-session rate value stays ivory under the lens (was inheriting the dark terminal text). (user 2026-06-21) */
html.fx-lens .ev-rate .er-v{color:#F8F5EC !important}
html.fx-lens .est-v[data-ev="advisory"] .ev-copy b{color:#33FF66 !important}
html.fx-lens .est-v[data-ev="advisory"] .adv-mark path[stroke="#C9A227"]{stroke:#33FF66 !important}
html.fx-lens .est-v[data-ev="advisory"] .adv-mark circle[fill="#C9A227"]{fill:#33FF66 !important}
html.fx-lens .est-v[data-ev="advisory"] .adv-mark circle[fill="#173327"]{fill:#0F3B22 !important}
html.fx-lens .uc-item.beyond .ul-tag{background:transparent !important;color:#C8C8C8 !important;border-color:rgba(212,174,80,.45) !important}
html.fx-lens .gl-tier{color:#9aa888 !important}
html.fx-lens .gl-pips i{border-color:rgba(212,174,80,.6) !important}
html.fx-lens .gl-pips i.on{background:#D4AE50 !important;border-color:#D4AE50 !important}
/* FinExp lens — two-dials guided popup (white input boxes + low-contrast pills) */
html.fx-lens .pos-pop .pp-dctl{background:#0E0D09 !important;border-color:rgba(212,174,80,.32) !important}
html.fx-lens .pos-pop .pp-dctl:focus-within{border-color:#D4AE50 !important;box-shadow:0 0 0 3px rgba(212,174,80,.16) !important}
html.fx-lens .pos-pop .pp-dctl input{color:#D4AE50 !important}
html.fx-lens .pos-pop .pp-dctl button{background:#161410 !important;color:#E7C877 !important}
html.fx-lens .pos-pop .pp-band{background:rgba(212,174,80,.12) !important;color:#C8C8C8 !important}
html.fx-lens .pos-pop .pp-row.on .pp-band{background:rgba(212,174,80,.26) !important;color:#E7C877 !important}
/* lens: popup band dial + active row also track the tier (amber / red); disciplined stays gold. (user 2026-06-21) */
html.fx-lens .pos-pop .pp-dctl.z-elev input,html.fx-lens .pos-pop .pp-dctl.z-elev button{color:#FF8800 !important}
html.fx-lens .pos-pop .pp-dctl.z-high input,html.fx-lens .pos-pop .pp-dctl.z-high button{color:#FF4444 !important}
html.fx-lens .pos-pop .pp-dctl.z-elev{border-color:rgba(255,136,0,.45) !important}
html.fx-lens .pos-pop .pp-dctl.z-high{border-color:rgba(255,68,68,.45) !important}
html.fx-lens .pos-pop .pp-row[data-zone="elev"].on{border-color:#FF8800 !important;box-shadow:inset 0 0 0 1.5px #FF8800 !important}
html.fx-lens .pos-pop .pp-row[data-zone="high"].on{border-color:#FF4444 !important;box-shadow:inset 0 0 0 1.5px #FF4444 !important}
/* guided-tour popup band rows → semantic tier palette under the lens, matching the main band (disc gold · poised amber · all-in red). (user 2026-06-21) */
html.fx-lens .pos-pop .pp-band.pp-disc{background:rgba(212,174,80,.18) !important;color:#E7C877 !important}
html.fx-lens .pos-pop .pp-band.pp-elev{background:rgba(255,136,0,.18) !important;color:#FF8800 !important}
html.fx-lens .pos-pop .pp-band.pp-high{background:rgba(255,68,68,.18) !important;color:#FF4444 !important}
html.fx-lens .pos-pop .pp-row.on .pp-band.pp-disc{background:rgba(212,174,80,.30) !important;color:#E7C877 !important}
html.fx-lens .pos-pop .pp-row.on .pp-band.pp-elev{background:rgba(255,136,0,.30) !important;color:#FF8800 !important}
html.fx-lens .pos-pop .pp-row.on .pp-band.pp-high{background:rgba(255,68,68,.30) !important;color:#FF4444 !important}
/* FinExp lens — guided tour popup buttons (Next/Finish gold-filled, Back dark) */
html.fx-lens .tp-btns .tp-next{background:#C3A469 !important;border-color:#C3A469 !important;color:#0E0D09 !important}
html.fx-lens .tp-btns .tp-next:hover{background:#E7C877 !important}
html.fx-lens .tp-btns .tp-back{background:#161410 !important;color:#EDEDED !important;border-color:rgba(212,174,80,.32) !important}
html.fx-lens .tp-btns .tp-back:hover{border-color:#D4AE50 !important}
/* FinExp lens — bespoke "beyond the ladder" overlay (lens was inverting it to light grey) */
html.fx-lens .bespoke-scrim{background:rgba(0,0,0,.86) !important}
html.fx-lens .bespoke-panel{background:#0B0B0A !important;border-color:rgba(212,174,80,.28) !important;color:#EDEDED !important;--ivory:#EDEDED !important;--charcoal:#0B0B0A !important;--gold-fill:#E7C877 !important;--gold-text:#E7C877 !important;--taupe-text:#9A9A9A !important;--border:#2a2a2a !important;--forest:#E7C877 !important;--sage-text:#9A9A9A !important}
html.fx-lens .bespoke-panel .cr-card{--acc:#E7C877 !important;background:#101010 !important;border-color:#2a2a2a !important;border-left-color:#D4AE50 !important}
html.fx-lens .bespoke-panel .cr-ico{background:rgba(212,174,80,.12) !important}
html.fx-lens .bespoke-panel .cr-p{color:#C8C8C8 !important}
html.fx-lens .bespoke-panel .bm-pill{--acc:#E7C877 !important}
html.fx-lens .bespoke-panel .bm-p-rank{color:#0B0B0A !important}
html.fx-lens .bespoke-panel .bs-sec-t{color:#EDEDED !important}
html.fx-lens .bespoke-panel .bs-cred-k{color:#9A9A9A !important}
html.fx-lens .bespoke-panel .bs-close{color:#EDEDED !important;border-color:rgba(212,174,80,.45) !important}
html.fx-lens .bs-topbar{background:linear-gradient(180deg,#0B0B0A 58%,transparent) !important}
html.fx-lens #bsTitle{color:#EDEDED !important}
html.fx-lens #bsTitle em,html.fx-lens .bs-say em{color:#E7C877 !important}
html.fx-lens .bs-say{color:#C8C8C8 !important}
html.fx-lens .bs-disclaim{color:#9a9488 !important}
html.fx-lens .bs-cta{background:#C3A469 !important;border-color:#C3A469 !important;color:#0E0D09 !important}
html.fx-lens .bs-cta:hover{background:#E7C877 !important}
/* FinExp lens — keep the mC capsule arrows house gold (not amberized) */
html.fx-lens .mc-cap svg{color:#C3A469 !important}
@media(max-width:880px){
  .coda-grid{grid-template-columns:1fr;gap:34px;text-align:center;justify-items:center}
  .coda-statement{font-size:clamp(1.9rem,7vw,2.5rem)}
  .coda-card{max-width:360px;width:100%}
  .coda-paras{max-width:540px}
}

.foot{margin-top:34px;font-family:var(--font-mono);font-size:9.5px;color:var(--taupe-text);letter-spacing:1.3px;text-transform:uppercase;text-align:center;line-height:2}
.foot a{color:var(--gold-text)}

@media(max-width:760px){
  .cal-grid{grid-template-columns:1fr}
  /* mobile: compensation stepper matches the band stepper — value left, +/− stacked right */
  .dial-control:not(.band-control){display:grid;grid-template-columns:1fr 56px;grid-template-rows:1fr 1fr}
  .dial-control:not(.band-control) .dial-box{grid-column:1;grid-row:1/3}
  .dial-control:not(.band-control) .ds-plus{grid-column:2;grid-row:1;border-left:1px solid var(--border);border-bottom:1px solid var(--border);font-size:18px}
  .dial-control:not(.band-control) .ds-minus{grid-column:2;grid-row:2;border-left:1px solid var(--border);border-right:0;font-size:18px}
  /* mobile: AIQ / credentials rung fills the column — chevron anchored to the right edge */
  .uc-row .uc-chev{margin-left:auto}
  .dial-cta{flex-direction:column;align-items:stretch}
  .dial-cta .dc-btn{justify-content:space-between;width:100%}
  .pos-pop{width:min(420px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 14px}
  .pos-pop .pp-t{font-size:22px}
  .pos-pop .pp-foot{flex-wrap:wrap}
  .pos-pop .pp-foot button{flex:1 1 auto;min-height:44px;padding:11px 12px}
  .veh{grid-template-columns:1fr 84px}
  .veh .v-name{grid-column:1/-1}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .pay-row{grid-template-columns:1fr}
  .pay-row .pr-nums{text-align:left}
  .score-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .score-copy p{max-width:none}
  .ro-ladder{width:100%}
  .panel{padding:20px 16px}
  .est-invite{grid-template-columns:48px 1fr;padding:20px 16px}
  .ei-mark{width:44px;height:44px}
  .est-invite .readline{grid-column:1/-1}
  .est-body{padding:0 16px 20px}
  .ev-amt{margin-left:0;flex-basis:100%}
  .up-list li{flex-wrap:wrap}
  .gen-list li{flex-wrap:wrap}
  .gen-list li .ul-aiq{flex-basis:auto}
  .up-list li .ul-tag{margin-left:0}
  .nc-tip{width:190px}
}
/* ── mobile estimate invite (≤640px): centered ceremonial stack —
   mark on top, balanced headline, full-width CTA, 2×2 chip grid ── */
@media(max-width:640px){
  .est-invite{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px 22px}
  .est-invite .ei-mark{width:54px;height:54px;margin-bottom:13px}
  .ei-tt{display:flex;flex-direction:column;align-items:center}
  .ei-eyebrow{justify-content:center;font-size:8.5px;letter-spacing:1.6px}
  .ei-h{font-size:21px;margin-top:9px;max-width:19ch}
  .ei-say{font-size:12px;line-height:1.62;margin-top:10px;color:#BDB49F;max-width:36ch}
  .ei-cta{width:100%;justify-content:center;margin-top:18px;padding:6px 10px 6px 18px;font-size:10px;letter-spacing:.14em;min-height:44px}
  .ei-cta .mc-cap{width:34px;height:34px}
  .ei-chips-l{margin-top:18px;text-align:center}
  .ei-chips{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-top:9px}
  .ei-chip{width:100%;justify-content:flex-start;min-height:40px;font-size:8.5px;padding:5px 9px 5px 6px}
}
@media(prefers-reduced-motion:reduce){
  .pr-bar .seg,.deploy-bar i,.rl-track i,.rl-marker,.arc-cover i{transition:none}
  .deploy-badge.full{animation:none}
}
@media print{
  .site-head,.fx-pill-wrap{display:none!important}
  .dnote .dn-full{display:block!important}
  .dnote .dn-short,.dnote .dn-cue{display:none!important}
}

/* =============================================================
   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}

/* dn-cue plus-ring css: wordless expand affordance */
.dn-cue{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;line-height:1;transition:transform .25s ease}
.dn-head[aria-expanded="true"] .dn-cue,.dnote:hover .dn-cue{transform:rotate(45deg)}

/* [mc-gloss-css] */

/* ── the gloss: brief mC-context definitions on house terms ──
   dotted term · tip on hover/focus · tap toggles open AND closed (site rule) */
.gloss{position:relative;border-bottom:1px dotted currentColor;cursor:help;outline:none}
.gloss:focus-visible{border-bottom-style:solid}
.g-tip{display:none;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:min(300px,76vw);
  background:var(--charcoal);color:var(--ivory);border:1px solid var(--gold-line,rgba(195,164,105,.45));border-radius:9px;
  padding:11px 13px;z-index:80;box-shadow:0 16px 34px -18px rgba(0,0,0,.55);
  font-family:var(--font-sans);font-size:12px;line-height:1.6;font-weight:400;letter-spacing:0;
  text-transform:none;white-space:normal;text-align:left;pointer-events:none}
.g-tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--gold-line,rgba(195,164,105,.45))}
.gloss:hover .g-tip,.gloss:focus-visible .g-tip,.gloss.is-open .g-tip{display:block}
/* re-assert the gloss tip against broad descendant selectors (.ev-ttl span etc.):
   stays hidden at rest, reveals lowercase sans — and the gloss itself stays inline. */
span.gloss{display:inline;border-bottom:1px dotted currentColor}
span.gloss .g-tip{display:none;position:absolute;margin:0;width:min(300px,76vw);
  font-family:var(--font-sans);font-size:12px;line-height:1.6;font-weight:400;
  letter-spacing:0;text-transform:none;color:var(--ivory);white-space:normal}
span.gloss:hover .g-tip,span.gloss:focus-visible .g-tip,span.gloss.is-open .g-tip{display:block}
@media print{.g-tip{display:none !important}.gloss{border-bottom:none}}
/* ── the employer's lens · floating second opinion ──
   The read-out leaves the flow of the page and lives in a floating bubble,
   lower right: a live Index gauge + a one-line prompt to take the employer's
   perspective. Click opens the full read-out as a takeover (house rules:
   explicit click only, visible auto-focused X, Esc / backdrop close). */
.emp-orbit{position:fixed;right:18px;bottom:18px;z-index:260}
/* the capsule: HR figure + invitation + live gauge — one click target.
   Expanded by default on first visit; collapses to figure + gauge (quiet),
   re-expands on hover/focus. Desktop only — mobile keeps the bare gauge. */
.eo-fab{appearance:none;position:relative;border:1px solid rgba(195,164,105,.5);padding:7px 9px;cursor:pointer;display:flex;align-items:center;
  background:radial-gradient(120% 140% at 18% 0%,rgba(195,164,105,.14),transparent 55%),linear-gradient(160deg,#211E18 0%,#15140F 70%);
  border-radius:999px;box-shadow:0 18px 40px -16px rgba(0,0,0,.65);outline-offset:3px;transition:border-color .25s}
.eo-fab:hover,.eo-fab:focus-visible{border-color:var(--gold-fill)}
.eo-txt{display:block;text-align:left;overflow:hidden;max-width:240px;margin:0 4px 0 9px;transition:max-width .45s cubic-bezier(.4,0,.2,1),opacity .3s ease .12s,margin .45s cubic-bezier(.4,0,.2,1)}
.eo-txt i,.eo-txt b,.eo-txt u{display:block;width:214px}
.eo-txt i{font-style:normal;font-family:var(--font-mono);font-size:7.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-fill)}
.eo-txt b{font-weight:600;font-family:var(--font-display);font-size:14.5px;line-height:1.25;color:var(--ivory);margin-top:3px}
.eo-txt u{text-decoration:none;font-family:var(--font-mono);font-size:7.5px;letter-spacing:1.2px;text-transform:uppercase;color:#B5A48B;margin-top:5px}
.emp-orbit.quiet .eo-txt{max-width:0;opacity:0;margin:0}
.emp-orbit.quiet .eo-fab:hover .eo-txt,.emp-orbit.quiet .eo-fab:focus-visible .eo-txt{max-width:240px;opacity:1;margin:0 4px 0 9px}
/* the HR figure — side profile, facing the line she is reading */
.eo-fig{width:54px;height:54px;flex:0 0 auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}
.eo-fig svg{width:100%;height:100%;display:block}
.eo-fig img,.emp-fig img{width:100%;height:100%;display:block;object-fit:cover}
/* native framing: the site's own gold hairline ring + matte floor — the
   cameo reads as a house mark, not a pasted render */
.eo-fig,.emp-fig{border-radius:50%;overflow:hidden;border:1px solid rgba(195,164,105,.55);background:#0B0A08;box-shadow:inset 0 0 0 1.5px rgba(11,10,8,.8)}
.eo-ring{position:relative;width:54px;height:54px;flex:0 0 auto;margin-left:9px;border-radius:50%;background:conic-gradient(var(--gold-fill) 353deg, rgba(195,164,105,.18) 0);display:grid;place-items:center}
.eo-in{width:45px;height:45px;border-radius:50%;background:#15140F;border:1px solid rgba(195,164,105,.3);display:grid;place-items:center;align-content:center;gap:1px}
.eo-in b{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--gold-fill);line-height:1}
.eo-in i{font-style:normal;font-family:var(--font-mono);font-size:6px;letter-spacing:1.3px;text-transform:uppercase;color:#B5A48B}
@media(prefers-reduced-motion:no-preference){
  .emp-orbit.quiet .eo-fab::before{content:"";position:absolute;inset:-5px;border-radius:999px;border:1px solid rgba(195,164,105,0);animation:eoHalo 3.4s ease-in-out infinite;pointer-events:none}
  @keyframes eoHalo{0%,100%{transform:scale(.97);border-color:rgba(195,164,105,0)}45%{transform:scale(1.05);border-color:rgba(195,164,105,.4)}}
}
@media(max-width:640px){
  /* condensed orbit: the gauge speaks alone on small screens */
  .emp-orbit{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .eo-fig,.eo-txt{display:none}
  .eo-fab{padding:0;border:none;background:none;box-shadow:none}
  .eo-ring{width:60px;height:60px;margin-left:0;box-shadow:0 14px 30px -12px rgba(0,0,0,.55)}
  .eo-in{width:50px;height:50px}
}
@media print{.emp-orbit{display:none}}
/* the mobile-preview test pills share this corner — lift them clear of the capsule */
#mcMpv{bottom:calc(18px + 86px + env(safe-area-inset-bottom,0px)) !important}

/* the read-out becomes a takeover */
.readout{display:none}
.readout.pop{display:grid;position:fixed;inset:0;z-index:320;background:rgba(8,7,5,.74);place-items:center;padding:18px}
.readout.pop .emp-view{margin-top:0;width:min(900px,100%);max-height:88vh;overflow:auto;position:relative;border-radius:14px;-webkit-overflow-scrolling:touch}
.readout.pop .emp-invite{display:none}
.pop-x{position:absolute;top:12px;right:12px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(195,164,105,.45);background:rgba(11,10,8,.6);
  color:var(--gold-fill);font-size:17px;line-height:1;cursor:pointer;display:grid;place-items:center}
.pop-x:hover,.pop-x:focus-visible{background:var(--gold-fill);color:var(--charcoal)}


.skip-link{position:absolute;left:1rem;top:-100px;z-index:999;background:var(--gold-soft);color:var(--charcoal);padding:.7rem 1rem;border-radius:0 0 12px 12px;font-weight:700}.skip-link:focus{top:0}
/* [pdfDocCss] */

#pdfDoc{display:none}
@media print{
  html.pdf-print body > *:not(#pdfDoc){display:none !important}
  html.pdf-print #pdfDoc{display:block !important}
  html.pdf-print, html.pdf-print body{background:#fff !important}
  @page{size:A4;margin:13mm}
}
#pdfDoc{position:relative;background:#FAF8F3;color:#0B0B0A;font-family:'DM Sans','Inter',sans-serif;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
#pdfDoc *{box-sizing:border-box}
.pdf-wm{position:fixed;inset:0;display:grid;place-items:center;z-index:0;pointer-events:none}
.pdf-wm svg{width:80%;max-width:720px;color:#C3A469;opacity:.05}
.pdf-inner{position:relative;z-index:1;padding:4mm 3mm 2mm}
.pdf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.pdf-logo{width:172px;height:auto;color:#0B0B0A}
.pdf-meta{text-align:right;font-family:'DM Mono','Consolas',monospace;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B5F4D;line-height:1.9}
.pdf-meta b{display:block;color:#7A6018}
.pdf-rule{height:3px;margin:9px 0 16px;background:linear-gradient(90deg,#C3A469 0%,#7D8C6B 52%,#173327 100%)}
.pdf-title{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:27px;line-height:1.1;color:#0B0B0A;letter-spacing:-.01em}
.pdf-title em{font-style:italic;color:#7A6018}
.pdf-sub{font-size:11.5px;color:#6B5F4D;margin-top:5px}
.pdf-sub b{color:#0B0B0A}
.pdf-block{margin-top:17px;break-inside:avoid}
.pdf-block h2{font-family:'DM Mono','Consolas',monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#7A6018;font-weight:500;border-bottom:1px solid #E2DAC8;padding-bottom:5px;margin-bottom:10px}
.pdf-block h2 span{color:#0B0B0A}
.pdf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.pdf-grid-4{grid-template-columns:repeat(4,1fr)}
.pdf-grid > div{border:1px solid #E2DAC8;border-left:3px solid #C3A469;border-radius:5px;padding:9px 12px;background:rgba(255,255,255,.55)}
.pdf-grid .pl{display:block;font-family:'DM Mono','Consolas',monospace;font-size:7.5px;letter-spacing:.14em;text-transform:uppercase;color:#6B5F4D}
.pdf-grid .pv{display:block;font-family:'DM Mono','Consolas',monospace;font-size:18px;font-weight:600;color:#0B0B0A;margin-top:3px}
.pdf-grid .pv small{font-size:10px;color:#6B5F4D;font-weight:400}
.pdf-tbl{width:100%;border-collapse:collapse;font-size:11.5px}
.pdf-tbl td{padding:7px 6px;border-bottom:1px solid #E8E0CF;vertical-align:top}
.pdf-tbl tr td:first-child{font-weight:600;color:#0B0B0A;width:38%}
.pdf-tbl td:nth-child(2){font-family:'DM Mono','Consolas',monospace;color:#7A6018;font-weight:600;white-space:nowrap}
.pdf-tbl td:last-child{color:#6B5F4D;font-size:10.5px}
.pdf-plan{margin:0;padding-left:0;list-style:none;display:grid;gap:7px}
.pdf-plan li{font-size:11.5px;color:#3A352B;padding-left:15px;position:relative;line-height:1.5}
.pdf-plan li::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#C3A469}
.pdf-plan b{color:#0B0B0A}
.pdf-arc p{font-size:11.5px;line-height:1.6;color:#3A352B;max-width:74ch}
.pdf-links{margin-top:16px;border-top:1px dashed #D6CFC4;padding-top:11px;display:grid;gap:4px}
.pdf-links .pl{font-family:'DM Mono','Consolas',monospace;font-size:7.5px;letter-spacing:.16em;text-transform:uppercase;color:#6B5F4D}
.pdf-links a{font-size:11px;color:#7A6018;text-decoration:none}
.pdf-foot{margin-top:14px;border-top:1px solid #E2DAC8;padding-top:9px}
.pdf-rights,.pdf-tnc{font-size:8px;line-height:1.7;color:#8A8175;letter-spacing:.01em}
.pdf-rights b{color:#6B5F4D}
.pdf-tnc{margin-top:3px}
.pdf-mcw{color:#7A6018;font-weight:600}

/* [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-table-scroll] */

/* [TABLE SCROLL 2026-07-26 · GLS-040] Wide tables get their own scroll frame on phone,
   so the affordance sits on the thing that actually moves. */
@media (max-width: 820px) {
  .mc-ts { position: relative; margin: 1rem 0; }
  .mc-ts-scroll {
    overflow-x: auto; overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    /* The vignette lives HERE, on the frame — never on the table, because masking a
       table fades its own text. Both edges by default; each side clears when there
       is nothing further that way, so the fade always means "more this way". */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 calc(100% - 26px), transparent 100%);
  }
  .mc-ts-scroll::-webkit-scrollbar { display: none; }
  .mc-ts[data-at="start"] .mc-ts-scroll {
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 26px), transparent 100%);
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 26px), transparent 100%);
  }
  .mc-ts[data-at="end"] .mc-ts-scroll {
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 26px, #000 100%);
  }
  .mc-ts[data-at="none"] .mc-ts-scroll { -webkit-mask-image: none; mask-image: none; }

  /* Edge chevrons, matched to the founder timeline's own .cp-chev vocabulary:
     34px charcoal disc, gold hairline ring, gold glyph. */
  .mc-ts-chev {
    position: absolute; top: 50%; transform: translateY(-50%);
    z-index: 4; width: 34px; height: 34px; padding: 0;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(11,11,10,.82);
    border: 1px solid rgba(195,164,105,.65);
    color: #D4AE50; cursor: pointer;
    opacity: 0; visibility: hidden; transition: opacity .14s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .mc-ts-chev[data-show="1"] { opacity: 1; visibility: visible; }
  .mc-ts-chev:active { background: rgba(195,164,105,.18); border-color: #C3A469; }
  .mc-ts-l { left: 2px; }
  .mc-ts-r { right: 2px; }
  .mc-ts-chev svg { width: 15px; height: 15px; fill: none; stroke: currentColor;
    stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  .mc-ts-chev::after { content: ""; position: absolute; inset: -6px; }
}
@media (min-width: 821px) { .mc-ts-chev { display: none !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-sonic-policy-motion] */

/* [GLS-051 2026-07-27 · founder decision] Exempt the CTA arrow from the blanket
   phone animation trim. The phone-performance pass sets
   * { transition-duration:.12s !important } — at that speed the arrow reads as a
   jump rather than travel, and the travel IS the affordance. Scoped to the two
   arrow SVGs only; every other transition on the page keeps the fast .12s. */
@media (max-width: 820px) {
  .mc-cap svg.a1, .mc-cap svg.a2 {
    transition-property: transform !important;
    transition-duration: .42s !important;
    transition-timing-function: cubic-bezier(.65,.05,.1,1) !important;
  }
}
/* Re-asserted AFTER the exemption: anyone who asked for less motion still gets none. */
@media (prefers-reduced-motion: reduce) {
  .mc-cap svg.a1, .mc-cap svg.a2 {
    transition-duration: .01s !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; }