/* Aggregator page - reuses office layout where applicable */
.agg-page { display: flex; flex-direction: column; width: 100%; }
.agg-first { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 188px 0 213px; gap: 150px; background: var(--color-bgMoreGreen); min-height: 914px; }
@media (max-width: 767px) { .agg-first { flex-direction: column; gap: 54px; padding: 50px 24px 95px; min-height: auto; } }
.agg-first__inner { display: flex; gap: 80px; width: 100%; max-width: 1200px; }
@media (max-width: 767px) { .agg-first__inner { flex-direction: column; width: 100%; gap: 54px; align-items: center; } }
.agg-desc { display: flex; flex-direction: column; }
@media (max-width: 767px) { .agg-desc { text-align: center; } }
.agg-desc__title { font-weight: 700; font-size: 40px; color: var(--color-system1); line-height: 160%; }
@media (max-width: 767px) { .agg-desc__title { font-size: 25px; } }
.agg-desc__content { font-size: 20px; color: var(--color-system3); line-height: 160%; }
@media (max-width: 767px) { .agg-desc__content { font-size: 15px; } }
.agg-section { display: flex; flex-direction: column; align-items: center; padding: 120px 0; gap: 100px; background: var(--color-systemWhite); }
@media (max-width: 767px) { .agg-section { padding: 60px 24px; gap: 54px; } }
.agg-section--productivity { padding-top: 120px; padding-bottom: 0; }
@media (max-width: 767px) { .agg-section--productivity { padding: 60px 24px 0; } }
.agg-section--grey { background: var(--color-bgF9); }

/* 01·02·03 SideBySide blocks (DefaultSection + ResponsiveDivider) */
.agg-section-345 { background: var(--color-bgF9); }
.agg-side-by-side {
  display: flex;
  flex-direction: row;
  gap: 100px;
  width: 1200px;
  max-width: 100%;
  align-items: center;
}
@media (max-width: 767px) {
  .agg-side-by-side { flex-direction: column; gap: 36px; width: 100%; }
}

.agg-side-by-side__img-area {
  display: flex;
  justify-content: center;
  flex: 6;
  width: 100%;
  max-width: 800px;
}
@media (max-width: 767px) {
  .agg-side-by-side__img-area { order: 2; width: 100%; }
}

.agg-side-by-side__img-m {
  display: none;
  width: 100%;
  justify-content: center;
}
@media (max-width: 767px) {
  .agg-side-by-side__img-m {
    display: flex !important;
    width: 100%;
    gap: 54px;
    justify-content: center;
    order: 2;
  }
}

.agg-side-by-side__img-nonm {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 767px) {
  .agg-side-by-side__img-nonm { display: none !important; order: 2; width: 100%; }
}

.agg-side-by-side__img {
  width: 100%;
  height: auto;
}
.agg-side-by-side__img--temp {
  width: 100%;
  height: auto;
  margin-top: 0;
}
@media (min-width: 768px) {
  .agg-side-by-side__img--temp {
    width: auto;
    height: 155px;
    margin-top: 30px;
  }
}

.agg-side-by-side__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  flex: 5;
}
@media (max-width: 767px) {
  .agg-side-by-side__desc { order: 1; justify-content: center; gap: 8px; text-align: center; }
}

.agg-side-by-side__index {
  display: none;
  margin-bottom: 24px;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primaryMain);
  text-align: center;
}
@media (max-width: 767px) {
  .agg-side-by-side__index { display: block; font-size: 15px; }
}

.agg-side-by-side__title {
  font-weight: 700;
  font-size: 40px;
  color: var(--color-system1);
  white-space: pre-wrap;
  line-height: 160%;
  margin: 0;
}
@media (max-width: 767px) {
  .agg-side-by-side__title { font-size: 25px; text-align: center; }
}
@media (min-width: 768px) {
  .agg-side-by-side__title { text-align: start; }
}

.agg-side-by-side__content {
  font-size: 20px;
  color: var(--color-system3);
  white-space: pre-wrap;
  line-height: 160%;
  margin: 0;
}
@media (max-width: 767px) {
  .agg-side-by-side__content { font-size: 15px; text-align: center; }
}
@media (min-width: 768px) {
  .agg-side-by-side__content { text-align: start; }
}

.agg-divider-345 {
  width: 1200px;
  max-width: 100%;
  min-height: 1px;
  background: var(--color-systemE);
}
@media (max-width: 767px) {
  .agg-divider-345 { width: 100%; }
}

.agg-side { display: flex; flex-direction: row; gap: 100px; width: 1200px; max-width: 100%; align-items: center; }
@media (max-width: 767px) { .agg-side { flex-direction: column; gap: 36px; width: 100%; } }
.agg-side__desc { display: flex; flex-direction: column; gap: 24px; flex: 5; }
@media (max-width: 767px) { .agg-side__desc { order: 1; width: 100%; text-align: center; } }
/* Hero (first section) image container - main_a.svg */
.agg-hero-image {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 800px;
  flex: 6;
}
@media (max-width: 767px) {
  .agg-hero-image { width: 100%; order: 2; }
}
.agg-hero-image img {
  width: 100%;
  height: auto;
  max-width: 631px;
}

.agg-screenshot { flex: 6; width: 100%; max-width: 800px; display: flex; justify-content: center; }
.agg-screenshot img { width: 100%; height: auto; }

/* Section 2: Integrate with 100+ airlines (DefaultSection + SecondContentWrapper + ScreenShotDescription + image) */
.agg-section-2 { display: flex; flex-direction: column; align-items: center; background: var(--color-systemWhite); }
.agg-section-2__wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
  width: 1200px;
}
@media (max-width: 767px) {
  .agg-section-2__wrapper { width: 100%; }
}

.agg-section-2__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .agg-section-2__desc { order: 1; justify-content: center; gap: 8px; }
}

.agg-section-2__title {
  text-align: center;
  white-space: pre-wrap;
  font-weight: 700;
  color: var(--color-system1);
  line-height: 160%;
  margin: 0;
  font-size: 40px;
}
@media (max-width: 767px) {
  .agg-section-2__title { font-size: 25px; }
}

.agg-section-2__content {
  text-align: center;
  white-space: pre-wrap;
  color: var(--color-system3);
  line-height: 160%;
  margin: 0;
  font-size: 20px;
}
@media (max-width: 767px) {
  .agg-section-2__content { font-size: 15px; }
}

.agg-section-2__image-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .agg-section-2__image-wrap { order: 2; }
}

.agg-section-2__screenshot {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 800px;
}
@media (max-width: 767px) {
  .agg-section-2__screenshot { order: 2; width: 100%; }
}
.agg-section-2__screenshot img,
.agg-section-2__screenshot object {
  width: 100%;
  height: auto;
}

/* ===== Last section block: Section 6 (Simplifying) + Divider + Section 7 (IATA ARM) + FAQs ===== */
.agg-section-last {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--color-systemWhite);
  box-sizing: border-box;
  padding: 120px 0;
  gap: 100px;
}
@media (max-width: 767px) {
  .agg-section-last { padding: 60px 24px; gap: 54px; }
}

/* ResponsiveDivider (LastDefaultSection 내 구분선) */
.agg-divider {
  width: 1200px;
  max-width: 100%;
  min-height: 1px;
  background: var(--color-systemE);
}
@media (max-width: 767px) {
  .agg-divider { width: 100%; }
}

/* Section 6: Simplifying the Distribution System */
.agg-section-6-container {
  display: flex;
  justify-content: center;
  width: 100%;
}

.agg-section-6-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1200px;
  max-width: 100%;
  gap: 100px;
}
@media (max-width: 767px) {
  .agg-section-6-box { width: 100%; gap: 54px; }
}

.agg-section-6-desc {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
@media (max-width: 767px) {
  .agg-section-6-desc { gap: 8px; }
}

.agg-section-6-desc__title {
  font-weight: 700;
  font-size: 40px;
  color: var(--color-system1);
  line-height: 160%;
  text-align: center;
  margin: 0;
  white-space: pre-wrap;
}
@media (max-width: 767px) {
  .agg-section-6-desc__title { font-size: 25px; }
}
.agg-section-6-desc__subtitle {
  font-size: 20px;
  color: var(--color-system3);
  line-height: 160%;
  text-align: center;
  margin: 0;
  white-space: pre-wrap;
}
@media (max-width: 767px) {
  .agg-section-6-desc__subtitle { font-size: 15px; }
}

.agg-section-6-content {
  display: flex;
  flex-direction: row;
  gap: 80px;
  width: 100%;
}
@media (max-width: 767px) {
  .agg-section-6-content { flex-direction: column; gap: 54px; }
}

.agg-section-6-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  flex: 1;
  width: 100%;
}

.agg-section-6-card__header {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

.agg-section-6-card__icon {
  width: 33px;
  height: 33px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .agg-section-6-card__icon { width: 20px; height: 20px; }
}

.agg-section-6-card__title {
  font-weight: 700;
  font-size: 25px;
  color: var(--color-primaryMain);
  margin: 0;
  line-height: 160%;
}
@media (max-width: 767px) {
  .agg-section-6-card__title { font-size: 21px; }
}

.agg-section-6-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.agg-section-6-list__item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: baseline;
  font-size: 16px;
  color: var(--color-system3);
  line-height: 160%;
  text-align: start;
  white-space: pre-wrap;
}
@media (max-width: 767px) {
  .agg-section-6-list__item { font-size: 13px; }
}

.agg-section-6-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  min-width: 4px;
  min-height: 4px;
  border-radius: 50%;
  background: var(--color-systemD);
  flex-shrink: 0;
  margin-top: 0.5em;
}

/* Section 7: IATA ARM Index Certified */
.agg-section-7-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  gap: 60px;
}
@media (max-width: 767px) {
  .agg-section-7-wrap { gap: 36px; }
}

.agg-section-7-side {
  display: flex;
  flex-direction: row;
  gap: 64px;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
}
@media (max-width: 767px) {
  .agg-section-7-side { flex-direction: column; gap: 36px; width: 100%; align-items: center; }
}

.agg-section-7-cert {
  max-width: 350px;
  width: 100%;
  order: 1;
  align-self: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .agg-section-7-cert { max-width: 300px; }
}

.agg-section-7-cert img {
  width: 100%;
  height: auto;
  display: block;
}

.agg-section-7-partners {
  display: flex;
  gap: 40px;
  order: 2;
  flex-direction: column;
}
@media (max-width: 767px) {
  .agg-section-7-partners { gap: 24px; flex-direction: column; align-items: center; }
}

.agg-section-7-partner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .agg-section-7-partner { justify-content: center; align-items: center; }
}

.agg-section-7-partner img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

.agg-section-7-partner__title {
  font-weight: 700;
  font-size: 25px;
  color: var(--color-system3);
  line-height: 160%;
  margin: 0;
  text-align: start;
}
@media (max-width: 767px) {
  .agg-section-7-partner__title { text-align: center; font-size: 15px; }
}

.agg-section-7-partner__sub {
  font-size: 16px;
  color: var(--color-system3);
  line-height: 160%;
  margin: 0;
  text-align: start;
}
@media (max-width: 767px) {
  .agg-section-7-partner__sub { text-align: center; font-size: 13px; }
}

/* Section 8: FAQs */
.agg-faq-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}

.agg-faq-title {
  font-weight: 700;
  font-size: 40px;
  color: var(--color-system1);
  text-align: center;
  margin: 0 0 24px 0;
}
@media (max-width: 767px) {
  .agg-faq-title { font-size: 25px; }
}
.agg-accordion-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (min-width: 768px) {
  .agg-accordion-wrap { width: 1200px; max-width: 100%; }
}
.agg-accordion-wrap .accordion__answer {
  white-space: normal;
}