/* ONIX v7.8.1 — Lightweight pixel sphere intro */
.public-index-v23 .onix-sphere-intro{
  gap:0!important;
  padding:max(22px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))!important;
}
.public-index-v23 .onix-sphere-stage{
  --sphere-size:clamp(180px,34vw,286px);
  width:var(--sphere-size);
  height:var(--sphere-size);
  position:relative;
  display:grid;
  place-items:center;
  perspective:900px;
  margin-bottom:14px;
  opacity:0;
  transform:translateY(18px) scale(.9);
  animation:onixSphereReveal .9s cubic-bezier(.16,1,.3,1) .08s forwards;
}
.onix-sphere-glow{
  position:absolute; inset:7%; border-radius:50%;
  background:radial-gradient(circle,rgba(226,235,246,.12),rgba(147,160,177,.045) 43%,transparent 70%);
  filter:blur(14px); opacity:.72;
  animation:onixSphereGlow 4.8s ease-in-out infinite;
}
.onix-sphere{
  position:absolute; inset:14%; border-radius:50%;
  transform-style:preserve-3d;
  animation:onixSphereTurn 7.2s linear infinite;
  will-change:transform;
}
.onix-sphere::before{
  content:""; position:absolute; inset:0; border-radius:50%;
  border:1px solid rgba(238,244,250,.17);
  box-shadow:inset 18px 0 32px rgba(255,255,255,.025),inset -18px 0 32px rgba(0,0,0,.42),0 0 26px rgba(225,235,246,.05);
}
.onix-sphere-ring{position:absolute;inset:0;border:1px dashed rgba(225,233,242,.22);border-radius:50%;transform-style:preserve-3d}
.ring-equator{transform:rotateX(72deg)}
.ring-latitude{left:10%;right:10%;height:62%;top:19%;opacity:.58}
.ring-latitude-top{transform:translateY(-25%) rotateX(72deg)}
.ring-latitude-bottom{transform:translateY(25%) rotateX(72deg)}
.ring-longitude-a{transform:rotateY(67deg)}
.ring-longitude-b{transform:rotateY(-67deg);opacity:.58}
.onix-pixel-mark{position:absolute;inset:19%;transform:translateZ(12px);transform-style:preserve-3d}
.onix-pixel-mark .onix-px{
  position:absolute;width:5px;height:5px;border-radius:1px;background:#f4f6f8;
  box-shadow:0 0 5px rgba(255,255,255,.13);
  transform:translateZ(var(--pz,0px));
}
.onix-sphere-dust{position:absolute;inset:0;pointer-events:none}
.onix-sphere-dust i{
  position:absolute;width:3px;height:3px;background:#f0f3f7;opacity:0;
  animation:onixDustFloat 3.6s ease-in-out infinite;animation-delay:var(--delay);
  left:var(--x);top:var(--y);box-shadow:0 0 5px rgba(255,255,255,.16)
}
.onix-scan-line{
  position:absolute;left:14%;right:14%;height:1px;top:37%;opacity:.25;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
  animation:onixSphereScan 3.8s ease-in-out infinite;
}
.public-index-v23 .onix-sphere-intro .intro-kicker{margin:4px 0 8px!important;font-size:.63rem!important;letter-spacing:.42em!important;color:#7e8793!important}
.onix-intro-wordmark{
  opacity:0;transform:translateY(16px);
  font-size:clamp(2.9rem,7.7vw,5.3rem);font-weight:500;line-height:.95;letter-spacing:.34em;margin-left:.34em;
  animation:introContentReveal .72s cubic-bezier(.2,.8,.2,1) .92s forwards;
}
.onix-intro-advisory{
  opacity:0;transform:translateY(14px);margin-top:8px;font-size:clamp(.64rem,1.6vw,.9rem);letter-spacing:.56em;color:#aeb5bd;
  animation:introContentReveal .72s cubic-bezier(.2,.8,.2,1) 1.02s forwards;
}
.onix-intro-tagline{
  opacity:0;transform:translateY(14px);margin:22px 0 0!important;font-size:clamp(.68rem,1.7vw,.86rem);letter-spacing:.2em;color:#dfe4e9;
  animation:introContentReveal .72s cubic-bezier(.2,.8,.2,1) 1.12s forwards;
}
.public-index-v23 .onix-sphere-enter{
  margin-top:24px!important;min-width:min(76vw,310px);display:inline-flex;align-items:center;justify-content:center;gap:18px;
  letter-spacing:.28em;text-transform:uppercase;font-size:.75rem;padding:13px 24px!important;background:rgba(255,255,255,.025)!important;
}
.onix-intro-values{
  opacity:0;transform:translateY(10px);margin:18px 0 0!important;color:#626a73;font-size:.53rem;letter-spacing:.24em;
  animation:introContentReveal .72s cubic-bezier(.2,.8,.2,1) 1.32s forwards;
}
@keyframes onixSphereReveal{to{opacity:1;transform:none}}
@keyframes onixSphereTurn{0%{transform:rotateY(0deg) rotateX(7deg)}50%{transform:rotateY(180deg) rotateX(-7deg)}100%{transform:rotateY(360deg) rotateX(7deg)}}
@keyframes onixSphereGlow{0%,100%{opacity:.46;transform:scale(.96)}50%{opacity:.82;transform:scale(1.035)}}
@keyframes onixSphereScan{0%,100%{top:30%;opacity:0}22%{opacity:.28}58%{top:70%;opacity:.16}82%{opacity:.28}}
@keyframes onixDustFloat{0%,100%{opacity:0;transform:translate3d(0,0,0) scale(.5)}25%{opacity:.6}70%{opacity:.1;transform:translate3d(var(--dx),var(--dy),0) scale(1)}}
@media(max-width:640px){
  .public-index-v23 .onix-sphere-stage{--sphere-size:min(58vw,220px);margin-bottom:10px}
  .onix-pixel-mark .onix-px{width:4px;height:4px}
  .onix-intro-wordmark{font-size:clamp(2.5rem,13vw,3.8rem)}
  .onix-intro-tagline{max-width:84vw;line-height:1.55}
  .onix-intro-values{font-size:.46rem;letter-spacing:.18em}
}
@media(max-height:720px){
  .public-index-v23 .onix-sphere-stage{--sphere-size:min(33vh,190px);margin-bottom:6px}
  .onix-intro-tagline{margin-top:13px!important}
  .public-index-v23 .onix-sphere-enter{margin-top:15px!important;padding:11px 20px!important}
  .onix-intro-values{margin-top:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .onix-sphere,.onix-sphere-glow,.onix-sphere-dust i,.onix-scan-line{animation:none!important}
  .public-index-v23 .onix-sphere-stage,.onix-intro-wordmark,.onix-intro-advisory,.onix-intro-tagline,.onix-intro-values{opacity:1!important;transform:none!important;animation:none!important}
}