function EventDetail({ go }) {
  const B = window.B2B_4a97d9;
  const { Eyebrow, StatRow, StatDim, SectionHead, Button } = B;
  const { Wrap, Section, Band, HeroGrid, Lead } = window;
  const slots = window.TB_CONTENT.sessions;
  return (
    <div>
      <div style={{ position: 'relative', padding: '56px 0 44px', overflow: 'hidden' }}>
        <HeroGrid />
        <Wrap style={{ position: 'relative' }}>
          <Eyebrow>IV межрегиональная · 14 апреля 2026 · Воронеж</Eyebrow>
          <h1 style={{ fontFamily: 'var(--tb-font-display)', fontWeight: 700, fontSize: 'clamp(36px,6vw,84px)', textTransform: 'uppercase', lineHeight: 1.02, margin: '18px 0 22px' }}>Система<br />против хаоса</h1>
          <Lead>Российская промышленность научилась выживать. Теперь вопрос — как расти системно, а не вопреки. В центре конференции — эффективность: цифровизация, оптимизация, роботизация и новые подходы к управлению и маркетингу.</Lead>
          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '14px', marginTop: '26px' }}>
            <Button variant="signal" onClick={() => go('join')}>Зарегистрироваться</Button>
            <Button arrow={false} style={{ cursor: 'default' }}>Бенефит Плаза · 09:30</Button>
          </div>
          <StatRow style={{ marginTop: '56px' }}>
            <StatDim value="3" label="параллельных зала" />
            <StatDim value="12" label="спикеров-практиков" />
            <StatDim value="Сбер" label="генеральный партнёр" />
            <StatDim value="0 ₽" label="участие" bordered={false} />
          </StatRow>
        </Wrap>
      </div>

      <Section pad="sm">
        <Wrap>
          <Eyebrow>10:00–11:00 · зал 1 · все участники</Eyebrow>
          <h2 style={{ fontFamily: 'var(--tb-font-display)', fontWeight: 600, fontSize: 'clamp(22px,2.6vw,34px)', textTransform: 'uppercase', margin: '14px 0 10px' }}>Панельная дискуссия: эффективность промышленного предприятия</h2>
          <p style={{ color: 'var(--tb-muted)', maxWidth: '70ch' }}>Представители власти, науки и бизнеса — о практических решениях ключевых проблем. К участию приглашены С. О. Хлызов (Минпром Воронежской обл.), А. Г. Демидов (РЦК), С. Д. Наумов («ОПОРА РОССИИ»), Ю. А. Величко (Сбербанк).</p>
        </Wrap>
      </Section>

      <Section pad="lg">
        <Wrap>
          <SectionHead eyebrow="После панели — три параллельных зала" code="[ 11:00–15:35 ]" />
          <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3,1fr)', gap: '1px', background: 'var(--tb-line)', marginBottom: '1px' }}>
            {[['ЗАЛ 1', 'Стратегия'], ['ЗАЛ 2', 'Построй свой завод'], ['ЗАЛ 3', 'Министр + маркетинг']].map(([c, t]) => (
              <div key={c} style={{ background: 'var(--tb-ink)', color: 'var(--tb-paper)', padding: '18px 20px' }}>
                <div style={{ fontFamily: 'var(--tb-font-mono)', fontSize: '11px', color: 'var(--tb-signal)', letterSpacing: '0.1em' }}>{c}</div>
                <h4 style={{ fontFamily: 'var(--tb-font-display)', fontSize: '20px', textTransform: 'uppercase', marginTop: '6px', fontWeight: 600 }}>{t}</h4>
              </div>
            ))}
          </div>
          <div style={{ marginTop: '36px' }}>
            <div style={{ fontFamily: 'var(--tb-font-mono)', color: 'var(--tb-signal)', fontSize: '12px', letterSpacing: '0.1em', marginBottom: '12px' }}>ЗАЛ 3 · МАРКЕТИНГ НА ПРЕДПРИЯТИИ</div>
            {slots.map(s => (
              <div key={s.time} style={{ display: 'grid', gridTemplateColumns: '96px 1fr', gap: '20px', padding: '18px 0', borderBottom: '1px solid var(--tb-line)' }}>
                <div style={{ fontFamily: 'var(--tb-font-mono)', fontSize: '13px', color: 'var(--tb-signal)', fontWeight: 500 }}>{s.time}</div>
                <div>
                  <div style={{ fontFamily: 'var(--tb-font-body)', fontWeight: 600, fontSize: '15.5px' }}>{s.title}</div>
                  <div style={{ fontSize: '13px', color: 'var(--tb-muted)', marginTop: '4px' }}>{s.speakerLine}</div>
                </div>
              </div>
            ))}
          </div>
          <div style={{ marginTop: '34px' }}><Button onClick={() => go('speakers')}>Все спикеры конференции</Button></div>
        </Wrap>
      </Section>

      <Band onCta={() => go('join')} cta="Зарегистрироваться →">Участие бесплатное. Мест ограниченное число</Band>
    </div>
  );
}
window.EventDetail = EventDetail;