/* About page v42: kinetic growth engine + direction-aware leadership portrait */
.about-page .growth-engine-v42 {
  --engine-rx: -4deg;
  --engine-ry: 6deg;
  position: relative;
  min-height: 590px;
  width: min(100%, 620px);
  margin-inline: auto;
  perspective: 1200px;
  isolation: isolate;
}

.growth-engine-v42__grid,
.growth-engine-v42__aura,
.growth-engine-v42__trails {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.growth-engine-v42__grid {
  inset: 8% 3% 5%;
  border-radius: 42px;
  background-image:
    linear-gradient(rgba(123, 225, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(123, 225, 255, .055) 1px, transparent 1px);
  background-size: 30px 30px;
  -webkit-mask-image: radial-gradient(circle, #000 24%, transparent 76%);
  mask-image: radial-gradient(circle, #000 24%, transparent 76%);
}

.growth-engine-v42__aura {
  inset: 11% 5% 8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(57, 225, 255, .23), rgba(62, 87, 255, .1) 36%, transparent 70%);
  filter: blur(3px);
  animation: v42Aura 6s ease-in-out infinite;
}

.growth-engine-v42__trails {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.growth-engine-v42__trails path {
  fill: none;
  stroke: rgba(132, 232, 255, .24);
  stroke-width: 1.25;
  stroke-dasharray: 7 13;
  animation: v42DataFlow 14s linear infinite;
}

.growth-engine-v42__trails path:nth-child(2) {
  stroke: rgba(132, 132, 255, .2);
  animation-direction: reverse;
  animation-duration: 18s;
}

.growth-engine-v42__scene {
  position: absolute;
  inset: 8% 4% 6%;
  transform-style: preserve-3d;
  transform: rotateX(var(--engine-rx)) rotateY(var(--engine-ry));
  transition: transform .35s cubic-bezier(.2, .75, .2, 1);
  will-change: transform;
}

.growth-engine-v42__orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(133, 231, 255, .29);
  border-radius: 50%;
  transform-style: preserve-3d;
  box-shadow: 0 0 34px rgba(56, 207, 255, .08), inset 0 0 20px rgba(56, 207, 255, .04);
}

.growth-engine-v42__orbit::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  top: -5px;
  left: 48%;
  border-radius: 50%;
  background: #93efff;
  box-shadow: 0 0 6px #7ce9ff, 0 0 22px #44d8ff;
}

.growth-engine-v42__orbit--one {
  width: 500px;
  height: 205px;
  margin: -102px 0 0 -250px;
  animation: v42OrbitOne 14s linear infinite;
}

.growth-engine-v42__orbit--two {
  width: 410px;
  height: 410px;
  margin: -205px 0 0 -205px;
  border-color: rgba(133, 156, 255, .22);
  animation: v42OrbitTwo 18s linear infinite reverse;
}

.growth-engine-v42__orbit--three {
  width: 330px;
  height: 150px;
  margin: -75px 0 0 -165px;
  border-style: dashed;
  animation: v42OrbitThree 10s linear infinite;
}

.growth-engine-v42__core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 210px;
  height: 245px;
  transform: translate3d(-50%, -50%, 48px) rotateY(-8deg) rotateX(3deg);
  transform-style: preserve-3d;
  animation: v42CoreFloat 6.6s ease-in-out infinite;
}

.growth-engine-v42__crystal {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  clip-path: polygon(50% 0, 93% 23%, 100% 72%, 50% 100%, 0 72%, 7% 23%);
  background:
    linear-gradient(128deg, rgba(255,255,255,.96) 0 11%, rgba(122,236,255,.92) 12% 34%, rgba(34,149,229,.92) 35% 57%, #0a397f 58% 77%, #061a4e 78% 100%);
  box-shadow: inset 18px 0 40px rgba(255,255,255,.24), inset -24px -12px 42px rgba(0,10,56,.48);
  filter: drop-shadow(0 32px 36px rgba(0, 8, 46, .5)) drop-shadow(0 0 30px rgba(69, 218, 255, .27));
  overflow: hidden;
}

.growth-engine-v42__crystal::before {
  content: "";
  position: absolute;
  inset: -30% 40% -30% -25%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.66), transparent);
  transform: translateX(-120%) skewX(-15deg);
  animation: v42Specular 5.8s ease-in-out infinite;
}

.growth-engine-v42__crystal::after {
  content: "";
  position: absolute;
  inset: 12px;
  clip-path: inherit;
  border: 1px solid rgba(225, 252, 255, .55);
  background: linear-gradient(145deg, rgba(255,255,255,.08), transparent 46%);
}

.growth-engine-v42__monogram {
  position: relative;
  z-index: 2;
  color: #fff;
  font: 900 88px/1 Arial, sans-serif;
  letter-spacing: -.08em;
  text-shadow: 0 9px 24px rgba(4, 43, 102, .42);
}

.growth-engine-v42__core-label {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 38px;
  transform: translateX(-50%);
  white-space: nowrap;
  font: 700 8px/1 Arial, sans-serif;
  letter-spacing: .22em;
  color: #dffaff;
}

.growth-engine-v42__pulse {
  position: absolute;
  inset: -20px;
  border: 1px solid rgba(136, 236, 255, .34);
  clip-path: polygon(50% 0, 93% 23%, 100% 72%, 50% 100%, 0 72%, 7% 23%);
  animation: v42Pulse 3.8s ease-out infinite;
}

.growth-engine-v42__node {
  position: absolute;
  z-index: 4;
  min-width: 132px;
  padding: 12px 14px;
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(7, 30, 79, .86), rgba(8, 65, 113, .62));
  border: 1px solid rgba(138, 230, 255, .22);
  box-shadow: 0 16px 34px rgba(0, 9, 42, .28), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(14px);
  color: #fff;
  animation: v42NodeFloat 5.5s ease-in-out infinite;
}

.growth-engine-v42__node::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-inline-end: 7px;
  border-radius: 50%;
  background: #7eeaff;
  box-shadow: 0 0 12px #6fe6ff;
}

.growth-engine-v42__node small {
  font: 700 7px/1 Arial, sans-serif;
  letter-spacing: .16em;
  color: #78dcf8;
}

.growth-engine-v42__node b {
  display: block;
  margin-top: 7px;
  font-size: 12px;
}

.growth-engine-v42__node--strategy { inset-inline-start: 0; top: 14%; }
.growth-engine-v42__node--brand { inset-inline-end: 0; top: 18%; animation-delay: -1.1s; }
.growth-engine-v42__node--data { inset-inline-start: 2%; bottom: 13%; animation-delay: -2.2s; }
.growth-engine-v42__node--revenue { inset-inline-end: 1%; bottom: 14%; animation-delay: -3.4s; }

.growth-engine-v42__readout {
  position: absolute;
  z-index: 7;
  left: 50%;
  bottom: 0;
  width: min(410px, 78%);
  transform: translateX(-50%);
  padding: 13px 17px;
  border-radius: 18px;
  background: rgba(4, 21, 61, .78);
  border: 1px solid rgba(126, 224, 255, .2);
  box-shadow: 0 18px 38px rgba(0, 9, 42, .26);
  backdrop-filter: blur(15px);
  color: #fff;
}

.growth-engine-v42__readout-head,
.growth-engine-v42__readout-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.growth-engine-v42__readout-head { margin-bottom: 10px; }
.growth-engine-v42__readout-head small { font: 700 7px/1 Arial, sans-serif; letter-spacing: .14em; color: #79e3ff; }
.growth-engine-v42__readout-head span { font-size: 9px; color: #a9cfe1; }
.growth-engine-v42__readout-head i { width: 7px; height: 7px; border-radius: 50%; background: #45f5b5; box-shadow: 0 0 13px #45f5b5; }
.growth-engine-v42__readout-flow span { font: 700 9px/1 Arial, sans-serif; letter-spacing: .08em; color: #eefcff; }
.growth-engine-v42__readout-flow i { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #62e1ff, transparent); }

.ceo-stage-v42 {
  position: relative;
  min-height: 760px;
  border-radius: 40px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 15%, rgba(84, 225, 255, .23), transparent 26%),
    radial-gradient(circle at 16% 82%, rgba(102, 91, 255, .18), transparent 25%),
    linear-gradient(160deg, #031431 0%, #052b5d 54%, #0873a9 100%);
  border: 1px solid rgba(135, 226, 255, .2);
  box-shadow: 0 42px 90px rgba(3, 24, 67, .2), inset 0 1px 0 rgba(255,255,255,.1);
}

.ceo-stage-v42__grid {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(108, 218, 255, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 218, 255, .055) 1px, transparent 1px);
  background-size: 31px 31px;
  -webkit-mask-image: linear-gradient(#000, transparent 96%);
  mask-image: linear-gradient(#000, transparent 96%);
}

.ceo-stage-v42__halo {
  position: absolute;
  left: 50%;
  top: 43%;
  width: 540px;
  height: 250px;
  border: 1px solid rgba(143, 234, 255, .19);
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  box-shadow: 0 0 0 36px rgba(113, 222, 255, .025), 0 0 60px rgba(64, 209, 255, .08);
}

.ceo-stage-v42__frame {
  position: absolute;
  z-index: 2;
  inset: 70px 40px 38px;
  border-radius: 34px;
  overflow: hidden;
  background: #05070e;
  border: 1px solid rgba(172, 239, 255, .28);
  box-shadow: 0 30px 68px rgba(0, 7, 32, .46), inset 0 1px 0 rgba(255,255,255,.12);
}

.ceo-stage-v42__portrait {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 17%;
  transform-origin: 50% 24%;
  filter: saturate(1.02) contrast(1.03);
  transition: transform .7s cubic-bezier(.2, .75, .2, 1);
}

html[dir="rtl"] .ceo-stage-v42__portrait { transform: scale(1.34) scaleX(-1); }
html[dir="ltr"] .ceo-stage-v42__portrait { transform: scale(1.34) scaleX(1); }

.ceo-stage-v42__frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 48%, rgba(2, 10, 28, .16) 70%, rgba(2, 10, 28, .8) 100%), radial-gradient(circle at 48% 13%, rgba(255,255,255,.1), transparent 30%);
}

.ceo-stage-v42__signal,
.ceo-stage-v42__badge {
  position: absolute;
  z-index: 4;
  border: 1px solid rgba(151, 232, 255, .25);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 38px rgba(0, 10, 38, .28);
}

.ceo-stage-v42__signal {
  inset-inline-start: 18px;
  top: 18px;
  padding: 12px 15px;
  border-radius: 17px;
  background: rgba(3, 29, 68, .76);
}

.ceo-stage-v42__signal small,
.ceo-stage-v42__badge small { display: block; font: 700 8px/1 Arial, sans-serif; letter-spacing: .16em; color: #82e8ff; direction: ltr; }
.ceo-stage-v42__signal b { display: block; margin-top: 7px; font-size: 11px; color: #fff; }

.ceo-stage-v42__badge {
  inset-inline: 58px;
  bottom: 24px;
  padding: 18px 20px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(3, 27, 66, .88), rgba(6, 72, 113, .75));
  color: #fff;
}

.ceo-stage-v42__badge b { display: block; margin: 8px 0 5px; font-size: 22px; }
.ceo-stage-v42__badge span { display: block; font-size: 10px; line-height: 1.8; color: #b8dce9; }

@keyframes v42Aura { 50% { transform: scale(1.06); opacity: .76; } }
@keyframes v42DataFlow { to { stroke-dashoffset: -200; } }
@keyframes v42OrbitOne { to { transform: rotateX(68deg) rotateZ(360deg); } }
@keyframes v42OrbitTwo { from { transform: rotateY(72deg) rotateZ(0deg); } to { transform: rotateY(72deg) rotateZ(360deg); } }
@keyframes v42OrbitThree { to { transform: rotateX(68deg) rotateZ(-360deg); } }
@keyframes v42CoreFloat { 50% { transform: translate3d(-50%, calc(-50% - 10px), 58px) rotateY(7deg) rotateX(-2deg); } }
@keyframes v42Specular { 0%, 32% { transform: translateX(-140%) skewX(-15deg); } 68%, 100% { transform: translateX(310%) skewX(-15deg); } }
@keyframes v42Pulse { 0% { transform: scale(.9); opacity: 0; } 28% { opacity: .55; } 100% { transform: scale(1.24); opacity: 0; } }
@keyframes v42NodeFloat { 50% { transform: translateY(-8px); } }

@media (max-width: 1100px) {
  .about-page .growth-engine-v42 { min-height: 560px; }
  .ceo-stage-v42 { min-height: 720px; }
}

@media (max-width: 700px) {
  .about-page .growth-engine-v42 { min-height: 470px; width: 100%; }
  .growth-engine-v42__scene { inset: 7% 0 8%; transform: scale(.86) rotateX(var(--engine-rx)) rotateY(var(--engine-ry)); }
  .growth-engine-v42__orbit--one { width: 390px; height: 165px; margin: -82px 0 0 -195px; }
  .growth-engine-v42__orbit--two { width: 320px; height: 320px; margin: -160px 0 0 -160px; }
  .growth-engine-v42__orbit--three { width: 270px; height: 120px; margin: -60px 0 0 -135px; }
  .growth-engine-v42__core { width: 165px; height: 195px; }
  .growth-engine-v42__monogram { font-size: 66px; }
  .growth-engine-v42__node { min-width: 104px; padding: 10px; }
  .growth-engine-v42__node b { font-size: 10px; }
  .growth-engine-v42__node--strategy { top: 9%; }
  .growth-engine-v42__node--brand { top: 13%; }
  .growth-engine-v42__node--data { bottom: 14%; }
  .growth-engine-v42__node--revenue { bottom: 15%; }
  .growth-engine-v42__readout { width: 88%; padding: 11px 13px; }
  .growth-engine-v42__readout-flow span { font-size: 7px; }
  .ceo-stage-v42 { min-height: 570px; border-radius: 30px; }
  .ceo-stage-v42__frame { inset: 62px 15px 20px; border-radius: 25px; }
  .ceo-stage-v42__portrait { object-position: 50% 14%; }
  html[dir="rtl"] .ceo-stage-v42__portrait { transform: scale(1.26) scaleX(-1); }
  html[dir="ltr"] .ceo-stage-v42__portrait { transform: scale(1.26) scaleX(1); }
  .ceo-stage-v42__signal { inset-inline-start: 10px; top: 12px; padding: 10px 12px; }
  .ceo-stage-v42__badge { inset-inline: 26px; bottom: 10px; padding: 14px 16px; }
  .ceo-stage-v42__badge b { font-size: 19px; }
  .ceo-stage-v42__badge span { font-size: 9px; }
}

@media (max-width: 430px) {
  .about-page .about-hero .hero-grid { min-width: 0; }
  .about-page .about-hero .display { max-width: 100%; font-size: clamp(36px, 10.5vw, 42px); overflow-wrap: anywhere; }
  .about-page .growth-engine-v42 { min-height: 440px; overflow: hidden; }
  .growth-engine-v42__scene { inset: 5% -5% 10%; transform: scale(.74) rotateX(var(--engine-rx)) rotateY(var(--engine-ry)); }
  .growth-engine-v42__orbit--one { width: 350px; height: 148px; margin: -74px 0 0 -175px; }
  .growth-engine-v42__orbit--two { width: 286px; height: 286px; margin: -143px 0 0 -143px; }
  .growth-engine-v42__orbit--three { width: 238px; height: 104px; margin: -52px 0 0 -119px; }
  .growth-engine-v42__core { width: 150px; height: 178px; }
  .growth-engine-v42__node { min-width: 96px; padding: 9px; }
  .growth-engine-v42__node small { font-size: 6px; }
  .growth-engine-v42__node b { font-size: 9px; }
  .growth-engine-v42__readout { width: 92%; }
}

@media (prefers-reduced-motion: reduce) {
  .growth-engine-v42 *,
  .growth-engine-v42 *::before,
  .growth-engine-v42 *::after { animation: none !important; transition: none !important; }
  .growth-engine-v42__scene { transform: none; }
  .ceo-stage-v42__portrait { transition: none; }
}