:root {
  --ui-shadow-rest: 0 1px 2px rgba(16, 48, 77, 0.05), 0 10px 28px rgba(16, 48, 77, 0.09);
  --ui-shadow-hover: 0 2px 5px rgba(16, 48, 77, 0.07), 0 18px 42px rgba(16, 48, 77, 0.14);
  --ui-shadow-feature: 0 3px 8px rgba(16, 48, 77, 0.07), 0 24px 56px rgba(16, 48, 77, 0.14);
  --ui-border-soft: rgba(111, 139, 163, 0.2);
  --ui-radius: 12px;
}

/* Use one continuous, softly tinted canvas instead of a stark white page. */
html {
  background-color: #f2f6f8;
}

body.site,
body.home-ecosystem-page {
  background-color: #f5f8fa;
  background-image:
    radial-gradient(circle at 88% 8%, rgba(212, 232, 239, 0.48), transparent 32%),
    linear-gradient(180deg, #fafcfd 0%, #f4f8fa 54%, #eef6f3 100%);
}

body.site.specseek-page {
  background-color: #f4efef;
  background-image:
    radial-gradient(circle at 86% 7%, rgba(193, 18, 31, 0.13), transparent 31%),
    radial-gradient(circle at 8% 44%, rgba(37, 37, 37, 0.07), transparent 34%),
    linear-gradient(180deg, #faf7f7 0%, #f1ecec 54%, #f6f2f2 100%);
}

body.site .body-innerwrapper,
body.site #sp-main-body,
body.site #sp-component,
body.site .article-details {
  background-color: transparent;
}

/* Keep the header visually anchored above the page. */
.global-nav {
  box-shadow: 0 1px 0 rgba(16, 48, 77, 0.06), 0 8px 24px rgba(16, 48, 77, 0.08);
}

/* Add gentle tonal movement to colored sections without changing brand colors. */
.section--tint,
.about-hero,
.about-values,
.about-culture,
.about-cta,
.agency-hero,
.agency-outcomes,
.agency-connect,
.agency-cta,
.careers-section--soft,
.cloud-hero,
.cloud-benefits,
.cloud-fit,
.cloud-cta,
.cs-certifications,
.customer-success-stories,
.customer-success-long-term__quote,
.demo-form-section,
.dist-hero,
.dist-outcomes,
.dist-connect,
.dist-cta,
.folio-sales__suite,
.desktop-section--soft,
.desktop-resources,
.online-section--soft,
.online-section--updates,
.oasis-compare__matrix-section,
.oci-hero,
.oci-certification,
.oci-tech,
.oci-cta,
.ps-services,
.pricing-effective,
.pricing-online,
.pricing-cta,
.home-ecosystem-page .trust,
.home-ecosystem-page .final-cta,
.ss-how {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.08) 48%, rgba(7, 62, 114, 0.045) 100%);
}

.section--dark,
.about-purpose,
.about-hero__stat,
.agency-feature,
.careers-facts,
.careers-final,
.cloud-compare,
.cs-hero,
.cs-guide,
.cs-closing,
.customer-success-hero,
.customer-success-cta,
.demo-hero,
.dist-pricing,
.desktop-outcomes,
.desktop-final,
.online-outcomes,
.online-final,
.online-hybrid__card,
.oci-flow-section,
.oci-level,
.ps-hero,
.ps-fit-card,
.ps-cta,
.pricing-services,
.oasis-matrix__header > div,
.ss-proof,
.ss-control-panel,
.ss-partners__aside,
.ss-final,
.mid-cta,
.testimonial-slider,
.site-footer {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.015) 46%, rgba(0, 20, 40, 0.18) 100%);
}

/* Standardize the compact three-column proof and benefit card strips. */
:is(.about-proof, .agency-benefits, .cloud-benefits, .oci-benefits) {
  padding: 28px 0;
  border-top: 1px solid var(--ui-border-soft);
  border-bottom: 1px solid var(--ui-border-soft);
  background: transparent;
}

:is(.about-proof__grid, .agency-benefits__grid, .cloud-benefits__grid, .oci-benefits__grid) {
  gap: 18px;
}

:is(.about-proof__item, .agency-benefit, .cloud-benefit, .oci-benefit) {
  min-height: 100%;
  padding: 29px 34px;
  border: 1px solid var(--ui-border-soft);
  border-radius: var(--ui-radius);
  background: #fff;
  box-shadow: var(--ui-shadow-rest);
}

:is(.about-proof__item, .agency-benefit, .cloud-benefit, .oci-benefit)
  + :is(.about-proof__item, .agency-benefit, .cloud-benefit, .oci-benefit) {
  border-left: 1px solid var(--ui-border-soft);
}

.customer-success-proof {
  gap: 18px;
  padding: 28px 0;
  border: 0;
  background: transparent;
}

.customer-success-proof__item {
  min-height: 100%;
  border: 1px solid var(--ui-border-soft);
  border-radius: var(--ui-radius);
  background: #fff;
  box-shadow: var(--ui-shadow-rest);
}

/* Use one corner language for every box-style component. */
.about-product,
.about-proof__item,
.about-hero__stat,
.about-value,
.agency-benefit,
.agency-flow__step,
.agency-outcome,
.agency-product,
.cloud-benefit,
.cloud-hero__service,
.cloud-service-card,
.cloud-step,
.careers-disciplines article,
.careers-gallery__grid > div,
.careers-process li,
.careers-values article,
.cs-card,
.cs-certification-card,
.cs-training-moments__grid,
.cs-training-option,
.customer-success-outcome,
.customer-success-proof__item,
.demo-form-card,
.demo-next-steps,
.desktop-outcomes__grid > *,
.dist-benefit,
.dist-flow__step,
.dist-outcome,
.ecosystem-product,
.final-cta__card,
.folio-outcome,
.folio-product,
.hero-proof,
.home-announcement,
.oasis-feature,
.oasis-proof__item,
.oci-benefit,
.oci-card,
.oci-flow__step,
.online-hybrid__card,
.online-outcomes__grid > *,
.pricing-product,
.ps-fit-card,
.ps-service-card,
.ss-benefit {
  border-radius: var(--ui-radius);
}

/* Larger supporting surfaces get a quieter, wider elevation. */
.about-hero__stat,
.about-value,
.agency-flow__step,
.careers-disciplines article,
.careers-process li,
.careers-values article,
.cloud-hero__service,
.cs-training-moments__grid,
.cs-training-option,
.customer-success-proof__item,
.demo-form-card,
.demo-next-steps,
.desktop-outcomes__grid > *,
.dist-flow__step,
.ecosystem-product,
.final-cta__card,
.folio-product,
.hero-proof,
.home-announcement,
.oasis-proof__item,
.oci-flow__step,
.online-outcomes__grid > *,
.ps-fit-card {
  border-color: var(--ui-border-soft);
  box-shadow: var(--ui-shadow-rest);
}

.demo-form input,
.demo-form select,
.demo-form textarea,
.convertforms .cf-input,
#sp-main-body .form-control,
#sp-main-body .form-select {
  border-radius: 6px;
}

/* Preserve each page's background while giving sections a clean transition. */
.hero,
.about-hero,
.agency-hero,
.careers-hero,
.cloud-hero,
.cs-hero,
.customer-success-hero,
.demo-hero,
.desktop-hero,
.dist-hero,
.folio-sales__hero,
.oasis-hero,
.oci-hero,
.online-hero,
.pricing-hero,
.ps-hero,
.ss-hero,
.team-hero {
  box-shadow: inset 0 -1px rgba(112, 139, 162, 0.1);
}

/* Apply depth only to compact surfaces that already behave like cards. */
.about-product,
.agency-benefit,
.agency-outcome,
.agency-product,
.cloud-benefit,
.cloud-service-card,
.cloud-step,
.cs-card,
.cs-certification-card,
.customer-success-outcome,
.dist-benefit,
.dist-outcome,
.folio-outcome,
.oasis-feature,
.oci-benefit,
.oci-card,
.online-hybrid__card,
.pricing-product,
.ps-fit-card,
.ps-service-card,
.ss-benefit {
  border-color: var(--ui-border-soft);
  box-shadow: var(--ui-shadow-rest);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

/* SpecSeek uses connected groups, so round the group instead of every cell. */
.specseek-page .ss-proof,
.specseek-page .ss-benefits {
  border-radius: var(--ui-radius);
  overflow: hidden;
}

/*
 * System dark mode
 *
 * Keep the brand blues and greens recognizable while replacing light page,
 * section, card, border, and form colors with a consistent dark palette.
 */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #eef5f8;
    --muted: #b7c5ce;
    --surface: #101f2a;
    --line: #314653;
    --ui-border-soft: rgba(168, 195, 211, 0.22);
    --ui-shadow-rest: 0 1px 2px rgba(0, 0, 0, 0.28), 0 12px 30px rgba(0, 0, 0, 0.24);
    --ui-shadow-hover: 0 3px 7px rgba(0, 0, 0, 0.32), 0 20px 44px rgba(0, 0, 0, 0.3);
    --ui-shadow-feature: 0 4px 10px rgba(0, 0, 0, 0.34), 0 26px 60px rgba(0, 0, 0, 0.32);
  }

  html,
  body,
  .body-innerwrapper,
  #sp-main-body,
  #sp-component,
  .article-details {
    color: #eef5f8;
    background-color: #0a151e;
  }

  body {
    color-scheme: dark;
  }

  body.site,
  body.home-ecosystem-page {
    background-image:
      radial-gradient(circle at 88% 8%, rgba(32, 71, 91, 0.42), transparent 32%),
      linear-gradient(180deg, #0a151e 0%, #0f1e29 56%, #10241f 100%);
  }

  body.site.specseek-page {
    background-color: #171113;
    background-image:
      radial-gradient(circle at 86% 7%, rgba(193, 18, 31, 0.25), transparent 31%),
      radial-gradient(circle at 8% 44%, rgba(0, 0, 0, 0.34), transparent 36%),
      linear-gradient(180deg, #181214 0%, #211517 54%, #121011 100%);
  }

  /* Page-level design tokens */
  .about-sales-page {
    --about-ink: #eef5f8;
    --about-muted: #b7c5ce;
    --about-line: #314653;
    --about-soft: #101f2a;
  }

  .agency-sales-page {
    --agency-ink: #eef5f8;
    --agency-muted: #b7c5ce;
    --agency-line: #314653;
    --agency-soft: #101f2a;
  }

  .careers-page {
    --careers-ink: #eef5f8;
    --careers-muted: #b7c5ce;
    --careers-line: #314653;
    --careers-soft: #101f2a;
  }

  .cloud-sales-page {
    --cloud-ink: #eef5f8;
    --cloud-muted: #b7c5ce;
    --cloud-line: #314653;
    --cloud-soft: #101f2a;
    --cloud-sky: #173244;
  }

  .customer-support-page {
    --cs-ink: #eef5f8;
    --cs-muted: #b7c5ce;
    --cs-line: #314653;
    --cs-soft: #101f2a;
    --cs-white: #152632;
  }

  .customer-success-sales-page {
    --success-ink: #eef5f8;
    --success-muted: #b7c5ce;
    --success-line: #314653;
    --success-soft: #101f2a;
  }

  .demo-sales {
    --demo-ink: #eef5f8;
    --demo-muted: #b7c5ce;
    --demo-line: #314653;
    --demo-soft: #101f2a;
  }

  .distributor-sales-page,
  .manufacturer-sales-page {
    --dist-ink: #eef5f8;
    --dist-muted: #b7c5ce;
    --dist-line: #314653;
    --dist-soft: #101f2a;
  }

  .folio-sales-page {
    --folio-ink: #eef5f8;
    --folio-muted: #b7c5ce;
    --folio-line: #314653;
    --folio-surface: #101f2a;
  }

  .meet-team-page {
    --team-ink: #eef5f8;
    --team-muted: #b7c5ce;
    --team-line: #314653;
    --team-soft: #101f2a;
  }

  .oasis-comparison-page {
    --comparison-ink: #eef5f8;
    --comparison-muted: #b7c5ce;
    --comparison-line: #314653;
    --comparison-surface: #101f2a;
  }

  .oasis-overview {
    --oasis-ink: #eef5f8;
    --oasis-muted: #b7c5ce;
    --oasis-cloud: #101f2a;
    --oasis-mint: #17322f;
  }

  .specseek-sales {
    --ss-navy: #101b23;
    --ss-ink: #eef5f8;
    --ss-muted: #b7c5ce;
    --ss-line: #314653;
    --ss-cloud: #101f2a;
  }

  .oasis-desktop-sales-page {
    --desktop-ink: #eef5f8;
    --desktop-muted: #b7c5ce;
    --desktop-line: #314653;
    --desktop-soft: #101f2a;
  }

  .oasis-online-sales-page {
    --online-ink: #eef5f8;
    --online-muted: #b7c5ce;
    --online-line: #314653;
    --online-soft: #101f2a;
  }

  .oci-sales-page {
    --oci-ink: #eef5f8;
    --oci-muted: #b7c5ce;
    --oci-line: #314653;
    --oci-soft: #101f2a;
    --oci-green-soft: #17322f;
  }

  .professional-services-page {
    --ps-ink: #eef5f8;
    --ps-muted: #b7c5ce;
    --ps-line: #314653;
    --ps-soft: #101f2a;
    --ps-white: #152632;
    --ps-mint: #17322f;
  }

  .pricing-page,
  .pricing-sales-page {
    --price-ink: #eef5f8;
    --price-muted: #b7c5ce;
    --price-line: #314653;
    --price-surface: #101f2a;
  }

  /* Shared navigation */
  .global-nav {
    color: #dbe7ed;
    background: linear-gradient(180deg, rgba(17, 31, 42, 0.99), rgba(10, 21, 30, 0.99));
    border-bottom-color: #2b404d;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 10px 28px rgba(0, 0, 0, 0.34);
  }

  .global-nav__brand img {
    filter: brightness(0) invert(1);
  }

  .global-nav__group-toggle,
  .global-nav__list > li > a {
    color: #dbe7ed;
  }

  .global-nav__group-toggle:hover,
  .global-nav__group-toggle:focus-visible,
  .global-nav__group-toggle[aria-expanded="true"],
  .global-nav__list > li > a:hover,
  .global-nav__list > li > a:focus-visible {
    color: #8ed9ba;
  }

  .global-nav__mega,
  .global-nav__panel,
  .global-nav__mobile-menu {
    color: #eef5f8;
    background: #132430;
    border-color: #314653;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.42);
  }

  .global-nav__mega-links a,
  .global-nav__panel a {
    color: #e7f0f4;
  }

  .global-nav__mega-links a:hover,
  .global-nav__mega-links a:focus-visible,
  .global-nav__panel a:hover,
  .global-nav__panel a:focus-visible {
    background: #1a303e;
    border-color: #3a5666;
  }

  .global-nav__mega-links span,
  .global-nav__panel span {
    color: #b5c4ce;
  }

  .global-nav__mega-links img {
    box-sizing: content-box;
    padding: 4px 7px;
    background: #f7f9fa;
    border-radius: 6px;
  }

  .nav-toggle span,
  .nav-toggle::before,
  .nav-toggle::after {
    background-color: #eef5f8;
  }

  /* Light and softly tinted sections */
  .section--tint,
  .about-hero,
  .about-proof,
  .about-story,
  .about-values,
  .about-products,
  .about-culture,
  .about-cta,
  .agency-hero,
  .agency-benefits,
  .agency-workflow,
  .agency-outcomes,
  .agency-connected,
  .agency-connect,
  .agency-cta,
  .careers-hero,
  .careers-section,
  .careers-section--soft,
  .careers-gallery,
  .cloud-hero,
  .cloud-benefits,
  .cloud-services,
  .cloud-distinction,
  .cloud-fit,
  .cloud-faq,
  .cloud-cta,
  .cs-training,
  .cs-certifications,
  .cs-options,
  .customer-success-proof,
  .customer-success-logo-section,
  .customer-success-outcomes,
  .customer-success-stories,
  .customer-success-long-term,
  .demo-form-section,
  .dist-hero,
  .dist-benefits,
  .dist-workflow,
  .dist-outcomes,
  .dist-folio,
  .dist-connect,
  .dist-cta,
  .folio-sales__hero,
  .folio-sales__outcomes,
  .folio-sales__suite,
  .folio-sales__connection,
  .desktop-hero,
  .desktop-section,
  .desktop-section--soft,
  .desktop-resources,
  .online-hero,
  .online-section,
  .online-section--capabilities,
  .online-section--soft,
  .online-section--updates,
  .oasis-compare__intro,
  .oasis-compare__cards,
  .oasis-compare__matrix-section,
  .oasis-platforms,
  .oci-hero,
  .oci-benefits,
  .oci-integrations,
  .oci-standards,
  .oci-certification,
  .oci-tech,
  .oci-cta,
  .ps-services,
  .ps-process,
  .pricing-hero,
  .pricing-effective,
  .pricing-online,
  .pricing-cta,
  .ss-hero,
  .ss-benefits,
  .ss-feature-layout,
  .ss-how,
  .ss-partners,
  .team-hero,
  .team-section,
  .team-section--soft,
  .team-story,
  .home-ecosystem-page .hero,
  .home-ecosystem-page .home-announcements,
  .home-ecosystem-page .trust,
  .home-ecosystem-page .ecosystem-focus,
  .home-ecosystem-page .final-cta {
    color: #eef5f8;
    background-color: #0f1e29;
    background-image: none;
  }

  /* Cards and raised surfaces */
  .about-product,
  .about-proof__item,
  .about-value,
  .agency-benefit,
  .agency-flow__step,
  .agency-outcome,
  .agency-product,
  .careers-disciplines article,
  .careers-process li,
  .careers-values article,
  .cloud-benefit,
  .cloud-hero__service,
  .cloud-service-card,
  .cloud-step,
  .cs-card,
  .cs-certification-card,
  .cs-training-moments__grid,
  .cs-training-option,
  .customer-success-outcome,
  .customer-success-proof__item,
  .demo-form-card,
  .demo-next-steps,
  .desktop-outcomes__grid > *,
  .dist-benefit,
  .dist-flow__step,
  .dist-outcome,
  .ecosystem-map,
  .ecosystem-product,
  .folio-outcome,
  .folio-product,
  .hero-proof,
  .home-announcement,
  .oasis-feature,
  .oasis-platform,
  .oasis-proof__item,
  .oci-benefit,
  .oci-card,
  .oci-flow__step,
  .online-outcomes__grid > *,
  .pricing-product,
  .ps-service-card,
  .ss-benefit,
  .team-card {
    color: #eef5f8;
    background: #152632;
    border-color: #314653;
  }

  .ss-step__icon,
  .ss-partner-list li {
    color: #eef5f8;
    background: #152632;
    border-color: #314653;
  }

  /* Preserve deliberate brand-dark panels but improve their contrast. */
  .section--dark,
  .about-purpose,
  .about-hero__stat,
  .agency-feature,
  .careers-facts,
  .careers-final,
  .cloud-compare,
  .cs-hero,
  .cs-guide,
  .cs-closing,
  .customer-success-hero,
  .customer-success-cta,
  .demo-hero,
  .dist-pricing,
  .desktop-outcomes,
  .desktop-final,
  .online-outcomes,
  .online-final,
  .online-hybrid__card,
  .oci-flow-section,
  .oci-level,
  .ps-hero,
  .ps-fit-card,
  .ps-cta,
  .pricing-services,
  .ss-proof,
  .ss-control-panel,
  .ss-partners__aside,
  .ss-final,
  .team-facts,
  .team-final,
  .oasis-final-cta,
  .mid-cta,
  .testimonial-slider,
  .site-footer {
    color: #f4f8fa;
    background-color: #071d2d;
    background-image: linear-gradient(135deg, rgba(91, 151, 181, 0.08), rgba(255, 255, 255, 0.015) 46%, rgba(0, 0, 0, 0.13));
  }

  :is(
    .about-sales,
    .agency-sales,
    .careers,
    .cloud-sales,
    .cs-page,
    .customer-success,
    .demo-sales,
    .distributor-sales,
    .folio-sales,
    .oasis-compare,
    .desktop-sales,
    .online-sales,
    .oci-sales,
    .professional-services,
    .ps-page,
    .team-page,
    #main-content
  ) :is(h1, h2, h3, h4, h5, h6) {
    color: #f2f7fa;
  }

  :is(
    .about-sales,
    .agency-sales,
    .careers,
    .cloud-sales,
    .cs-page,
    .customer-success,
    .demo-sales,
    .distributor-sales,
    .folio-sales,
    .oasis-compare,
    .desktop-sales,
    .online-sales,
    .oci-sales,
    .professional-services,
    .ps-page,
    .team-page,
    #main-content
  ) p {
    color: #b7c5ce;
  }

  a:not(.button):not(.global-nav__demo):not(.cloud-button):not(.oci-button) {
    text-decoration-color: rgba(109, 190, 157, 0.58);
  }

  /* Forms and data surfaces */
  .demo-form input,
  .demo-form select,
  .demo-form textarea,
  .convertforms .cf-input,
  #sp-main-body .form-control,
  #sp-main-body .form-select,
  table,
  th,
  td {
    color: #eef5f8;
    background-color: #132430;
    border-color: #344b59;
  }

  .demo-form input::placeholder,
  .demo-form textarea::placeholder,
  .convertforms .cf-input::placeholder,
  #sp-main-body .form-control::placeholder {
    color: #91a5b2;
    opacity: 1;
  }

  input:focus,
  select:focus,
  textarea:focus {
    border-color: #65bf9a !important;
    outline: 2px solid rgba(101, 191, 154, 0.22);
    outline-offset: 1px;
  }

  /* Logos and screenshots get neutral wells instead of color inversion. */
  .ecosystem-map__brand img,
  .ecosystem-map__products img,
  .ecosystem-product__logo img,
  .agency-logo-carousel__logo img,
  .cloud-hero__center img {
    box-sizing: content-box;
    padding: 5px 8px;
    background: #f7f9fa;
    border-radius: 6px;
  }

  .ecosystem-product__image,
  .folio-sales__visual,
  .desktop-hero__visual,
  .online-hero__visual,
  .ss-hero__visual {
    background-color: #172a37;
    border-color: #344b59;
  }

  .demo-modal__backdrop {
    background: rgba(1, 8, 13, 0.82);
  }

  .demo-modal__dialog {
    color: #eef5f8;
    background: #132430;
    border-color: #3d857c;
  }

  ::selection {
    color: #fff;
    background: #26785b;
  }
}

.specseek-page .ss-proof__item,
.specseek-page .ss-benefit,
.specseek-page .ss-step {
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.specseek-page .ss-hero__visual::before,
.specseek-page .ss-hero__visual img,
.specseek-page .ss-how__layout > img,
.specseek-page .ss-feature-layout > img,
.specseek-page .ss-control-stack > img,
.specseek-page .ss-control-panel,
.specseek-page .ss-partners__aside,
.specseek-page .ss-final {
  border-radius: var(--ui-radius);
}

.specseek-page .ss-partner-list li,
.specseek-page .ss-step__icon {
  border-radius: 8px;
}

/* Keep screenshots crisp with only a soft, natural separation. */
.desktop-screen,
.online-screen,
.folio-sales__visual img,
.oasis-hero__visual img,
.ss-hero__visual img,
.ss-how__layout > img,
.ss-feature-layout > img,
.ss-control-stack > img {
  box-shadow: var(--ui-shadow-feature);
}

/* Primary actions get restrained feedback without looking glossy. */
.button--primary,
.about-button:not(.about-button--secondary),
.agency-button:not(.agency-button--secondary),
.careers-button--primary,
.cloud-button:not(.cloud-button--secondary),
.cs-button-primary,
.cs-certification-button,
.customer-success-button:not(.customer-success-button--outline),
.demo-button-primary,
.desktop-button--primary,
.dist-button:not(.dist-button--secondary),
.folio-sales__button:not(.folio-sales__button--secondary),
.oasis-button--primary,
.oci-button:not(.oci-button--secondary),
.online-button--primary,
.pricing-button,
.ps-button-primary,
.ss-button--primary,
.team-button--primary {
  box-shadow: 0 5px 12px rgba(7, 62, 114, 0.14);
  transition: box-shadow 180ms ease, filter 180ms ease, transform 180ms ease;
}

@media (hover: hover) {
  .button--primary:hover,
  .about-button:not(.about-button--secondary):hover,
  .agency-button:not(.agency-button--secondary):hover,
  .careers-button--primary:hover,
  .cloud-button:not(.cloud-button--secondary):hover,
  .cs-button-primary:hover,
  .cs-certification-button:hover,
  .customer-success-button:not(.customer-success-button--outline):hover,
  .demo-button-primary:hover,
  .desktop-button--primary:hover,
  .dist-button:not(.dist-button--secondary):hover,
  .folio-sales__button:not(.folio-sales__button--secondary):hover,
  .oasis-button--primary:hover,
  .oci-button:not(.oci-button--secondary):hover,
  .online-button--primary:hover,
  .pricing-button:hover,
  .ps-button-primary:hover,
  .ss-button--primary:hover,
  .team-button--primary:hover {
    box-shadow: 0 8px 18px rgba(7, 62, 114, 0.2);
    filter: brightness(1.025);
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-product,
  .agency-benefit,
  .agency-outcome,
  .agency-product,
  .cloud-benefit,
  .cloud-service-card,
  .cloud-step,
  .cs-card,
  .cs-certification-card,
  .customer-success-outcome,
  .dist-benefit,
  .dist-outcome,
  .folio-outcome,
  .oasis-feature,
  .oci-benefit,
  .oci-card,
  .pricing-product,
  .ps-service-card,
  .ss-benefit,
  .ss-step {
    transition: none;
  }
}

@media (prefers-color-scheme: dark) and (max-width: 1199px) {
  .global-nav__menu {
    color: #eef5f8;
    background: #0f1e29;
    border-top-color: #314653;
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.44);
  }

  .global-nav__list > li {
    border-bottom-color: #2b404d;
  }
}

/* Editorial line breaks from the site review: fixed on wider layouts, fluid on phones. */
.headline-break {
  display: block;
}

@media (min-width: 992px) {
  .headline-nowrap {
    font-size: clamp(2rem, 3vw, 2.85rem) !important;
    white-space: nowrap;
  }

  .careers-page .headline-nowrap {
    font-size: clamp(2rem, 2.75vw, 2.35rem) !important;
  }
}

@media (max-width: 767px) {
  .headline-break {
    display: inline;
  }

  .headline-break::before {
    content: " ";
  }
}

/* Homepage refinements requested in the review. */
.home-ecosystem-page .hero-title__ecosystem {
  max-width: 100%;
  font-size: clamp(2.25rem, 3.05vw, 2.65rem);
  letter-spacing: 0.015em;
}

.home-ecosystem-page .hero__copy {
  min-width: 0;
}

.home-ecosystem-page .home-announcement__copy {
  width: 100%;
  text-align: center;
}

.home-ecosystem-page .home-announcement__media--wide {
  width: 142px;
}

.home-ecosystem-page .home-announcement__media--wide img {
  width: 142px;
  height: 40px;
}

/* Give the product names on About Ingen a comfortable text column. */
.about-sales-page .about-product {
  grid-template-columns: 118px minmax(0, 1fr);
  padding: 20px 24px;
}

/* Keep the cloud service name intact while preserving room for the details. */
.cloud-sales-page .cloud-table th:first-child,
.cloud-sales-page .cloud-table td:first-child {
  width: 18%;
  min-width: 150px;
  white-space: nowrap;
}

/* Improve contrast for the checklist on the dark Professional Services hero. */
.professional-services-page .ps-fit-card li::before {
  background-image: url("../../images/icons/checkmarkWhite.svg");
}

.manufacturer-sales-page .mfr-integration-types + p {
  margin-top: 22px;
}

.customer-support-page .cs-certification-contact .cs-button,
.customer-support-page .cs-training-copy .cs-button {
  margin: 0;
}

.customer-support-page .cs-certification-contact .cs-button-secondary,
.customer-support-page .cs-training-copy .cs-button-secondary {
  color: var(--cs-navy) !important;
  background: #fff;
  border-color: var(--cs-navy);
}

.customer-support-page .cs-certification-contact .cs-button-secondary:hover,
.customer-support-page .cs-training-copy .cs-button-secondary:hover {
  color: #fff !important;
  background: var(--cs-navy);
  border-color: var(--cs-navy);
}

.customer-support-page .cs-button-compact {
  min-height: 42px;
  padding: 10px 17px;
}

.customer-success-sales-page #customer-success-title {
  font-size: clamp(2.55rem, 4.65vw, 4.35rem);
}

.demo-sales-page .demo-next-steps {
  padding: 24px 28px 30px;
}

.demo-sales-page .demo-contact {
  padding: 25px 0 8px;
}

/* The comparison page sits inside Joomla's content container. Paint section
   surfaces on full-width layers so the background never ends at that container. */
.oasis-comparison-page .oasis-compare__intro,
.oasis-comparison-page .oasis-compare__cards,
.oasis-comparison-page .oasis-compare__matrix-section,
.oasis-comparison-page .oasis-compare__cta-wrap {
  position: relative;
  isolation: isolate;
  background-color: transparent;
  background-image: none;
}

.oasis-comparison-page .oasis-compare__intro::before,
.oasis-comparison-page .oasis-compare__cards::before,
.oasis-comparison-page .oasis-compare__matrix-section::before,
.oasis-comparison-page .oasis-compare__cta-wrap::before {
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw);
  content: "";
}

.oasis-comparison-page .oasis-compare__intro::before {
  background: linear-gradient(180deg, #fbfcfd 0%, #f8fafb 100%);
}

.oasis-comparison-page .oasis-compare__cards::before {
  background: linear-gradient(180deg, #f8fafb 0%, #f3f7f9 100%);
}

.oasis-comparison-page .oasis-compare__matrix-section::before {
  background: linear-gradient(180deg, #f3f7f9 0%, #f7f9fa 100%);
}

.oasis-comparison-page .oasis-compare__cta-wrap::before {
  background: #fff;
}

@media (prefers-color-scheme: dark) {
  .oasis-comparison-page .oasis-compare__intro::before,
  .oasis-comparison-page .oasis-compare__cards::before,
  .oasis-comparison-page .oasis-compare__matrix-section::before,
  .oasis-comparison-page .oasis-compare__cta-wrap::before {
    background: linear-gradient(180deg, #0f1e29 0%, #132631 100%);
  }
}

@media (max-width: 767px) {
  :is(.about-proof__grid, .agency-benefits__grid, .cloud-benefits__grid, .oci-benefits__grid, .customer-success-proof) {
    grid-template-columns: 1fr;
  }

  :is(.about-proof__item, .agency-benefit, .cloud-benefit, .oci-benefit, .customer-success-proof__item) {
    padding: 24px;
    border: 1px solid var(--ui-border-soft);
  }

  .about-sales-page .about-product {
    grid-template-columns: 1fr;
  }

  .home-ecosystem-page .home-announcement__copy {
    text-align: left;
  }

}