/* ============================================================
   AI Factory Landing v2 — additions on top of style.css
   Figma: DS-Stream---projekty / ai-factory-zmiany (node 424-623)
   ============================================================ */

/* === Header nav === */
.header-inner--nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.header-inner--nav .header-logo { height: 22px; } /* ~30% smaller logo in the menu */
.site-nav {
  display: flex;
  align-items: center;
  gap: 14px;
}
.site-nav-link {
  display: none;
  white-space: nowrap;
  color: var(--c-text-inverse);
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: color var(--t-fast);
}
.site-nav-link:hover,
.site-nav-link:focus-visible { color: #4DA3FF; }
.site-nav-cta { padding: 10px 24px; }

/* === Hero (v2: two CTAs) === */
.hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.hero-cta-row .hero-cta { margin-top: 32px; }
.button--outline {
  background: var(--c-white);
  color: var(--c-card-title);
  border: 1.5px solid var(--c-card-title);
}
.button--outline:hover,
.button--outline:focus-visible {
  background: var(--c-card-title);
  color: var(--c-white);
  border-color: var(--c-card-title);
}

/* === Blue statement bar === */
.statement-bar {
  background: var(--c-blue);
  padding: 72px 0;
}
.statement-txt {
  max-width: 900px;
  margin: 0 auto;
  border-left: 3px solid rgba(255,255,255,.9);
  padding-left: 32px;
  color: var(--c-white);
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 600;
  line-height: 1.35;
}
.statement-txt b { font-weight: 700; }
.statement-dim { color: rgba(255,255,255,.62); font-weight: 600; }

/* === Session video (v2: no heading, CTA below) === */
.trailer--v2 .video-frame { margin-top: 0; }
.trailer--v2 .watch-cta { margin: 20px 0 0; }

/* === 04 / Strategy review === */
.strategy {
  background: var(--c-offer-dark) url("../assets/offer-bg.png") center / cover no-repeat;
  color: var(--c-text-inverse);
}
.strategy-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: start;
}
.strategy .section-h1--light { margin-top: 12px; }
.strategy-p {
  margin-top: 20px;
  max-width: 520px;
  color: rgba(255,255,255,.85);
}
.strategy-intro {
  margin-top: 28px;
  font-weight: 600;
  color: var(--c-white);
}
.strategy-list {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
}
.strategy-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 8px 0;
  color: rgba(255,255,255,.9);
}
.strategy-check { flex: 0 0 auto; margin-top: 2px; }
.strategy-cta { margin-top: 28px; display: inline-block; }
.strategy-widget {
  background: var(--c-white);
  min-height: 640px;
}
.meetings-iframe-container { width: 100%; min-height: 640px; }
.meetings-iframe-container iframe { display: block; }

/* === 05 / Speakers (v2: centered CTA) === */
.speakers-cta-row {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}

/* === 06 / Who we are === */
.whoweare {
  background: var(--c-offer-dark) url("../assets/offer-bg.png") center / cover no-repeat;
  color: var(--c-text-inverse);
}
.whoweare-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
  align-items: center;
}
.whoweare .section-h1--light { margin-top: 12px; }
.whoweare-p {
  margin-top: 20px;
  max-width: 520px;
  color: rgba(255,255,255,.85);
}
.whoweare-cta { margin-top: 28px; display: inline-block; }
.whoweare-img {
  width: 100%;
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%, 0 34%);
}

/* === Small screens === */
@media (max-width: 576px) {
  .header-inner--nav .header-logo { height: 18px; }
  .site-nav-cta { padding: 8px 14px; font-size: 14px; }
}

/* === Desktop === */
@media (min-width: 992px) {
  .site-nav-link { display: inline-block; }
  .strategy-grid { grid-template-columns: 1.1fr 1fr; gap: 64px; }
  .whoweare-grid { grid-template-columns: 1fr 1.1fr; gap: 64px; }
}