/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/naaia-solutions-four-cards/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Bloc naaia/solutions-four-cards — Styles frontend
 *
 * Référence Figma : 1440px desktop, 390px mobile.
 * Fond sombre #171721, 4 cartes (#1D1D2A), icônes animées 64px.
 *
 * Structure :
 *   .naaia-solutions-four-cards
 *     └── __inner
 *           ├── __tag-row
 *           │     ├── __trait (--left / --right)
 *           │     │     ├── __trait-line
 *           │     │     └── __trait-dot
 *           │     └── __tag
 *           ├── __title
 *           ├── __cards
 *           │     └── __card  ×4
 *           │           ├── __card-icon  (64px)
 *           │           └── __card-text-group
 *           │                 ├── __card-title
 *           │                 └── __card-description
 *           └── __cta
 *                 └── __cta-btn
 */
.naaia-solutions-four-cards-wrapper {
  width: 100%;
  margin-top: 0 !important;
}
.naaia-solutions-four-cards {
  padding: 120px 80px;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}
.naaia-solutions-four-cards::before {
  content: "";
  position: absolute;
  width: 304px;
  height: 405px;
  right: -240px;
  top: calc(50% + 39px);
  transform: translateY(-50%);
  background: radial-gradient(ellipse at center, rgba(118, 192, 246, 0.75) 0%, rgba(118, 192, 246, 0.3) 40%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  border-radius: 50%;
  filter: blur(20px);
}
.naaia-solutions-four-cards__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
}
.naaia-solutions-four-cards__tag-row {
  display: flex;
  align-items: center;
  gap: 24px;
}
.naaia-solutions-four-cards__trait {
  display: flex;
  align-items: center;
}
.naaia-solutions-four-cards__trait-line {
  width: 120px;
  height: 1px;
  flex-shrink: 0;
}
.naaia-solutions-four-cards__trait--left .naaia-solutions-four-cards__trait-line {
  background: linear-gradient(to right, transparent, rgba(118, 192, 246, 0.5));
}
.naaia-solutions-four-cards__trait--right .naaia-solutions-four-cards__trait-line {
  background: linear-gradient(to left, transparent, rgba(118, 192, 246, 0.5));
}
.naaia-solutions-four-cards__trait-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(118, 192, 246, 0.5);
  flex-shrink: 0;
}
.naaia-solutions-four-cards__tag {
  background: rgba(46, 163, 249, 0.15);
  border-radius: 27px;
  padding: 16px 20px;
  flex-shrink: 0;
}
.naaia-solutions-four-cards__tag span {
  display: block;
  font-family: "Host Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.naaia-solutions-four-cards__title {
  color: #fff;
  text-align: center;
  margin: 0;
}
.naaia-solutions-four-cards__cards {
  display: flex;
  flex-direction: row;
  gap: 24px;
  width: 100%;
}
.naaia-solutions-four-cards__card {
  flex: 1;
  background: #1D1D2A;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
  min-height: 293px;
  overflow: hidden;
  position: relative;
  opacity: 0;
  transform: translateY(16px);
  transition: background 0.25s ease, opacity 0.65s ease, transform 0.65s ease;
}
.naaia-solutions-four-cards__card.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.naaia-solutions-four-cards__card:hover {
  background: #252534;
}
.naaia-solutions-four-cards__card-icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.35s ease;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-icon {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-search {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-stack {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-toggle {
  width: 67.4px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-check {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-stars {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-lock {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-user {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-gauge {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-cal {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-new {
  width: 64px;
  height: 64px;
}
.naaia-solutions-four-cards__card-icon .naaia-glass-icon__circle {
  width: 27.69px;
  height: 27.69px;
  top: calc(50% - 13.845px);
  left: calc(50% - 13.845px);
}
.naaia-solutions-four-cards__card-icon .naaia-glass-icon__tile {
  border-radius: 4.11px;
}
.naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-icon__circle {
  width: 18.62px;
  height: 18.62px;
  top: 23.22px;
  left: calc(50% - 9.31px);
}
.naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-search__magnifier {
  transform: translate(-10.29px, -5.54px);
}
.naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-stack__top {
  transform: translateY(-5.71px);
}
.naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-toggle__dot {
  transform: translateX(-6.86px);
}
.naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-toggle__knob {
  transform: translateX(22.86px);
}
.naaia-solutions-four-cards__card-icon-placeholder {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
.naaia-solutions-four-cards__card-text-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
.naaia-solutions-four-cards__card-title {
  color: #76C0F6;
  margin: 0;
  transition: opacity 0.35s ease;
}
.naaia-solutions-four-cards__card-title strong,
.naaia-solutions-four-cards__card-title b {
  font-weight: 700;
}
.naaia-solutions-four-cards__card-description {
  position: absolute;
  bottom: 24px;
  left: 24px;
  right: 24px;
  letter-spacing: 0.5px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.naaia-solutions-four-cards__card:hover .naaia-solutions-four-cards__card-description {
  opacity: 1;
  transform: translateY(0);
}
.naaia-solutions-four-cards__card:hover .naaia-solutions-four-cards__card-icon, .naaia-solutions-four-cards__card:hover .naaia-solutions-four-cards__card-icon-placeholder {
  opacity: 0;
}
.naaia-solutions-four-cards__card:hover .naaia-solutions-four-cards__card-title {
  opacity: 0;
}
.naaia-solutions-four-cards__cta {
  display: flex;
  justify-content: center;
}
.naaia-solutions-four-cards__cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: radial-gradient(50% 50% at 50% 50%, #76C0F6 0%, #76C0F6 100%);
  color: #171721;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-family: "Host Grotesk", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  cursor: pointer;
  overflow: hidden;
  transition: background 0.35s ease;
  flex-shrink: 0;
}
.naaia-solutions-four-cards__cta-btn svg {
  flex-shrink: 0;
}
.naaia-solutions-four-cards__cta-btn:hover {
  background: radial-gradient(50% 50% at 50% 50%, #E3F2FD 0%, #76C0F6 100%);
  color: #171721;
}
.naaia-solutions-four-cards__cta-btn:hover .naaia-solutions-four-cards__cta-btn-text:first-child {
  transform: translateY(-100%);
}
.naaia-solutions-four-cards__cta-btn:hover .naaia-solutions-four-cards__cta-btn-text:last-child {
  transform: translateY(-100%);
}
.naaia-solutions-four-cards__cta-btn-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  height: 24px;
}
.naaia-solutions-four-cards__cta-btn-text {
  display: block;
  height: 24px;
  line-height: 24px;
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
@media (min-width: 769px) {
  .naaia-solutions-four-cards {
    padding: 8.3333333333vw 5.5555555556vw;
    margin-top: 0vw !important;
  }
  .naaia-solutions-four-cards::before {
    width: 27.7777777778vw;
    height: 29.8611111111vw;
    right: -16.6666666667vw;
    top: calc(50% + 2.7083333333vw);
  }
  .naaia-solutions-four-cards__inner {
    gap: 2.7777777778vw;
  }
  .naaia-solutions-four-cards__tag-row {
    gap: 1.6666666667vw;
  }
  .naaia-solutions-four-cards__trait-line {
    width: 8.3333333333vw;
  }
  .naaia-solutions-four-cards__trait-dot {
    width: 0.5555555556vw;
    height: 0.5555555556vw;
  }
  .naaia-solutions-four-cards__tag {
    border-radius: 1.875vw;
    padding: 1.1111111111vw 1.3888888889vw;
  }
  .naaia-solutions-four-cards__tag span {
    font-size: 1.1111111111vw;
  }
  .naaia-solutions-four-cards__cards {
    gap: 1.6666666667vw;
  }
  .naaia-solutions-four-cards__card {
    border-radius: 0.8333333333vw;
    padding: 1.6666666667vw;
    gap: 1.6666666667vw;
    min-height: 20.3472222222vw;
  }
  .naaia-solutions-four-cards__card-icon {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-icon {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-search {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-stack {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-toggle {
    width: 4.6805555556vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-check {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-stars {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-lock {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-user {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-gauge {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-cal {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-new {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-icon__circle {
    width: 1.9229166667vw;
    height: 1.9229166667vw;
    top: calc(50% - 0.9614583333vw);
    left: calc(50% - 0.9614583333vw);
  }
  .naaia-solutions-four-cards__card-icon .naaia-glass-icon__tile {
    border-radius: 0.2854166667vw;
  }
  .naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-icon__circle {
    width: 1.2930555556vw;
    height: 1.2930555556vw;
    top: 1.6125vw;
    left: calc(50% - 0.6465277778vw);
  }
  .naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-search__magnifier {
    transform: translate(-0.7145833333vw, -0.3847222222vw);
  }
  .naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-stack__top {
    transform: translateY(-0.3965277778vw);
  }
  .naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-toggle__dot {
    transform: translateX(-0.4763888889vw);
  }
  .naaia-solutions-four-cards__card[data-hover-icon]:hover .naaia-glass-toggle__knob {
    transform: translateX(1.5875vw);
  }
  .naaia-solutions-four-cards__card-icon-placeholder {
    width: 4.4444444444vw;
    height: 4.4444444444vw;
  }
  .naaia-solutions-four-cards__card-text-group {
    gap: 1.1111111111vw;
  }
  .naaia-solutions-four-cards__card-description {
    bottom: 1.6666666667vw;
    left: 1.6666666667vw;
    right: 1.6666666667vw;
    transform: translateY(0.8333333333vw);
  }
  .naaia-solutions-four-cards__card:hover .naaia-solutions-four-cards__card-description {
    transform: translateY(0);
  }
  .naaia-solutions-four-cards__cta-btn {
    padding: 0.8333333333vw 1.6666666667vw;
    border-radius: 0.5555555556vw;
    font-size: 0.9722222222vw;
    line-height: 1.6666666667vw;
    gap: 0.5555555556vw;
  }
  .naaia-solutions-four-cards__cta-btn-label {
    height: 1.6666666667vw;
  }
  .naaia-solutions-four-cards__cta-btn-text {
    height: 1.6666666667vw;
    line-height: 1.6666666667vw;
  }
}
@media (max-width: 768px) {
  .naaia-solutions-four-cards {
    padding: 80px 24px;
    border-radius: 24px 24px 0 0;
    margin-top: -35px !important;
  }
  .naaia-solutions-four-cards::before {
    display: none;
  }
  .naaia-solutions-four-cards__inner {
    gap: 40px;
  }
  .naaia-solutions-four-cards__tag-row {
    gap: 16px;
  }
  .naaia-solutions-four-cards__trait-line {
    width: 60px;
  }
  .naaia-solutions-four-cards__cards {
    flex-direction: column;
    gap: 16px;
  }
  .naaia-solutions-four-cards__card {
    width: 100%;
    min-height: auto;
    border-color: rgba(118, 192, 246, 0.4);
  }
  .naaia-solutions-four-cards__card-description {
    position: static;
    opacity: 1;
    transform: none;
    transition: none;
  }
  .naaia-solutions-four-cards__card-icon, .naaia-solutions-four-cards__card-icon-placeholder, .naaia-solutions-four-cards__card-title {
    opacity: 1;
  }
  .naaia-solutions-four-cards__cta-btn {
    width: 100%;
    justify-content: center;
  }
}