/* site.css: shared site chrome (header, menus, mobile drawer, footer, CTA band).
   Loaded on every page after the page and legacy styles, before calm.css.
   One typeface (Google Sans), white surfaces, hairline borders, purple only
   for emphasis and focus. Reference patterns are documented in
   docs/design-upgrade.md. */

:root {
  --sx-ink: #0A0A0B;
  --sx-text2: #4A4A52;
  --sx-text3: #6A6A72;
  --sx-line: #E6E7EB;
  --sx-line2: #D6D8DE;
  --sx-wash: #F7F7F9;
  --sx-purple: #5000A8;
  --sx-purple-wash: #F4EEFB;
  --sx-r: 10px;
  --sx-font: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, Arial, sans-serif;
}

/* ------------------------------------------------------------------ header */
.site-header { position: sticky; top: 0; z-index: 60; }
.lbar { background: var(--sx-purple-wash) !important; color: var(--sx-ink) !important; border-bottom: 1px solid #E7DCF6; }
.lbar a, .lbar .lbar-t, .lbar .lbar-t b, .lbar .lbar-cta, .lbar .lbar-x { color: var(--sx-ink) !important; }
.lbar .lbar-m { color: var(--sx-text2) !important; }
.lbar .lbar-tag { background: #fff !important; color: var(--sx-purple) !important; border: 1px solid #E1D2F4 !important; }
.lbar .lbar-cta { border-bottom-color: currentColor !important; }

nav.sn { position: relative; background: #fff; border-bottom: 1px solid var(--sx-line); font-family: var(--sx-font); }
.sn-in { max-width: 1280px; margin: 0 auto; padding: 0 32px; height: 64px; display: flex; align-items: center; gap: 36px; }
.sn-logo { display: inline-flex; align-items: center; flex: none; }
.sn-logo-svg { height: 22px; width: auto; display: block; }
.sn-menu { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; height: 100%; }
.sn-item { position: static; height: 100%; display: flex; align-items: center; }
.sn-trigger, .sn-top { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 8px;
  font: 500 14.5px/1 var(--sx-font); color: var(--sx-ink); background: none; border: 0; cursor: pointer; text-decoration: none; letter-spacing: -0.005em; }
.sn-trigger:hover, .sn-top:hover, .sn-item.is-open > .sn-trigger { background: var(--sx-wash); }
.sn-item.is-current > .sn-trigger, .sn-item.is-current > .sn-top { color: var(--sx-purple); }
.sn-chev { width: 12px; height: 12px; transition: transform .2s ease; opacity: .7; }
.sn-item.is-open > .sn-trigger .sn-chev { transform: rotate(180deg); }
.sn-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.sn-quiet { font: 500 14.5px/1 var(--sx-font); color: var(--sx-ink); text-decoration: none; padding: 10px 12px; border-radius: 8px; }
.sn-quiet:hover { background: var(--sx-wash); }
a.sn-cta { display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border-radius: 8px; background: var(--sx-ink); color: #fff !important;
  font: 600 14px/1 var(--sx-font); text-decoration: none; letter-spacing: -0.005em; transition: background .15s ease; }
a.sn-cta:hover { background: var(--sx-purple); }
a.sn-cta::before, a.sn-cta::after { content: none !important; }
.sn-trigger:focus-visible, .sn-top:focus-visible, .sn-quiet:focus-visible, a.sn-cta:focus-visible, .sn-burger:focus-visible,
.sn-panel a:focus-visible, .sn-panel button:focus-visible, .sn-logo:focus-visible { outline: 2px solid var(--sx-purple); outline-offset: 2px; }

/* panels */
.sn-panel { position: absolute; left: 0; right: 0; top: 100%; margin: 0 auto; width: min(1040px, calc(100vw - 48px));
  background: #fff; border: 1px solid var(--sx-line); border-top: 0; border-radius: 0 0 14px 14px;
  box-shadow: 0 24px 48px -24px rgba(10, 10, 11, 0.18); padding: 24px 24px 0; text-align: left;
  opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s; }
.sn-panel--solutions { width: min(640px, calc(100vw - 48px)); padding-bottom: 20px; }
.sn-item.is-open > .sn-panel { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.sn-h { font: 600 12px/1.2 var(--sx-font); color: var(--sx-text3); margin: 0 0 10px 10px; letter-spacing: 0.02em; }
.sn-h--gap { margin-top: 18px; }
.sn-cols { display: grid; grid-template-columns: 1.15fr 1fr 0.95fr; gap: 20px; }
.sn-cols--3 { grid-template-columns: repeat(3, 1fr); }
.sn-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 12px; }
.sn-ag, .sn-ln { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: var(--sx-r); text-decoration: none; color: var(--sx-ink); }
.sn-ln { flex-direction: column; gap: 3px; }
.sn-ag:hover, .sn-ln:hover { background: var(--sx-wash); }
.sn-ag img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: none; box-shadow: 0 0 0 1.5px #fff, 0 0 0 2.5px var(--ac, var(--sx-line2)); }
.sn-ag > span { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sn-ag b, .sn-ln b { font: 600 14.5px/1.3 var(--sx-font); letter-spacing: -0.005em; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sn-ag b i { font-style: normal; font-weight: 500; font-size: 12.5px; color: var(--ac, var(--sx-text2)); }
.sn-ag b em { font-style: normal; font-weight: 600; font-size: 11px; color: #0B6470; background: #E6F3F4; border-radius: 4px; padding: 2px 6px; }
.sn-ag small, .sn-ln small { font: 400 13px/1.45 var(--sx-font); color: var(--sx-text2); }
.sn-proof { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--sx-line); border-radius: 12px; background: var(--sx-wash);
  text-decoration: none; color: var(--sx-ink); align-self: start; }
.sn-proof:hover { border-color: var(--sx-line2); background: #F2F2F5; }
.sn-proof b { font: 600 14.5px/1.3 var(--sx-font); margin-top: 6px; }
.sn-proof small { font: 400 13px/1.45 var(--sx-font); color: var(--sx-text2); }
.sn-more { font: 600 13px/1 var(--sx-font); color: var(--sx-purple); margin-top: 4px; }
.sn-proof-doc { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 14px 14px 16px; background: #fff; border: 1px solid var(--sx-line); border-radius: 8px; }
.sn-proof-doc > span { display: block; height: 5px; border-radius: 3px; background: #E9EAEE; }
.sn-proof-doc > span:nth-child(2) { width: 92%; } .sn-proof-doc > span:nth-child(3) { width: 78%; } .sn-proof-doc > span:nth-child(5) { width: 64%; }
.sn-proof-doc .sn-proof-bar { width: 38%; height: 7px; background: #CFD1D8; margin-bottom: 4px; }
.sn-proof-doc .sn-proof-hl { width: 86%; background: #EADFF8; box-shadow: inset 2px 0 0 var(--sx-purple); }
.sn-proof-doc .sn-proof-cite { position: absolute; right: 10px; top: 46px; width: auto; height: auto; padding: 3px 6px; border-radius: 4px;
  background: var(--sx-purple); color: #fff; font: 600 10.5px/1 var(--sx-font); font-variant-numeric: tabular-nums; }
.sn-strip { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 20px -24px 0; padding: 12px 24px; border-top: 1px solid var(--sx-line); background: #FBFBFC; border-radius: 0 0 14px 14px; }
.sn-strip a, .sn-strip button { font: 500 13.5px/1 var(--sx-font); color: var(--sx-ink); text-decoration: none; background: none; border: 0; cursor: pointer; padding: 8px 12px; border-radius: 6px; }
.sn-strip a:hover, .sn-strip button:hover { background: var(--sx-wash); color: var(--sx-purple); }
.sn-strip > * + * { border-left: 1px solid var(--sx-line); border-radius: 0; }

/* burger and drawer */
.sn-burger { display: none; width: 40px; height: 40px; border: 1px solid var(--sx-line); border-radius: 8px; background: #fff; cursor: pointer;
  flex-direction: column; justify-content: center; align-items: center; gap: 5px; }
.sn-burger span { display: block; width: 16px; height: 1.6px; background: var(--sx-ink); border-radius: 1px; transition: transform .2s ease; }
.sn-burger[aria-expanded="true"] span:first-child { transform: translateY(3.3px) rotate(45deg); }
.sn-burger[aria-expanded="true"] span:last-child { transform: translateY(-3.3px) rotate(-45deg); }
.sn-drawer { position: fixed; inset: var(--sn-top, 64px) 0 0 0; z-index: 59; background: #fff; overflow-y: auto; overscroll-behavior: contain;
  padding: 8px 20px 28px; font-family: var(--sx-font); visibility: hidden; opacity: 0; transition: opacity .18s ease, visibility 0s linear .18s; }
.sn-drawer.is-open { visibility: visible; opacity: 1; transition-delay: 0s; }
.sn-drawer details { border-bottom: 1px solid var(--sx-line); }
.sn-drawer summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 16px 4px; font: 600 17px/1.2 var(--sx-font); cursor: pointer; color: var(--sx-ink); }
.sn-drawer summary::-webkit-details-marker { display: none; }
.sn-drawer summary svg { width: 14px; height: 14px; transition: transform .2s ease; }
.sn-drawer details[open] summary svg { transform: rotate(180deg); }
.sn-drawer .sn-d-body { padding: 0 0 12px; }
.sn-drawer .sn-ag, .sn-drawer .sn-ln { padding: 10px 4px; }
.sn-drawer .sn-h { margin: 10px 4px 4px; }
.sn-drawer .sn-d-link { display: block; padding: 16px 4px; font: 600 17px/1.2 var(--sx-font); color: var(--sx-ink); text-decoration: none; border-bottom: 1px solid var(--sx-line); }
.sn-drawer .sn-d-link[aria-current="page"], .sn-drawer a[aria-current="page"] b { color: var(--sx-purple); }
.sn-drawer .sn-d-cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.sn-drawer .sn-d-cta a { display: flex; justify-content: center; align-items: center; height: 48px; border-radius: 8px; font: 600 15px/1 var(--sx-font); text-decoration: none; border: 1px solid var(--sx-ink); color: var(--sx-ink); }
.sn-drawer .sn-d-cta a.is-pri { background: var(--sx-ink); color: #fff; }
.sn-drawer .sn-proof, .sn-drawer .sn-strip { display: none; }
body.sn-locked { overflow: hidden; }

/* old injected burger and drawer from mobile-nav.js are retired */
.mobile-burger, .mobile-sidebar, .mobile-sidebar-backdrop { display: none !important; }

@media (max-width: 1080px) {
  .sn-in { gap: 20px; padding: 0 24px; }
  .sn-trigger, .sn-top { padding: 0 9px; }
}
@media (max-width: 960px) {
  .sn-menu, .sn-quiet { display: none; }
  .sn-burger { display: inline-flex; }
  .sn-in { height: 60px; padding: 0 16px; }
  a.sn-cta { height: 36px; padding: 0 14px; font-size: 13.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .sn-panel, .sn-drawer, .sn-chev, .sn-burger span { transition: none !important; }
}

/* ------------------------------------------------------------------ footer
   Laid out like a drawing title block: one ruled grid, every cell labeled.
   The call to action sits on top of it (pattern: footer.design, Cofactr). */
footer.sf { background: #fff; border-top: 1px solid var(--sx-line); font-family: var(--sx-font); color: var(--sx-ink); margin-top: 0; }
.sf-in { max-width: 1280px; margin: 0 auto; padding: 0 32px 28px; }
.sf-cta { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; padding: 56px 0 40px; }
.sf-cta-h { font: 600 clamp(28px, 3.2vw, 40px)/1.1 var(--sx-font); letter-spacing: -0.025em; margin: 0 0 12px; color: var(--sx-ink); }
.sf-cta-p { font: 400 17px/1.55 var(--sx-font); color: var(--sx-text2); margin: 0; max-width: 560px; }
.sf-cta-act { display: flex; gap: 10px; flex: none; }
.sf-btn { display: inline-flex; align-items: center; height: 46px; padding: 0 20px; border-radius: 8px; border: 1px solid var(--sx-line2);
  font: 600 15px/1 var(--sx-font); color: var(--sx-ink); text-decoration: none; background: #fff; transition: border-color .15s ease, background .15s ease; }
.sf-btn:hover { border-color: var(--sx-ink); }
.sf-btn--pri { background: var(--sx-ink); border-color: var(--sx-ink); color: #fff !important; }
.sf-btn--pri:hover { background: var(--sx-purple); border-color: var(--sx-purple); }
.sf-tb { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); border-top: 1px solid var(--sx-ink); border-left: 1px solid var(--sx-line); }
.sf-cell { border-right: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); padding: 18px 20px 20px; min-width: 0; }
.sf-cell--brand { grid-row: span 1; }
.sf-tb > .sf-cell--info { padding-top: 14px; padding-bottom: 16px; }
.sf-tb > .sf-cell--info:first-of-type { grid-column: 1; }
.sf-k { font: 600 11.5px/1.2 var(--sx-font); color: var(--sx-text3); letter-spacing: 0; text-transform:none; margin: 0 0 12px; }
.sf-cell--info .sf-k { margin-bottom: 6px; }
.sf-cell ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.sf-cell a { color: var(--sx-ink); text-decoration: none; font-size: 14.5px; line-height: 1.35; }
.sf-cell a:hover { color: var(--sx-purple); text-decoration: underline; text-underline-offset: 3px; }
.sf-cell p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sx-ink); }
.sf-cell--brand p { color: var(--sx-text2); max-width: 340px; margin: 14px 0 16px; }
.sf-logo svg { height: 24px; width: auto; display: block; }
.sf-social { display: flex; gap: 16px; flex-wrap: wrap; }
.sf-social a { font-size: 13.5px; color: var(--sx-text2); text-decoration: underline; text-decoration-color: var(--sx-line2); text-underline-offset: 3px; }
.sf-beta { font-size: 11px; font-weight: 600; color: #0B6470; background: #E6F3F4; border-radius: 4px; padding: 1px 5px; margin-left: 4px; }
.sf-ais { display: flex; gap: 10px; }
.sf-ai { display: inline-flex; width: 32px; height: 32px; border: 1px solid var(--sx-line); border-radius: 8px; align-items: center; justify-content: center; }
.sf-ai:hover { border-color: var(--sx-ink); }
.sf-base { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 18px; font-size: 13px; color: var(--sx-text2); }
.sf a:focus-visible, .sf-btn:focus-visible { outline: 2px solid var(--sx-purple); outline-offset: 2px; }
@media (max-width: 1080px) {
  .sf-tb { grid-template-columns: repeat(4, 1fr); }
  .sf-cell--brand { grid-column: 1 / -1; }
  .sf-tb > .sf-cell--info:first-of-type { grid-column: auto; }
  .sf-tb > .sf-cell--info:last-child { grid-column: span 4; }
}
@media (max-width: 720px) {
  .sf-in { padding: 0 16px 24px; }
  .sf-cta { flex-direction: column; align-items: flex-start; padding: 40px 0 28px; }
  .sf-cta-act { width: 100%; }
  .sf-btn { flex: 1; justify-content: center; }
  .sf-tb { grid-template-columns: 1fr 1fr; }
  .sf-tb > .sf-cell--info:last-child { grid-column: span 2; }
}

/* ------------------------------------------------------------------ light sections
   Large black and deep purple bands become light: white surfaces, ink text,
   hairlines. The per-element rules below were generated from computed styles
   (every element that sat on a dark background), mapping white text to ink,
   faded white to secondary grey and light accents to the brand accent, so
   badges and data colors keep their meaning. Product windows stay as they are. */
#story, #sovereignty, #memo, .manifesto, #early-access, .findings-band, .dark-band,
.cta-band, .cmp-final, #cta, #book, #start, section#contact {
  background: #FFFFFF !important; background-image: none !important; color: var(--sx-ink) !important;
  border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line);
}
#story::before, #story::after, #sovereignty::before, #sovereignty::after, #memo::before, #memo::after,
.manifesto::before, .manifesto::after, #early-access::before, #early-access::after,
.findings-band::before, .findings-band::after, .dark-band::before, .dark-band::after,
.cta-band::before, .cta-band::after, .cmp-final::before, .cmp-final::after, #cta::before, #cta::after,
#book::before, #book::after, #start::before, #start::after, section#contact::before, section#contact::after { content: none !important; }
/* page-ending calls to action: ink primary, outlined secondary */
:is(.cta-band, .cmp-final, #cta, #book, #start, section#contact) :is(.cta-band-btn, .btn-cream, .pr-btn-light) {
  background: var(--sx-ink) !important; color: #fff !important; border: 1px solid var(--sx-ink) !important; box-shadow: none !important;
}
:is(.cta-band, .cmp-final, #cta, #book, #start, section#contact) :is(.cta-band-btn, .btn-cream, .pr-btn-light) * { color: #fff !important; }
:is(.cta-band, .cmp-final, #cta, #book, #start, section#contact) :is(.cta-band-btn, .btn-cream, .pr-btn-light):hover { background: var(--sx-purple) !important; border-color: var(--sx-purple) !important; }
:is(.cta-band, .cmp-final, #cta, #book, #start, section#contact) :is(.cta-band-ghost, .btn-dg, .pr-btn-ghost) {
  background: #fff !important; color: var(--sx-ink) !important; border: 1px solid var(--sx-line2) !important; box-shadow: none !important;
}
:is(.cta-band, .cmp-final, #cta, #book, #start, section#contact) :is(.cta-band-ghost, .btn-dg, .pr-btn-ghost) * { color: var(--sx-ink) !important; }
:is(.cta-band, .cmp-final, #cta, #book, #start, section#contact) :is(.cta-band-ghost, .btn-dg, .pr-btn-ghost):hover { border-color: var(--sx-ink) !important; }
/* a page that ends with its own, more specific call to action skips the footer's */
body:has(.cta-band, .cmp-final, #cta, #book, #start, section#contact) .sf-cta { display: none; }
body:has(.cta-band, .cmp-final, #cta, #book, #start, section#contact) .sf-tb { margin-top: 32px; }
/* generated */
#story div.hp-rule.dark{border-top-color:#E6E7EB !important}
#story span.hp-ix{color:#5000A8 !important}
#story span.hp-label{color:#0A0A0B !important}
#story h3.section-h{color:#0A0A0B !important}
#story span.acc{color:#5000A8 !important}
#story .sh-copy > p{color:#0A0A0B !important}
#story div.sh-key{background-color:rgba(10,10,11,0.030) !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#story div.shk-h{color:#4A4A52 !important}
#story b{color:#0A0A0B !important}
#story span.shk-txt{color:#4A4A52 !important}
#story span.shk-dot.req{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
#story div.agent-live{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#story div.al-nm{color:#0A0A0B !important}
#story span.al-tag{color:#5000A8 !important}
#story .al-st > span{color:#4A4A52 !important}
#story .reader-stats > div{background-color:rgba(10,10,11,0.030) !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#story div.v{color:#0A0A0B !important}
#story div.k{color:#4A4A52 !important}
#story div.ledger{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#story .ledger-h > span{color:#4A4A52 !important}
#story span.ct{color:#5000A8 !important}
#story div.lrow{background-color:rgba(10,10,11,0.030) !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#story span.lnum{background-color:#FFFFFF !important;border-color:#E6E7EB !important;color:#0A0A0B !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#story span.lt.risk{color:#9A5A28 !important}
#story div.ld{color:#0A0A0B !important}
#story div.lc{color:#4A4A52 !important}
#story span.lt.req{color:#4A4A52 !important}
#story span.lt.gap{color:#5000A8 !important}
#story div.ledger-foot{color:#4A4A52 !important;border-top-color:#E6E7EB !important}
#story span.cmark{background-color:#FFFFFF !important;border-color:#E6E7EB !important;color:#0A0A0B !important}
#story script{color:#0A0A0B !important}
#sovereignty div.hp-rule.dark{border-top-color:#E6E7EB !important}
#sovereignty span.hp-ix{color:#5000A8 !important}
#sovereignty span.hp-label{color:#0A0A0B !important}
#sovereignty h2.section-h.text-5xl.leading-tight{color:#0A0A0B !important}
#sovereignty .section-h.text-5xl > span{color:#0A0A0B !important}
#sovereignty span.accent{color:#0A0A0B !important}
#sovereignty p.text-lg.leading-relaxed.mb-8{color:#0A0A0B !important}
#sovereignty .flex.items-center > span{color:#0A0A0B !important}
#sovereignty a.items-center.gap-2.text-sm{color:#5000A8 !important}
#sovereignty span.st{background-color:rgba(10,10,11,0.060) !important;color:#0A0A0B !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#sovereignty span.sep{color:#5000A8 !important}
#sovereignty div.grid.gap-px{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
#sovereignty div.bg-ink-soft.p-6{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
#sovereignty div.serif.text-2xl.mb-1{color:#0A0A0B !important}
#sovereignty .serif.text-2xl > sup{color:#5000A8 !important}
#sovereignty div.text-xs.mono.uppercase{color:#5000A8 !important}
#sovereignty p.text-sm.leading-relaxed{color:#0A0A0B !important}
#sovereignty p.text-xs.leading-relaxed.mt-4{color:#0A0A0B !important}
#memo div.cl-rule{border-top-color:#E6E7EB !important}
#memo span.cl-ix{color:#5000A8 !important}
#memo span.cl-label{color:#0A0A0B !important}
#memo h2.section-h.text-4xl.mb-6{color:#0A0A0B !important}
#memo .section-h.text-4xl > span{color:#0A0A0B !important}
#memo span.accent{color:#5000A8 !important}
#memo p.kc-lead.text-lg.leading-relaxed{color:#0A0A0B !important}
#memo p.kc-keep{color:#0A0A0B !important}
#memo span.b{color:#0A0A0B !important}
#memo span.kc-note.text-xs{color:#0A0A0B !important}
#memo .kc-bar > i{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
#memo a.kc-exp{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
#memo .kc-exp > span{color:#0A0A0B !important}
.manifesto span.section-label.rv{color:#5000A8 !important}
.manifesto h2.rv{color:#0A0A0B !important}
.manifesto .rv > em{color:#5000A8 !important}
.manifesto div.belief-grid.rv.rv-d1{background-color:rgba(10,10,11,0.060) !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
.manifesto div.belief-cell{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
.manifesto span.num{color:#5000A8 !important}
.manifesto .belief-cell > h3{color:#0A0A0B !important}
.manifesto .belief-cell > p{color:#4A4A52 !important}
#early-access div.ea-rule{border-top-color:#E6E7EB !important}
#early-access span.ix{color:#5000A8 !important}
#early-access .ea-rule.reveal > span{color:#0A0A0B !important}
#early-access .ea-h2 > span{color:#0A0A0B !important}
#early-access p.ea-lead{color:#0A0A0B !important}
#early-access b{color:#0A0A0B !important}
#early-access span{color:#0A0A0B !important}

.findings-band .rv > span{color:#5000A8 !important}
.findings-band .rv > h2{color:#0A0A0B !important}
.findings-band .rv > p{color:#4A4A52 !important}
.findings-band span.bar-label{color:#0A0A0B !important}
.findings-band div.bar-track{background-color:rgba(10,10,11,0.060) !important}
.findings-band span.bar-pct{color:#0A0A0B !important}
.findings-band .callout.callout-purple > p{color:#4A4A52 !important}
.findings-band strong{color:#0A0A0B !important}
.findings-band div.rv{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
.findings-band table.dtbl{background-color:rgba(10,10,11,0.040) !important}
.findings-band th{background-color:rgba(10,10,11,0.060) !important;color:#4A4A52 !important;border-bottom-color:#E6E7EB !important}
.findings-band td{color:#0A0A0B !important;border-bottom-color:#E6E7EB !important}
.findings-band span{color:#9A5A28 !important}
.findings-band span.cite-ref{color:#4A4A52 !important}
.dark-band span.kick.rv{color:#5000A8 !important}
.dark-band h2.rv{color:#0A0A0B !important}
.dark-band p.rv{color:#4A4A52 !important}
.dark-band div.rv{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
.dark-band table.dtbl{background-color:rgba(10,10,11,0.040) !important}
.dark-band th{background-color:rgba(10,10,11,0.060) !important;color:#4A4A52 !important;border-bottom-color:#E6E7EB !important}
.dark-band td{color:#0A0A0B !important;border-bottom-color:#E6E7EB !important}
.dark-band span.cite-ref{color:#5000A8 !important}
.dark-band a{color:#5000A8 !important}
.cta-band h2.cta-band-h{color:#0A0A0B !important}
.cta-band .cta-band-h > span{color:#0A0A0B !important}
.cta-band span.acc{color:#4A4A52 !important}
.cta-band a.cta-band-ghost{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
.cta-band .cta-band-ghost > span{color:#0A0A0B !important}
.cta-band p.cta-band-note{color:#0A0A0B !important}
.cta-band p.cta-band-p{color:#0A0A0B !important}
.cmp-final .wrap.inner > h2{color:#0A0A0B !important}
.cmp-final .wrap.inner > p{color:#4A4A52 !important}
.cmp-final div.cmp-fair{color:#4A4A52 !important}
.cmp-final a.btn.btn-dg{color:#0A0A0B !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
.cmp-final span.ar{color:#0A0A0B !important}
.cmp-final a{color:#4A4A52 !important}
#cta .cta-band-h > span{color:#0A0A0B !important}
#cta span.acc{color:#4A4A52 !important}
#cta p.cta-band-p{color:#0A0A0B !important}
#cta a.cta-band-ghost{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#cta .cta-band-ghost > span{color:#0A0A0B !important}
#cta p.cta-band-note{color:#0A0A0B !important}
#book .wrap.inner > h2{color:#0A0A0B !important}
#book .wrap.inner > p{color:#4A4A52 !important}
#book a.btn.btn-dg{color:#0A0A0B !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#start .pr-h2 > span{color:#0A0A0B !important}
#start span.pr-acc{color:#4A4A52 !important}
#start p{color:#0A0A0B !important}
#start a.pr-btn.pr-btn-ghost{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#start .pr-btn.pr-btn-ghost > span{color:#0A0A0B !important}
#book .wrap > h2{color:#0A0A0B !important}
#book .wrap > p{color:#4A4A52 !important}
#contact p.cta-band-eyebrow{color:#4A4A52 !important}
#contact h2.cta-band-h{color:#0A0A0B !important}
#contact span.acc{color:#4A4A52 !important}
#contact p.cta-band-p{color:#0A0A0B !important}
#contact a.cta-band-ghost{border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#contact .cta-band-ghost > span{color:#0A0A0B !important}
#contact p.cta-band-note{color:#0A0A0B !important}
#contact .cta-band-note > a{color:#4A4A52 !important}
#early-access .ea-submit, #early-access .ea-submit * { color: #fff !important; }
#story .vmeta { color: #5A5A62 !important; }

/* ------------------------------------------------------------------ hardening
   Legacy page styles (bare button, nav a and footer rules) must not reach
   the shared chrome. */
nav.sn .sn-trigger, nav.sn .sn-top { font: 500 14.5px/1 var(--sx-font) !important; padding: 0 12px !important; height: 36px !important;
  letter-spacing: -0.005em !important; text-transform: none !important; margin: 0 !important; border: 0 !important; }
nav.sn .sn-item.is-current > .sn-trigger, nav.sn .sn-item.is-current > .sn-top { color: var(--sx-purple) !important; }
nav.sn .sn-item:not(.is-current) > .sn-trigger, nav.sn .sn-item:not(.is-current) > .sn-top { color: var(--sx-ink) !important; }
nav.sn .sn-quiet { font: 500 14.5px/1 var(--sx-font) !important; padding: 10px 12px !important; }
nav.sn ul, nav.sn li { margin: 0; padding: 0; list-style: none; }
nav.sn .sn-panel a, nav.sn .sn-panel button { font-family: var(--sx-font) !important; }
nav.sn .sn-ln, nav.sn .sn-ag { padding: 10px !important; }
@media (max-width: 1080px) { nav.sn .sn-trigger, nav.sn .sn-top { padding: 0 9px !important; } }
footer.sf { padding: 0 !important; margin: 0 !important; background: #fff !important; color: var(--sx-ink) !important; font-size: 14.5px; }
footer.sf p, footer.sf ul { margin-top: 0; }
footer.sf .sf-k { margin: 0 0 12px !important; }
footer.sf .sf-cell--info .sf-k { margin-bottom: 6px !important; }
footer.sf ul li { margin: 0 !important; padding: 0 !important; }
footer.sf .sf-cell a { font-size: 14.5px !important; color: var(--sx-ink) !important; }
footer.sf .sf-social a { font-size: 13.5px !important; color: var(--sx-text2) !important; }
footer.sf .sf-cta-h { color: var(--sx-ink) !important; }
.lbar .lbar-a { margin: 0 auto !important; padding-left: 32px !important; padding-right: 56px !important; width: 100%; box-sizing: border-box; }
@media (max-width: 960px) { .lbar .lbar-a { padding-left: 16px !important; padding-right: 44px !important; } }
/* more light conversions: home cohort and pay-when-you-win cards, security practice band */
#cohort .win-plan-v2, #pricing .win-plan-v2, .sx-sec.sx-dark { background: #F7F7F9 !important; background-image: none !important; color: var(--sx-ink) !important; border: 1px solid var(--sx-line) !important; }
#cohort .win-plan-v2::before, #cohort .win-plan-v2::after, #pricing .win-plan-v2::before, #pricing .win-plan-v2::after, .sx-sec.sx-dark::before, .sx-sec.sx-dark::after { content: none !important; }
.sx-sec.sx-dark { border-width: 1px 0 !important; }
:is(#cohort, #pricing) .win-plan-v2 a { background: var(--sx-ink) !important; color: #fff !important; border-color: var(--sx-ink) !important; }
:is(#cohort, #pricing) .win-plan-v2 a * { color: #fff !important; }
#cohort .win-plan-v2 span.win-plan-tag-v2{background-color:rgba(10,10,11,0.060) !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#cohort .win-plan-v2 .win-plan-tag-v2 > span{color:#0A0A0B !important}
#cohort .win-plan-v2 .win-plan-headline > span{color:#0A0A0B !important}
#cohort .win-plan-v2 span.accent-purple{color:#0A0A0B !important}
#cohort .win-plan-v2 p.text-base.mb-7{color:#0A0A0B !important}
#cohort .win-plan-v2 span{color:#0A0A0B !important}
#pricing .win-plan-v2 span.win-plan-tag-v2{background-color:rgba(10,10,11,0.060) !important;border-top-color:#E6E7EB !important;border-bottom-color:#E6E7EB !important;border-left-color:#E6E7EB !important;border-right-color:#E6E7EB !important}
#pricing .win-plan-v2 .win-plan-tag-v2 > span{color:#0A0A0B !important}
#pricing .win-plan-v2 .win-plan-headline > span{color:#0A0A0B !important}
#pricing .win-plan-v2 span.accent-purple{color:#0A0A0B !important}
#pricing .win-plan-v2 p.text-base.mb-7{color:#0A0A0B !important}
#pricing .win-plan-v2 span{color:#0A0A0B !important}
.sx-sec.sx-dark div.sx-rule.sx-in.dk{border-top-color:#E6E7EB !important}
.sx-sec.sx-dark span.ix{color:#4A4A52 !important}
.sx-sec.sx-dark span.lb{color:#0A0A0B !important}
.sx-sec.sx-dark h2.section-h.text-4xl.sx-in{color:#0A0A0B !important}
.sx-sec.sx-dark span.accent{color:#4A4A52 !important}
.sx-sec.sx-dark p.text-lg.leading-relaxed.sx-in{color:#0A0A0B !important}
.sx-sec.sx-dark div.sx-dets{border-top-color:#E6E7EB !important}
.sx-sec.sx-dark div.sx-det.sx-in.go{border-bottom-color:#E6E7EB !important}
.sx-sec.sx-dark span.n{color:#4A4A52 !important}
.sx-sec.sx-dark .sx-det-h > h3{color:#0A0A0B !important}
.sx-sec.sx-dark .sx-det-b > p{color:#0A0A0B !important}
.sx-sec.sx-dark span{color:#0A0A0B !important}
.sx-sec.sx-dark text.t{fill:#0A0A0B !important}
#cohort .win-plan-v2 a.cta-shine, #pricing .win-plan-v2 a.cta-shine, #cohort .win-plan-v2 a.cta-shine span, #pricing .win-plan-v2 a.cta-shine span, #cohort .win-plan-v2 a.cta-shine svg, #pricing .win-plan-v2 a.cta-shine svg { color: #fff !important; }
#cohort .win-plan-v2 span.accent-purple, #pricing .win-plan-v2 span.accent-purple { color: #5000A8 !important; -webkit-text-fill-color: #5000A8 !important; background: none !important; }
.sx-sec.sx-dark .sx-det-h .g svg :is(rect, line, path, circle, polyline) { stroke: #5000A8 !important; fill: none !important; }
.sx-sec.sx-dark .sx-det-h .g svg .f { fill: #EDE3F9 !important; }
.sx-sec.sx-dark .sx-det-h .g svg .w, .sx-sec.sx-dark .sx-det-h .g svg .d { stroke: #9A9AA2 !important; }

/* Theo plan workbench band, light */
#demo.sec { background: #FFFFFF !important; background-image: none !important; color: var(--sx-ink) !important; border-top: 1px solid var(--sx-line); border-bottom: 1px solid var(--sx-line); }
#demo.sec::before, #demo.sec::after { content: none !important; }
#demo div.dr-rule{border-top-color:#E6E7EB !important}
#demo span.dr-ix{color:#0B6470 !important}
#demo span.dr-label{color:#0A0A0B !important}
#demo h2.section-h.text-4xl{color:#0A0A0B !important}
#demo .section-h.text-4xl > span{color:#0A0A0B !important}
#demo span.accent{color:#0B6470 !important}
#demo button.tx-step{background-color:rgba(10,10,11,0.060) !important}
#demo .tx-step > b{color:#0A0A0B !important}
#demo .tx-step > p{color:#0A0A0B !important}
#demo span.n{color:#0B6470 !important}
#demo span.tx-exp{background-color:#FFFFFF !important;border-color:#E6E7EB !important}
#demo .tx-exp > span{color:#0A0A0B !important}

/* footer brand cell, reworked */
footer.sf .sf-cell--brand { display: flex; flex-direction: column; justify-content: space-between; gap: 28px; padding: 22px 24px 22px 20px; }
footer.sf .sf-logo { display: inline-flex; }
footer.sf .sf-logo svg { height: 26px; width: auto; }
footer.sf .sf-cell--brand p.sf-tag { margin: 18px 0 0 !important; font-size: 15.5px; line-height: 1.4; font-weight: 600; letter-spacing: -0.01em; color: var(--sx-ink); max-width: 320px; }
footer.sf .sf-cell--brand p.sf-desc { margin: 8px 0 0 !important; font-size: 14px; line-height: 1.55; color: var(--sx-text2); max-width: 340px; }
footer.sf .sf-social { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
footer.sf .sf-social li { margin: 0; }
footer.sf .sf-social a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 34px; min-width: 34px; padding: 0 9px;
  border: 1px solid var(--sx-line); border-radius: 8px; color: var(--sx-ink) !important; text-decoration: none !important; font-size: 13px !important; font-weight: 500; transition: border-color .15s ease, background .15s ease; }
footer.sf .sf-social a:hover { border-color: var(--sx-ink); background: var(--sx-wash); color: var(--sx-ink) !important; }
footer.sf .sf-social svg { width: 15px; height: 15px; display: block; }
footer.sf .sf-cell--brand p.sf-origin { margin: 14px 0 0 !important; font-size: 12.5px; line-height: 1.4; color: var(--sx-text2); display: flex; align-items: center; gap: 8px; }
footer.sf .sf-origin::before { content: ""; width: 6px; height: 6px; border-radius: 1px; background: var(--sx-purple); flex: none; }
footer.sf .sf-base-links { display: flex; gap: 18px; flex-wrap: wrap; }
footer.sf .sf-base a { color: var(--sx-text2); text-decoration: none; font-size: 13px; }
footer.sf .sf-base a:hover { color: var(--sx-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Hard hat cursor (public/js/cursor.js), fine pointers only */
.bau-cursor{position:fixed;top:0;left:0;width:34px;height:34px;pointer-events:none;z-index:2147483647;opacity:0;will-change:transform;transform:translate3d(-100px,-100px,0);filter:drop-shadow(0 2px 3px rgba(60,40,0,.28)) drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .28s ease}
.bau-cursor-hat{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;transition:transform .16s cubic-bezier(.16,1,.3,1)}
.bau-cursor-hat img{position:absolute;left:0;top:-8px;width:22px;height:auto;max-width:none;pointer-events:none;user-select:none}
body.cursor-active .bau-cursor{opacity:1}
body.cursor-hover .bau-cursor-hat{transform:scale(1.12)}
body.cursor-click .bau-cursor-hat{transform:scale(.84)}
body.cursor-click.cursor-hover .bau-cursor-hat{transform:scale(.92)}
body.cursor-text .bau-cursor{opacity:0}
@media (hover:hover) and (pointer:fine){
  body.has-custom-cursor,body.has-custom-cursor *,body.has-custom-cursor *::before,body.has-custom-cursor *::after{cursor:none !important}
  body.has-custom-cursor.cursor-text input,body.has-custom-cursor.cursor-text textarea,body.has-custom-cursor.cursor-text [contenteditable="true"]{cursor:text !important}
}
@media (pointer:coarse),(hover:none){.bau-cursor,}
@media (prefers-reduced-motion:reduce){.bau-cursor-hat{transition:none}}

/* Responsive hardening: wide data tables scroll inside themselves, never clip */
@media (max-width:900px){
  table.tbl{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table.tbl th,table.tbl td{white-space:nowrap}
}
/* Sample analysis citation rows stack on small phones */
@media (max-width:480px){
  .sa-cite{grid-template-columns:1fr !important}
  .sa-cite .pg-jump{justify-self:start}
}

/* Footer: long addresses wrap on 320px phones */
footer.sf .sf-cell p, footer.sf .sf-cell a { overflow-wrap: anywhere; }

/* AI Brain top-level link with its icon (as in V5) */
nav.sn .sn-brain { display: inline-flex; align-items: center; gap: 6px; }
nav.sn .sn-brain img { width: 16px; height: 16px; flex: none; }

/* Footer info cells: full width on phones so the email never splits */
@media (max-width: 720px) { .sf-tb > .sf-cell--info { grid-column: 1 / -1 !important; } footer.sf .sf-cell a[href^="mailto"] { overflow-wrap: normal; } }
@media (max-width: 720px) { .sf-tb > nav.sf-cell[aria-label="Company"] { grid-column: 1 / -1; } }

/* Clara feature sub-links in the Product menu */
.sn-subs { display: grid; gap: 6px; margin: 0 0 8px 58px; }
.sn-sub { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--sx-line); border-radius: 10px; background: #fff; text-decoration: none; color: var(--sx-ink); font: 600 13.5px/1.2 var(--sx-font); transition: background-color .2s ease, border-color .2s ease; }
.sn-sub:hover, .sn-sub:focus-visible { background: #F7F3FD; border-color: rgba(80,0,168,.3); }
.sn-sub-ic { width: 18px; height: 18px; flex: none; color: var(--sx-purple); }
.sn-sub em { margin-left: auto; font-style: normal; font-weight: 600; font-size: 10.5px; letter-spacing: 0; text-transform:none; color: var(--sx-purple); background: #EDE3F9; border-radius: 999px; padding: 3px 8px; }
.sn-drawer .sn-subs { margin-left: 52px; }

/* One section rhythm for the whole site: the space between the end of one
   section and the start of the next is the same on every page. Every
   top-level section ends with the same padding, and every section that
   follows another starts with it. Page heroes keep their own top spacing. */
:root { --sec-pad: clamp(2.5rem, 4.5vw, 4rem); }
section:not(section section):not(header section):not(footer section):not([hidden]) {
  padding-bottom: var(--sec-pad) !important;
  margin-bottom: 0 !important;
}
section:not(section section):not(header section):not(footer section) ~ section:not(section section):not(header section):not(footer section) {
  padding-top: var(--sec-pad) !important;
  margin-top: 0 !important;
}
/* the section padding is the whole gap: no extra margin on a section's first or last block */
section:not(section section):not(header section):not(footer section) > :first-child,
section:not(section section):not(header section):not(footer section) > :first-child > :first-child { margin-top: 0 !important; }
section:not(section section):not(header section):not(footer section) > :last-child,
section:not(section section):not(header section):not(footer section) > :last-child > :last-child { margin-bottom: 0 !important; }
/* inner wrappers add no extra space at a section's bottom edge */
section:not(section section):not(header section):not(footer section) > div[class*="max-w-"]:last-child,
section:not(section section):not(header section):not(footer section) > .ea-in,
section:not(section section):not(header section):not(footer section) > .cta-inner { padding-bottom: 0 !important; }
section:not(section section):not(header section):not(footer section) ~ section:not(section section) > .ea-in,
section:not(section section):not(header section):not(footer section) ~ section:not(section section) > .cta-inner { padding-top: 0 !important; }

/* footer on phones: fewer rows, same content */
@media (max-width: 640px) {
  footer.sf .sf-tb { grid-template-columns: 1fr 1fr; }
  footer.sf .sf-tb > .sf-cell { grid-column: auto !important; }
  footer.sf .sf-tb > .sf-cell--brand, footer.sf .sf-tb > nav[aria-label="Company"] { grid-column: 1 / -1 !important; }
  footer.sf .sf-cell--brand { gap: 14px; padding: 18px 16px; }
  footer.sf .sf-cell--brand p.sf-desc { display: none; }
  footer.sf nav[aria-label="Company"] ul { display: flex; flex-wrap: wrap; gap: 8px 20px; }
  footer.sf .sf-cell { padding: 14px 16px 16px; }
  footer.sf .sf-cell ul { gap: 7px; }
  footer.sf .sf-cell--info p { font-size: 13px; overflow-wrap: anywhere; }
  footer.sf .sf-cell--info a { font-size: 13px !important; }
}
@media (max-width: 640px) { footer.sf .sf-btn { white-space: nowrap; padding: 0 12px; font-size: 14.5px; } }
@media (max-width: 640px) { :root { --sec-pad: 1.85rem; } }

/* off-screen sections (set by site-nav.js): stop looping animations */
section[data-off] *, section[data-off] *::before, section[data-off] *::after { animation-play-state: paused !important; }

/* scrolling cost on phones: a revealed block drops its layer, and glass blurs become plain white */
.reveal.in { will-change: auto; }
@media (max-width: 860px), (hover: none) {
  .nav-blur, .aw, .aw-float, .agent-hero-badge, header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  .nav-blur, .aw, .aw-float { background-color: #fff !important; }
}
/* the grain texture covered the whole page as one huge layer (and blended over
   everything on the compare pages); it was invisible on white and made iPhone scrolling stutter */
.grain::before { content: none !important; }
div.grain { display: none !important; }
@media (hover: none) {
  .aw-stage::before, .hz-stage::before { filter: none !important; }
}

/* agent portraits: the person only. No tile, ring, frame or tinted backdrop around
   the cutout, at any size, on any page. */
img[src*="/agents/"][src*="avatar"], img[src*="/agents/"][src*="portrait"] {
  background: none !important; box-shadow: none !important; border: 0 !important; outline: 0 !important;
  border-radius: 0 !important; object-fit: contain !important; object-position: 50% 100% !important; }
:is(.rl-av, .ag4-ph, .plan-avatar, .photo, .cj-tile-a, .lx-ag, .ap-who, .hs-who, .ev-by, .dx-who, .ax-who):has(> img[src*="/agents/"]) {
  background: none !important; box-shadow: none !important; border-color: transparent !important; }
/* small avatars (the 96px file) read best as circle portraits on a soft tint;
   the large portraits stay as cutouts */
img[src*="/agents/"][src*="avatar-96"] {
  border-radius: 50% !important; background: #fff !important; object-fit: cover !important; object-position: 50% 10% !important; }

/* performance: one opaque sticky header (no live blur), and no animation work off screen */
.site-header, .site-header .sn, .nav-blur, header.sticky { -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
.site-header .sn, .nav-blur { background:#FFFFFF !important; }
.pz-off, .pz-off *, .pz-off *::before, .pz-off *::after, .pz-hidden *, .pz-hidden *::before, .pz-hidden *::after { animation-play-state:paused !important; }

/* labels: plain sentence-case text, no pills, no dots, no tracking */
.kicker, .eyebrow, .sx-kicker, .vg-kicker, .ca-eye, [class$="-kicker"], [class*="-eyebrow"] { font-family:inherit !important; letter-spacing:0 !important; text-transform:none !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; font-size:.84rem !important; font-weight:500 !important; color:#6B6B6E !important; }
.kicker::before, .kicker .ln, .kicker > .dot, .eyebrow::before { display:none !important; }
.bc, .bc *, .crumb, .crumb *, nav[aria-label="Breadcrumb"], nav[aria-label="Breadcrumb"] * { font-family:inherit !important; letter-spacing:0 !important; text-transform:none !important; }
th { letter-spacing:0 !important; text-transform:none !important; }
.bau-logo-th { display:block; height:16px; width:auto; }
.hero-tag, [class*="-tag"].rv, .pill-tag { font-family:inherit !important; letter-spacing:0 !important; text-transform:none !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; font-size:.84rem !important; font-weight:500 !important; color:#6B6B6E !important; }
.hero-tag .dot { display:none !important; }

/* founding cohort line above the header */
.cb, .site-header a.cb { display:block; background:#0A0A0B; color:#fff; text-decoration:none; font-size:13px; line-height:1; }
.cb-in { display:flex; align-items:center; justify-content:center; gap:10px; max-width:1280px; margin:0 auto; padding:10px 20px; white-space:nowrap; overflow:hidden; }
.cb b { font-weight:600; }
.cb-dot { width:7px; height:7px; border-radius:50%; background:#3DDC84; box-shadow:0 0 0 0 rgba(61,220,132,.6); animation:cbp 2s ease-out infinite; flex:none; }
@keyframes cbp { 70% { box-shadow:0 0 0 7px rgba(61,220,132,0); } 100% { box-shadow:0 0 0 0 rgba(61,220,132,0); } }
.cb-sep { width:1px; height:12px; background:rgba(255,255,255,.25); }
.cb-tx { color:rgba(255,255,255,.72); overflow:hidden; text-overflow:ellipsis; }
.cb-go { color:#C9A0F5; font-weight:500; }
.cb:hover .cb-go { color:#fff; }
@media (max-width: 760px) { .cb-tx, .cb-sep { display:none; } }
@media (prefers-reduced-motion: reduce) { .cb-dot { animation:none; } }
.sf-about p { max-width:30rem; } .sf-about a { color:inherit; font-weight:500; }

/* Breadcrumbs: one shared style for every page (pages may refine it). */
.bc { display:block; font-size:13px; line-height:1.4; margin:0 0 14px; color:#4A4A50; }
.bc ol { list-style:none; display:flex; flex-wrap:wrap; gap:4px 6px; margin:0; padding:0; }
.bc li { display:inline-flex; align-items:center; gap:6px; }
.bc li + li::before { content:"/"; color:#9A9AA0; }
.bc a { color:#4A4A50; text-decoration:underline; text-decoration-color:#C9CBD2; text-underline-offset:3px; }
.bc a:hover { color:#5000A8; }
.bc [aria-current] { color:#0A0A0B; }

/* Product menu: delivery agents without portraits get a lettered ring */
.sn-ini { width:36px; height:36px; border-radius:50%; flex:none; display:grid; place-items:center; background:#fff; color:var(--ac); font:600 14px/1 var(--sx-font, inherit); box-shadow:0 0 0 1.5px #fff, 0 0 0 2.5px var(--ac); }
.sn-ag--sm { padding:8px 10px; }
.sn-ag--sm small { font-size:12.5px; }
.sn-ag > .sn-ini { display:grid; flex-direction:row; place-items:center; gap:0; }

/* Small plain-text status mentions */
.ln-pill { display:inline-flex; align-items:center; gap:6px; width:fit-content; padding:3px 10px; border-radius:999px; background:#EDE3F9; color:#5000A8; font-size:12px; font-weight:600; line-height:1.4; font-style:normal; white-space:nowrap; }
.ln-pill::before { content:""; width:6px; height:6px; border-radius:50%; background:#5000A8; }

/* Live-now notice on agent pages and the founding cohort page: editorial, no box */
.lnb { display:flex; align-items:baseline; gap:14px; margin:0 0 20px; padding:10px 0; border-top:1px solid #0A0A0B; border-bottom:1px solid #E5E0D5; max-width:44rem; background:none; }
.lnb time, .lnb .lnb-k { flex:none; font-size:14px; font-weight:600; color:#0A0A0B; font-variant-numeric:tabular-nums; white-space:nowrap; }
.lnb p { margin:0; padding-left:14px; border-left:1px solid #E5E0D5; font-size:14px; line-height:1.5; color:#3B3B40; text-transform:none; letter-spacing:0; }
.lnb a { color:#0A0A0B; font-weight:500; text-decoration:underline; text-decoration-color:#C9CBD2; text-underline-offset:3px; white-space:nowrap; }
.lnb a:hover { color:#5000A8; text-decoration-color:currentColor; }
@media (max-width: 600px) { .lnb { flex-direction:column; gap:4px; } .lnb p { padding-left:0; border-left:0; } }
/* Launch mentions elsewhere: plain text, no pill */
.ln-pill { background:none !important; padding:0 !important; border-radius:0 !important; color:#0A0A0B !important; font-weight:500 !important; font-size:.85em !important; }
.ln-pill::before { display:none !important; }
h3 > .ln-pill, p.sn-h > .ln-pill { margin-left:8px; padding-left:10px !important; border-left:1px solid #D5CFC2; color:#6B6B6E !important; }

/* delivery agent portraits that replaced a letter avatar keep its size and accent ring */
img.av-ph { object-fit:cover; object-position:50% 18%; border-radius:50%; background:#fff; padding:0; font-size:0; }