/* ===== Bots & Automation Page (uses contracts.css for cards/levels/cta) ===== */
.bots-page .page {
  background: #0A0E17;
}

.bots-main {
  position: relative;
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
  padding: 130px 155px 80px;
}

/* Breadcrumb */
.bots-main .breadcrumb {
  text-align: left;
  padding: 72px 0 0;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 17.3px;
  line-height: 21.1px;
  color: #A8A8A8;
  margin-bottom: 40px;
}

.bots-main .breadcrumb a {
  color: #A8A8A8;
}

.bots-main .breadcrumb a:hover {
  color: #fff;
}

.bots-main .breadcrumb-current {
  color: #FFFFFF !important;
}

/* Hero */
.bots-hero {
  text-align: center;
  padding: 60px 40px;
  background: linear-gradient(rgba(10, 14, 23, 0.65), rgba(10, 14, 23, 0.65)), url('../imgMain/Bots & Automation.jpg');
  background-size: cover;
  background-position: center;
  border-radius: 55px;
  margin-bottom: 40px;
}

.bots-hero-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 52.8px;
  line-height: 58.7px;
  color: #FFFFFF;
  margin: 0 0 24px;
  max-width: 1069px;
  margin-left: auto;
  margin-right: auto;
}

.bots-hero-subtitle {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 35px;
  line-height: 38.9px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 24px;
  max-width: 1404px;
  margin-left: auto;
  margin-right: auto;
}

.bots-hero-intro {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 19.8px;
  line-height: 42.2px;
  color: rgba(255, 255, 255, 0.5);
  max-width: 1404px;
  margin: 0 auto;
  text-align: center;
}

/* Cards section (reuses .contract-card from contracts.css) */
.bots-cards {
  display: flex;
  flex-direction: column;
  gap: 90px;
  margin-bottom: 80px;
}

.bots-card-icon {
  /* Robot/bot icon placeholder - reuse contract-card-icon style */
  background: rgba(99, 102, 241, 0.2);
  border-color: #99A2AD;
}

/* CTA section */
.bots-cta {
  text-align: center;
  margin-bottom: 80px;
}

.bots-cta-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 35px;
  line-height: 44.2px;
  color: #FFFFFF;
  margin: 0 0 24px;
}

.bots-cta-subtitle {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 24.4px;
  line-height: 38.9px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 0 48px;
  max-width: 1042px;
  margin-left: auto;
  margin-right: auto;
}

/* Description block */
.bots-desc {
  text-align: center;
  margin-bottom: 80px;
}

.bots-desc p {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 24.4px;
  line-height: 38.9px;
  color: rgba(255, 255, 255, 0.5);
  max-width: 1400px;
  margin: 0 auto 24px;
}

.bots-desc p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1200px) {
  .bots-main {
  padding-top: 149.5px; padding: 0 46px 69px; }
  .bots-hero-title { font-size: 55.2px; line-height: 1.15; }
  .bots-hero-subtitle { font-size: 36.8px; line-height: 1.3; }
  .bots-hero-intro { font-size: 23px; line-height: 1.6; }
  .bots-cta-title { font-size: 41.4px; line-height: 1.2; }
  .bots-cta-subtitle, .bots-desc p { font-size: 25.3px; line-height: 1.5; }
}

@media (max-width: 768px) {
  .bots-main {
    padding: 0 22.4px 56px;
  }
  .bots-main .breadcrumb {
    font-size: 12.9px;
    line-height: 18.5px;
    padding-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 5.6px;
  }
  .bots-hero {
    padding: 44.8px 28px;
    border-radius: 33.6px;
    margin-bottom: 33.6px;
  }
  .bots-hero-title {
    font-size: 25.9px;
    line-height: 1.2;
    margin-bottom: 16.8px;
  }
  .bots-hero-subtitle {
    font-size: 16.7px;
    line-height: 1.4;
    margin-bottom: 16.8px;
  }
  .bots-hero-intro {
    font-size: 12.9px;
    line-height: 1.6;
  }
  .bots-cards {
    gap: 44.8px;
    margin-bottom: 56px;
  }
  .bots-cta-title {
    font-size: 22.1px;
    line-height: 1.3;
  }
  .bots-cta-subtitle {
    font-size: 14.8px;
    line-height: 1.5;
    margin-bottom: 33.6px;
  }
  .bots-desc p {
    font-size: 14.8px;
    line-height: 1.6;
    margin-bottom: 22.4px;
  }
}