.brand-motion-toggle{position:fixed;bottom:16px;right:18px;z-index:20;padding:9px 14px;min-height:40px;border:1px solid #c9c1d2;border-radius:24px;background:#fafaf9;color:#574363;font:inherit;font-size:11px;cursor:pointer;box-shadow:0 3px 12px #2423290a}
.brand-lockup{position:relative;display:inline-block;width:184px;aspect-ratio:1519/474;line-height:0;flex:0 0 auto}.brand-lockup>img{display:block;width:100%;height:100%;object-fit:contain}.brand-lockup .brand-infinity{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.footer .brand-lockup{width:206px}.footer .logo-lockup{min-height:62px;align-items:center}
.brand-motion-toggle[hidden]{display:none}.brand-motion-toggle:focus-visible{outline:2px solid #695080;outline-offset:4px}
.brand-trail{fill:none;stroke:#fbfcff;stroke-width:3;stroke-linecap:round;stroke-dasharray:14 86;opacity:.85}.brand-infinity .brand-trail{stroke-width:5;opacity:.72}
@keyframes brand-path-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes brand-hero-float{0%,100%{transform:translateY(4px) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.4deg)}}
@keyframes character-float{0%,100%{transform:translate3d(0,3px,0) rotate(-.18deg)}50%{transform:translate3d(0,-8px,0) rotate(.18deg)}}
@media(prefers-reduced-motion:no-preference){
  html[data-brand-motion] .infinity-flow .flow-energy,html[data-brand-motion] .brand-trail{animation:brand-path-flow 6s linear infinite!important;animation-play-state:paused!important}
  html[data-brand-motion=enabled] .brand-running .flow-energy,html[data-brand-motion=enabled] .brand-running .brand-trail{animation-play-state:running!important}
  html[data-brand-motion] .hero .hero-character{animation:brand-hero-float 5s ease-in-out infinite!important;animation-play-state:paused!important;transition:scale 350ms ease,rotate 350ms ease}
  html[data-brand-motion=enabled] .hero[data-hero-motion=running] .hero-character{animation-play-state:running!important}
  html[data-brand-motion] .learning-banner img,html[data-brand-motion] .catalog-visual img,html[data-brand-motion] .about-mascot,html[data-brand-motion] .brief-mascot,html[data-brand-motion] .cta-friends{animation:character-float 6.4s ease-in-out infinite!important;animation-delay:var(--character-delay,0s)!important;animation-play-state:paused!important;transform-origin:50% 72%;will-change:transform}
  html[data-brand-motion=enabled] .character-running{animation-play-state:running!important}
  .signature-flow .flow-energy{stroke-width:6;stroke-dasharray:32 68;opacity:1}
  .cta .cta-flow{opacity:.7}
  .hero .hero-flow{opacity:1;inset:2% -8% auto;width:116%}
  .hero .hero-flow .flow-energy{stroke-width:6;stroke-dasharray:32 68}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html[data-brand-motion=enabled] .hero .character-stage:hover .hero-character{scale:1.035;rotate:-1deg}.learning-banner:hover img,.catalog-visual:hover img{scale:1.018;filter:drop-shadow(0 16px 22px #44325712)}.about-mascot:hover,.brief-mascot:hover{scale:1.025;rotate:-.5deg}}
@media(max-width:700px){.brand-lockup{width:158px}.footer .brand-lockup{width:190px}.brand-motion-toggle{bottom:10px;right:10px;font-size:10px;min-height:36px}.hero .hero-motion-control{font-size:9px}.hero .hero-character{--hero-small:1}}
@media(prefers-reduced-motion:reduce){.brand-trail{display:none}.brand-motion-toggle,.hero-motion-control,.flow-replay{display:none!important}.learning-banner img,.catalog-visual img,.about-mascot,.brief-mascot,.cta-friends{animation:none!important;transform:none!important}}