/* ==========================================================================
   startup-tools.css — Page-specific styles (shared premium styles in page-premium.css)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Tools grid section
   -------------------------------------------------------------------------- */
.tools-section {
  padding: 88px 0;
  background: #f7f9ff;
}

.tools-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
  max-width: 1040px;
}

/* --------------------------------------------------------------------------
   Founders section
   -------------------------------------------------------------------------- */
.founders-section {
  padding: 88px 0;
  background: #fff;
}
.founders-inner {
  gap: 72px;
  align-items: center;
  flex-wrap: nowrap;
}
.founders-inner .col-left {
  width: 52%;
}
.founders-inner .col-right {
  width: 48%;
}

/* --------------------------------------------------------------------------
   Testimonials section
   -------------------------------------------------------------------------- */
.testimonials-section {
  background: var(--blue);
  padding: 88px 0;
  position: relative;
  overflow: hidden;
}
.testimonials-section::before,
.testimonials-section::after {
  content: '';
  background: url(/wp-content/themes/plb/img/pattern.webp);
  background-size: auto;
  background-repeat: repeat;
  display: block;
  width: 380px;
  height: 200%;
  position: absolute;
  top: -50%;
  opacity: 0.15;
  pointer-events: none;
}
.testimonials-section::before {
  left: -80px;
}
.testimonials-section::after {
  right: -80px;
}

/* --------------------------------------------------------------------------
   Pricing section
   -------------------------------------------------------------------------- */
.pricing-section {
  padding: 88px 0;
  background: linear-gradient(160deg, #eef2ff 0%, #ffffff 55%, #ecfdf5 100%);
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1279px) {
  .tools-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .founders-inner {
    gap: 40px;
  }
  .founders-inner .col-left,
  .founders-inner .col-right {
    width: 100%;
  }
  .founders-inner {
    flex-wrap: wrap;
  }
}

@media (max-width: 806px) {
  .tools-section,
  .founders-section,
  .testimonials-section,
  .pricing-section {
    padding: 56px 0;
  }
  .tools-grid {
    grid-template-columns: 1fr;
  }
  .founders-inner {
    flex-direction: column-reverse;
  }
}