/* Avelo Motion V1 — progressive enhancement */
.buyer-architecture{position:relative;isolation:isolate;--motion-accent:#8453ee}
.buyer-architecture:before{content:"";position:absolute;inset:10% 8%;border:1px dashed rgba(132,83,238,.25);border-radius:45%;pointer-events:none;animation:avelo-ring 19s linear infinite}
.buyer-core{position:relative;z-index:2;animation:avelo-breathe 5s ease-in-out infinite}
.buyer-systems{position:relative;z-index:3}
.buyer-systems .avelo-system{cursor:pointer;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;outline-offset:3px}
.buyer-systems .avelo-system:hover,.buyer-systems .avelo-system:focus-visible,.buyer-systems .avelo-system.is-selected{transform:translateY(-4px);box-shadow:0 12px 28px rgba(103,61,190,.22);background:#f2eaff}
.buyer-systems .avelo-system:focus-visible{outline:3px solid #7c3aed}
.avelo-motion-detail{position:relative;z-index:4;max-width:420px;margin:15px auto 0;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid rgba(113,85,204,.25);box-shadow:0 12px 32px rgba(38,37,82,.09);text-align:center;color:#343456;font-size:13px;line-height:1.5;min-height:65px}
.avelo-motion-detail strong{display:block;color:#5b30b7;font-size:14px}
.avelo-motion-path{position:absolute;inset:12% 12%;z-index:0;pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(124,58,237,.10) 90deg,rgba(22,140,255,.38) 125deg,transparent 155deg);filter:blur(5px);animation:avelo-ring 11s linear infinite}
.avelo-motion-reveal{opacity:1;transform:none}
.avelo-motion-enabled .avelo-motion-reveal:not(.is-visible){opacity:0;transform:translateY(22px)}
.avelo-motion-enabled .avelo-motion-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.avelo-motion-enabled .avelo-motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.buyer-btn{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.buyer-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
@keyframes avelo-ring{to{transform:rotate(360deg)}}@keyframes avelo-breathe{50%{filter:drop-shadow(0 0 18px rgba(124,58,237,.35))}}
@media(max-width:680px){.avelo-motion-detail{max-width:100%;font-size:12px}.buyer-architecture:before{inset:14% 4%}}
@media(prefers-reduced-motion:reduce){.buyer-core,.buyer-architecture:before,.avelo-motion-path{animation:none!important}.avelo-motion-enabled .avelo-motion-reveal{opacity:1!important;transform:none!important;transition:none!important}.buyer-systems .avelo-system,.buyer-btn{transition:none!important}}