@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root {
  --bg: #0b0c0d;
  --panel: #111315;
  --panel-2: #151719;
  --panel-3: #1a1c1f;
  --border: #282b2f;
  --border-strong: #373b40;
  --text: #f3f4f2;
  --muted: #959ba2;
  --muted-strong: #b8bdc3;
  --accent: #b6f34a;
  --accent-soft: rgba(182, 243, 74, .11);
  --green: #78d99a;
  --red: #f18083;
  --amber: #dcae67;
  --blue: #8db2f7;
  --radius: 14px;
  --shadow: 0 16px 38px rgba(0, 0, 0, .16);
}

:root[data-theme="light"] {
  --bg: #f3f3ef;
  --panel: #ffffff;
  --panel-2: #f8f8f4;
  --panel-3: #eeeeea;
  --border: #d9dad5;
  --border-strong: #c8cac4;
  --text: #171918;
  --muted: #6f7477;
  --muted-strong: #4d5356;
  --accent: #5d7f16;
  --accent-soft: rgba(93, 127, 22, .1);
  --green: #2c8350;
  --red: #b84148;
  --amber: #9b6a24;
  --blue: #355f9f;
  --shadow: 0 14px 34px rgba(25, 28, 25, .06);
}

html { background: var(--bg); }
body {
  background: var(--bg) !important;
  color: var(--text);
  font-family: "IBM Plex Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 14px;
  letter-spacing: 0;
}
button, input, select, textarea { font: inherit; }
.num, .kpi-value, .board-kpis strong, .price-amount strong, code {
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-variant-numeric: tabular-nums;
}
.hidden { display: none !important; }
.legacy-fees-view, .legacy-fee-field { display: none !important; }

/* Remove the typical generated-dashboard gloss. */
body::before, body::after,
.public-landing::before, .public-landing::after,
.kpi-card::after, .panel::after,
.feature-card::after, .modern-price-card::after { display: none !important; }

/* Shared controls */
.button, .icon-button, .control, .text-input,
.trade-filters input, .trade-filters select,
.trade-review-panel input, .trade-review-panel select,
.trade-review-panel textarea {
  border-radius: 9px !important;
}
.button {
  min-height: 42px;
  padding: 0 17px;
  font-weight: 600;
  letter-spacing: -.01em;
  box-shadow: none !important;
  transform: none !important;
}
.button:hover { transform: none !important; }
.button.primary {
  color: #12150d !important;
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}
.button.primary:hover { filter: brightness(.95); }
.button.secondary {
  color: var(--text) !important;
  background: var(--panel-2) !important;
  border-color: var(--border) !important;
}
.button.ghost {
  color: var(--muted-strong) !important;
  background: transparent !important;
  border-color: var(--border) !important;
}
.button.danger {
  background: rgba(241,128,131,.08) !important;
  color: var(--red) !important;
  border-color: rgba(241,128,131,.28) !important;
}
.control, .text-input, textarea, input, select {
  background: var(--panel-2) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}
.control:focus, .text-input:focus, textarea:focus, input:focus, select:focus {
  border-color: var(--border-strong) !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
}

/* Public site */
.public-landing {
  background: var(--bg) !important;
  color: var(--text);
}
.landing-nav {
  width: min(1280px, calc(100% - 64px));
  min-height: 88px;
  margin: 0 auto;
  padding: 0 !important;
  border-bottom: 1px solid var(--border);
  background: transparent !important;
  backdrop-filter: none !important;
}
.brand-logo-mark { width: 32px; height: 32px; }
.brand-wordmark {
  font-size: 17px !important;
  letter-spacing: -.035em !important;
}
.landing-nav-links { gap: 30px !important; }
.landing-nav-links a {
  color: var(--muted-strong) !important;
  font-size: 13px;
  font-weight: 500;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.landing-nav-links a:hover { color: var(--text) !important; }
.landing-nav-actions { gap: 10px; }

.landing-hero {
  width: min(1280px, calc(100% - 64px));
  min-height: 720px;
  margin: 0 auto;
  padding: 104px 0 118px !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr) !important;
  gap: 86px !important;
  align-items: center;
}
.landing-hero-copy { max-width: 650px; }
.beta-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  color: var(--muted-strong) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
}
.beta-pill span { width: 7px !important; height: 7px !important; background: var(--accent) !important; box-shadow: none !important; }
.landing-hero h1 {
  margin: 28px 0 26px !important;
  max-width: 680px;
  color: var(--text) !important;
  font-size: clamp(58px, 6.1vw, 88px) !important;
  line-height: .96 !important;
  font-weight: 600 !important;
  letter-spacing: -.065em !important;
}
.landing-hero h1 em {
  color: var(--accent) !important;
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: 600 !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
.landing-hero-copy > p {
  max-width: 580px;
  margin: 0 !important;
  color: var(--muted-strong) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}
.landing-hero-actions { margin-top: 38px !important; gap: 11px !important; }
.hero-button { min-height: 48px !important; padding: 0 20px !important; }
.landing-proof-row {
  margin-top: 36px !important;
  display: flex !important;
  gap: 24px !important;
  color: var(--muted) !important;
  font-size: 12px !important;
}
.landing-proof-row span {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.landing-proof-row span::before { content: "— "; color: var(--border-strong); }

.command-board {
  padding: 24px !important;
  border: 1px solid var(--border) !important;
  border-radius: 18px !important;
  background: var(--panel) !important;
  box-shadow: 0 28px 70px rgba(0,0,0,.26) !important;
  transform: none !important;
}
.board-topline { padding-bottom: 18px !important; border-bottom: 1px solid var(--border); }
.board-mini-brand span, .board-live { font-size: 10px !important; letter-spacing: .09em !important; }
.board-live { color: var(--muted) !important; }
.board-live i { background: var(--accent) !important; box-shadow: none !important; }
.board-kpis {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  padding: 22px 0 !important;
  border-bottom: 1px solid var(--border);
}
.board-kpis article {
  min-height: auto !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-right: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.board-kpis article:first-child { padding-left: 0 !important; }
.board-kpis article:last-child { border-right: 0 !important; }
.board-kpis span { color: var(--muted) !important; font-size: 9px !important; letter-spacing: .08em !important; }
.board-kpis strong { margin-top: 8px !important; font-size: 18px !important; font-weight: 600 !important; }
.board-kpis small { margin-top: 6px !important; font-size: 9px !important; }
.board-main { grid-template-columns: minmax(0, 1fr) 150px !important; gap: 16px !important; padding-top: 20px; }
.board-chart-card, .mini-card {
  background: var(--panel-2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
.chart-line { stroke: var(--accent) !important; }
.chart-area { fill: rgba(182,243,74,.08) !important; }
.chart-dot { fill: var(--accent) !important; }
.chart-grid-line { stroke: var(--border) !important; }
.mini-card.accent { background: var(--accent-soft) !important; border-color: rgba(182,243,74,.2) !important; }
.board-ticker { margin-top: 16px !important; padding-top: 16px !important; border-top: 1px solid var(--border) !important; }

.landing-signal-bar {
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto !important;
  padding: 24px 0 !important;
  border-top: 1px solid var(--border) !important;
  border-bottom: 1px solid var(--border) !important;
  background: transparent !important;
}
.landing-signal-bar span { color: var(--muted-strong) !important; font-size: 12px !important; }
.landing-signal-bar b { color: var(--muted) !important; font-family: "IBM Plex Mono", monospace; font-weight: 500; }

.landing-section {
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto !important;
  padding: 132px 0 !important;
}
.landing-section-intro { align-items: end !important; gap: 80px !important; margin-bottom: 58px !important; }
.section-kicker, .feature-label, .eyebrow, .dashboard-eyebrow {
  color: var(--muted) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .11em !important;
}
.landing-section h2 {
  margin-top: 14px !important;
  color: var(--text) !important;
  font-size: clamp(38px, 4.4vw, 62px) !important;
  line-height: 1.03 !important;
  font-weight: 600 !important;
  letter-spacing: -.05em !important;
}
.landing-section-intro > p { max-width: 500px !important; color: var(--muted-strong) !important; font-size: 16px !important; line-height: 1.7 !important; }
.feature-bento {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.feature-card, .feature-card.feature-large, .feature-card.feature-wide {
  min-height: 310px !important;
  grid-column: auto !important;
  padding: 34px !important;
  border: 1px solid var(--border) !important;
  border-radius: 15px !important;
  background: var(--panel) !important;
  box-shadow: none !important;
}
.feature-card.feature-wide { grid-column: 1 / -1 !important; min-height: 250px !important; }
.feature-card:hover { transform: none !important; border-color: var(--border-strong) !important; }
.feature-icon { display: none !important; }
.feature-card h3 { margin: 18px 0 13px !important; max-width: 520px; color: var(--text) !important; font-size: 27px !important; line-height: 1.16 !important; font-weight: 600 !important; letter-spacing: -.035em !important; }
.feature-card p { max-width: 560px; color: var(--muted-strong) !important; font-size: 14px !important; line-height: 1.65 !important; }
.cost-stack, .note-lines, .ai-signal-bars, .session-visual, .rule-ring, .connection-map { margin-top: auto !important; }
.cost-stack span { background: var(--panel-2) !important; border-color: var(--border) !important; }
.ai-landing-card { background: var(--panel) !important; }
.ai-signal-bars i { background: var(--accent) !important; opacity: .55; }
.connection-map { background: var(--panel-2) !important; border-color: var(--border) !important; }
.workflow-section { padding-top: 16px !important; }
.workflow-quote {
  max-width: 880px;
  color: var(--text) !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.15 !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: -.045em !important;
}
.workflow-grid { gap: 0 !important; margin-top: 74px !important; border-top: 1px solid var(--border); }
.workflow-grid article { padding: 30px 34px 0 0 !important; border: 0 !important; border-right: 1px solid var(--border) !important; background: transparent !important; }
.workflow-grid article + article { padding-left: 34px !important; }
.workflow-grid article:last-child { border-right: 0 !important; }
.workflow-grid h3 { font-size: 19px !important; font-weight: 600 !important; }
.workflow-grid p { color: var(--muted) !important; line-height: 1.65 !important; }
.founder-note { margin-top: 82px !important; background: var(--panel) !important; border-color: var(--border) !important; }

.modern-pricing-grid { gap: 18px !important; }
.modern-price-card {
  padding: 34px !important;
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  transform: none !important;
}
.modern-price-card.featured { border-color: var(--border-strong) !important; }
.modern-price-card::before { display: none !important; }
.price-amount strong { font-size: 38px !important; font-weight: 500 !important; }
.landing-footer {
  width: min(1280px, calc(100% - 64px));
  margin: 0 auto !important;
  padding: 50px 0 !important;
  border-top: 1px solid var(--border) !important;
}

/* App shell */
.app-shell {
  grid-template-columns: 248px minmax(0, 1fr) !important;
  min-height: 100vh;
  background: var(--bg) !important;
}
.sidebar {
  width: auto !important;
  padding: 26px 18px 20px !important;
  background: #0e1011 !important;
  border-right: 1px solid var(--border) !important;
  box-shadow: none !important;
}
:root[data-theme="light"] .sidebar { background: #ecece7 !important; }
.brand-wrap { padding: 0 10px 28px !important; gap: 12px !important; }
.app-brand-mark { width: 34px !important; height: 34px !important; }
.app-brand-word { font-size: 16px !important; letter-spacing: -.035em !important; }
.app-brand-tag { margin-top: 4px !important; color: var(--muted) !important; font-size: 8px !important; letter-spacing: .12em !important; }
.nav-list { gap: 4px !important; }
.nav-item {
  min-height: 43px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: var(--muted-strong) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}
.nav-item > span { display: none !important; }
.nav-item:hover { color: var(--text) !important; background: var(--panel-2) !important; }
.nav-item.active {
  color: var(--text) !important;
  background: var(--panel-2) !important;
  border-color: var(--border) !important;
  box-shadow: inset 2px 0 0 var(--accent) !important;
}
.nav-beta-tag { display: none !important; }
.nav-divider { margin: 11px 10px !important; background: var(--border) !important; }
.sidebar-feedback-button {
  margin-top: auto !important;
  padding: 12px !important;
  background: transparent !important;
  border: 1px solid var(--border) !important;
  border-radius: 9px !important;
}
.sidebar-feedback-button > span { display: none !important; }
.sidebar-feedback-button strong { font-size: 11px !important; }
.sidebar-feedback-button small { color: var(--muted) !important; }
.sync-card {
  margin-top: 10px !important;
  padding: 14px !important;
  background: transparent !important;
  border: 1px solid var(--border) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}
.sync-title { color: var(--muted) !important; letter-spacing: .1em !important; }
.user-card { padding: 18px 8px 0 !important; }
.avatar { background: var(--panel-3) !important; color: var(--text) !important; border: 1px solid var(--border); }

.main-content { padding: 0 32px 48px !important; background: var(--bg) !important; }
.topbar {
  min-height: 90px !important;
  padding: 0 !important;
  background: var(--bg) !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--border) !important;
}
.topbar h1 { font-size: 22px !important; font-weight: 600 !important; letter-spacing: -.035em !important; }
.topbar p { margin-top: 5px !important; color: var(--muted) !important; font-size: 11px !important; }
.topbar-actions { gap: 8px !important; }
.theme-toggle { background: var(--panel-2) !important; border-color: var(--border) !important; border-radius: 9px !important; }
.demo-banner, .guardrail-global-banner {
  margin: 20px 0 !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
  background: var(--panel) !important;
  border-color: var(--border) !important;
  color: var(--muted-strong) !important;
}

.view.active { animation: none !important; }
.dashboard-welcome {
  margin: 26px 0 22px !important;
  padding: 34px !important;
  grid-template-columns: minmax(0, 1fr) 360px !important;
  gap: 38px !important;
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
}
.dashboard-welcome::before, .dashboard-welcome::after { display: none !important; }
.dashboard-welcome-copy h2 { margin: 10px 0 12px !important; font-size: 35px !important; font-weight: 600 !important; letter-spacing: -.045em !important; }
.dashboard-welcome-copy > p { max-width: 570px; color: var(--muted-strong) !important; font-size: 14px !important; line-height: 1.6 !important; }
.dashboard-focus-pills { margin-top: 22px !important; gap: 16px !important; }
.dashboard-focus-pills span {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--muted) !important;
  font-size: 10px !important;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.dashboard-focus-pills span::before { content: "• "; color: var(--accent); }
.zone-quote-card {
  padding: 20px 0 20px 26px !important;
  border: 0 !important;
  border-left: 1px solid var(--border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.zone-quote-card blockquote { color: var(--text) !important; font-size: 18px !important; line-height: 1.45 !important; font-weight: 500 !important; letter-spacing: -.02em !important; }
.quote-mode-badge, .quote-mode-row, .quote-footer .quote-actions { display: none !important; }
.quote-card-top { margin-bottom: 12px !important; }
.quote-context { color: var(--muted) !important; }
.quote-footer { margin-top: 18px !important; }

.onboarding-checklist {
  margin-bottom: 22px !important;
  padding: 24px !important;
}
.kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}
.kpi-card {
  min-height: 138px !important;
  padding: 22px !important;
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.kpi-label {
  color: var(--muted) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
}
.kpi-value { margin-top: 14px !important; font-size: clamp(22px, 2vw, 31px) !important; font-weight: 500 !important; letter-spacing: -.045em !important; }
.kpi-sub { margin-top: 10px !important; color: var(--muted) !important; font-size: 10px !important; }
.kpi-spark { height: 25px !important; opacity: .65; }

.panel {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.panel-head {
  min-height: 68px;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--border) !important;
}
.panel-head h2, .section-head h2 {
  color: var(--text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: -.01em !important;
}
.panel-head p, .section-head p, .panel-sub { color: var(--muted) !important; }
.layout-main { grid-template-columns: minmax(0, 1fr) 330px !important; gap: 18px !important; }
.side-stack { gap: 18px !important; }
.bottom-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin-top: 18px !important;
}
.two-col, .settings-grid, .trade-view-layout { gap: 18px !important; }
.section-head { margin: 30px 0 20px !important; }
.section-head > div > h2 { font-size: 25px !important; letter-spacing: -.035em !important; }
.section-head > div > p { margin-top: 7px !important; font-size: 12px !important; }

.segmented { gap: 0 !important; }
.segmented button {
  min-height: 31px !important;
  border-radius: 0 !important;
  border-color: var(--border) !important;
  background: var(--panel-2) !important;
  color: var(--muted) !important;
}
.segmented button:first-child { border-radius: 7px 0 0 7px !important; }
.segmented button:last-child { border-radius: 0 7px 7px 0 !important; }
.segmented button + button { margin-left: -1px; }
.segmented button.active { color: var(--text) !important; background: var(--panel-3) !important; border-color: var(--border-strong) !important; }

.data-table th {
  padding: 13px 15px !important;
  color: var(--muted) !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase;
  border-bottom: 1px solid var(--border) !important;
}
.data-table td {
  padding: 15px !important;
  color: var(--muted-strong) !important;
  font-size: 11px !important;
  border-bottom: 1px solid var(--border) !important;
}
.data-table tbody tr:hover { background: var(--panel-2) !important; }
.account-name strong, .data-table td strong { color: var(--text) !important; }
.badge, .pill {
  border-radius: 5px !important;
  padding: 4px 7px !important;
  box-shadow: none !important;
}
.progress-track, .risk-meter, .weekday-bar { background: var(--panel-3) !important; }
.progress-fill, .risk-meter > div, .weekday-bar > div { background: var(--accent) !important; }

.donut-wrap { margin-top: 20px !important; }
.legend { padding: 10px 20px 20px !important; }
.risk-list { padding: 16px 20px 22px !important; }
.chart-container { padding: 18px 20px 20px !important; }
.trade-row, .alert-row { border-color: var(--border) !important; }
.alert-icon { border-radius: 7px !important; }

.modal-backdrop { background: rgba(0, 0, 0, .66) !important; backdrop-filter: blur(4px) !important; }
.modal-card {
  padding: 30px !important;
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 15px !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
}
.modal-card h2 { font-size: 25px !important; font-weight: 600 !important; letter-spacing: -.035em !important; }

/* Connections and provider cards */
.partner-program-banner, .provider-core-panel, .multi-prop-shell,
.prop-firm-card, .connected-login-card, .partner-capability,
.partner-env-row, .partner-diagnostic-row {
  background: var(--panel) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}
.prop-firm-card, .connected-login-card { border-radius: 13px !important; }
.prop-firm-card:hover { transform: none !important; border-color: var(--border-strong) !important; }
.prop-firm-logo-wrap { background: var(--panel-2) !important; border-color: var(--border) !important; }
.partner-capability i { border-radius: 6px !important; }
.partner-empty { color: var(--muted) !important; }

/* Light-theme cleanup after older theme sheets. */
:root[data-theme="light"] body,
:root[data-theme="light"] .public-landing,
:root[data-theme="light"] .main-content,
:root[data-theme="light"] .topbar { background: var(--bg) !important; color: var(--text) !important; }
:root[data-theme="light"] .panel,
:root[data-theme="light"] .kpi-card,
:root[data-theme="light"] .dashboard-welcome,
:root[data-theme="light"] .feature-card,
:root[data-theme="light"] .command-board,
:root[data-theme="light"] .modern-price-card,
:root[data-theme="light"] .modal-card { background: var(--panel) !important; color: var(--text) !important; }
:root[data-theme="light"] .nav-item.active,
:root[data-theme="light"] .nav-item:hover,
:root[data-theme="light"] .control,
:root[data-theme="light"] .text-input,
:root[data-theme="light"] textarea,
:root[data-theme="light"] input,
:root[data-theme="light"] select { background: var(--panel-2) !important; color: var(--text) !important; }

@media (max-width: 1180px) {
  .landing-hero { grid-template-columns: 1fr !important; gap: 64px !important; }
  .landing-hero-copy { max-width: 760px; }
  .command-board { max-width: 760px; }
  .layout-main { grid-template-columns: 1fr !important; }
  .side-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-welcome { grid-template-columns: 1fr !important; }
  .zone-quote-card { padding: 24px 0 0 !important; border-left: 0 !important; border-top: 1px solid var(--border) !important; }
}

@media (max-width: 900px) {
  .landing-nav, .landing-hero, .landing-section, .landing-signal-bar, .landing-footer { width: min(100% - 36px, 1280px); }
  .landing-nav-links { display: none !important; }
  .landing-hero { padding: 76px 0 88px !important; }
  .landing-hero h1 { font-size: clamp(50px, 13vw, 72px) !important; }
  .feature-bento, .modern-pricing-grid, .workflow-grid { grid-template-columns: 1fr !important; }
  .feature-card.feature-wide { grid-column: auto !important; }
  .workflow-grid article, .workflow-grid article + article { padding: 28px 0 !important; border-right: 0 !important; border-bottom: 1px solid var(--border) !important; }
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .bottom-grid { grid-template-columns: 1fr !important; }
  .main-content { padding: 0 18px 36px !important; }
  .topbar { min-height: 78px !important; }
  .topbar-actions .control, .topbar-actions .theme-toggle-label { display: none !important; }
}

@media (max-width: 620px) {
  .landing-nav { min-height: 72px; }
  .landing-nav-actions .secondary { display: none; }
  .landing-hero { min-height: auto; padding: 62px 0 76px !important; }
  .landing-hero h1 { font-size: 51px !important; }
  .landing-hero-copy > p { font-size: 16px !important; }
  .landing-hero-actions { display: grid !important; }
  .landing-proof-row { display: grid !important; gap: 10px !important; }
  .command-board { padding: 18px !important; }
  .board-kpis { grid-template-columns: 1fr !important; gap: 15px !important; }
  .board-kpis article { padding: 0 0 15px !important; border-right: 0 !important; border-bottom: 1px solid var(--border) !important; }
  .board-kpis article:last-child { padding-bottom: 0 !important; border-bottom: 0 !important; }
  .board-main { grid-template-columns: 1fr !important; }
  .landing-signal-bar { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 14px !important; }
  .landing-section { padding: 88px 0 !important; }
  .landing-section-intro { display: block !important; }
  .landing-section-intro > p { margin-top: 26px !important; }
  .feature-card { min-height: 280px !important; padding: 27px !important; }
  .kpi-grid, .side-stack { grid-template-columns: 1fr !important; }
  .dashboard-welcome { padding: 26px !important; }
  .panel-head { align-items: flex-start !important; }
}