/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./blocks/feature-tabs/block.css ***!
  \***********************************************************************************************************************************************************************************/
/* Feature Tabs (section + epicflow/feature-tabs-tabs child). Homepage "favourite features" rebuilt from the live page. */

/* .landings section (frontend/styles/globals.css) outranks a single class. */

.feature-tabs-section,
.landings .feature-tabs-section.feature-tabs-section {
  padding: 60px 0 70px;
  margin: 0;
  background: linear-gradient(86.82deg, #202060 0.35%, #202060 33.56%, #33336e 100%);
}

.feature-tabs-section__inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.feature-tabs-section .feature-tabs-section__title {
  max-width: 900px;
  margin: 0 auto 38px;
  color: #f4f5fc;
  text-align: center;
}

.feature-tabs-section p:not(.feature-tabs *) {
  color: #f4f5fc;
  text-align: center;
}

.feature-tabs__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 20px;
  margin: 0 0 28px;
}

.feature-tabs__tab {
  min-height: 44px;
  padding: 11px 14px;
  border: 1px solid #5774e7;
  border-radius: 4px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.feature-tabs__tab:hover,
.feature-tabs__tab.is-active {
  background: rgba(87, 116, 231, 0.6);
}

.feature-tabs :is(.feature-tabs__tab, .feature-tabs__panel):focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* All panels share one grid cell: the tallest sets the height, switching never jumps. */

.feature-tabs__panels {
  display: grid;
}

.feature-tabs__panel {
  display: grid;
  grid-area: 1 / 1;
  grid-template-columns: minmax(0, 820px) minmax(0, 480px);
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.feature-tabs__panel.is-active {
  visibility: visible;
  opacity: 1;
}

.feature-tabs__panel > * {
  min-width: 0;
  margin: 0;
}

.feature-tabs__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(15, 3, 76, 0.2);
}

.feature-tabs-section .feature-tabs__title {
  margin: 0 0 16px;
  color: #f4f5fc;
  font-size: 24px;
  line-height: 36px;
}

.feature-tabs__title em {
  font-style: normal;
}

.feature-tabs__panel--gradient .feature-tabs__title em {
  background: linear-gradient(90deg, #8ea5ff 15%, rgba(255, 91, 254, 0.8) 33%, #ff5c71 52%, #ffd2b1 89%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.feature-tabs__panel--red .feature-tabs__title em { color: #ff667f; }

.feature-tabs__panel--yellow .feature-tabs__title em { color: #ffd266; }

.feature-tabs__panel--blue .feature-tabs__title em { color: #66bcff; }

.feature-tabs__panel--sky .feature-tabs__title em { color: #c2e4ff; }

.feature-tabs__panel--green .feature-tabs__title em { color: #6cda66; }

.feature-tabs__panel--lavender .feature-tabs__title em { color: #abb8f8; }

.feature-tabs__text {
  color: #f4f5fc;
}

.feature-tabs__text :is(p, ul, ol) {
  margin: 0 0 22px;
  padding-bottom: 0;
  color: inherit;
}

.feature-tabs__text :is(ul, ol) {
  padding-left: 20px;
}

.feature-tabs__text ul {
  list-style: disc;
}

/* landing-blocks.css zeroes side padding (!important) on .wp-block descendants in the editor canvas. */

.editor-styles-wrapper .feature-tabs-section__inner {
  padding: 0 20px !important;
}

@media (prefers-reduced-motion: reduce) {
  .feature-tabs__panel {
    transition: none;
  }
}

@media (max-width: 1100px) {
  .feature-tabs__panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .feature-tabs-section,
  .landings .feature-tabs-section.feature-tabs-section {
    padding: 50px 0;
  }

  .feature-tabs-section .feature-tabs-section__title {
    font-size: 30px;
    line-height: 40px;
  }

  .feature-tabs__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
    padding: 4px;
    overflow-x: auto;
  }

  .feature-tabs__tab {
    flex-shrink: 0;
  }

  .feature-tabs__panel {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 420px) {
  .feature-tabs-section .feature-tabs-section__title {
    font-size: 28px;
    line-height: 37px;
  }
}

/* Tab icon (optional). */

.feature-tabs__tab:has(.feature-tabs__icon) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.feature-tabs__icon {
  display: block;
  width: 16px;
  height: 16px;
}

/* Subtitle under the panel title (optional). */

.feature-tabs-section .feature-tabs__subtitle {
  margin: 0 0 24px;
  padding: 0;
  color: #66bcff;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
}

/* Image right: text first. */

.feature-tabs--image-right .feature-tabs__panel {
  grid-template-columns: minmax(0, 651px) minmax(0, 680px);
}

.feature-tabs--image-right .feature-tabs__media {
  order: 2;
}

/* Light tone (AI PPM): white section, light tabs, large panel titles. */

.feature-tabs-section--light,
.landings .feature-tabs-section--light.feature-tabs-section--light {
  padding: 80px 0 120px;
  background: #fff;
}

.feature-tabs-section--light .feature-tabs-section__title {
  margin-bottom: 56px;
  color: #0d1f4e;
}

.feature-tabs-section--light p:not(.feature-tabs *) {
  color: #202060;
}

.feature-tabs-section--light .feature-tabs__list {
  margin-bottom: 36px;
}

.feature-tabs-section--light .feature-tabs__tab {
  border-color: #66bcff;
  color: #3c3c73;
}

.feature-tabs-section--light .feature-tabs__tab:hover,
.feature-tabs-section--light .feature-tabs__tab.is-active {
  background: #e5f4ff;
}

.feature-tabs-section--light .feature-tabs :is(.feature-tabs__tab, .feature-tabs__panel):focus-visible {
  outline-color: #0d39fe;
}

.feature-tabs-section--light .feature-tabs__panel {
  align-items: start;
}

.feature-tabs-section--light .feature-tabs__image {
  border-radius: 8px;
  background: #f4f5fc;
  box-shadow: none;
}

.feature-tabs-section.feature-tabs-section--light .feature-tabs__title {
  margin: 0 0 36px;
  color: #202060;
  font-size: 40px;
  line-height: 56px;
}

.feature-tabs-section--light .feature-tabs__subtitle {
  color: #0d39fe;
}

.feature-tabs-section--light .feature-tabs__text {
  color: #202060;
  font-size: 18px;
  line-height: 28px;
}

.feature-tabs-section--light .feature-tabs__text :is(p, ul, ol) {
  margin-bottom: 12px;
}

.feature-tabs-section--light .feature-tabs__text a {
  color: #0090ff;
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .feature-tabs--image-right .feature-tabs__panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-tabs-section.feature-tabs-section--light .feature-tabs__title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .feature-tabs--image-right .feature-tabs__panel {
    grid-template-columns: 1fr;
  }

  .feature-tabs--image-right .feature-tabs__media {
    order: 0;
  }
}


/*# sourceMappingURL=block.css.map*/