/* SarvSync Cosmic Order Hero Orb v3.17
 * Approved scope: only the former hero orb. The historic Signal Grove SVG,
 * logo-reflection rules, binary/satellite controls, and site copy are unchanged.
 * Visual geometry: celestial equator, orthogonal meridians, ecliptic, and quiet reference lane.
 * Compositor-only moving transforms; 3 turns/minute per orbit; no animation frame JS. */
.cosmic-hero-host{isolation:isolate;overflow:clip;max-inline-size:100%;min-inline-size:0}
.cosmic-hero-host .cosmic-orb-mount{display:flex;align-items:center;justify-content:center;width:100%;min-inline-size:0;max-inline-size:100%;height:100%;contain:layout paint style}
.cosmic-hero-host .cosmic-orb-fallback{display:grid;place-items:center;width:min(56vw,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 24%,#9d76b5 0%,#593366 25%,#24112f 65%,#090510 100%);box-shadow:inset -14px -20px 34px #090510b8,0 0 34px #9654c42c}
.cosmic-hero-host .cosmic-orb-fallback img{display:block;width:34%;height:auto;max-height:86%;object-fit:contain}
.cosmic-hero-host .hero-code-scene{max-inline-size:100%;min-inline-size:0;isolation:isolate}
.cosmic-hero-host .cosmic-orbit{
  position:absolute;left:50%;top:52%;pointer-events:none;border-radius:50%;
  border:3px solid rgba(222,188,240,.48);
  background:transparent;
  box-shadow:0 0 10px rgba(209,141,245,.14),0 0 24px rgba(161,91,216,.075),inset 0 0 7px rgba(255,243,255,.07);
  filter:none!important;
  transform-origin:center;
  backface-visibility:visible;
  animation-duration:20s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  will-change:transform;
}
.cosmic-hero-host .cosmic-orbit::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,244,255,.07);pointer-events:none}
.cosmic-hero-host .cosmic-ring-back{z-index:1}
.cosmic-hero-host .cosmic-ring-front{z-index:7}
.cosmic-hero-host .cosmic-ring-reference{
  width:96%;height:30%;opacity:.16;border-style:dashed;
  animation-name:cosmicEquatorRef;
}
.cosmic-hero-host .cosmic-ring-equator-major{width:88%;height:25%;opacity:.86;animation-name:cosmicEquatorMajor}
.cosmic-hero-host .cosmic-ring-equator-minor{width:76%;height:20%;opacity:.49;animation-name:cosmicEquatorMinor}
.cosmic-hero-host .cosmic-ring-meridian-a{width:24%;height:88%;opacity:.50;animation-name:cosmicMeridianA}
.cosmic-hero-host .cosmic-ring-meridian-b{width:24%;height:88%;opacity:.39;animation-name:cosmicMeridianB}
.cosmic-hero-host .cosmic-ring-ecliptic{width:36%;height:90%;opacity:.59;animation-name:cosmicEcliptic}
@keyframes cosmicEquatorMajor{
 from{transform:translate(-50%,-50%) rotate(-2deg) perspective(540px) rotateX(72deg)}
 to{transform:translate(-50%,-50%) rotate(358deg) perspective(540px) rotateX(72deg)}
}
@keyframes cosmicEquatorMinor{
 from{transform:translate(-50%,-50%) rotate(8deg) perspective(540px) rotateX(72deg)}
 to{transform:translate(-50%,-50%) rotate(-352deg) perspective(540px) rotateX(72deg)}
}
@keyframes cosmicEquatorRef{
 from{transform:translate(-50%,-50%) rotate(12deg) perspective(540px) rotateX(72deg)}
 to{transform:translate(-50%,-50%) rotate(372deg) perspective(540px) rotateX(72deg)}
}
@keyframes cosmicMeridianA{
 from{transform:translate(-50%,-50%) rotateZ(0deg) perspective(620px) rotateY(22deg)}
 to{transform:translate(-50%,-50%) rotateZ(360deg) perspective(620px) rotateY(22deg)}
}
@keyframes cosmicMeridianB{
 from{transform:translate(-50%,-50%) rotateZ(90deg) perspective(620px) rotateY(-22deg)}
 to{transform:translate(-50%,-50%) rotateZ(450deg) perspective(620px) rotateY(-22deg)}
}
@keyframes cosmicEcliptic{
 from{transform:translate(-50%,-50%) rotateZ(34deg) perspective(620px) rotateY(-17deg)}
 to{transform:translate(-50%,-50%) rotateZ(394deg) perspective(620px) rotateY(-17deg)}
}
.cosmic-hero-host .cosmic-sphere-shell{isolation:isolate}
.cosmic-hero-host .cosmic-solid-sphere{
 position:absolute;inset:0;border-radius:50%;z-index:0;overflow:hidden;pointer-events:none;
 background:radial-gradient(circle at 34% 25%,#ad89b7 0%,#764588 18%,#4c2a5a 43%,#291431 67%,#100919 100%);
 box-shadow:inset -25px -18px 41px rgba(9,5,16,.59),inset 14px 11px 26px rgba(239,203,255,.15),0 0 28px rgba(150,75,202,.13);
}
.cosmic-hero-host .cosmic-sphere-surface{position:absolute;inset:0;width:200%;height:100%;display:flex;opacity:.48;pointer-events:none;animation:cosmicCoreTurn 40s linear infinite;will-change:transform}
.cosmic-hero-host .cosmic-sphere-surface i{
 display:block;flex:0 0 50%;height:100%;
 background:radial-gradient(ellipse 12% 60% at 28% 50%,rgba(236,167,250,.12),transparent 100%),radial-gradient(ellipse 17% 70% at 72% 50%,rgba(30,9,46,.39),transparent 100%),repeating-linear-gradient(90deg,rgba(197,137,218,.10) 0,rgba(197,137,218,.015) 18px,rgba(24,6,38,.17) 42px,rgba(197,137,218,.09) 62px,rgba(197,137,218,.1) 90px)
}
@keyframes cosmicCoreTurn{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cosmic-hero-host .cosmic-sphere-light{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 48% 76% at 30% 30%,rgba(255,243,255,.14),transparent 95%),radial-gradient(circle at 74% 78%,transparent 33%,rgba(8,4,16,.53) 90%)}
.cosmic-hero-host .hero-sphere-glass{z-index:1;pointer-events:none;background:radial-gradient(circle at 32% 24%,rgba(255,248,255,.16),rgba(217,153,237,.07) 25%,rgba(56,22,73,.035) 58%,rgba(10,3,17,.20) 100%)}
.cosmic-hero-host .hero-sphere-core{z-index:1;pointer-events:none;filter:none;background:radial-gradient(circle at 40% 33%,rgba(244,201,255,.035),rgba(133,70,162,.04) 34%,rgba(16,8,27,.22) 100%)}
.cosmic-hero-host .hero-symbol-wrap{z-index:4} /* original image, mask, typography, dimensions & reflections kept */
.cosmic-hero-host .hero-core-reflection{z-index:3;pointer-events:none}
.cosmic-hero-host .hero-orbit-trail{opacity:.10!important;filter:none!important}
.cosmic-hero-host .scene-aura.aura-one{opacity:.32}
.cosmic-hero-host.motion-offscreen .cosmic-orbit,.motion-tab-hidden .cosmic-hero-host .cosmic-orbit,
.cosmic-hero-host.motion-offscreen .cosmic-sphere-surface,.motion-tab-hidden .cosmic-hero-host .cosmic-sphere-surface{
 animation-play-state:paused!important;will-change:auto!important;
}
@media (max-width:750px){
 .cosmic-hero-host .cosmic-orbit{border-width:2.6px}
 .cosmic-hero-host .cosmic-ring-reference{opacity:.10}
 .cosmic-hero-host .cosmic-ring-equator-minor{opacity:.34}
 .cosmic-hero-host .cosmic-ring-meridian-b{opacity:.30}
}
@media (max-width:520px){
 .cosmic-hero-host .cosmic-orbit{border-width:2.3px}
 .cosmic-hero-host .cosmic-ring-reference{opacity:.06}
}
@media (prefers-reduced-motion:reduce){
 .cosmic-hero-host .cosmic-orbit,.cosmic-hero-host .cosmic-sphere-surface{animation:none!important;will-change:auto!important}
}