/* Experiencia Be v625 · motion layer shared by landing + configurator */
:root{--eb625-ease:cubic-bezier(.2,.78,.2,1);--eb625-blue:#2098e5;--eb625-violet:#9b58c8;--eb625-gold:#efc96f}
.motion-v625{--eb625mx:50%;--eb625my:30%;overflow-x:hidden}
.eb625-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.eb625-ambient i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.36;will-change:transform;animation:eb625Orb 16s ease-in-out infinite}
.eb625-ambient i:nth-child(1){width:min(48vw,620px);height:min(48vw,620px);left:-18vw;top:8vh;background:radial-gradient(circle,rgba(56,170,231,.23),rgba(56,170,231,0) 68%)}
.eb625-ambient i:nth-child(2){width:min(42vw,540px);height:min(42vw,540px);right:-14vw;top:28vh;background:radial-gradient(circle,rgba(165,91,203,.20),rgba(165,91,203,0) 68%);animation-delay:-5s}
.eb625-ambient i:nth-child(3){width:min(38vw,480px);height:min(38vw,480px);left:38vw;bottom:-18vh;background:radial-gradient(circle,rgba(239,201,111,.17),rgba(239,201,111,0) 70%);animation-delay:-10s}
@keyframes eb625Orb{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(28px,-22px,0) scale(1.08)}66%{transform:translate3d(-18px,25px,0) scale(.96)}}
@keyframes eb625Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes eb625Glow{0%,100%{box-shadow:0 16px 38px rgba(29,110,190,.18)}50%{box-shadow:0 20px 52px rgba(54,154,225,.32)}}
@keyframes eb625Sweep{0%{transform:translateX(-160%) rotate(18deg)}42%,100%{transform:translateX(320%) rotate(18deg)}}
@keyframes eb625Pop{0%{transform:scale(1)}40%{transform:scale(1.015)}100%{transform:scale(1)}}
@keyframes eb625Step{0%{opacity:0;transform:translate3d(0,20px,0) scale(.985)}100%{opacity:1;transform:none}}
.xb550.motion-v625 .xb550-topbar{transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,transform .35s ease}
.xb550.motion-v625 .xb550-topbar.eb625-scrolled{background:rgba(255,255,255,.9);box-shadow:0 14px 42px rgba(23,48,78,.09);backdrop-filter:blur(22px) saturate(1.15)}
.xb550.motion-v625 .xb550-hero{position:relative;isolation:isolate;overflow:hidden}
.xb550.motion-v625 .xb550-hero:before,.xb550.motion-v625 .xb550-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(6px);opacity:.55}
.xb550.motion-v625 .xb550-hero:before{width:520px;height:520px;left:-240px;top:70px;background:radial-gradient(circle,rgba(48,161,224,.20),transparent 68%);animation:eb625Orb 14s ease-in-out infinite}
.xb550.motion-v625 .xb550-hero:after{width:430px;height:430px;right:-170px;top:30px;background:radial-gradient(circle,rgba(185,82,156,.16),transparent 68%);animation:eb625Orb 18s ease-in-out -6s infinite}
.xb550.motion-v625 .xb550-hero-grid>div:first-child{animation:eb625Step .82s var(--eb625-ease) both}
.xb550.motion-v625 .xb550-media{animation:eb625Step .9s .12s var(--eb625-ease) both}
.xb550.motion-v625 .xb550-title{transition:transform .45s var(--eb625-ease);text-wrap:balance}
.xb550.motion-v625 .xb550-media-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .24s ease,box-shadow .35s ease;animation:eb625Float 6s ease-in-out 1.1s infinite}
.xb550.motion-v625 .xb550-media-card:after{content:"";position:absolute;inset:-40% auto -40% -40%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);pointer-events:none;animation:eb625Sweep 7.5s ease-in-out 1.4s infinite}
.xb550.motion-v625 .xb550-media-card img{transition:transform 1.1s var(--eb625-ease),filter .6s ease;will-change:transform}
.xb550.motion-v625 .xb550-media-card:hover img{transform:scale(1.025)}
.xb550.motion-v625 .xb550-btn{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .25s ease,background .25s ease}
.xb550.motion-v625 .xb550-btn.primary{animation:eb625Glow 3.4s ease-in-out infinite}
.xb550.motion-v625 .xb550-btn:hover{transform:translateY(-3px)}
.xb550.motion-v625 .xb550-point,.xb550.motion-v625 .xb550-use-card,.xb550.motion-v625 .xb550-profit-card,.xb550.motion-v625 .xb550-flow-card,.xb550.motion-v625 .xb550-price-box,.xb550.motion-v625 .xb550-buy-card{transition:transform .35s var(--eb625-ease),box-shadow .35s ease,border-color .35s ease}
.xb550.motion-v625 .xb550-point:hover,.xb550.motion-v625 .xb550-use-card:hover,.xb550.motion-v625 .xb550-profit-card:hover,.xb550.motion-v625 .xb550-flow-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(27,55,87,.11)}
.xb550.motion-v625 .xb550-use-card.is-active,.xb550.motion-v625 .xb550-profit-card.is-active{transform:translateY(-4px);box-shadow:0 22px 52px rgba(38,112,172,.13)}
.xb550.motion-v625 .xb550-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.988);filter:blur(4px);transition:opacity .78s var(--eb625-ease),transform .78s var(--eb625-ease),filter .6s ease}
.xb550.motion-v625 .xb550-reveal.in{opacity:1;transform:none;filter:none}
.xb550.motion-v625 .v625-seen{animation:eb625Step .68s var(--eb625-ease) both}
.xb550.motion-v625 .xb550-use-grid .v625-seen:nth-child(2),.xb550.motion-v625 .xb550-profit-grid .v625-seen:nth-child(2){animation-delay:.07s}
.xb550.motion-v625 .xb550-use-grid .v625-seen:nth-child(3),.xb550.motion-v625 .xb550-profit-grid .v625-seen:nth-child(3){animation-delay:.14s}
.xb550.motion-v625 .xb550-use-grid .v625-seen:nth-child(4),.xb550.motion-v625 .xb550-profit-grid .v625-seen:nth-child(4){animation-delay:.21s}
.xb550.motion-v625 .xb550-price-grid{position:relative}
.xb550.motion-v625 .xb550-buy-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(34,151,222,.0),rgba(34,151,222,.38),rgba(156,88,199,.28),rgba(34,151,222,0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;background-size:220% 100%;animation:eb625Border 6s linear infinite}
@keyframes eb625Border{to{background-position:220% 0}}
.config-v226.motion-v625{position:relative;background:linear-gradient(180deg,#f7f9fc,#eef4f8 46%,#f8f4fa);min-height:100vh}
.config-v226.motion-v625 .demo-header{transition:box-shadow .35s ease,background .35s ease,transform .35s ease;animation:eb625Step .55s var(--eb625-ease) both}
.config-v226.motion-v625 .demo-header.eb625-scrolled{background:rgba(255,255,255,.93);backdrop-filter:blur(20px) saturate(1.1);box-shadow:0 14px 38px rgba(29,55,84,.10)}
.config-v226.motion-v625 .config-hero-v226{position:relative;overflow:hidden;isolation:isolate;border-radius:30px}
.config-v226.motion-v625 .config-hero-v226:before{content:"";position:absolute;z-index:-1;width:360px;height:360px;border-radius:50%;right:-120px;top:-170px;background:radial-gradient(circle,rgba(127,80,176,.19),transparent 67%);animation:eb625Orb 11s ease-in-out infinite}
.config-v226.motion-v625 .config-hero-v226.is-visible{animation:eb625Step .72s var(--eb625-ease) both}
.config-v226.motion-v625 .config-stepper-v226 span{position:relative;transition:transform .3s var(--eb625-ease),background .3s ease,color .3s ease,box-shadow .3s ease}
.config-v226.motion-v625 .config-stepper-v226 span.active{transform:translateY(-2px);box-shadow:0 10px 28px rgba(42,131,204,.18)}
.config-v226.motion-v625 .config-stepper-v226 span.active:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:9px;top:9px;background:#69d7df;box-shadow:0 0 0 0 rgba(105,215,223,.45);animation:eb625Pulse 2s ease-out infinite}
@keyframes eb625Pulse{0%{box-shadow:0 0 0 0 rgba(105,215,223,.45)}70%,100%{box-shadow:0 0 0 10px rgba(105,215,223,0)}}
.config-v226.motion-v625 .config-form-v226,.config-v226.motion-v625 .config-preview-v226{animation:eb625Step .72s .08s var(--eb625-ease) both}
.config-v226.motion-v625 .config-preview-v226{animation-delay:.18s}
.config-v226.motion-v625 .config-step-v226.active{animation:eb625Step .45s var(--eb625-ease) both!important}
.config-v226.motion-v625 .field input,.config-v226.motion-v625 .field select,.config-v226.motion-v625 .field textarea{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}
.config-v226.motion-v625 .field input:focus,.config-v226.motion-v625 .field select:focus,.config-v226.motion-v625 .field textarea:focus{transform:translateY(-1px);border-color:#4aa4df;box-shadow:0 0 0 4px rgba(54,154,225,.11),0 12px 28px rgba(29,91,141,.07);outline:none}
.config-v226.motion-v625 .config-photo-grid-v623 label,.config-v226.motion-v625 .music-card{transition:transform .28s var(--eb625-ease),box-shadow .28s ease,border-color .28s ease}
.config-v226.motion-v625 .config-photo-grid-v623 label:hover,.config-v226.motion-v625 .music-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(43,60,82,.09)}
.config-v226.motion-v625 .config-live-card-v623{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .24s ease,box-shadow .3s ease;animation:eb625Float 6.5s ease-in-out 1.2s infinite}
.config-v226.motion-v625 .config-live-card-v623:after{content:"";position:absolute;inset:-35% auto -35% -45%;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:eb625Sweep 8s ease-in-out 2s infinite}
.config-v226.motion-v625 .config-live-photo-v623 img{transition:transform 1s var(--eb625-ease),filter .5s ease}
.config-v226.motion-v625 .config-live-card-v623.v625-pop{animation:eb625Pop .42s ease,eb625Float 6.5s ease-in-out .42s infinite}
.config-v226.motion-v625 .config-live-card-v623.v625-pop .config-live-photo-v623 img{transform:scale(1.025)}
.config-v226.motion-v625 .btn{transition:transform .2s ease,box-shadow .25s ease,filter .25s ease}
.config-v226.motion-v625 .btn:hover{transform:translateY(-2px)}
.config-v226.motion-v625 [data-config-save]:not([hidden]){animation:eb625Glow 3s ease-in-out infinite}
.config-v226.motion-v625 .config-nav-v226{position:relative}
.config-v226.motion-v625 .config-step-head>span{transition:transform .35s var(--eb625-ease);box-shadow:0 10px 26px rgba(41,91,139,.10)}
.config-v226.motion-v625 .config-step-v226.active .config-step-head>span{transform:rotate(-3deg) scale(1.05)}

@media(max-width:900px){
  .eb625-ambient i{opacity:.24;filter:blur(8px)}
  .xb550.motion-v625 .xb550-media-card,.config-v226.motion-v625 .config-live-card-v623{animation-duration:8s}
  .xb550.motion-v625 .xb550-point:hover,.xb550.motion-v625 .xb550-use-card:hover,.xb550.motion-v625 .xb550-profit-card:hover,.xb550.motion-v625 .xb550-flow-card:hover{transform:none;box-shadow:inherit}
  .config-v226.motion-v625 .config-preview-v226{animation-delay:.05s}
}
@media(max-width:620px){
  .xb550.motion-v625 .xb550-hero:before{width:330px;height:330px;left:-190px;top:120px}.xb550.motion-v625 .xb550-hero:after{width:280px;height:280px;right:-170px}
  .xb550.motion-v625 .xb550-media-card,.config-v226.motion-v625 .config-live-card-v623{animation:eb625Float 8.5s ease-in-out 1.1s infinite}
  .xb550.motion-v625 .xb550-btn.primary,.config-v226.motion-v625 [data-config-save]:not([hidden]){animation:none}
  .config-v226.motion-v625 .config-stepper-v226 span.active{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .motion-v625 *,.motion-v625 *:before,.motion-v625 *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
  .xb550.motion-v625 .xb550-reveal{opacity:1!important;transform:none!important;filter:none!important}
  .eb625-ambient{display:none!important}
}