/* WITTIRECORDS motion: progressive enhancement, no scroll interception. */
.hero { position:relative; isolation:isolate; }
.wr-atmosphere { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
.wr-orb { position:absolute; width:min(65vw,800px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#25c4f421,transparent 68%); top:-25%; right:-18%; }
.wr-orb-two { width:min(55vw,650px); top:35%; left:-25%; right:auto; background:radial-gradient(circle,#508bff16,transparent 68%); }
.wr-orbit { position:absolute; width:380px; height:380px; right:-170px; top:35%; border:1px solid #25c4f423; border-radius:50%; }
.wr-motion-on .hero-visual { box-shadow:0 25px 65px #0005,0 0 0 1px #25c4f42b; }
.wr-motion-on .service-card { background:#121d26; box-shadow:0 18px 40px #0002; transition:box-shadow .35s,border-color .35s; }
.wr-motion-on .service-card:hover { border-color:#25c4f485; box-shadow:0 24px 55px #0005; }
.wr-motion-on .wr-easter.wr-in-view,.wr-motion-on .logo-mascot.wr-in-view { animation:wr-float 6.5s ease-in-out infinite; }
.wr-motion-on .wr-easter:nth-child(even) { animation-delay:-3s; }
.wr-motion-on .hero-tag { animation:wr-tag 7s ease-in-out infinite; }
@keyframes wr-float { 0%,100% {translate:0 0} 50% {translate:0 -9px} }
@keyframes wr-tag {0%,100%{translate:0 0}50%{translate:0 7px}}
.wr-motion-toggle {display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 12px;background:transparent;border:1px solid #ffffff35;color:var(--muted);font:inherit;font-size:11px;margin-top:22px;}
.wr-motion-toggle:before {content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #25c4f470;}
.wr-motion-toggle[aria-pressed=false]:before {background:#8195a4;box-shadow:none;}
@media(max-width:700px){.wr-orbit{width:230px;height:230px;right:-150px}.wr-motion-on .wr-easter.wr-in-view,.wr-motion-on .logo-mascot.wr-in-view{animation-name:wr-float-small}@keyframes wr-float-small{0%,100%{translate:0 0}50%{translate:0 -5px}}}
@media(prefers-reduced-motion:reduce){.wr-motion-on .wr-easter,.wr-motion-on .logo-mascot,.wr-motion-on .hero-tag{animation:none!important}}
html.wr-motion-off{scroll-behavior:auto}
@media(forced-colors:active){.wr-atmosphere{display:none}}