.motion-ready .service-hero{overflow:hidden}
.motion-ready .service-hero:before{content:"";position:absolute;width:48vw;height:48vw;min-width:430px;min-height:430px;right:-12vw;top:-16vw;border:1px solid #6970a829;border-radius:50%;box-shadow:0 0 0 70px #6970a00b,0 0 0 145px #6970a008;transform:translate3d(0,var(--hero-ring-y,0),0) rotate(var(--hero-ring-r,0deg))}
.motion-ready .hero-grid>div:first-child,.motion-ready .hero-orbit,.motion-ready .trust-row{will-change:transform;transition:transform .18s linear}
.motion-ready .hero-orbit{transform-style:preserve-3d;box-shadow:inset 0 0 60px #555bcf18,0 35px 100px #0008}
.motion-ready .hero-orbit:before{animation:serviceOrbit 12s linear infinite}
.motion-ready .hero-orbit:after{animation:serviceOrbitReverse 9s linear infinite}
.motion-ready .orbit-chip{box-shadow:0 8px 28px #0008;backdrop-filter:blur(8px)}
.motion-ready .content-section{perspective:1300px}

.motion-ready .parallax-item{opacity:1;transform-style:preserve-3d;transform:perspective(1200px) translate3d(var(--parallax-x,0),var(--parallax-y,0),var(--parallax-z,0)) rotateX(var(--parallax-rx,0deg)) rotateY(var(--parallax-ry,0deg));transition:transform .16s linear;will-change:transform}
.motion-ready .feature.parallax-item,
.motion-ready .related a.parallax-item,
.motion-ready .service-hub-card.parallax-item{transform:perspective(1200px) translate3d(var(--parallax-x,0),var(--parallax-y,0),var(--parallax-z,0)) rotateX(calc(var(--parallax-rx,0deg) + var(--tilt-x,0deg))) rotateY(calc(var(--parallax-ry,0deg) + var(--tilt-y,0deg)));transition:transform .16s linear,border-color .25s,box-shadow .25s}
.motion-ready .feature.parallax-item:hover,
.motion-ready .related a.parallax-item:hover,
.motion-ready .service-hub-card.parallax-item:hover{border-color:#8088ca;box-shadow:0 25px 60px #0006,0 0 35px #6871ff17}

.service-detail-motion .check-list{border-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-detail-motion .check-list li{min-height:112px;padding:22px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#171c2b,#0d1019);align-items:flex-start;gap:14px;color:#d9dceb}
.service-detail-motion .check-list li:before{content:"✓";flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #aeb4ff66;border-radius:50%;background:#aeb4ff18;color:var(--accent);font-size:14px;font-weight:800;line-height:1}
.faq details{overflow:hidden}
.faq summary:after{transition:transform .35s ease,color .25s ease}
.faq details[open] summary:after{transform:rotate(180deg)}
.faq details p{animation:faqAnswerIn .42s cubic-bezier(.2,.75,.2,1) both}

@keyframes serviceOrbit{to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes serviceOrbitReverse{to{transform:rotateY(68deg) rotateZ(-360deg)}}
@keyframes faqAnswerIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

@media(max-width:800px){
  .motion-ready .service-hero:before{opacity:.5}
  .motion-ready .hero-orbit:before,.motion-ready .hero-orbit:after{animation-duration:18s}
  .motion-ready .parallax-item{--parallax-x:0!important;--parallax-y:0!important;--parallax-z:0!important;--parallax-rx:0deg!important;--parallax-ry:0deg!important;transform:none!important;transition:none}
  .service-detail-motion .check-list{grid-template-columns:1fr}
  .service-detail-motion .content-section,.service-hub-motion .content-section{padding-top:84px;padding-bottom:84px}
  .service-detail-motion .section-head,.service-hub-motion .section-head{margin-bottom:44px}
  .service-detail-motion .split{gap:40px}
  .service-detail-motion .feature-grid,.service-detail-motion .process,.service-detail-motion .related{gap:22px}
  .service-detail-motion .faq h2{margin-bottom:42px}
  .service-detail-motion .service-contact,.service-hub-motion .service-contact{gap:44px}
  .service-detail-motion .site-footer,.service-hub-motion .site-footer{padding-top:58px}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .service-hero:before{display:none}
  .motion-ready .hero-orbit:before,.motion-ready .hero-orbit:after{animation:none}
  .motion-ready .parallax-item{opacity:1!important;transform:none!important;transition:none!important}
  .faq details p{animation:none}
  .faq summary:after{transition:none}
}
