/* UNA motion layer · additive only. Older shop and Group-Pro files remain available. */
:root { --una-motion-blue:#4fb9ff; --una-motion-violet:#8a6dff; --una-motion-gold:#d8b661; }
@keyframes una-motion-grid { from { background-position:0 0,0 0; } to { background-position:96px 48px,-48px 96px; } }
@keyframes una-motion-sweep { 0%,100% { opacity:.08; transform:translateX(-38%) rotate(-10deg); } 50% { opacity:.78; transform:translateX(38%) rotate(-10deg); } }
@keyframes una-motion-orbit { 0%,100% { transform:rotate(-8deg) scale(.96); opacity:.14; } 50% { transform:rotate(8deg) scale(1.03); opacity:.36; } }
@keyframes una-motion-float { 0%,100% { transform:translateY(0) rotate(1deg); } 50% { transform:translateY(-5px) rotate(-.5deg); } }
@keyframes una-motion-pulse { 0%,100% { opacity:.42; transform:scale(.86); } 50% { opacity:1; transform:scale(1.12); } }

/* UnaAI Shop */
.hero-showcase { position:relative; isolation:isolate; overflow:hidden; animation:una-motion-float 11s ease-in-out infinite; }
.hero-showcase::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.26; background-image:linear-gradient(90deg,transparent 0 49.5%,var(--una-motion-blue) 50%,transparent 50.5%),linear-gradient(0deg,transparent 0 49.5%,var(--una-motion-violet) 50%,transparent 50.5%); background-size:96px 96px; mask-image:radial-gradient(ellipse at center,#000 12%,transparent 76%); animation:una-motion-grid 18s linear infinite; }
.hero-showcase::after { content:""; position:absolute; left:-20%; top:38%; width:140%; height:1px; z-index:3; pointer-events:none; background:linear-gradient(90deg,transparent,var(--una-motion-blue),var(--una-motion-violet),transparent); box-shadow:0 0 18px #4fb9ff80; animation:una-motion-sweep 8s ease-in-out infinite; }
.hero-showcase > * { position:relative; z-index:1; }
.product { position:relative; isolation:isolate; overflow:hidden; }
.product::before { content:""; position:absolute; left:14%; right:14%; top:0; height:1px; z-index:3; pointer-events:none; background:linear-gradient(90deg,transparent,var(--una-motion-blue),transparent); transform:scaleX(.12); transform-origin:center; transition:transform .35s ease,opacity .35s ease; opacity:.35; }
.product:hover::before,.product:focus-within::before { transform:scaleX(1); opacity:1; }
.product-visual::after { content:""; position:absolute; inset:18%; border:1px solid currentColor; border-radius:20px; opacity:.12; pointer-events:none; animation:una-motion-orbit 10s ease-in-out infinite; }
.Ablauf-band { position:relative; overflow:hidden; isolation:isolate; }
.Ablauf-band::after { content:""; position:absolute; left:-35%; right:-35%; top:50%; height:1px; z-index:-1; pointer-events:none; background:linear-gradient(90deg,transparent,#b9f05e99,transparent); box-shadow:0 0 22px #b9f05e55; animation:una-motion-sweep 9s ease-in-out infinite reverse; }
.benefits span::before,.round-badge,.Ablauf-flow span { animation:una-motion-pulse 3.8s ease-in-out infinite; }
.benefits span:nth-child(2)::before { animation-delay:.8s; }.benefits span:nth-child(3)::before { animation-delay:1.6s; }.benefits span:nth-child(4)::before { animation-delay:2.4s; }

/* Group.Pro */
.una-main { position:relative; isolation:isolate; }
.una-main::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.22; background-image:linear-gradient(90deg,transparent 0 49.5%,#3a9acb 50%,transparent 50.5%),linear-gradient(0deg,transparent 0 49.5%,#d0ab49 50%,transparent 50.5%); background-size:110px 110px; mask-image:linear-gradient(to bottom,#000,transparent 58%); animation:una-motion-grid 23s linear infinite; }
.una-hero { position:relative; overflow:hidden; }
.una-hero::after { content:""; position:absolute; left:-18%; right:-18%; bottom:22%; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#3a9acb,#d0ab49,transparent); box-shadow:0 0 16px #3a9acb66; animation:una-motion-sweep 10s ease-in-out infinite; }
.una-hero > *,.bento-card > *,.page-cta > * { position:relative; z-index:1; }
.bento-card,.flow-card,.offer-card,.training-card { position:relative; overflow:hidden; }
.bento-card::after,.flow-card::after,.offer-card::after,.training-card::after { content:""; position:absolute; left:12%; right:12%; top:0; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#3a9acb,transparent); transform:scaleX(.1); opacity:.28; transition:transform .35s ease,opacity .35s ease; }
.bento-card:hover::after,.flow-card:hover::after,.offer-card:hover::after,.training-card:hover::after { transform:scaleX(1); opacity:.9; }
.page-cta,.truth-panel,.training-panel { position:relative; overflow:hidden; }
.page-cta::before,.truth-panel::before,.training-panel::before { content:""; position:absolute; width:170px; height:170px; right:-45px; bottom:-90px; border:1px solid #3a9acb55; border-radius:50%; box-shadow:0 0 0 18px #3a9acb12,0 0 0 36px #d0ab4910; pointer-events:none; animation:una-motion-orbit 14s ease-in-out infinite; }
.browser { position:relative; }
.browser::after { content:""; position:absolute; left:18%; right:18%; top:38px; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,#3a9acb99,transparent); animation:una-motion-sweep 7s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }