/* =====================================================================
   TradeDoctor AI — site-wide brand layer (2026-09-29)
   Loaded on every page AFTER style.css. Brings the whole site in line with
   the new homepage: Hanken Grotesk everywhere, white header with the ink
   pill CTA, pill buttons, sentence-case labels, no serif/mono accents.
   Page content blocks are untouched; this only restyles shared elements.
   ===================================================================== */
:root{
  --bd-ink:#0f0f14;
  --bd-ink-2:#34333b;
  --bd-muted:#71707a;
  --bd-line:#e8e8ec;
  --bd-soft:#f6f6f8;
  --bd-brand:hsl(250 80% 62%);
  --bd-brand-deep:hsl(250 58% 48%);
  --bd-sans:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --bd-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- fonts ---------- */
body,button,input,select,textarea{font-family:var(--bd-sans)}
body{color:var(--bd-ink)}
h1,h2,h3,h4,h5,h6,.section-title{font-family:var(--bd-sans)}
h1,h2,.section-title{font-weight:500;letter-spacing:-.03em}
h3,h4{letter-spacing:-.015em}

/* Accent words: plain purple (was Instrument Serif italic / gradient text) */
:is(h1,h2,h3,h4,.section-title) em,
.hero h1 em,.page-hero h1 em,.about-hero h1 em,.about-block h2 em,.prop-hero-copy h1 em,
.feature-text h3 em,.cta-big h2 em,.section-title em{
  font-family:inherit;font-style:normal;font-weight:inherit;color:var(--bd-brand);
  background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;
}
.cta-big h2 em{color:hsl(250 90% 80%)}
.workflow-step .num,.test .quote::before{font-family:var(--bd-sans);font-style:normal;font-weight:600}

/* Numbers and small data labels: same family, tabular figures (was JetBrains Mono) */
.price-amount,.price-amount span.per,.signal-card .v,.mock-stat .value,.mini-card .v,
.prop-risk-amount,.prop-meter-head strong,.prop-rule-board strong,.prop-risk-lines strong,
.addon-card h2,.addon-card h2 span,.result-item strong,.rr-ratio-table span:first-child,
.snap-row strong,.snap-log strong,.mini-demo-row strong,.screen-bar .s-url,.browser-url,
.formula-text,.tool-back-link::before,.dx-cost{
  font-family:var(--bd-sans);font-variant-numeric:tabular-nums;
}
.price-amount{font-weight:600;letter-spacing:-.04em}

/* Labels: sentence case like the homepage (was uppercase, letter-spaced) */
.eyebrow{text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:500;font-family:var(--bd-sans)}

/* ---------- buttons ---------- */
.btn{font-family:var(--bd-sans);font-weight:500;border-radius:999px;letter-spacing:-.005em;transition:background .35s var(--bd-ease),color .35s var(--bd-ease),border-color .35s var(--bd-ease)}
.btn-lg{padding:14px 24px;font-size:1rem;border-radius:999px}
.btn-brand{background:var(--bd-ink);color:#fff;box-shadow:none}
.btn-brand:hover{background:var(--bd-brand-deep);color:#fff;transform:none;box-shadow:none}
.btn-outline{background:#fff;color:var(--bd-ink);border:1px solid var(--bd-line)}
.btn-outline:hover{background:#fff;color:var(--bd-ink);border-color:var(--bd-ink)}
.btn-white{background:#fff;color:var(--bd-ink);font-weight:500}
.btn-white:hover{background:var(--bd-brand);color:#fff;transform:none;box-shadow:none}
.btn-ghost{color:var(--bd-ink-2)}
.btn-ghost:hover{background:var(--bd-soft);color:var(--bd-ink)}
/* outline buttons that sit on the dark CTA band keep their light treatment */
.cta-big .btn-outline{background:transparent}
.cta-big .btn-outline:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff}
.price-card .btn{border-radius:999px}

/* ---------- header (same as homepage) ---------- */
.nav{background:rgba(255,255,255,.8);border-bottom:1px solid transparent;transition:border-color .4s var(--bd-ease),background .4s var(--bd-ease)}
.nav.scrolled{background:rgba(255,255,255,.92);border-bottom-color:var(--bd-line);box-shadow:none}
.nav-links a{font-family:var(--bd-sans);color:var(--bd-ink-2);font-weight:500}
.nav-links a:hover{background:var(--bd-soft);color:var(--bd-ink)}
.nav-links a.active{color:var(--bd-brand-deep)}
.nav-cta .btn-brand{background:var(--bd-ink);border-radius:999px;box-shadow:none;font-weight:500}
.nav-cta .btn-brand:hover{background:var(--bd-brand-deep)}
.dropdown-menu a{font-family:var(--bd-sans)}
.dropdown-menu a:hover{background:var(--bd-soft);color:var(--bd-ink)}
.mobile-menu a{font-family:var(--bd-sans)}

/* ---------- footer (same as homepage) ---------- */
footer{font-family:var(--bd-sans);border-top:1px solid rgba(255,255,255,.06)}
.footer-news button{border-radius:999px;font-family:var(--bd-sans);font-weight:500}

/* ---------- focus ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--bd-brand);outline-offset:3px}

/* Headline weight matches the homepage on every page (some page styles forced 800) */
h1,h2,.section-title{font-weight:500!important}
/* All small labels in sentence case, including the comparison pages' eyebrows */
[class*="eyebrow"]{text-transform:none!important;letter-spacing:0!important;font-weight:500}

/* Pricing: Pro + Auto-Sync card (2026-09-30) */
.price-card--sync .price-name{color:var(--bd-brand-deep)}
.price-card--sync .price-badge{white-space:nowrap}

/* ---------- site-wide Founders Lifetime campaign ---------- */
.site-deal{
  position:relative;
  height:40px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% -120%,rgba(255,255,255,.48),transparent 40%),
    linear-gradient(105deg,#21114b 0%,#5c3ee8 48%,#7b5ff2 72%,#39216f 100%);
  color:#fff;
  isolation:isolate;
}
.site-deal::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-100%;
  bottom:-100%;
  left:-18%;
  width:16%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:site-deal-shine 5.5s ease-in-out infinite;
  pointer-events:none;
}
.site-deal::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.18;
  background-image:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.17) 49% 50%,transparent 51% 100%);
  background-size:34px 34px;
  pointer-events:none;
}
.site-deal-link{
  width:min(1240px,100%);
  height:100%;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  font-family:var(--bd-sans);
  font-size:.78rem;
  font-weight:600;
  white-space:nowrap;
}
.site-deal-link:hover{color:#fff}
.site-deal-spark{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  background:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
.site-deal-pill{
  padding:4px 8px;
  border-radius:999px;
  background:#fff;
  color:#35206f;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.site-deal-copy{font-size:.84rem;letter-spacing:-.005em}
.site-deal-copy strong{font-weight:700}
.site-deal-copy del{margin-left:3px;color:rgba(255,255,255,.58);font-weight:500}
.site-deal-separator{width:1px;height:16px;background:rgba(255,255,255,.25)}
.site-deal-code{color:rgba(255,255,255,.82)}
.site-deal-code b{
  margin-left:3px;
  padding:3px 7px;
  border:1px dashed rgba(255,255,255,.55);
  border-radius:6px;
  background:rgba(18,8,50,.24);
  color:#fff;
  font-size:.72rem;
  letter-spacing:.08em;
}
.site-deal-stock{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.74)}
.site-deal-stock::before{content:"";width:6px;height:6px;border-radius:50%;background:#93f2bd;box-shadow:0 0 0 4px rgba(147,242,189,.12)}
.site-deal-cta{
  margin-left:4px;
  padding:5px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#2b185e;
  font-size:.7rem;
  font-weight:800;
  box-shadow:0 6px 18px rgba(25,10,62,.2);
  transition:transform .25s var(--bd-ease),background .25s var(--bd-ease);
}
.site-deal-link:hover .site-deal-cta{transform:translateX(2px);background:#fff}
.site-deal-cta span{display:inline-block;margin-left:4px;transition:transform .25s var(--bd-ease)}
.site-deal-link:hover .site-deal-cta span{transform:translateX(2px)}
@keyframes site-deal-shine{0%,64%{left:-18%}88%,100%{left:112%}}

/* The fixed navigation is now 40px taller. */
.nav .mobile-menu{top:108px;max-height:calc(100vh - 108px)}

@media(max-width:760px){
  .site-deal{height:44px}
  .site-deal-link{padding:0 14px;gap:8px;font-size:.72rem}
  .site-deal-stock,.site-deal-separator{display:none}
  .nav .mobile-menu{top:112px;max-height:calc(100vh - 112px)}
  .td-home .td-hero{padding-top:136px}
}
@media(max-width:520px){
  .site-deal-link{justify-content:space-between;gap:7px}
  .site-deal-spark,.site-deal-copy del{display:none}
  .site-deal-pill{padding:4px 7px;font-size:.59rem}
  .site-deal-copy{font-size:.76rem}
  .site-deal-code{font-size:0}
  .site-deal-code b{margin-left:0;font-size:.66rem}
  .site-deal-cta{margin-left:0;padding:5px 8px;font-size:0}
  .site-deal-cta span{margin-left:0;font-size:.9rem}
  .hero{padding-top:132px}
}
@media(prefers-reduced-motion:reduce){.site-deal::before{animation:none}}