.hero-tdb{padding: 88px 0 56px;}
  .hero-grid{display:grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center;}

  .dashboard{background: #fff; border: 1px solid var(--line); border-radius: 18px; padding: 24px; box-shadow: 0 30px 80px -50px oklch(0.17 0.04 330 / 0.4);}
  html[data-theme="dark"] .dashboard{background: var(--bg-warm);}
  .dash-head{display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px;}
  .dash-head h4{margin: 0; font-family:'Instrument Serif', serif; font-weight: 400; font-size: 20px;}
  .dash-head .period{font-family:'JetBrains Mono', monospace; font-size: 10px; letter-spacing: 0.08em; color: var(--ink-3); text-transform: uppercase;}
  .kpis{display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px;}
  .kpi{background: var(--bg-warm); padding: 14px; border-radius: 10px;}
  html[data-theme="dark"] .kpi{background: var(--bg-deep);}
  .kpi .l{font-size: 10px; color: var(--ink-3); letter-spacing: 0.1em; text-transform: uppercase; font-family:'JetBrains Mono', monospace;}
  .kpi .v{font-family:'Instrument Serif', serif; font-size: 26px; line-height: 1; margin-top: 4px;}
  .kpi .d{font-size: 10px; color: var(--ok); margin-top: 4px; font-family:'JetBrains Mono', monospace;}
  .chart{height: 140px; background: var(--bg-warm); border-radius: 10px; padding: 14px; display: flex; gap: 5px; align-items: flex-end;}
  html[data-theme="dark"] .chart{background: var(--bg-deep);}
  .chart div{flex: 1; background: linear-gradient(180deg, var(--accent), oklch(0.62 0.18 350)); border-radius: 2px 2px 0 0;}
  .team{margin-top: 14px;}
  .team .row{display: grid; grid-template-columns: 90px 1fr 60px; gap: 10px; padding: 8px 0; font-size: 12px; border-bottom: 1px dashed var(--line);}
  .team .row:last-child{border-bottom: none;}
  .team .bar{height: 6px; background: var(--bg-warm); border-radius: 999px; align-self: center; position: relative; overflow: hidden;}
  html[data-theme="dark"] .team .bar{background: var(--bg-deep);}
  .team .bar span{position: absolute; left: 0; top: 0; bottom: 0; background: var(--accent); border-radius: 999px;}
  .team .v{font-family:'JetBrains Mono', monospace; font-size: 11px; text-align: right; color: var(--ink-2);}

  .views{display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 56px;}
  .view-card{background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 32px;}
  html[data-theme="dark"] .view-card{background: var(--bg-warm);}
  .view-card .n{font-family:'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.12em; color: var(--accent); text-transform: uppercase;}
  .view-card h4{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 24px; margin: 12px 0 10px;}
  .view-card p{font-size: 14px; color: var(--ink-2); margin: 0;}

  .insights{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 48px;}
  .insight{background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 28px;}
  html[data-theme="dark"] .insight{background: var(--bg-warm);}
  .insight .num{font-family:'Instrument Serif', serif; font-size: 48px; line-height: 1; color: var(--accent); letter-spacing: -0.02em;}
  .insight h5{font-family:'Instrument Serif', serif; font-weight: 400; font-size: 22px; margin: 12px 0 8px;}
  .insight p{font-size: 14px; color: var(--ink-2); margin: 0;}

  @media(max-width:960px){.hero-grid, .views, .insights{grid-template-columns:1fr;}}