/* Company page: keep every text label from #story through the footer pure white. */
body[data-page="company"] .ag-source-sections {
  --theme-surface-on-surface: #fff;
  --theme-surface-on-surface-variant: #fff;
  --theme-text-on-text: #fff;
  --theme-text-link-states-enabled: #fff;
  --theme-text-link-states-hovered: #fff;
  --theme-text-link-states-focused: #fff;
  --theme-text-link-states-pressed: #fff;
  --theme-tonal-on-tonal: #fff;
  --theme-outlined-on-outlined: #fff;
  --theme-protected-on-protected: #fff;
  --theme-primary-primary: #171714;
  --theme-primary-on-primary: #fff;
  --theme-button-states-primary-enabled: #171714;
  --theme-button-states-primary-hovered: #20201c;
}

/* Keep the company story continuous; component borders still define local groups. */
body[data-page="company"] :is(
  .page-main > .company-hero,
  .ag-source-sections > section
) {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

body[data-page="company"] .ag-source-sections :is(h1, h2, h3, h4, h5, h6, p, a) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* The upstream feature reveal animates each glyph's opacity. Keep this copy
 * uniformly white instead of letting individual characters appear grey. */
body[data-page="company"] .ag-source-sections .feature-copy :is(.feature-title, .feature-description),
body[data-page="company"] .ag-source-sections .feature-copy :is(.feature-title, .feature-description) * {
  opacity: 1 !important;
}

/* Official About-page values are still images, not video launches. Keep the
 * existing carousel geometry while giving the white overlay copy a stable
 * reading surface and preserving each photo's focal point. */
body[data-page="company"] .ag-source-sections .about-value-card {
  cursor: default;
}

body[data-page="company"] .ag-source-sections .about-value-card .slide-image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgb(0 0 0 / 72%) 0%, rgb(0 0 0 / 22%) 62%, rgb(0 0 0 / 8%) 100%);
}

body[data-page="company"] .ag-source-sections .about-value-card .slide-image-overlay {
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections .about-value-card .about-value-card-title {
  position: relative;
  z-index: 1;
  display: block;
  max-width: calc(100% - 72px);
  white-space: nowrap;
}

body[data-page="company"] .ag-source-sections :is(.landing-use-case-header, .slider-copy-wrapper) .body {
  text-wrap: balance;
}

/* Keep one major-region gap below the values carousel instead of stacking the
 * source copy margin and section padding into an oversized empty band. */
body[data-page="company"] .ag-source-sections .landing-use-case-section {
  padding-block-end: 64px;
}

body[data-page="company"] .ag-source-sections .landing-use-case-section .slider-copy-wrapper {
  margin-block-end: 0;
}

body[data-page="company"] .ag-source-sections [data-about-value-card="evidence"] .list-image {
  object-position: 50% 34%;
}

body[data-page="company"] .ag-source-sections [data-about-value-card="patience"] .list-image {
  object-position: 50% 42%;
}

body[data-page="company"] .ag-source-sections :is(.button-primary, .button-primary-inverse) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #171714 !important;
}

body[data-page="company"] .ag-source-sections :is(.button-primary, .button-primary-inverse):is(:hover, :focus-visible) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: #20201c !important;
}

/* AI recruiting insight cards: preserve the source slider while giving
 * official report artwork and SUCCAISS product visuals one consistent frame. */
body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-image-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #08090b;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-image {
  object-position: var(--insight-focal, 50% 50%);
  transition: transform 260ms ease;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-image--contain {
  object-fit: contain;
  padding: clamp(8px, 1.4vw, 18px);
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-item-content {
  display: flex;
  flex-direction: column;
  min-block-size: 148px;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .item-title {
  min-block-size: 2.25em;
  text-wrap: balance;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-item-metadata span {
  white-space: nowrap;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .arrow-link {
  margin-block-start: auto;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .slider-control-button {
  min-inline-size: 44px;
  min-block-size: 44px;
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-item:hover .list-image {
  transform: scale(1.025);
}

body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-item:focus-visible {
  border-radius: 16px;
  outline: 2px solid #fff;
  outline-offset: 6px;
}

body[data-page="company"] .site-footer .footer-intro,
body[data-page="company"] .site-footer .footer-column h2,
body[data-page="company"] .site-footer .footer-links a,
body[data-page="company"] .site-footer .footer-bottom p,
body[data-page="company"] .site-footer .footer-meta-links a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Dual product entry: one shared canvas, an explicit center divider, and the
 * same StarButton / solid-button pair used by the product hero. */
body[data-page="company"] .ag-source-sections .try-solutions-section,
body[data-page="company"] .ag-source-sections .try-solutions-section .section-wrapper,
body[data-page="company"] .ag-source-sections .try-solutions-section .solution-section,
body[data-page="company"] .ag-source-sections .try-solutions-section .try-solution-background {
  background: #000 !important;
}

body[data-page="company"] .ag-source-sections .try-solutions-section .solution-section {
  isolation: isolate;
  overflow: hidden;
}

/* The source WebGL scenes paint two slightly different near-black values.
 * Contrast-clamping both canvases preserves their particles while resolving
 * the common backdrop to the same project black. */
body[data-page="company"] .ag-source-sections .try-solutions-section .morphing-particles-container canvas {
  filter: contrast(1.22) brightness(0.96);
}

body[data-page="company"] .ag-source-sections .try-solutions-section .solution-section + .solution-section::before {
  content: "";
  position: absolute;
  z-index: 4;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 1px;
  background: rgba(255, 255, 255, 0.18);
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections .try-solutions-section :is(.try-solution-label, .header, .subhead),
body[data-page="company"] .ag-source-sections .try-solutions-section :is(.try-solution-label, .header, .subhead) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-page="company"] .ag-source-sections .try-solutions-section :is(.header, .subhead) {
  text-wrap: balance;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta {
  position: relative;
  display: inline-flex;
  width: 153px;
  min-width: 153px;
  height: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 22px;
  white-space: nowrap;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 200ms ease, transform 200ms ease;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta--star {
  --company-solution-star-path: path("M 0 0 H 153 V 40 H 0 V 0");
  gap: 8px;
  padding: 8px 16px;
  isolation: isolate;
  border: 0;
  background: #101010;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-star-light {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 110px;
  height: 110px;
  background: radial-gradient(ellipse at center, #fafafa 0%, rgba(250, 250, 250, 0) 49%, rgba(250, 250, 250, 0) 100%);
  offset-path: var(--company-solution-star-path);
  offset-distance: 0%;
  animation: companySolutionStarButton 3s linear infinite;
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-star-mask-layer {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.15);
  border-radius: inherit;
  color: #000;
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-star-mask {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-label {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01em;
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-arrow {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  object-fit: contain;
  pointer-events: none;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta--solid {
  border: 1px solid #e5e5e5;
  background: transparent;
  color: #303030 !important;
  -webkit-text-fill-color: #303030 !important;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-solid-surface {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  border-radius: inherit;
  background: #fafafa;
  box-shadow: inset 0 -4px 4px rgba(255, 255, 255, 0.05), inset 0 4px 4px rgba(255, 255, 255, 0.05);
  pointer-events: none;
  transition: background-color 200ms ease;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta--solid .company-solution-cta-label {
  color: #303030 !important;
  -webkit-text-fill-color: #303030 !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 15.6px;
  letter-spacing: 0;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta--star:hover {
  background: #101010;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta--star:hover .company-solution-cta-star-mask-layer {
  border-color: rgba(255, 255, 255, 0.34);
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta--solid:hover .company-solution-cta-solid-surface {
  background: #fff;
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta:active {
  transform: scale(0.97);
}

body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@keyframes companySolutionStarButton {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}

body[data-page="company"] .ag-source-sections .download-section-content .header {
  max-width: 640px;
}

body[data-page="company"] .ag-source-sections .company-final-title,
body[data-page="company"] .ag-source-sections .company-final-title-line {
  display: block;
}

body[data-page="company"] .ag-source-sections .download-section-cta {
  gap: 8px;
}

@media (max-width: 1024px) {
  body[data-page="company"] .ag-source-sections .landing-use-case-section {
    padding-block-end: 48px;
  }

  body[data-page="company"] .ag-source-sections .try-solutions-section .solution-section + .solution-section::before {
    inset-block-start: 0;
    inset-block-end: auto;
    inset-inline: 0;
    inline-size: auto;
    block-size: 1px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-image {
    transition: none;
  }

  body[data-page="company"] .ag-source-sections .landing-latest-blogs .list-item:hover .list-image {
    transform: none;
  }

  body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-star-light {
    offset-distance: 11%;
    animation: none;
  }

  body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta,
  body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta-solid-surface {
    transition: none;
  }

  body[data-page="company"] .ag-source-sections :is(.try-solutions-section, .download-section) .company-solution-cta:active {
    transform: none;
  }

  body[data-page="company"] .ag-source-sections .company-final-title *,
  body[data-page="company"] .ag-source-sections .company-final-title-line {
    opacity: 1 !important;
  }

  body[data-page="company"] .ag-source-sections .download-section .cursor-container {
    display: none;
  }
}