/**
 * Shared EEAT / AI decision / conversion channels
 * Loaded only on service landings that include fly-eeat-sections.php
 */
.fly-eeat,
.fly-decision,
.fly-channels {
  padding: clamp(2.25rem, 4vw, 3.75rem) 0;
}

.fly-eeat {
  background: linear-gradient(180deg, #f3f7fa 0%, #fff 100%);
  border-block: 1px solid rgba(3, 85, 126, 0.08);
}

.fly-eeat__inner {
  max-width: 52rem;
}

.fly-eeat__title,
.fly-decision h2,
.fly-channels h2 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 700;
  color: #141f2b;
  margin: 0 0 0.85rem;
  letter-spacing: -0.015em;
}

.fly-eeat__entity {
  margin: 0 0 0.85rem;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #03557e;
  font-weight: 600;
}

.fly-eeat__lead,
.fly-decision__how p,
.fly-channels__box > p {
  margin: 0 0 1.1rem;
  font-size: 1.02rem;
  line-height: 1.65;
  color: #555;
  max-width: 46rem;
}

.fly-eeat__grid {
  list-style: none;
  margin: 0 0 1.1rem;
  padding: 0;
  display: grid;
  gap: 0.85rem;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .fly-eeat__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.fly-eeat__grid li {
  background: #fff;
  border: 1px solid rgba(3, 85, 126, 0.12);
  border-radius: 12px;
  padding: 1rem 1.05rem;
  box-shadow: 0 4px 14px rgba(20, 31, 43, 0.04);
}

.fly-eeat__grid strong {
  display: block;
  margin-bottom: 0.25rem;
  color: #141f2b;
  font-size: 0.98rem;
}

.fly-eeat__grid span,
.fly-eeat__meta {
  font-size: 0.95rem;
  line-height: 1.55;
  color: #555;
}

.fly-eeat a,
.fly-decision a {
  color: #03557e;
  font-weight: 600;
}

.fly-eeat__meta {
  margin: 0;
}

.fly-decision {
  background: #fff;
}

.fly-decision__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .fly-decision__grid {
    grid-template-columns: 1fr 1fr;
  }
}

.fly-decision__card {
  border-radius: 14px;
  padding: 1.2rem 1.15rem;
  border: 1px solid rgba(3, 85, 126, 0.12);
}

.fly-decision__card--yes {
  background: #f3faf6;
  border-color: rgba(22, 120, 70, 0.18);
}

.fly-decision__card--no {
  background: #faf6f3;
  border-color: rgba(160, 80, 40, 0.16);
}

.fly-decision__card h3,
.fly-decision__how h3,
.fly-decision__vs h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.08rem;
  margin: 0 0 0.65rem;
  color: #141f2b;
}

.fly-decision__card ul {
  margin: 0;
  padding-left: 1.15rem;
  color: #444;
  line-height: 1.55;
}

.fly-decision__card li + li {
  margin-top: 0.35rem;
}

.fly-decision__how {
  margin-bottom: 1.35rem;
  max-width: 46rem;
}

.fly-decision__vs-grid {
  display: grid;
  gap: 0.85rem;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .fly-decision__vs-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.fly-decision__vs-item {
  border: 1px solid rgba(3, 85, 126, 0.12);
  border-radius: 12px;
  padding: 1rem;
  background: #f8fafb;
}

.fly-decision__vs-item h4 {
  margin: 0 0 0.4rem;
  font-size: 1rem;
  color: #03557e;
}

.fly-decision__vs-item p {
  margin: 0 0 0.65rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: #555;
}

.fly-channels {
  background: linear-gradient(135deg, #03557e 0%, #0a3d5c 100%);
  color: #fff;
}

.fly-channels__box {
  max-width: 48rem;
}

.fly-channels h2 {
  color: #fff;
}

.fly-channels__box > p {
  color: rgba(255, 255, 255, 0.9);
}

.fly-channels__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

/* Specificity must beat global `a` / page link colors on dark band */
.fly-channels a.fly-channels__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.7rem 1.1rem;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.98rem;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.55);
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.fly-channels a.fly-channels__btn:hover,
.fly-channels a.fly-channels__btn:focus-visible {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  border-color: #fff;
  outline: 3px solid #ff6600;
  outline-offset: 2px;
}

.fly-channels a.fly-channels__btn--primary {
  background: #ff6600;
  border-color: #ff6600;
  color: #fff;
}

.fly-channels a.fly-channels__btn--primary:hover,
.fly-channels a.fly-channels__btn--primary:focus-visible {
  background: #e65c00;
  border-color: #e65c00;
  color: #fff;
}

.fly-channels a.fly-channels__btn--wa {
  background: #25d366;
  border-color: #25d366;
  color: #fff;
}

.fly-channels a.fly-channels__btn--wa:hover,
.fly-channels a.fly-channels__btn--wa:focus-visible {
  background: #1ebe57;
  border-color: #1ebe57;
  color: #fff;
}

@media (max-width: 575.98px) {
  .fly-channels a.fly-channels__btn {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fly-channels a.fly-channels__btn {
    transition: none;
  }
}