/* BluePulse AI — legacy.css
   Minimum additions for the restyled legacy pages (industry, city, FAQ, legal).
   DESIGN.md tokens only; no new colors, type roles or components. */

/* Section label — carries the legacy eyebrow copy (DESIGN.md --t-cap) */
.eyebrow{font-family:var(--bp-mono);font-size:.75rem;font-weight:500;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:var(--bp-subtle);margin:0}

/* Hero: teal glow sits behind the log card, not the headline */
.lx-hero::before{display:none}
.lx-hero .hero-in{align-items:center}
.lx-card{position:relative;isolation:isolate}
.lx-card::before{content:"";position:absolute;inset:-25% -15%;background:radial-gradient(closest-side,rgba(0,194,203,.22),rgba(0,194,203,.06) 55%,rgba(5,11,20,0));z-index:-1;pointer-events:none}

/* Window chrome around the log — reuses .frame-bar */
.lx-window{border-radius:var(--r-card);overflow:hidden;background:var(--bp-surface);box-shadow:inset 0 0 0 1px var(--bp-line)}
.lx-window .frame-bar{position:static}
.lx-window .log{border-radius:0;box-shadow:none}

/* Three-stat rows */
@media(min-width:1024px){.lx-metrics-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Pricing: single-price card width, tier name, spacing after grids */
@media(min-width:1024px){.lx-plans-1{grid-template-columns:minmax(0,480px)}}
.plan-head .subtle{margin:0;font-size:.875rem}
.lx-after{margin-top:28px}

/* Pricing (Resend pattern) — Growth stays full contrast, other tiers recede. Site-wide. */
.plan:not(.feature) .plan-price b{color:var(--bp-muted)}
.plan:not(.feature) li{color:var(--bp-subtle)}

/* Source footnote */
.footnote{background:var(--bp-void);padding-block:32px;font-size:.8125rem;color:var(--bp-subtle)}
.footnote p{margin:0;max-width:100ch}
.footnote a{color:var(--bp-muted);text-underline-offset:3px}

/* Document pages (FAQ, privacy, terms) — centered page head, 68ch body, sticky TOC ≥1100px */
.lx-center .wrap{text-align:center}
.lx-center .lead{margin-inline:auto}
.lx-updated{margin:16px 0 0;font-size:.875rem}
.lx-doc{display:grid;gap:48px}
.lx-doc-main{min-width:0;max-width:68ch}
.lx-doc-main>h2:first-child{margin-top:0}
.lx-group{margin:48px 0 12px}
.lx-group:first-child{margin-top:0}
.toc{display:none}
@media(min-width:1100px){
  .lx-doc{grid-template-columns:minmax(0,68ch) 220px;justify-content:space-between}
  .toc{display:block;position:sticky;top:calc(var(--nav-h) + 24px);align-self:start}
}
.toc ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px;border-left:1px solid var(--bp-line)}
.toc a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;color:var(--bp-muted);text-decoration:none;font-size:.875rem}
.toc a:hover{color:var(--bp-text)}
.toc a[aria-current=true]{color:var(--bp-text);border-left-color:var(--bp-teal)}

/* Metric values stay on one line ("$400–$750"); long values scale down above 390px instead of wrapping */
.metric b{white-space:nowrap}
.lx-metric-fit b{font-size:clamp(2.5rem,4.2vw,3.5rem)}
@media(min-width:1024px){.lx-metric-xl b{font-size:clamp(2rem,3vw,2.75rem)}}