/* =========================================================
   MainDomainSEO — Animations, glows & effects
   ========================================================= */

/* Ambient floating glow orbs used on some sections */
.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0}
.glow-orb.cyan{background:rgba(0,194,255,.35);animation:float1 14s ease-in-out infinite}
.glow-orb.violet{background:rgba(123,47,255,.35);animation:float2 18s ease-in-out infinite}

@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}}

/* Button shimmer sweep */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{
  content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:none;
}
.btn-primary:hover::after{animation:shimmer .9s var(--ease)}
@keyframes shimmer{to{left:130%}}

/* Gradient text subtle animation */
.text-grad{background-size:200% 200%;animation:gradShift 6s ease infinite}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Icon badge glow pulse on hover of parent card */
.feature:hover .icon-badge,.svc-card:hover .icon-badge,.pillar:hover .icon-badge,.meet-card:hover .icon-badge{
  box-shadow:0 0 26px rgba(0,194,255,.5);border-color:var(--cyan);
}
.icon-badge{transition:box-shadow .3s var(--ease),border-color .3s var(--ease)}

/* Counter emphasis */
.stat h3{transition:transform .3s var(--ease)}
.stat:hover h3{transform:scale(1.05)}

/* Link arrow nudge */
.svc-card .more,.footer-col a{transition:transform .2s var(--ease),color .2s}
.svc-card:hover .more{transform:translateX(4px)}

/* Nav logo subtle hover */
.nav-logo{transition:transform .3s var(--ease)}
.nav-logo:hover{transform:scale(1.03)}

/* Fade-up keyframe (fallback for reveal) */
@keyframes fadeUp{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}

/* Hero content entrance */
.hero-inner>*{animation:fadeUp .9s var(--ease) both}
.hero-inner h1{animation-delay:.05s}
.hero-inner .sub{animation-delay:.2s}
.hero-inner .hero-ctas{animation-delay:.35s}
.hero-inner .stats{animation-delay:.5s}

/* Reduced motion respect */
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}