/* WaaFaa homepage shared pattern foundations */
body:not(.block-editor-iframe__body) {
  background: #030711;
}

html:not(.block-editor-iframe__html),
body:not(.block-editor-iframe__body) {
  overflow-x: hidden;
}

body.home:not(.block-editor-iframe__body) main.wp-block-group {
  margin-top: 0 !important;
}

body.home:not(.block-editor-iframe__body) main.wp-block-group > .wp-block-group.alignfull:first-child {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.home:not(.block-editor-iframe__body) .wp-block-post-title {
  display: none;
}

body .waafaa-section,
body .waafaa-section * {
  box-sizing: border-box;
  min-width: 0;
}

body .waafaa-section {
  --waafaa-page: #030711;
  --waafaa-surface: #07101f;
  --waafaa-panel: rgba(9, 18, 35, 0.92);
  --waafaa-border: rgba(116, 135, 180, 0.22);
  --waafaa-border-strong: rgba(133, 151, 205, 0.36);
  --waafaa-muted: #b9c3d8;
  --waafaa-text: #ffffff;
  --waafaa-blue: #00a6ff;
  --waafaa-purple: #8b5cf6;
  --waafaa-green: #13d7ad;
  --waafaa-gradient: linear-gradient(135deg, #0a68ff 0%, #7c2dff 100%);
  background: var(--waafaa-page);
  color: var(--waafaa-text);
  margin-block-start: 0 !important;
  overflow: hidden;
  padding: 5rem 2rem;
}

body .entry-content > .waafaa-section.alignfull,
body .wp-block-post-content > .waafaa-section.alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body .waafaa-section--tight {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

body .waafaa-section__inner,
body .waafaa-section .waafaa-container {
  box-sizing: border-box;
  margin-inline: auto !important;
  max-width: 1184px !important;
  min-width: 0;
  width: 100% !important;
}

body .waafaa-section__inner > * {
  max-width: none;
}

body .waafaa-eyebrow {
  color: var(--waafaa-blue);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.45;
  margin: 0 0 0.7rem !important;
  text-transform: uppercase;
}

body .waafaa-section-heading {
  margin: 0 0 2rem !important;
  max-width: 44rem;
}

body .waafaa-section-heading h2,
body .waafaa-section h2 {
  color: #ffffff;
  font-size: clamp(1.8rem, 3.3vw, 2.35rem);
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0 !important;
  overflow-wrap: anywhere;
}

body .waafaa-section-heading p,
body .waafaa-section p {
  color: var(--waafaa-muted);
  max-width: 100%;
  overflow-wrap: anywhere;
}

body .waafaa-gradient-text {
  background: linear-gradient(135deg, #00a6ff 0%, #8b5cf6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body .waafaa-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block-start: 0 !important;
}

body .waafaa-button .wp-block-button__link {
  align-items: center;
  border: 1px solid var(--waafaa-border);
  border-radius: 0.375rem;
  display: inline-flex;
  font-size: 0.9rem;
  font-weight: 800;
  gap: 0.65rem;
  justify-content: center;
  min-height: 3.2rem;
  padding: 0.85rem 1.6rem;
  text-decoration: none;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body .waafaa-button--primary .wp-block-button__link {
  background: var(--waafaa-gradient);
  border-color: transparent;
  color: #ffffff;
}

body .waafaa-button--ghost .wp-block-button__link {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}

body .waafaa-button .wp-block-button__link:hover {
  border-color: var(--waafaa-border-strong);
  box-shadow: 0 0 28px rgba(37, 101, 255, 0.18);
  transform: translateY(-1px);
}

body .waafaa-section [class*="__grid"] > *,
body .waafaa-section [class*="-grid"] > *,
body .waafaa-section .wp-block-columns > * {
  margin-block-start: 0 !important;
}

body .waafaa-section :is(
  [class*="__grid"],
  [class*="-grid"],
  [class*="__cards"],
  [class*="__points"],
  [class*="__bar"],
  [class*="__footer"],
  .waafaa-card,
  .waafaa-home-about__content,
  .waafaa-home-about__point,
  .waafaa-home-service-card,
  .waafaa-home-stat
) > * {
  margin-block-start: 0 !important;
}

body .waafaa-card {
  background: linear-gradient(180deg, rgba(11, 21, 39, 0.92), rgba(5, 12, 24, 0.86));
  border: 1px solid var(--waafaa-border);
  border-radius: 0.75rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

body .waafaa-icon-box {
  align-items: center;
  border-radius: 0.9rem;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 1rem;
  font-weight: 900;
  height: 3.8rem;
  justify-content: center;
  letter-spacing: 0;
  margin: 0 !important;
  width: 3.8rem;
}

body figure.waafaa-icon-box {
  padding: 0;
}

body .waafaa-icon-box img {
  display: block;
  filter: drop-shadow(0 0 0.85rem color-mix(in srgb, currentColor 48%, transparent));
  height: 1.7rem !important;
  max-width: none !important;
  object-fit: contain;
  width: 1.7rem !important;
}

body .waafaa-icon-box--purple {
  background: rgba(124, 45, 255, 0.16);
  color: var(--waafaa-purple);
}

body .waafaa-icon-box--blue {
  background: rgba(18, 72, 255, 0.15);
  color: var(--waafaa-blue);
}

body .waafaa-icon-box--green {
  background: rgba(19, 215, 173, 0.13);
  color: var(--waafaa-green);
}

@media (max-width: 760px) {
  body .waafaa-section {
    max-width: 100% !important;
    padding: 3.25rem 1rem;
    width: 100% !important;
  }

  body .entry-content > .waafaa-section.alignfull,
  body .wp-block-post-content > .waafaa-section.alignfull {
    max-width: 100% !important;
    width: 100% !important;
  }

  body .waafaa-section__inner {
    max-width: 100% !important;
  }

  body .waafaa-section h2,
  body .waafaa-section-heading h2 {
    font-size: clamp(1.65rem, 7.2vw, 2rem);
    line-height: 1.12;
  }

  body .waafaa-section .wp-block-group,
  body .waafaa-section .wp-block-buttons,
  body .waafaa-section .wp-block-button,
  body .waafaa-section .wp-block-button__link,
  body .waafaa-section figure,
  body .waafaa-section img {
    max-width: 100% !important;
  }

  body .waafaa-section--tight {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  body .waafaa-button-row .wp-block-button,
  body .waafaa-button-row .wp-block-button__link {
    width: 100%;
  }
}