/* Scale & Optimise AI landing — .page-ais (extends .page-aioa via ai-opportunity.css) */

.page-ais .h2-footer { margin-top: 0; }

.page-ais .ais-hero__title em { color: #0066ff; font-style: normal; }

.page-ais .aioa-hero--split .aioa-hero__bg img {
  object-position: 56% center;
}

.ais-hero__ghost {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 12px 22px; border-radius: 999px; font-size: 14px; font-weight: 700;
  color: #0066ff; background: rgba(255, 255, 255, .9);
  border: 1.5px solid rgba(0, 102, 255, .45);
}
.ais-hero__ghost:hover { background: #fff; border-color: #0066ff; }

.ais-beyond.aioa-reality--competitive .aioa-reality__title {
  font-size: clamp(26px, 3.15vw, 38px);
  line-height: 1.28;
  letter-spacing: -.028em;
  color: #0a1628;
  max-width: 880px;
  margin-inline: auto;
}
.ais-beyond.aioa-reality--competitive .aioa-reality__lead {
  margin-top: clamp(20px, 3vw, 28px);
  font-size: clamp(15px, 1.55vw, 17px);
  line-height: 1.72;
  color: #5c6578;
  max-width: 840px;
  margin-inline: auto;
}
.ais-beyond .aioa-reality__title em { font-style: normal; color: inherit; }
.ais-beyond__kicker { justify-content: center; margin-inline: auto; }
.ais-beyond__kicker::after { display: none; }

.ais-focus__link { margin-top: 20px; }

.ais-get-kicker {
  display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em;
  text-transform: uppercase; color: #93c5fd; margin-bottom: 12px;
}

/* Key scaling areas */
.ais-scaling__grid {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px; margin-top: 40px;
}
.ais-scaling__card {
  background: #f0f6fc; border: 1px solid #e2e8f0; border-radius: 12px;
  padding: 20px 16px 18px;
}
.ais-scaling__ico {
  width: 40px; height: 40px; border-radius: 10px;
  display: grid; place-items: center; color: #0066ff;
  background: rgba(255, 255, 255, .85); border: 1px solid rgba(0, 102, 255, .2);
}
.ais-scaling__ico .ico { width: 20px; height: 20px; }
.ais-scaling__card h3 {
  margin: 14px 0 0; font-size: 13px; font-weight: 800; color: #0a1a2f; line-height: 1.35;
}
.ais-scaling__card ul { margin: 12px 0 0; padding: 0; list-style: none; }
.ais-scaling__card li {
  position: relative; padding-left: 12px; font-size: 12px; line-height: 1.45;
  color: #64748b; margin-bottom: 6px;
}
.ais-scaling__card li::before {
  content: ""; position: absolute; left: 0; top: 7px;
  width: 4px; height: 4px; border-radius: 50%; background: #0066ff;
}

/* 5-step timeline */
.ais-approach-timeline { background: #f3f7fc; }
.ais-approach-timeline__track {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px; margin-top: 48px; padding: 0; list-style: none; position: relative;
}
.ais-approach-timeline__track::before {
  content: ""; position: absolute; top: 20px; left: 6%; right: 6%;
  height: 2px; background: #cbd5e1; z-index: 0;
}
.ais-approach-timeline__step {
  position: relative; z-index: 1; text-align: center; padding: 0 6px;
}
.ais-approach-timeline__num {
  width: 40px; height: 40px; margin: 0 auto; border-radius: 50%;
  display: grid; place-items: center; font-size: 14px; font-weight: 800;
  color: #fff; background: #0066ff;
}
.ais-approach-timeline__step h3 {
  margin: 18px 0 0; font-size: 15px; font-weight: 800; color: #0a1a2f;
}
.ais-approach-timeline__step p {
  margin: 8px 0 0; font-size: 12.5px; line-height: 1.5; color: #64748b;
}

/* Scenario tabs */
.ais-scenario__lead { margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: #64748b; }
.ais-scenario__label {
  margin: 18px 0 0; font-size: 12px; font-weight: 800; color: #334155;
  text-transform: uppercase; letter-spacing: .06em;
}
.ais-scenario__checks { margin: 12px 0 0; padding: 0; list-style: none; }
.ais-scenario__checks li {
  display: flex; gap: 10px; align-items: flex-start;
  font-size: 13px; line-height: 1.5; color: #475569; padding: 6px 0;
}
.ais-scenario__checks li::before {
  content: ""; width: 6px; height: 6px; flex-shrink: 0; margin-top: 8px;
  border-radius: 50%; background: #0066ff;
}

.page-ais .ais-closing__box {
  background: rgba(0, 102, 255, .88);
  border: 1px solid rgba(255, 255, 255, .15);
  backdrop-filter: blur(10px);
}
.page-ais .ais-closing__box .aioa-closing__box-ico { color: #fff; }
.page-ais .ais-closing__box h3 { max-width: none; color: #fff; }
.page-ais .ais-closing__box p { color: rgba(255, 255, 255, .92); }

@media (max-width: 1024px) {
  .ais-scaling__grid { grid-template-columns: repeat(2, 1fr); }
  .ais-approach-timeline__track { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
  .ais-approach-timeline__track::before { display: none; }
}

@media (max-width: 640px) {
  .ais-scaling__grid { grid-template-columns: 1fr; }
  .ais-approach-timeline__track { grid-template-columns: 1fr; }
}
