/* Gentle motion layered onto the existing components. */
@media (prefers-reduced-motion: no-preference){
.page-hero:before{animation:ambient-breathe 10s ease-in-out infinite alternate}
.page-hero .hero-emphasis{background-size:180% 100%;animation:gradient-shift 12s ease-in-out infinite alternate}
.agency-orbit.a,.inner-orbit.one{animation:orbit-one 32s linear infinite}
.agency-orbit.b,.inner-orbit.two{animation:orbit-two 38s linear infinite}
.agency-globe,.inner-aura{animation:soft-float 8s ease-in-out infinite}
.agency-chip-one,.float-mark.a{animation:chip-float 7s ease-in-out infinite}
.agency-chip-two,.float-mark.b{animation:chip-float 8s ease-in-out -3s infinite}
.agency-location{animation:chip-float 7s ease-in-out -2s infinite}
.inner-spark,.agency-cross{animation:star-pulse 5s ease-in-out infinite}
.inner-spark.s2,.agency-cross.cross-two{animation-delay:-2.5s}
.card-grid .content-card,.case-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.card-grid .content-card:hover,.case-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px #051b251a}
.card-grid .content-card .premium-icon{transition:transform .45s,box-shadow .45s}
.card-grid .content-card:hover .premium-icon{transform:translateY(-3px) rotate(-4deg);box-shadow:0 0 24px #bde3a21c}
.trust-chip-section .checklist>li{transition:transform .3s,border-color .3s,box-shadow .3s}
.trust-chip-section .checklist>li:hover{transform:translateY(-3px);border-color:#89af72;box-shadow:0 8px 20px #365a3312}
.faq-list details summary::after{transition:transform .3s,color .3s}
.faq-list details[open] summary::after{transform:rotate(180deg)}
.btn{transition:transform .35s,box-shadow .35s,background .35s}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #99c77930}
.inner-visual,.agency-visual{transition:box-shadow .5s,border-color .5s}
.inner-visual:hover,.agency-visual:hover{border-color:#b7db9a75;box-shadow:0 26px 60px #173b311f,0 0 35px #a7d38b12}
@keyframes ambient-breathe{from{opacity:.5;transform:translateX(-50%) scale(.98)}to{opacity:1;transform:translateX(-50%) scale(1.02)}}
@keyframes gradient-shift{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes orbit-one{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes orbit-two{from{transform:rotate(28deg)}to{transform:rotate(-332deg)}}
@keyframes soft-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes chip-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes star-pulse{0%,100%{opacity:.5;scale:.9}50%{opacity:1;scale:1.1}}
}
@media (prefers-reduced-motion: reduce){.agency-orbit,.inner-orbit,.agency-globe,.inner-aura,.agency-chip-one,.agency-chip-two,.float-mark,.agency-location,.inner-spark,.agency-cross{animation:none!important;transition:none!important}}

/* Motion for the small hero details and the dashboard illustration. */
@media (prefers-reduced-motion: no-preference){
  .page-hero .hero-ambient i{animation:hero-particle 4.5s ease-in-out infinite}
  .page-hero .hero-ambient i:nth-child(2){animation-duration:5.5s;animation-delay:-2s}
  .page-hero .hero-ambient i:nth-child(3){animation-duration:6s;animation-delay:-3.5s}
  .page-hero .section-label:before{animation:hero-beacon 3s ease-in-out infinite}
  .dashboard-section .floatcard.one{animation:hero-card-float 4.5s ease-in-out infinite}
  .dashboard-section .floatcard.two{animation:hero-card-float 5.2s ease-in-out -2.4s infinite}
  .dashboard-section .floatcard .symbol{display:inline-block;animation:hero-icon-glow 3.5s ease-in-out infinite}
  .dashboard-section .spark{animation:hero-sparkle 3.5s ease-in-out infinite}
  .dashboard-section .spark.second{animation-delay:-1.8s}
  .dashboard-section .windowdots i:first-child{animation:hero-beacon 3s ease-in-out infinite}
  .dashboard-section .chart path:last-child{animation:hero-line-glow 4s ease-in-out infinite}
  @keyframes hero-particle{0%,100%{opacity:.45;transform:translateY(0) scale(.8)}50%{opacity:1;transform:translateY(-12px) scale(1.35)}}
  @keyframes hero-beacon{0%,100%{opacity:.6;box-shadow:0 0 5px #a8d98b55}50%{opacity:1;box-shadow:0 0 14px #a8d98baa}}
  @keyframes hero-card-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
  @keyframes hero-icon-glow{0%,100%{filter:drop-shadow(0 0 0 transparent);scale:1}50%{filter:drop-shadow(0 0 5px #8fbc6f99);scale:1.12}}
  @keyframes hero-sparkle{0%,100%{opacity:.55;scale:.85;rotate:0deg}50%{opacity:1;scale:1.2;rotate:35deg}}
  @keyframes hero-line-glow{0%,100%{filter:drop-shadow(0 0 1px #b8e69155)}50%{filter:drop-shadow(0 0 5px #b8e691bb)}}
}
@media (prefers-reduced-motion: reduce){
  .page-hero .hero-ambient i,.page-hero .section-label:before,.dashboard-section .floatcard,.dashboard-section .floatcard .symbol,.dashboard-section .spark,.dashboard-section .windowdots i:first-child,.dashboard-section .chart path:last-child{animation:none!important}
}

/* Stronger heading hierarchy in both color themes. */
body h1,body h2,body h3{font-weight:600!important}