/* Original financial collage and Visify-inspired motion, without runtime libraries. */
.hero-motion-controls{display:flex;align-items:center;gap:28px}
.motion-toggle{display:inline-flex;align-items:center;gap:9px;background:transparent;color:#fff;font-size:11px;letter-spacing:0;line-height:1.4;padding:12px 0;min-height:44px}
.motion-toggle-icon{width:12px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.motion-toggle[aria-pressed=true] .motion-toggle-icon{height:0;width:0;border:6px solid transparent;border-left:10px solid currentColor;border-right:0}
.motion-toggle:hover{color:var(--accent)}
.motion-word{display:inline-block}
.hero-art{transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--scroll-y,0px)),0);transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.clarity-art{display:block;overflow:visible}
.art-note{margin:-22px auto 0;position:relative}
.finance-sheet,.finance-calculator,.finance-spark,.finance-bar{transform-box:fill-box;transform-origin:center}
.finance-bar{transform-origin:center bottom}
.motion-ready .finance-sheet{animation:paper-float 4s ease-in-out infinite}
.motion-ready .finance-sheet:nth-of-type(2){animation-delay:-1.1s}
.motion-ready .finance-calculator{animation:calculator-rock 4s ease-in-out infinite}
.motion-ready .finance-arrow{stroke-dasharray:1;animation:ink-draw 4s ease-in-out infinite}
.motion-ready .finance-orbit path{stroke-dasharray:1;animation:ink-draw 4s ease-in-out -1s infinite}
.motion-ready .finance-chart-line{stroke-dasharray:1;animation:ink-draw 4s ease-in-out -.4s infinite}
.motion-ready .finance-arrow-shape{animation:paper-float 4s ease-in-out -.5s infinite}
.motion-ready .finance-spark{animation:spark-turn 4s ease-in-out infinite}
.motion-ready .finance-bar{animation:bar-rise 4s cubic-bezier(.22,.61,.36,1) infinite;animation-delay:calc(var(--i) * .13s)}
.motion-scene *{animation-play-state:paused!important}
.motion-ready .motion-scene.is-active *{animation-play-state:running!important}
.motion-ready.motion-paused .motion-scene *,.motion-ready.motion-hidden .motion-scene *{animation-play-state:paused!important}
.brand-doodles{position:absolute!important;inset:0;width:100%!important;height:100%;pointer-events:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}
.brand-loop,.brand-drawn-arrow{stroke-dasharray:1}
.motion-ready .brand-loop{animation:ink-draw 4s ease-in-out infinite}
.motion-ready .brand-drawn-arrow{animation:ink-draw 4s ease-in-out -.7s infinite}
.motion-ready .brand-spark{animation:brand-spark 4s ease-in-out infinite}
.motion-ready .brand-cross{transform-box:fill-box;transform-origin:center;animation:spark-turn 4s ease-in-out -.5s infinite}
.motion-ready .scroll-link span{display:block;animation:scroll-nudge 2.8s ease-in-out 2}
.button .icon{transition:transform .22s ease}
.button:hover .icon{transform:translate(3px,-3px)}
.service-card:focus-within{box-shadow:8px 8px 0 var(--accent)}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:8px 8px 0 var(--accent);transform:translate(-4px,-4px)}.button-lime:hover{box-shadow:8px 8px 0 white}.service-card:hover{box-shadow:12px 12px 0 var(--accent);transform:translate(-6px,-6px)}.service-card:hover .service-icon{transform:rotate(-8deg)}.service-icon{transition:transform .25s}}
dialog[open]{animation:dialog-enter .25s cubic-bezier(.22,.61,.36,1)}
@keyframes paper-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes calculator-rock{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-6px)}}
@keyframes bar-rise{0%,8%{transform:scaleY(.2)}32%,88%,100%{transform:scaleY(1)}}
@keyframes ink-draw{0%,5%{stroke-dashoffset:1;opacity:0}10%{opacity:1}55%,86%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes spark-turn{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(18deg) scale(1.08)}}
@keyframes brand-spark{0%,100%{transform:rotate(12deg)}50%{transform:rotate(35deg)}}
@keyframes scroll-nudge{0%,75%,100%{transform:translateY(0)}85%{transform:translateY(6px)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero-motion-controls{gap:20px}.motion-toggle{font-size:10px}.art-note{margin-top:-18px}}
@media(max-width:640px){.hero-art{width:79%;max-width:330px;margin-top:25px}.hero-baseline{align-items:center;gap:14px}.hero-baseline>span{max-width:47%}.hero-motion-controls{gap:16px}.motion-toggle{max-width:122px;text-align:left;font-size:9px;gap:7px}.motion-toggle-icon{flex-shrink:0}.art-note{margin-top:-16px}.motion-word{max-width:100%;overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}.motion-scene *{animation:none!important}.scroll-link span{animation:none!important}dialog[open]{animation:none!important}}
.motion-paused .hero-art{transform:none}.motion-paused .scroll-link span{animation-play-state:paused}.motion-paused dialog[open]{animation:none}