:is(
  .about-page,
  .advantages-page,
  .services-page,
  .solutions-page,
  .cases-page,
  .case-detail-page,
  .insights-page,
  .article-page
) {
  --interior-ink: #263c55;
  --interior-copy: #5d7087;
  --interior-muted: #8192a6;
  --interior-line: rgba(74, 134, 204, 0.14);
  --interior-blue: #207bf2;
  --interior-surface: rgba(255, 255, 255, 0.88);
  position: relative;
  min-height: 100dvh;
  overflow: clip;
  color: var(--interior-copy);
  background: #f8fbff;
  isolation: isolate;
}

:is(
  .about-page,
  .advantages-page,
  .services-page,
  .solutions-page,
  .cases-page,
  .case-detail-page,
  .insights-page,
  .article-page
)::after {
  position: fixed;
  z-index: 40;
  inset: 0;
  content: '';
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  opacity: 0.018;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  .page-width {
  width: min(1240px, calc(100% - 64px));
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(h1, h2, h3, h4, strong) {
  color: var(--interior-ink);
  letter-spacing: 0 !important;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(h1, h2, h3) {
  text-wrap: balance;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  p {
  text-wrap: pretty;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  main
  > section {
  scroll-margin-top: 78px;
  box-shadow: inset 0 1px 0 rgba(92, 145, 207, 0.055);
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(.section-kicker, .page-eyebrow) {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--interior-blue);
  font-weight: 650;
  letter-spacing: 0 !important;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(.section-kicker, .page-eyebrow)::before {
  width: 22px;
  height: 2px;
  flex: 0 0 auto;
  content: '';
  background: linear-gradient(90deg, #207bf2, #72cbef);
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(.center-heading, .model-heading, .process-heading)
  :is(.section-kicker, .page-eyebrow) {
  justify-content: center;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(.primary-button, .industry-plan-button, .service-action, .story-action) {
  border-radius: 5px !important;
  transition:
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.24s ease,
    transform 0.24s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(button, a):focus-visible {
  outline: 3px solid rgba(32, 123, 242, 0.3);
  outline-offset: 3px;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(table, .comparison-table, .result-table-wrap) {
  font-variant-numeric: tabular-nums;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  img {
  image-rendering: auto;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(
    .stats-row article,
    .method-flow article,
    .team-capabilities article,
    .intro-sequence article,
    .advantage-story-visual,
    .proof-stats article,
    .decision-factor-list article,
    .industry-visual,
    .more-industry-list button,
    .snapshot-grid article,
    .method-list article,
    .baseline-grid article,
    .question-grid article,
    .phase-list article,
    .distribution-map article,
    .outcome-grid article,
    .related-grid article,
    .article-grid article
  ) {
  border: 1px solid rgba(83, 145, 215, 0.12) !important;
  border-radius: 8px !important;
  background-color: var(--interior-surface) !important;
  box-shadow:
    0 16px 42px rgba(58, 112, 174, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(.comparison-table-wrap, .result-table-wrap, .comparison-table) {
  border: 1px solid rgba(83, 145, 215, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 20px 50px rgba(58, 112, 174, 0.08) !important;
}

:is(
    .about-page,
    .advantages-page,
    .services-page,
    .solutions-page,
    .cases-page,
    .case-detail-page,
    .insights-page,
    .article-page
  )
  :is(.featured-case, .featured-insight, .contact-details, .objective-box, .article-lead) {
  border: 1px solid rgba(83, 145, 215, 0.13) !important;
  border-radius: 8px !important;
  box-shadow: 0 24px 56px rgba(48, 105, 171, 0.09) !important;
}

.interior-reveal-ready .interior-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.72s ease,
    transform 0.82s cubic-bezier(0.22, 1, 0.36, 1);
}

.interior-reveal-ready .interior-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

@media (hover: hover) and (pointer: fine) {
  :is(
      .about-page,
      .advantages-page,
      .services-page,
      .solutions-page,
      .cases-page,
      .case-detail-page,
      .insights-page,
      .article-page
    )
    :is(.primary-button, .industry-plan-button):hover {
    box-shadow: 0 14px 28px rgba(29, 119, 234, 0.23) !important;
    transform: translateY(-3px);
  }

  :is(
      .about-page,
      .advantages-page,
      .services-page,
      .solutions-page,
      .cases-page,
      .case-detail-page,
      .insights-page,
      .article-page
    )
    :is(
      .stats-row article,
      .method-flow article,
      .team-capabilities article,
      .intro-sequence article,
      .proof-stats article,
      .decision-factor-list article,
      .more-industry-list button,
      .snapshot-grid article,
      .method-list article,
      .baseline-grid article,
      .question-grid article,
      .phase-list article,
      .distribution-map article,
      .outcome-grid article,
      .related-grid article,
      .article-grid article
    ):hover {
    border-color: rgba(51, 132, 229, 0.24) !important;
    box-shadow:
      0 22px 50px rgba(48, 111, 184, 0.13),
      inset 0 1px 0 #fff !important;
    transform: translateY(-5px);
  }
}

@media (max-width: 760px) {
  :is(
      .about-page,
      .advantages-page,
      .services-page,
      .solutions-page,
      .cases-page,
      .case-detail-page,
      .insights-page,
      .article-page
    )
    .page-width {
    width: min(100% - 32px, 580px);
  }

  :is(
      .about-page,
      .advantages-page,
      .services-page,
      .solutions-page,
      .cases-page,
      .case-detail-page,
      .insights-page,
      .article-page
    )
    main
    > section {
    scroll-margin-top: 64px;
  }

  .interior-reveal-ready .interior-reveal {
    transform: translateY(16px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .interior-reveal-ready .interior-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}