/**
 * /about — header-over-hero chrome (homepage guest-hero architecture).
 *
 * Homepage source of truth (`site-header-guest-hero.css` + layout-offset.css):
 * 1. SiteHeader is position:fixed
 * 2. In-flow spacer is display:none globally
 * 3. body main padding-top is cancelled while hero is under the header
 * 4. Hero canvas starts at top:0; only inner content is offset by --zs-header-height
 *
 * About mirrors steps 3–4 via :has([data-zs-about-page]) + about.module.css.
 * Overlay paint also activates via data-zs-header-variant="hero-overlay"
 * (set in AboutPageClient) so the shared guest-hero overlay rules apply.
 */

html:has([data-zs-about-page]) body main {
  padding-top: 0 !important;
}

/*
 * First-paint / CSS-only bridge for the fixed overlay shell.
 * Positioning/chrome mirrors hero-overlay; background is solid true-black
 * so Header → Company Hero reads as one continuous #000 surface (no gray fade seam).
 * Scoped to /about via :has([data-zs-about-page]) — does not affect School or homepage.
 */

/* Surface nav triggers only — mega-menu panels keep independent dark ink via site-header-light.css */

/*
 * /about only — existing SiteFooterDark surface must match Company true-black.
 * Source of seam: SiteFooterDark.module.css `.footer { background: #050505 }`
 * (+ scene melt / statement veil that end in #050505).
 * Artwork image unchanged; only base surface + blend targets remapped to #000.
 */
html:has([data-zs-about-page]) footer[data-zs-footer="dark"] {
  background: #000000 !important;
  background-color: #000000 !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

html:has([data-zs-about-page]) footer[data-zs-footer="dark"] [class*="scene"]::after {
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 55%,
    rgba(0, 0, 0, 0.18) 72%,
    rgba(0, 0, 0, 0.48) 88%,
    #000000 100%
  ) !important;
}

html:has([data-zs-about-page]) footer[data-zs-footer="dark"] [class*="statement"]::before {
  background: radial-gradient(
    ellipse 52% 48% at 50% 40%,
    rgba(0, 0, 0, 0.38) 0%,
    rgba(0, 0, 0, 0.16) 42%,
    rgba(0, 0, 0, 0.04) 68%,
    rgba(0, 0, 0, 0) 82%
  ) !important;
}

/* ==========================================================================
   ZeroSpread — Company page (/about)
   True black · white · graphite · ZeroSpread green (≤ ~5%)
   Tajawal 400/500/700 only · letter-spacing 0 · RTL · Latin tabular digits
   ========================================================================== */

.company-page_root__BcG__ {
  --zs-black: #000000;
  --zs-bg-1: #050607;
  --zs-bg-2: #080a0c;
  --zs-bg-3: #0b0d10;
  --zs-text: #f4f5f3;
  --zs-text-2: rgba(244, 245, 243, 0.66);
  --zs-text-3: rgba(244, 245, 243, 0.44);
  --zs-text-4: rgba(244, 245, 243, 0.26);
  --zs-line: rgba(255, 255, 255, 0.07);
  --zs-line-2: rgba(255, 255, 255, 0.12);
  --zs-line-3: rgba(255, 255, 255, 0.2);
  --zs-green: #a3ff12;
  --zs-green-soft: rgba(163, 255, 18, 0.14);
  --zs-ease: cubic-bezier(0.22, 0.61, 0.21, 1);
  --zs-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  /* Wide Company shell — /about only. Side gutters scale with viewport. */
  --company-side: clamp(18px, calc(2.5vw + 8px), 48px);
  --company-wide-width: min(1760px, calc(100vw - (2 * var(--company-side))));
  --zs-gutter: var(--company-side);
  --zs-section: clamp(88px, 9.5vw, 156px);
  /* Reading / editorial / wide visual tiers */
  --company-reading: min(640px, 100%);
  --company-editorial: min(1280px, 100%);

  position: relative;
  background: var(--zs-black);
  color: var(--zs-text);
  /* Repo Tajawal: school next/font uses --font-body; globals load "Tajawal" literally. */
  font-family: var(--font-body, "Tajawal"), "Tajawal", sans-serif;
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: 0;
  font-variant-numeric: lining-nums tabular-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}

.company-page_root__BcG__ *,
.company-page_root__BcG__ *::before,
.company-page_root__BcG__ *::after {
  box-sizing: border-box;
  letter-spacing: 0;
}

.company-page_root__BcG__ :where(h1, h2, h3, p, ol, ul, dl, dd, figure) {
  margin: 0;
  padding: 0;
}

.company-page_root__BcG__ :where(ol, ul) {
  list-style: none;
}

.company-page_root__BcG__ :where(a) {
  color: inherit;
  text-decoration: none;
}

.company-page_root__BcG__ :focus-visible {
  outline: 1px solid var(--zs-green);
  outline-offset: 4px;
  border-radius: 6px;
}

.company-page_srOnly__hED3A {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.company-page_container__5Q9VQ {
  position: relative;
  width: 100%;
  max-width: var(--company-wide-width);
  margin-inline: auto;
  padding-inline: 0;
}

/* Full-bleed decorative layers — sections are already viewport-wide;
   keep content in .container. Prefer section-level absolute inset over 100vw
   to avoid scrollbar overflow. */
.company-page_fullBleed__thA0D {
  width: 100%;
  max-width: none;
}

/* ---------- Type ---------- */

.company-page_line___OXqM {
  display: block;
}

.company-page_lineMuted__6RioI {
  color: var(--zs-text-3);
}

.company-page_eyebrow__GdE3m {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-block-end: 28px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: var(--zs-text-2);
}

.company-page_eyebrowDot___74Ex {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--zs-green);
  box-shadow: 0 0 0 4px rgba(163, 255, 18, 0.08);
}

.company-page_h2__EFs_W {
  font-size: clamp(34px, 3.7vw, 58px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--zs-text);
  text-wrap: balance;
}

.company-page_statement__L5ZQf {
  font-size: clamp(36px, 4.9vw, 80px);
  font-weight: 700;
  line-height: 1.16;
  color: var(--zs-text);
  text-wrap: balance;
  max-width: 28ch;
}

.company-page_lead__g03YS {
  font-size: clamp(17px, 1.3vw, 20px);
  line-height: 1.9;
  color: var(--zs-text-2);
  max-width: var(--company-reading);
  text-wrap: pretty;
}

.company-page_leadStrong__D7L_a {
  font-size: clamp(19px, 1.55vw, 24px);
  font-weight: 500;
  line-height: 1.7;
  color: var(--zs-text);
  max-width: 34ch;
}

.company-page_footnote__7USCe {
  margin-block-start: 28px;
  font-size: 13px;
  line-height: 1.8;
  color: var(--zs-text-3);
}

.company-page_sectionHead__Jfn2n {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: end;
  gap: 32px clamp(48px, 6vw, 120px);
  margin-block-end: clamp(48px, 6vw, 88px);
}

.company-page_sectionHead__Jfn2n .company-page_lead__g03YS {
  justify-self: end;
  max-width: var(--company-reading);
}

/* ---------- Buttons & links ---------- */

.company-page_btnPrimary__wsVpY,
.company-page_btnSecondary__qHfk5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 48px;
  padding-inline: 22px 18px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  transition:
    background-color 220ms var(--zs-ease),
    border-color 220ms var(--zs-ease),
    color 220ms var(--zs-ease),
    transform 220ms var(--zs-ease);
}

.company-page_btnPrimary__wsVpY {
  background: var(--zs-green);
  color: #000;
}

.company-page_btnPrimary__wsVpY:hover {
  background: #b4ff45;
}

.company-page_btnSecondary__qHfk5 {
  background: rgba(255, 255, 255, 0.015);
  color: var(--zs-text);
  border: 1px solid var(--zs-line-2);
}

.company-page_btnSecondary__qHfk5:hover {
  border-color: var(--zs-line-3);
  background: rgba(255, 255, 255, 0.04);
}

.company-page_btnIcon__bZ6L2 {
  transition: transform 240ms var(--zs-ease);
}

.company-page_btnPrimary__wsVpY:hover .company-page_btnIcon__bZ6L2,
.company-page_btnSecondary__qHfk5:hover .company-page_btnIcon__bZ6L2 {
  transform: translateX(-3px);
}

.company-page_ctaRow__Hua00 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.company-page_ctaRowCenter__Bcz_o {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.company-page_inlineLink__pXEkH {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-block-start: 28px;
  padding-block: 6px;
  font-size: 15px;
  font-weight: 500;
  color: var(--zs-text);
  border-bottom: 1px solid var(--zs-line-2);
  transition: border-color 220ms var(--zs-ease), color 220ms var(--zs-ease);
}

.company-page_inlineLink__pXEkH svg {
  transition: transform 240ms var(--zs-ease);
}

.company-page_inlineLink__pXEkH:hover {
  border-color: var(--zs-green);
}

.company-page_inlineLink__pXEkH:hover svg {
  transform: translateX(-3px);
}

.company-page_productLink__6wN89 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 200ms var(--zs-ease);
}

.company-page_productLinkIcon___ROxR {
  width: 14px;
  height: 14px;
  opacity: 0;
  transform: translateX(4px);
  transition: opacity 220ms var(--zs-ease), transform 220ms var(--zs-ease);
}

.company-page_productLink__6wN89:hover .company-page_productLinkIcon___ROxR,
.company-page_productLink__6wN89:focus-visible .company-page_productLinkIcon___ROxR {
  opacity: 1;
  transform: translateX(0);
}

/* ==========================================================================
   Motion system
   ========================================================================== */

.company-page_root__BcG__ [data-reveal] {
  transition:
    opacity 850ms var(--zs-ease) var(--d, 0ms),
    transform 950ms var(--zs-ease-out) var(--d, 0ms),
    clip-path 1100ms var(--zs-ease-out) var(--d, 0ms);
}

.company-page_root__BcG__[data-motion="on"] [data-reveal]:not([data-revealed]) {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
}

.company-page_root__BcG__[data-motion="on"] [data-progress] {
  --progress: 0;
}

@keyframes company-page_heroIn__dCQlG {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.company-page_heroIn__dCQlG {
  animation: company-page_heroIn__dCQlG 1100ms var(--zs-ease-out) var(--d, 0ms) both;
}

/* ==========================================================================
   1 · Hero
   ========================================================================== */

.company-page_hero__H6NfW {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(660px, calc(100svh - var(--zs-header-h, var(--zs-header-height, 72px))), 1000px);
  padding-block: clamp(64px, 8vh, 110px) clamp(88px, 11vh, 140px);
  overflow: hidden;
  isolation: isolate;
}

.company-page_heroShade__L8lFL {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to left, #000 0%, rgba(0, 0, 0, 0.92) 34%, rgba(0, 0, 0, 0.3) 54%, transparent 66%),
    linear-gradient(to top, #000 0%, transparent 22%);
}

.company-page_root__BcG__[dir="ltr"] .company-page_heroShade__L8lFL {
  background:
    linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0.92) 34%, rgba(0, 0, 0, 0.3) 54%, transparent 66%),
    linear-gradient(to top, #000 0%, transparent 22%);
}

.company-page_heroInner__xxj2_ {
  z-index: 2;
}

.company-page_heroCopy__07sqD {
  max-width: min(780px, 48%);
  margin-inline-end: auto;
}

.company-page_heroTitle__n8w4P {
  font-size: clamp(38px, 3.7vw, 62px);
  font-weight: 700;
  line-height: 1.16;
  color: var(--zs-text);
  text-wrap: balance;
}

.company-page_heroTitle__n8w4P .company-page_line___OXqM + .company-page_line___OXqM {
  margin-block-start: 4px;
}

.company-page_heroBody__GTLUc {
  margin-block: 32px 40px;
  max-width: var(--company-reading);
  font-size: clamp(17px, 1.25vw, 19px);
  line-height: 1.95;
  color: var(--zs-text-2);
}

.company-page_factStrip__RWFXv {
  display: grid;
  grid-template-columns: repeat(4, auto);
  justify-content: start;
  margin-block-start: clamp(48px, 7vh, 80px);
  padding-block-start: 28px;
  border-top: 1px solid var(--zs-line);
}

.company-page_fact__xsMEs {
  padding-inline: 0 28px;
  margin-inline-end: 28px;
  border-inline-end: 1px solid var(--zs-line);
}

.company-page_fact__xsMEs:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}

.company-page_factValueNum__G94Tq,
.company-page_factValue__xLTM9 {
  display: block;
  font-weight: 700;
  color: var(--zs-text);
  white-space: nowrap;
}

.company-page_factValueNum__G94Tq {
  font-size: 30px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.company-page_factValue__xLTM9 {
  font-size: 17px;
  line-height: 30px;
}

.company-page_factLabel__8Pl0I {
  display: block;
  margin-block-start: 8px;
  font-size: 13px;
  color: var(--zs-text-3);
  white-space: nowrap;
}

/* Globe */

.company-page_globeStage__B0y2A {
  position: absolute;
  z-index: 0;
  top: 50%;
  /* Physical left in Arabic (inline-end). English LTR moves the globe to the right. */
  inset-inline-end: max(-5vw, -72px);
  left: auto;
  width: min(56vw, 118svh, 1180px);
  aspect-ratio: 1 / 1;
  /* Drop below header: keep size, shift geometry only */
  transform: translate3d(0, calc(-50% + clamp(100px, 11vh, 140px)), 0);
  direction: ltr;
}

.company-page_globeFallback__DIwD8,
.company-page_globeCanvas__dPQLZ {
  position: absolute;
  inset: 0;
}

.company-page_globeFallback__DIwD8 {
  transition: opacity 1400ms var(--zs-ease);
}

.company-page_globeFallback__DIwD8 img {
  object-fit: contain;
}

.company-page_globeCanvas__dPQLZ {
  opacity: 0;
  transition: opacity 1400ms var(--zs-ease);
}

.company-page_globeStage__B0y2A[data-state="live"] .company-page_globeCanvas__dPQLZ {
  opacity: 1;
}

.company-page_globeStage__B0y2A[data-state="live"] .company-page_globeFallback__DIwD8 {
  opacity: 0;
}

.company-page_globeLabels___Xpwt {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 1200ms var(--zs-ease) 600ms;
}

.company-page_globeStage__B0y2A[data-state="live"] .company-page_globeLabels___Xpwt {
  opacity: 1;
}

.company-page_globeLabel__4OtdU {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: -9px;
  padding-left: 14px;
  opacity: 0;
  white-space: nowrap;
  will-change: transform, opacity;
  direction: rtl;
}

.company-page_globeLabel__4OtdU::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  width: 7px;
  height: 1px;
  background: rgba(255, 255, 255, 0.35);
}

.company-page_globeLabel__4OtdU {
  text-shadow: 0 0 10px #000, 0 0 3px #000;
}

.company-page_globeLabelName__z4emt {
  font-size: 12px;
  font-weight: 500;
  color: rgba(244, 245, 243, 0.82);
}

.company-page_globeLabelTime__YPWjy {
  font-size: 11px;
  color: var(--zs-text-3);
  font-variant-numeric: tabular-nums;
}

.company-page_globeCaption__W4RkS {
  position: absolute;
  bottom: 9%;
  inset-inline-end: max(calc(5vw + var(--company-side)), calc(88px + var(--company-side)));
  left: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: start;
  font-size: 13px;
  font-weight: 500;
  color: var(--zs-text-2);
}

.company-page_globeCaption__W4RkS::before {
  content: "";
  width: 56px;
  height: 1px;
  margin-block-end: 10px;
  background: var(--zs-line-3);
  align-self: flex-end;
}

.company-page_globeCaptionNote__DSw69 {
  font-size: 12px;
  font-weight: 400;
  color: var(--zs-text-4);
}

/* Scroll cue */

.company-page_scrollCue__nbdFe {
  position: absolute;
  z-index: 2;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px;
}

.company-page_scrollCueTrack__BprZl {
  position: relative;
  display: block;
  width: 1px;
  height: 44px;
  background: var(--zs-line-2);
  overflow: hidden;
}

.company-page_scrollCueDot___ETOr {
  position: absolute;
  left: -1px;
  top: 0;
  width: 3px;
  height: 10px;
  border-radius: 2px;
  background: var(--zs-green);
  animation: company-page_cue__hLSd8 2600ms var(--zs-ease) infinite;
}

@keyframes company-page_cue__hLSd8 {
  0% {
    transform: translateY(-12px);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translateY(46px);
    opacity: 0;
  }
}

/* ==========================================================================
   2 · Six years
   ========================================================================== */

.company-page_sixYears__fqQQf {
  position: relative;
  padding-block: var(--zs-section) clamp(120px, 14vw, 220px);
  overflow: hidden;
  isolation: isolate;
}

.company-page_horizon___Iq5p {
  position: absolute;
  inset: auto 0 0 0;
  height: min(46vw, 560px);
  z-index: -1;
  pointer-events: none;
}

.company-page_horizon___Iq5p svg {
  width: 100%;
  height: 100%;
  display: block;
}

.company-page_horizonLayer__aa59b {
  fill-opacity: 0.85;
  transform: translate3d(0, calc((1 - var(--progress, 1)) * (var(--i) * 18px + 24px)), 0);
  opacity: calc(0.55 + var(--progress, 1) * 0.45);
}

.company-page_horizonStroke__HdCSD {
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - min(1, var(--progress, 1) * 1.6));
}

.company-page_sixYearsGrid__t2Bbk {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: clamp(48px, 6vw, 120px);
}

.company-page_sixYearsBody__fZgNb {
  display: grid;
  gap: 18px;
  margin-block-start: 32px;
  max-width: var(--company-reading);
}

.company-page_bigNumberWrap__fxsVQ {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 18px;
}

.company-page_bigNumber__kd99H {
  display: block;
  font-size: clamp(200px, 25vw, 400px);
  font-weight: 500;
  line-height: 0.9;
  font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.88) 42%, rgba(255, 255, 255, 0.05) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-block: 0.14em 0.04em;
  clip-path: inset(-20% -10% 0 -10%);
}

.company-page_root__BcG__[data-motion="on"] .company-page_bigNumber__kd99H:not([data-revealed]) {
  opacity: 0;
  transform: scale(0.96);
  clip-path: inset(100% -10% 0 -10%);
}

.company-page_bigNumber__kd99H[data-reveal] {
  transition:
    opacity 900ms var(--zs-ease),
    transform 1400ms var(--zs-ease-out),
    clip-path 1400ms var(--zs-ease-out);
}

.company-page_bigNumberLabel__dqChn {
  margin-block-end: 7%;
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 500;
  color: var(--zs-text-3);
}

/* Timeline */

.company-page_timeline__igsKj {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(28px, 3.5vw, 56px);
  margin-block-start: clamp(80px, 10vw, 150px);
  padding-block-start: 44px;
}

.company-page_timelineTrack__CzkPw {
  position: absolute;
  top: 5px;
  inset-inline: 0;
  height: 1px;
  background: var(--zs-line);
}

.company-page_timelineFill__Lj9fM {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.55), rgba(163, 255, 18, 0.85));
  transform-origin: right center;
  transform: scaleX(var(--progress, 1));
}

.company-page_stage__SNZdH {
  position: relative;
  --on: clamp(0, calc((var(--progress, 1) - var(--at) * 0.92) * 14), 1);
}

.company-page_stageNode__PLiH9 {
  position: absolute;
  top: -44px;
  inset-inline-start: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #000;
  border: 1px solid var(--zs-line-3);
}

.company-page_stageNodeOn__J_jnd {
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: #fff;
  opacity: var(--on);
  transform: scale(calc(0.4 + var(--on) * 0.6));
}

.company-page_stage__SNZdH:last-child .company-page_stageNodeOn__J_jnd {
  background: var(--zs-green);
  box-shadow: 0 0 0 calc(var(--on) * 6px) rgba(163, 255, 18, 0.12);
}

.company-page_stageIndex__fnL18 {
  display: block;
  font-size: 12px;
  color: var(--zs-text-4);
  font-variant-numeric: tabular-nums;
}

.company-page_stageTitle__3_esN {
  margin-block: 10px 10px;
  font-size: clamp(20px, 1.6vw, 26px);
  font-weight: 700;
  line-height: 1.3;
  color: var(--zs-text);
  opacity: calc(0.3 + var(--on) * 0.7);
}

.company-page_stageBody__EKuHD {
  font-size: 14px;
  line-height: 1.8;
  color: var(--zs-text-2);
  max-width: min(28ch, 100%);
  opacity: calc(0.25 + var(--on) * 0.75);
}

.company-page_timelineNote__KPTwZ {
  margin-block-start: 48px;
  font-size: 13px;
  color: var(--zs-text-4);
}

/* ==========================================================================
   3 · Why
   ========================================================================== */

.company-page_why__3v9AZ {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_whyGrid__DEiLQ {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(48px, 7vw, 140px);
  margin-block-start: clamp(56px, 7vw, 104px);
  align-items: start;
}

.company-page_frictionList__915VH {
  margin-block: 40px;
  border-top: 1px solid var(--zs-line);
}

.company-page_friction__LazP3 {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr);
  align-items: baseline;
  gap: 16px;
  padding-block: 20px;
  border-bottom: 1px solid var(--zs-line);
}

.company-page_frictionIndex__wxHib {
  font-size: 12px;
  color: var(--zs-text-4);
  font-variant-numeric: tabular-nums;
}

.company-page_frictionTitle__COntZ {
  font-size: 18px;
  font-weight: 500;
  color: var(--zs-text);
}

.company-page_frictionBody__5T5ju {
  font-size: 15px;
  color: var(--zs-text-3);
}

.company-page_resolution___Pv_l {
  font-size: clamp(19px, 1.5vw, 23px);
  font-weight: 500;
  line-height: 1.75;
  color: var(--zs-text);
  max-width: var(--company-reading);
}

.company-page_noiseFigure__m8F60 {
  position: sticky;
  top: calc(var(--zs-header-h, var(--zs-header-height, 72px)) + 12vh);
  --k: clamp(0, calc(var(--progress, 1) * 2.1 - 0.35), 1);
}

.company-page_noiseField__6wFwI {
  position: relative;
  display: grid;
  gap: 13px;
  padding: 40px 36px;
  border-radius: 18px;
  background: linear-gradient(180deg, var(--zs-bg-2), #000);
  border: 1px solid var(--zs-line);
  overflow: hidden;
}

.company-page_noiseLine__3LmPU {
  display: block;
  height: 2px;
  width: var(--w);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.5);
  opacity: calc(var(--o) * (1 - var(--k)) + 0.34 * var(--k));
  transform-origin: right center;
  transform: translate3d(calc(var(--dx) * (1 - var(--k)) * 1px), 0, 0)
    rotate(calc(var(--rot) * (1 - var(--k)) * 1deg)) scaleX(calc(var(--sx) + (1 - var(--sx)) * var(--k)));
  will-change: transform;
}

.company-page_noiseLine__3LmPU:nth-child(5n) {
  margin-block-end: 14px;
}

.company-page_noiseLineAccent__tqgdR {
  background: var(--zs-green);
  opacity: calc(0.45 + var(--k) * 0.55);
}

.company-page_noiseCaption__hoKf6 {
  margin-block-start: 16px;
  font-size: 13px;
  color: var(--zs-text-3);
}

/* ==========================================================================
   4 · Ecosystem
   ========================================================================== */

.company-page_ecosystem__nIBw9 {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_ecoLayout__iNQ9h {
  display: grid;
  grid-template-columns: minmax(280px, 0.32fr) minmax(0, 1.18fr);
  gap: clamp(40px, 5vw, 88px);
  align-items: center;
}

.company-page_ecoPanel__L7cME {
  min-height: 300px;
  display: flex;
  align-items: center;
}

@keyframes company-page_panelIn__l5B8S {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.company-page_ecoPanelInner__XxkKF {
  animation: company-page_panelIn__l5B8S 420ms var(--zs-ease) both;
}

.company-page_ecoPanelGroup__xT2B_ {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: var(--zs-green);
}

.company-page_ecoPanelName__kCY3M {
  margin-block: 12px 10px;
  font-size: clamp(26px, 2.2vw, 34px);
  font-weight: 700;
  line-height: 1.3;
}

.company-page_ecoPanelQuestion__QJrrH {
  font-size: 18px;
  font-weight: 500;
  color: var(--zs-text-2);
}

.company-page_ecoPanelBody__E6e6O {
  margin-block-start: 16px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--zs-text-3);
  max-width: var(--company-reading);
}

.company-page_ecoHint__DPHb6 {
  margin-block-start: 24px;
  font-size: 13px;
  color: var(--zs-text-4);
}

.company-page_ecoDiagram__nfe_r {
  position: relative;
  aspect-ratio: 1000 / 640;
  width: 100%;
  margin-inline: clamp(-8px, -1.2vw, -24px);
}

.company-page_ecoSvg__5EaWc {
  direction: ltr;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.company-page_ecoOrbit__1yzzI {
  fill: none;
  stroke: rgba(255, 255, 255, 0.09);
  stroke-width: 1;
}

.company-page_ecoOrbitFaint__YwIRs {
  fill: none;
  stroke: rgba(255, 255, 255, 0.035);
  stroke-width: 1;
  stroke-dasharray: 2 6;
}

.company-page_ecoSpoke__ADa_m {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 1;
  transition: stroke 260ms var(--zs-ease), opacity 260ms var(--zs-ease);
}

.company-page_ecoPulse__r00rM {
  stroke: var(--zs-green);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-dasharray: 4 96;
  stroke-dashoffset: 0;
  opacity: 0.85;
  animation: company-page_ecoPulse__r00rM var(--dur, 6s) linear var(--delay, 0s) infinite;
}

@keyframes company-page_ecoPulse__r00rM {
  0% {
    stroke-dashoffset: 4;
    opacity: 0;
  }
  10% {
    opacity: 0.9;
  }
  70% {
    opacity: 0.9;
  }
  85%,
  100% {
    stroke-dashoffset: -96;
    opacity: 0;
  }
}

.company-page_ecoDot__IUqdl {
  fill: #0b0d10;
  stroke: rgba(255, 255, 255, 0.4);
  stroke-width: 1;
  transition: fill 240ms var(--zs-ease), stroke 240ms var(--zs-ease);
}

.company-page_ecoSpokeGroup__tDVHC {
  transition: opacity 260ms var(--zs-ease);
}

.company-page_ecoDiagram__nfe_r[data-active] .company-page_ecoSpokeGroup__tDVHC {
  opacity: 0.35;
}

.company-page_ecoDiagram__nfe_r[data-active] .company-page_ecoSpokeGroup__tDVHC[data-on] {
  opacity: 1;
}

.company-page_ecoSpokeGroup__tDVHC[data-on] .company-page_ecoSpoke__ADa_m {
  stroke: rgba(163, 255, 18, 0.5);
}

.company-page_ecoSpokeGroup__tDVHC[data-on] .company-page_ecoDot__IUqdl {
  fill: var(--zs-green);
  stroke: var(--zs-green);
}

.company-page_ecoCoreGlow__yCk93 {
  opacity: 0.9;
}

.company-page_ecoCoreRing__7fTkG {
  fill: #000;
  stroke: rgba(255, 255, 255, 0.2);
  stroke-width: 1;
}

.company-page_ecoCoreRingOuter__liU8m {
  fill: none;
  stroke: rgba(163, 255, 18, 0.28);
  stroke-width: 1;
  stroke-dasharray: 1 5;
}

.company-page_ecoCoreLabel__CAXL1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(11px, 1.05vw, 15px);
  font-weight: 700;
  color: var(--zs-text);
  direction: ltr;
  pointer-events: none;
}

.company-page_ecoNodes__kqie6 {
  position: absolute;
  inset: 0;
}

.company-page_ecoNodeItem__at_H7 {
  position: absolute;
  transform: translate(-50%, -50%);
}

.company-page_ecoNode__9_jhg {
  position: relative;
  display: block;
  padding: 18px 12px 0;
  margin-top: 26px;
  font: inherit;
  font-size: clamp(13px, 1.05vw, 16px);
  font-weight: 500;
  color: var(--zs-text-2);
  background: none;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: color 220ms var(--zs-ease), opacity 220ms var(--zs-ease);
}

.company-page_ecoNode__9_jhg::before {
  content: "";
  position: absolute;
  inset: -40px -10px -8px;
}

.company-page_ecoNodeItem__at_H7[data-ring="outer"] .company-page_ecoNode__9_jhg {
  color: var(--zs-text-3);
}

.company-page_ecoNode__9_jhg:hover,
.company-page_ecoNodeItem__at_H7[data-on] .company-page_ecoNode__9_jhg {
  color: var(--zs-text);
}

.company-page_ecoDiagram__nfe_r[data-active] .company-page_ecoNodeItem__at_H7:not([data-on]) .company-page_ecoNode__9_jhg {
  opacity: 0.55;
}

.company-page_ecoMobile__Yle_H {
  display: none;
}

/* ==========================================================================
   5 · Product story
   ========================================================================== */

.company-page_story__pcWsk {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_storyGrid__ZXpg8 {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(48px, 6vw, 140px);
  align-items: start;
}

.company-page_chapters__cq68K {
  display: grid;
}

.company-page_chapter__M1SFh {
  min-height: 56vh;
  padding-block: 8vh;
  border-top: 1px solid var(--zs-line);
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0.35;
  transition: opacity 600ms var(--zs-ease);
}

.company-page_chapter__M1SFh:first-child {
  border-top: 0;
  padding-block-start: 0;
  min-height: 46vh;
}

.company-page_chapter__M1SFh[data-current="true"] {
  opacity: 1;
}

.company-page_chapterMeta__B4YlU {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 13px;
}

.company-page_chapterIndex__At5q_ {
  color: var(--zs-text-4);
  font-variant-numeric: tabular-nums;
}

.company-page_chapterVerb__0NMiO {
  font-weight: 500;
  color: var(--zs-text-2);
}

.company-page_chapter__M1SFh[data-current="true"] .company-page_chapterVerb__0NMiO {
  color: var(--zs-green);
}

.company-page_chapterName__f0XXi {
  margin-block: 16px 12px;
  font-size: clamp(34px, 3.4vw, 54px);
  font-weight: 700;
  line-height: 1.2;
}

.company-page_chapterQuestion__yDZm6 {
  font-size: clamp(19px, 1.5vw, 23px);
  font-weight: 500;
  color: var(--zs-text-2);
}

.company-page_chapterBody__CaRP_ {
  margin-block-start: 18px;
  font-size: 16px;
  line-height: 1.9;
  color: var(--zs-text-3);
  max-width: var(--company-reading);
}

.company-page_chapterPreviewMobile__zV_jK {
  display: none;
}

.company-page_previewSticky__ChHU0 {
  position: sticky;
  top: calc(var(--zs-header-h, var(--zs-header-height, 72px)) + 14vh);
}

.company-page_previewStage__eEAof {
  position: relative;
  aspect-ratio: 560 / 380;
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 40px 120px -40px rgba(0, 0, 0, 0.9);
}

.company-page_previewStage__eEAof::before {
  content: "";
  position: absolute;
  inset: -12% -8%;
  z-index: -1;
  background: radial-gradient(50% 50% at 50% 55%, rgba(255, 255, 255, 0.045), transparent 70%);
}

.company-page_previewLayer__LXe6n {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.985);
  transition: opacity 700ms var(--zs-ease), transform 900ms var(--zs-ease-out);
}

.company-page_previewLayer__LXe6n[data-on="true"] {
  opacity: 1;
  transform: none;
}

.company-page_previewFooter__29q7h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-start: 20px;
}

.company-page_previewProgress__03YtN {
  display: flex;
  gap: 6px;
}

.company-page_previewProgress__03YtN span {
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: var(--zs-line-2);
  transition: background-color 400ms var(--zs-ease), width 400ms var(--zs-ease);
}

.company-page_previewProgress__03YtN span[data-on="true"] {
  width: 36px;
  background: var(--zs-text);
}

.company-page_previewLabel__SZKfc {
  display: block;
  font-size: 12px;
  color: var(--zs-text-4);
}

/* Preview SVG vocabulary */

.company-page_previewSvg__TtRl1 {
  direction: ltr;
  display: block;
  width: 100%;
  height: auto;
  font-family: inherit;
}

.company-page_pvFrame__oYEgo {
  fill: #07090a;
  stroke: rgba(255, 255, 255, 0.09);
}

.company-page_pvRule__cNyyn {
  stroke: rgba(255, 255, 255, 0.07);
}

.company-page_pvGuide__aE6Nf {
  stroke: rgba(255, 255, 255, 0.06);
  stroke-dasharray: 3 5;
}

.company-page_pvTitle__8__Im {
  font-size: 14px;
  font-weight: 500;
  fill: rgba(244, 245, 243, 0.8);
}

.company-page_pvLive__w4Orv {
  fill: var(--zs-green);
}

.company-page_pvLabel__PON_b {
  font-size: 13px;
  fill: rgba(244, 245, 243, 0.55);
}

.company-page_pvLabelStrong__Nemre {
  font-size: 13px;
  font-weight: 500;
  fill: rgba(244, 245, 243, 0.92);
}

.company-page_pvMeta__ceqTB {
  font-size: 12px;
  fill: rgba(244, 245, 243, 0.36);
}

.company-page_pvTrack__4mrKn {
  fill: rgba(255, 255, 255, 0.06);
}

.company-page_pvFill__ckf7y {
  fill: rgba(255, 255, 255, 0.42);
}

.company-page_pvAccentFill___dA8q {
  fill: var(--zs-green);
}

.company-page_pvHeat__26DbB {
  fill: #ffffff;
}

.company-page_pvDot__oIP8N {
  fill: rgba(255, 255, 255, 0.2);
}

.company-page_pvDotHollow__dz_zT {
  fill: none;
  stroke: rgba(255, 255, 255, 0.3);
}

.company-page_pvHotDot__q81vV {
  fill: rgba(255, 255, 255, 0.85);
}

.company-page_pvAccentDot__Yxh0Z {
  fill: var(--zs-green);
}

.company-page_pvArc__L6rrd,
.company-page_pvBranch__e27pz {
  fill: none;
  stroke: rgba(255, 255, 255, 0.22);
  stroke-width: 1;
}

.company-page_pvRing__wqP5h {
  fill: none;
  stroke: rgba(255, 255, 255, 0.35);
  transform-box: fill-box;
  transform-origin: center;
  animation: company-page_pvRing__wqP5h 3.2s var(--zs-ease) var(--d, 0s) infinite;
}

@keyframes company-page_pvRing__wqP5h {
  0% {
    transform: scale(0.3);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.company-page_pvRadarRing__2YLWr {
  fill: none;
  stroke: rgba(255, 255, 255, 0.08);
}

.company-page_pvSweep__RSyWd {
  animation: company-page_pvSweep__RSyWd 9s linear infinite;
}

.company-page_pvSweepFill__bOfcV {
  fill: rgba(255, 255, 255, 0.05);
}

@keyframes company-page_pvSweep__RSyWd {
  to {
    transform: rotate(-360deg);
  }
}

.company-page_pvLevel__u_CRD {
  stroke: rgba(163, 255, 18, 0.55);
  stroke-dasharray: 4 5;
}

.company-page_pvWick__t1225 {
  stroke: rgba(255, 255, 255, 0.3);
}

.company-page_pvCandleUp__Ge332 {
  fill: rgba(255, 255, 255, 0.82);
}

.company-page_pvCandleDown__NeY32 {
  fill: rgba(255, 255, 255, 0.2);
}

.company-page_pvOsc__1mvDz {
  fill: none;
  stroke: rgba(255, 255, 255, 0.6);
  stroke-width: 1.2;
}

/* ==========================================================================
   6 · School
   ========================================================================== */

.company-page_education__WpJbq {
  position: relative;
  padding-block: var(--zs-section);
  overflow: hidden;
  isolation: isolate;
}

.company-page_warmLight__A7Zh_ {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(40% 50% at 28% 30%, rgba(255, 240, 220, 0.06), transparent 70%),
    radial-gradient(60% 40% at 30% 78%, rgba(255, 236, 210, 0.025), transparent 70%);
}

.company-page_educationGrid__CPQCA {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(56px, 8vw, 160px);
  align-items: center;
}

.company-page_educationCopy__VZua7 .company-page_lead__g03YS {
  margin-block-start: 28px;
}

.company-page_checkList__s97JT {
  display: grid;
  gap: 16px;
  margin-block-start: 36px;
}

.company-page_checkList__s97JT li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 16px;
  color: var(--zs-text);
}

.company-page_checkMark__eN0jg {
  flex: none;
  width: 18px;
  height: 1px;
  background: var(--zs-line-3);
}

.company-page_checkList__s97JT li:first-child .company-page_checkMark__eN0jg {
  background: var(--zs-green);
}

.company-page_desk__D0KkZ {
  position: relative;
  padding-block: 40px 60px;
}

.company-page_lamp__i8Z8t {
  position: absolute;
  top: -20%;
  left: 12%;
  width: 70%;
  height: 80%;
  background: radial-gradient(50% 50% at 50% 40%, rgba(255, 242, 224, 0.1), transparent 70%);
  pointer-events: none;
}

.company-page_monitor__0Rs9p {
  position: relative;
  margin-inline: auto;
  width: 92%;
  padding: 10px;
  border-radius: 16px;
  background: linear-gradient(180deg, #16181a, #0b0c0d);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 50px 100px -30px rgba(0, 0, 0, 0.95);
}

.company-page_screen__Da6cn {
  display: grid;
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 1fr);
  aspect-ratio: 16 / 9.4;
  border-radius: 8px;
  overflow: hidden;
  background: #050606;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.company-page_screenSide__pSWFj {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px 18px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 250, 240, 0.012);
}

.company-page_screenCourse__jcMfe {
  margin-block-end: 6px;
  font-size: clamp(10px, 0.85vw, 13px);
  font-weight: 700;
  color: var(--zs-text);
}

.company-page_screenChapter__K2B5_ {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(9px, 0.75vw, 12px);
  color: var(--zs-text-3);
}

.company-page_screenChapterDot__mkhho {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.company-page_screenChapter__K2B5_[data-state="done"] .company-page_screenChapterDot__mkhho {
  background: rgba(255, 255, 255, 0.7);
  border-color: transparent;
}

.company-page_screenChapter__K2B5_[data-state="current"] {
  color: var(--zs-text);
}

.company-page_screenChapter__K2B5_[data-state="current"] .company-page_screenChapterDot__mkhho {
  background: var(--zs-green);
  border-color: transparent;
}

.company-page_screenMain__ZjKej {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 26px;
}

.company-page_screenLesson__USmRM {
  margin-block-end: 6px;
  font-size: clamp(12px, 1.1vw, 17px);
  font-weight: 700;
  color: var(--zs-text);
}

.company-page_screenTextLine__VZWH7 {
  display: block;
  height: 5px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.08);
}

.company-page_screenChart__u4na2 {
  direction: ltr;
  width: 100%;
  margin-block-start: auto;
  overflow: visible;
}

.company-page_screenLevel__KyEcq {
  stroke: rgba(163, 255, 18, 0.55);
  stroke-dasharray: 4 5;
}

.company-page_screenAnno__vE4Ym {
  font-size: 11px;
  fill: rgba(244, 245, 243, 0.5);
  font-family: inherit;
}

.company-page_screenPath__s7ZZp {
  fill: none;
  stroke: rgba(255, 255, 255, 0.75);
  stroke-width: 1.5;
}

.company-page_screenTouch__NHCAO {
  fill: #050606;
  stroke: var(--zs-green);
}

.company-page_screenProgress__u9Ifa {
  display: block;
  height: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.06);
  overflow: hidden;
}

.company-page_screenProgress__u9Ifa span {
  display: block;
  width: 38%;
  height: 100%;
  margin-inline-start: 0;
  background: rgba(255, 255, 255, 0.55);
}

.company-page_monitorStand___KjiO {
  width: 18%;
  height: 46px;
  margin-inline: auto;
  background: linear-gradient(180deg, #0f1011, #070808);
  clip-path: polygon(22% 0, 78% 0, 100% 100%, 0 100%);
}

.company-page_deskSurface__ex0ME {
  height: 1px;
  margin-inline: -4%;
  background: linear-gradient(to left, transparent, rgba(255, 240, 225, 0.22) 30%, rgba(255, 240, 225, 0.22) 70%, transparent);
  box-shadow: 0 30px 60px 10px rgba(255, 240, 225, 0.02);
}

.company-page_desk__D0KkZ .company-page_previewLabel__SZKfc {
  margin-block-start: 20px;
  text-align: center;
}

/* ==========================================================================
   7 · Journey
   ========================================================================== */

.company-page_journey__XMtKK {
  position: relative;
  padding-block: var(--zs-section);
  text-align: center;
}

.company-page_journey__XMtKK .company-page_eyebrow__GdE3m {
  justify-content: center;
}

.company-page_journey__XMtKK .company-page_statement__L5ZQf {
  margin-inline: auto;
  max-width: min(28ch, var(--company-editorial));
}

.company-page_journeyRow__4jJCr {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(8px, 1.2vw, 24px);
  margin-block-start: clamp(72px, 9vw, 140px);
  padding-block-start: 48px;
}

.company-page_journeyTrack__utIRu {
  position: absolute;
  top: 5px;
  inset-inline: calc(100% / 12);
  height: 1px;
  background: var(--zs-line);
}

.company-page_journeyFill__FrETk {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.5), var(--zs-green));
  transform-origin: right center;
  transform: scaleX(var(--progress, 1));
}

.company-page_journeyStep___XXs8 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  --on: clamp(0, calc((var(--progress, 1) - var(--at) * 0.98) * 16 + 0.02), 1);
}

.company-page_journeyNode___v0zx {
  position: absolute;
  top: -48px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #000;
  border: 1px solid rgba(255, 255, 255, calc(0.2 + var(--on) * 0.6));
}

.company-page_journeyStep___XXs8[data-last] .company-page_journeyNode___v0zx {
  border-color: rgba(163, 255, 18, calc(0.3 + var(--on) * 0.7));
  background: rgba(163, 255, 18, calc(var(--on) * 1));
  box-shadow: 0 0 0 calc(var(--on) * 7px) rgba(163, 255, 18, 0.1);
}

.company-page_journeyVerb__QQ3nS {
  font-size: clamp(22px, 2vw, 32px);
  font-weight: 700;
  opacity: calc(0.28 + var(--on) * 0.72);
}

.company-page_journeyProducts__JB7C_ {
  font-size: 13px;
  color: var(--zs-text-3);
  opacity: calc(0.2 + var(--on) * 0.8);
  padding-inline: 8px;
}

/* ==========================================================================
   8 · Market coverage
   ========================================================================== */

.company-page_coverage__R0NMf {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_coverageGrid__E5kCW {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(56px, 7vw, 140px);
  align-items: center;
}

.company-page_coverageCopy__tqnEG .company-page_lead__g03YS {
  margin-block-start: 24px;
}

.company-page_categoryList__nPYpJ {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  margin-block-start: 40px;
  border-top: 1px solid var(--zs-line);
}

.company-page_category__xtSK6 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-block: 18px;
  border-bottom: 1px solid var(--zs-line);
}

.company-page_categoryName__n4air {
  font-size: 18px;
  font-weight: 500;
}

.company-page_categoryBody__kjaxs {
  font-size: 14px;
  color: var(--zs-text-3);
}

.company-page_constellation__Txe_l svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.company-page_cBridge__8JKiG {
  stroke: rgba(255, 255, 255, 0.07);
  stroke-width: 1;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1600ms var(--zs-ease) var(--d, 0ms);
}

.company-page_root__BcG__[data-motion="on"] .company-page_constellation__Txe_l:not([data-revealed]) .company-page_cBridge__8JKiG {
  stroke-dashoffset: 1;
}

.company-page_cCluster__vxJWa {
  cursor: default;
}

.company-page_cHit__yJkzs {
  fill: transparent;
}

.company-page_cLink__pwCG4 {
  stroke: rgba(255, 255, 255, 0.12);
  stroke-width: 1;
  transition: stroke 260ms var(--zs-ease);
}

.company-page_cStar__afWty {
  fill: rgba(255, 255, 255, 0.5);
  animation: company-page_twinkle__vD4h0 7s ease-in-out var(--tw, 0s) infinite;
  transition: fill 260ms var(--zs-ease);
}

.company-page_cCore__jcKbS {
  fill: #fff;
  transition: fill 260ms var(--zs-ease);
}

@keyframes company-page_twinkle__vD4h0 {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

.company-page_cLabel__yiKF5 {
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  fill: rgba(244, 245, 243, 0.6);
  transition: fill 260ms var(--zs-ease);
}

.company-page_constellation__Txe_l svg:hover .company-page_cCluster__vxJWa {
  opacity: 0.45;
}

.company-page_cCluster__vxJWa {
  transition: opacity 260ms var(--zs-ease);
}

.company-page_constellation__Txe_l svg .company-page_cCluster__vxJWa:hover {
  opacity: 1;
}

.company-page_cCluster__vxJWa:hover .company-page_cCore__jcKbS {
  fill: var(--zs-green);
}

.company-page_cCluster__vxJWa:hover .company-page_cLink__pwCG4 {
  stroke: rgba(163, 255, 18, 0.35);
}

.company-page_cCluster__vxJWa:hover .company-page_cLabel__yiKF5 {
  fill: var(--zs-text);
}

/* ==========================================================================
   9 · Arabic first
   ========================================================================== */

.company-page_arabic__q6NvJ {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_arabicHead__AvA9y {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
  gap: 32px clamp(48px, 6vw, 120px);
  align-items: end;
}

.company-page_arabicHead__AvA9y .company-page_lead__g03YS {
  justify-self: end;
  max-width: var(--company-reading);
}

.company-page_arabicAccent__FzwAI {
  position: relative;
  width: fit-content;
}

.company-page_underline__98C_k {
  position: absolute;
  inset-inline-start: 0;
  bottom: -0.08em;
  width: 22%;
  height: 3px;
  border-radius: 3px;
  background: var(--zs-green);
  transform-origin: right center;
  transition: transform 1200ms var(--zs-ease-out) 500ms;
}

.company-page_root__BcG__[data-motion="on"] .company-page_arabicAccent__FzwAI:not([data-revealed]) .company-page_underline__98C_k {
  transform: scaleX(0);
}

.company-page_arabicGrid__2jZ_C {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(56px, 8vw, 160px);
  margin-block-start: clamp(72px, 8vw, 130px);
  align-items: start;
}

.company-page_glossary__XkQbR {
  border-top: 1px solid var(--zs-line);
}

.company-page_glossaryRow__7T_gq {
  display: grid;
  grid-template-columns: auto minmax(24px, 1fr) auto;
  align-items: center;
  gap: 20px;
  padding-block: 22px;
  border-bottom: 1px solid var(--zs-line);
}

.company-page_glossaryAr__iL1Bx {
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 700;
}

.company-page_glossaryRule__6Imdo {
  height: 1px;
  background: linear-gradient(to left, var(--zs-line-3), transparent);
}

.company-page_glossaryEn___di1Q {
  font-size: 14px;
  color: var(--zs-text-3);
}

.company-page_pointGrid__d8ii0 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 44px 48px;
}

.company-page_point__n6VHD {
  padding-block-start: 20px;
  border-top: 1px solid var(--zs-line);
}

.company-page_pointIndex__IwKiL {
  font-size: 12px;
  color: var(--zs-text-4);
}

.company-page_pointTitle__SMjQo {
  margin-block: 12px 8px;
  font-size: 20px;
  font-weight: 700;
}

.company-page_pointBody__Rgncs {
  font-size: 15px;
  line-height: 1.85;
  color: var(--zs-text-3);
}

/* ==========================================================================
   10 · Manifesto
   ========================================================================== */

.company-page_manifesto__T08j6 {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_principles__iTFft {
  margin-block-start: 24px;
  counter-reset: p;
}

.company-page_principle__uiXBF {
  display: grid;
  grid-template-columns: 72px minmax(0, 1.35fr) minmax(0, 0.55fr);
  align-items: baseline;
  gap: clamp(24px, 3vw, 48px);
  padding-block: clamp(34px, 5vw, 64px);
  border-bottom: 1px solid var(--zs-line);
}

.company-page_principleIndex__tGE_w {
  font-size: 14px;
  color: var(--zs-text-4);
  font-variant-numeric: tabular-nums;
}

.company-page_principleTitle__ooSnf {
  font-size: clamp(34px, 4.5vw, 74px);
  font-weight: 700;
  line-height: 1.1;
  color: var(--zs-text);
  transition: color 700ms var(--zs-ease);
  max-width: min(1350px, 100%);
}

.company-page_principleBody___E7Au {
  font-size: 16px;
  line-height: 1.85;
  color: var(--zs-text-3);
  max-width: var(--company-reading);
  transition: color 700ms var(--zs-ease), opacity 700ms var(--zs-ease);
}

.company-page_root__BcG__[data-motion="on"] .company-page_principle__uiXBF:not([data-focus="true"]) .company-page_principleTitle__ooSnf {
  color: rgba(244, 245, 243, 0.2);
}

.company-page_root__BcG__[data-motion="on"] .company-page_principle__uiXBF:not([data-focus="true"]) .company-page_principleBody___E7Au {
  opacity: 0.35;
}

.company-page_principle__uiXBF[data-focus="true"] .company-page_principleIndex__tGE_w {
  color: var(--zs-green);
}

/* ==========================================================================
   11 · Trust
   ========================================================================== */

.company-page_trust__BmwAH {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_trustGrid___Y3T7 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
  gap: clamp(48px, 7vw, 120px);
  align-items: start;
}

.company-page_trustCopy__Eoezs .company-page_lead__g03YS {
  margin-block-start: 24px;
}

.company-page_quality__5EG2d {
  margin-block-start: 48px;
  padding: 28px;
  border: 1px solid var(--zs-line);
  border-radius: 14px;
  background: linear-gradient(180deg, var(--zs-bg-1), #000);
}

.company-page_qualityTitle__cw5RV {
  font-size: 15px;
  font-weight: 500;
  color: var(--zs-text);
}

.company-page_qualityChips__8T_Ry {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 18px;
}

.company-page_qualityChip__LpQj0 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  padding-inline: 12px;
  border-radius: 8px;
  border: 1px solid var(--zs-line);
  font-size: 13px;
  color: var(--zs-text-2);
}

.company-page_qualityDot__il8AV {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
}

.company-page_qualityChip__LpQj0[data-tone="live"] .company-page_qualityDot__il8AV {
  background: var(--zs-green);
}

.company-page_qualityChip__LpQj0[data-tone="off"] {
  color: var(--zs-text-3);
}

.company-page_qualityChip__LpQj0[data-tone="off"] .company-page_qualityDot__il8AV {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.35);
}

.company-page_quality__5EG2d .company-page_footnote__7USCe {
  margin-block-start: 16px;
}

.company-page_commitments__yjyk0 {
  border-top: 1px solid var(--zs-line);
}

.company-page_commitment__fAJTe {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 22px;
  border-bottom: 1px solid var(--zs-line);
  font-size: clamp(17px, 1.35vw, 20px);
  font-weight: 500;
}

.company-page_commitIcon__5c_cQ {
  flex: none;
  width: 20px;
  height: 20px;
  fill: none;
  stroke: rgba(255, 255, 255, 0.5);
  stroke-width: 1.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.company-page_commitment__fAJTe:last-child .company-page_commitIcon__5c_cQ {
  stroke: var(--zs-green);
}

.company-page_disclaimer__VBeij {
  margin-block-start: 28px;
  font-size: 13px;
  line-height: 1.9;
  color: var(--zs-text-4);
}

/* ==========================================================================
   12 · Platform today
   ========================================================================== */

.company-page_platform__nBdUc {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_platformCols__E36sU {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-block-start: clamp(56px, 7vw, 100px);
  border-top: 1px solid var(--zs-line);
  width: 100%;
}

.company-page_platformCol__U9VK2 {
  padding: 36px clamp(20px, 2.2vw, 40px) 8px;
  border-inline-start: 1px solid var(--zs-line);
}

.company-page_platformCol__U9VK2:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}

.company-page_platformVerb__nBB8y {
  font-size: clamp(30px, 2.8vw, 44px);
  font-weight: 700;
  line-height: 1.2;
}

.company-page_platformBody__Ys4aJ {
  margin-block: 8px 28px;
  font-size: 14px;
  color: var(--zs-text-3);
}

.company-page_platformList__93IcK {
  display: grid;
  gap: 14px;
}

.company-page_platformItem___lUiz {
  font-size: 17px;
  font-weight: 500;
  color: var(--zs-text-2);
}

a.company-page_platformItem___lUiz:hover {
  color: var(--zs-text);
}

/* ==========================================================================
   13 · Vision
   ========================================================================== */

.company-page_vision__b2w_r {
  position: relative;
  padding-block: var(--zs-section);
}

.company-page_visionGrid__V8FLs {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: clamp(32px, 5vw, 80px);
  margin-block-start: clamp(64px, 8vw, 120px);
}

.company-page_visionDivider__sX7Oi {
  background: linear-gradient(to bottom, transparent, var(--zs-line-2), transparent);
}

.company-page_visionTag__5UhTp {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding-inline: 12px;
  border-radius: 999px;
  border: 1px solid var(--zs-line-2);
  font-size: 13px;
  font-weight: 500;
  color: var(--zs-text-2);
}

.company-page_visionTagOn__jShhX {
  border-color: rgba(163, 255, 18, 0.35);
  color: var(--zs-text);
}

.company-page_visionSvg__mioQE {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin-block: 36px;
  overflow: visible;
}

.company-page_visionDot__HuKC7 {
  fill: rgba(255, 255, 255, 0.45);
}

.company-page_visionCore__IxnRr {
  fill: var(--zs-green);
}

.company-page_visionLink__5h6qX {
  stroke: rgba(255, 255, 255, 0.18);
  stroke-width: 1;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1400ms var(--zs-ease) var(--d, 0ms);
}

.company-page_root__BcG__[data-motion="on"] .company-page_visionCol__0Rbbt:not([data-revealed]) .company-page_visionLink__5h6qX {
  stroke-dashoffset: 1;
}

.company-page_visionBody__oQu7N {
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.85;
  color: var(--zs-text-2);
  max-width: 40ch;
}

/* ==========================================================================
   14 · Final
   ========================================================================== */

.company-page_final__l0YTr {
  position: relative;
  padding-block: clamp(120px, 13vw, 200px) clamp(220px, 22vw, 340px);
  overflow: hidden;
  isolation: isolate;
  text-align: center;
}

.company-page_lineField__vc3tK {
  position: absolute;
  inset: auto 0 0 0;
  height: clamp(200px, 22vw, 320px);
  z-index: -1;
  pointer-events: none;
}

.company-page_lineField__vc3tK svg {
  display: block;
  width: 100%;
  height: 100%;
}

.company-page_fieldLine__rdSEq {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  animation: company-page_fieldBreath__4YyM8 9s ease-in-out calc(var(--i) * -0.4s) infinite;
}

@keyframes company-page_fieldBreath__4YyM8 {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -4px, 0);
  }
}

.company-page_fieldScan__SWzuU {
  fill: none;
  stroke: var(--zs-green);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 0.08 0.92;
  animation: company-page_fieldScan__SWzuU 12s linear infinite;
  opacity: 0.8;
}

@keyframes company-page_fieldScan__SWzuU {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: -1;
  }
}

.company-page_finalInner__VeLpz {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.company-page_finalTitle__odysr {
  font-size: clamp(36px, 5vw, 82px);
  font-weight: 700;
  line-height: 1.18;
  text-wrap: balance;
  max-width: min(20ch, 900px);
}

.company-page_signature__4ebtk {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-block: 56px 48px;
}

.company-page_signatureMark__TYw1M {
  font-size: 20px;
  font-weight: 700;
  direction: ltr;
}

.company-page_signatureText__ResBh {
  font-size: 17px;
  line-height: 1.7;
  color: var(--zs-text-2);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1280px) {
  .company-page_factStrip__RWFXv {
    grid-template-columns: repeat(2, auto);
    row-gap: 24px;
  }

  .company-page_fact__xsMEs:nth-child(2) {
    border: 0;
    margin: 0;
    padding: 0;
  }

  .company-page_principle__uiXBF {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .company-page_principleBody___E7Au {
    grid-column: 2;
  }
}

@media (max-width: 1100px) {
  .company-page_ecoLayout__iNQ9h {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_ecoPanel__L7cME {
    order: 2;
    min-height: 220px;
    align-items: flex-start;
  }

  .company-page_sectionHead__Jfn2n,
  .company-page_arabicHead__AvA9y {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_sectionHead__Jfn2n .company-page_lead__g03YS,
  .company-page_arabicHead__AvA9y .company-page_lead__g03YS {
    justify-self: start;
  }

  .company-page_platformCols__E36sU {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .company-page_platformCol__U9VK2:nth-child(3) {
    border-inline-start: 0;
    padding-inline-start: 0;
  }

  .company-page_platformCol__U9VK2:nth-child(n + 3) {
    border-top: 1px solid var(--zs-line);
  }
}

@media (max-width: 1024px) {
  .company-page_globeStage__B0y2A {
    width: min(72vw, 110svh);
    inset-inline-end: -14vw;
    left: auto;
    transform: translate3d(0, calc(-50% + clamp(110px, 14vh, 140px)), 0);
  }

  .company-page_heroCopy__07sqD {
    max-width: min(780px, 100%);
    margin-inline-end: 0;
  }

  .company-page_ecoDiagram__nfe_r {
    margin-inline: 0;
  }

  .company-page_ecoLayout__iNQ9h {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_globeLabels___Xpwt {
    display: none;
  }

  .company-page_heroShade__L8lFL {
    background:
      linear-gradient(to left, #000 0%, rgba(0, 0, 0, 0.9) 45%, rgba(0, 0, 0, 0.35) 70%, transparent 88%),
      linear-gradient(to top, #000 0%, transparent 22%);
  }

  .company-page_globeCaption__W4RkS {
    display: none;
  }

  .company-page_whyGrid__DEiLQ,
  .company-page_storyGrid__ZXpg8,
  .company-page_educationGrid__CPQCA,
  .company-page_coverageGrid__E5kCW,
  .company-page_trustGrid___Y3T7,
  .company-page_arabicGrid__2jZ_C {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_noiseFigure__m8F60 {
    position: relative;
    top: 0;
    max-width: 560px;
  }

  .company-page_timeline__igsKj {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
  }

  .company-page_stageBody__EKuHD {
    font-size: 13px;
  }

  /* Product story: inline previews, no sticky stage */
  .company-page_previewSticky__ChHU0 {
    display: none;
  }

  .company-page_chapter__M1SFh,
  .company-page_chapter__M1SFh:first-child {
    min-height: 0;
    padding-block: 56px;
    opacity: 1;
  }

  .company-page_chapter__M1SFh:first-child {
    padding-block-start: 0;
  }

  .company-page_chapterVerb__0NMiO {
    color: var(--zs-green);
  }

  .company-page_chapterPreviewMobile__zV_jK {
    display: block;
    margin-block-start: 36px;
    max-width: 620px;
  }

  .company-page_chapterPreviewMobile__zV_jK .company-page_previewLabel__SZKfc {
    margin-block-start: 12px;
  }

  .company-page_desk__D0KkZ {
    max-width: 680px;
  }
}

@media (max-width: 900px) {
  .company-page_hero__H6NfW {
    align-items: flex-start;
    min-height: 0;
    padding-block: 56px min(96vw, 560px);
  }

  .company-page_globeStage__B0y2A {
    top: auto;
    bottom: max(-40vw, -300px);
    left: 50%;
    width: min(128vw, 760px);
    transform: translate3d(-50%, 0, 0);
  }

  .company-page_heroShade__L8lFL {
    background: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0, 0, 0, 0.55) 62%, transparent 78%),
      linear-gradient(to top, #000 0%, transparent 18%);
  }

  .company-page_scrollCue__nbdFe {
    display: none;
  }

  .company-page_sixYearsGrid__t2Bbk {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_bigNumberWrap__fxsVQ {
    order: -1;
    justify-content: flex-start;
  }

  .company-page_bigNumber__kd99H {
    font-size: clamp(160px, 44vw, 260px);
  }

  /* vertical timeline */
  .company-page_timeline__igsKj {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    padding-block-start: 0;
    padding-inline-start: 36px;
  }

  .company-page_timelineTrack__CzkPw {
    top: 6px;
    bottom: 6px;
    inset-inline-start: 5px;
    inset-inline-end: auto;
    width: 1px;
    height: auto;
  }

  .company-page_timelineFill__Lj9fM {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.55), rgba(163, 255, 18, 0.85));
    transform-origin: center top;
    transform: scaleY(var(--progress, 1));
  }

  .company-page_stageNode__PLiH9 {
    top: 6px;
    inset-inline-start: -36px;
  }

  .company-page_stageTitle__3_esN {
    margin-block: 6px;
  }

  .company-page_stageBody__EKuHD {
    max-width: none;
    font-size: 15px;
  }

  /* vertical journey */
  .company-page_journey__XMtKK {
    text-align: start;
  }

  .company-page_journey__XMtKK .company-page_eyebrow__GdE3m {
    justify-content: flex-start;
  }

  .company-page_journey__XMtKK .company-page_statement__L5ZQf {
    margin-inline: 0;
  }

  .company-page_journeyRow__4jJCr {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding-block-start: 0;
    padding-inline-start: 36px;
  }

  .company-page_journeyTrack__utIRu {
    top: 8px;
    bottom: 8px;
    inset-inline-start: 5px;
    inset-inline-end: auto;
    width: 1px;
    height: auto;
  }

  .company-page_journeyFill__FrETk {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), var(--zs-green));
    transform-origin: center top;
    transform: scaleY(var(--progress, 1));
  }

  .company-page_journeyStep___XXs8 {
    align-items: flex-start;
    gap: 4px;
  }

  .company-page_journeyNode___v0zx {
    top: 10px;
    inset-inline-start: -36px;
  }

  .company-page_journeyProducts__JB7C_ {
    padding: 0;
  }

  .company-page_visionGrid__V8FLs {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_visionDivider__sX7Oi {
    height: 1px;
    background: linear-gradient(to left, transparent, var(--zs-line-2), transparent);
  }
}

@media (max-width: 760px) {
  .company-page_ecoLayout__iNQ9h {
    display: none;
  }

  .company-page_ecoMobile__Yle_H {
    position: relative;
    display: grid;
    gap: 0;
    padding-inline-start: 28px;
  }

  .company-page_ecoMobile__Yle_H::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    inset-inline-start: 4px;
    width: 1px;
    background: var(--zs-line-2);
  }

  .company-page_ecoMobileItem__YodXY {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 12px;
    padding-block: 18px;
    border-bottom: 1px solid var(--zs-line);
  }

  .company-page_ecoMobileNode__8k9kv {
    position: absolute;
    top: 26px;
    inset-inline-start: -28px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.45);
  }

  .company-page_ecoMobileItem__YodXY:first-child .company-page_ecoMobileNode__8k9kv {
    background: var(--zs-green);
    border-color: var(--zs-green);
  }

  .company-page_ecoMobileName__PCYyC {
    grid-row: 1;
    font-size: 19px;
    font-weight: 700;
  }

  .company-page_ecoMobileGroup__9YqJy {
    grid-row: 1;
    grid-column: 2;
    align-self: center;
    font-size: 12px;
    color: var(--zs-text-3);
  }

  .company-page_ecoMobileQuestion__A_6sV {
    grid-column: 1 / -1;
    font-size: 15px;
    color: var(--zs-text-3);
  }

  .company-page_friction__LazP3 {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 6px 12px;
  }

  .company-page_frictionBody__5T5ju {
    grid-column: 2;
  }

  .company-page_categoryList__nPYpJ,
  .company-page_pointGrid__d8ii0 {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_platformCols__E36sU {
    grid-template-columns: minmax(0, 1fr);
  }

  .company-page_platformCol__U9VK2,
  .company-page_platformCol__U9VK2:first-child,
  .company-page_platformCol__U9VK2:nth-child(3) {
    padding: 28px 0;
    border-inline-start: 0;
    border-top: 1px solid var(--zs-line);
  }

  .company-page_platformCol__U9VK2:first-child {
    border-top: 0;
  }

  .company-page_principle__uiXBF {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .company-page_principleBody___E7Au {
    grid-column: 1;
  }

  .company-page_quality__5EG2d {
    padding: 22px 18px;
  }

  .company-page_screenSide__pSWFj {
    padding: 12px 10px;
    gap: 8px;
  }

  .company-page_screenMain__ZjKej {
    padding: 14px;
    gap: 6px;
  }

  .company-page_monitor__0Rs9p {
    width: 100%;
    padding: 6px;
  }
}

@media (max-width: 480px) {
  .company-page_factStrip__RWFXv {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
  }

  .company-page_fact__xsMEs {
    padding-inline-end: 16px;
    margin-inline-end: 16px;
  }

  .company-page_factValue__xLTM9,
  .company-page_factLabel__8Pl0I {
    white-space: normal;
  }

  .company-page_ctaRow__Hua00 > * {
    flex: 1 1 auto;
    justify-content: center;
  }

  .company-page_ctaRowCenter__Bcz_o {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .company-page_ctaRowCenter__Bcz_o > * {
    justify-content: center;
  }

  .company-page_glossaryRow__7T_gq {
    gap: 12px;
  }
}

/* ==========================================================================
   Reduced motion — everything readable, nothing moving
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  .company-page_root__BcG__ *,
  .company-page_root__BcG__ *::before,
  .company-page_root__BcG__ *::after {
    animation: none !important;
    transition: none !important;
  }

  .company-page_root__BcG__ [data-progress] {
    --progress: 1 !important;
  }

  .company-page_root__BcG__ [data-reveal] {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
  }

  .company-page_principle__uiXBF .company-page_principleTitle__ooSnf {
    color: var(--zs-text) !important;
  }

  .company-page_principle__uiXBF .company-page_principleBody___E7Au {
    opacity: 1 !important;
  }

  .company-page_ecoPulse__r00rM,
  .company-page_scrollCueDot___ETOr,
  .company-page_fieldScan__SWzuU {
    display: none;
  }

  .company-page_chapter__M1SFh {
    opacity: 1;
  }
}

.company-page_root__BcG__[data-motion="reduced"] [data-reveal] {
  opacity: 1;
  transform: none;
}