/* Original Stellavie vector loops; all artwork has a settled static fallback. */
.section-start .stellavie-step-motion{flex:1 1 44%;min-width:0;align-self:center;padding:0;display:flex;justify-content:center;align-items:center}
.stellavie-step-motion svg{display:block;width:100%;max-width:440px;height:auto;overflow:visible}
.section-start .card_long-inside{flex:1 1 56%;min-width:0}
.stellavie-step-motion.is-running .plan-card{animation:sv-plan 7s cubic-bezier(.45,0,.2,1) infinite;transform-box:fill-box;transform-origin:center}
.stellavie-step-motion.is-running .plan-card-2{animation-name:sv-choice}
.stellavie-step-motion.is-running .plan-card-3{animation-delay:.18s}
.stellavie-step-motion.is-running .plan-star,.stellavie-step-motion.is-running .brief-star,.stellavie-step-motion.is-running .delivery-star{animation:sv-star 7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.stellavie-step-motion.is-running .plan-selection{animation:sv-rule 7s ease-in-out infinite;transform-origin:220px 260px}
.stellavie-step-motion.is-running .brief-frame{animation:sv-frame 7s ease-in-out infinite}
.stellavie-step-motion.is-running .brief-piece{animation:sv-organize 7s cubic-bezier(.45,0,.2,1) infinite;transform-box:fill-box;transform-origin:center}
.brief-piece-1{--sv-x:-45px;--sv-y:28px;--sv-r:-16deg}
.brief-piece-2{--sv-x:36px;--sv-y:-38px;--sv-r:12deg}
.brief-piece-3{--sv-x:-24px;--sv-y:42px;--sv-r:-9deg}
.brief-piece-4{--sv-x:40px;--sv-y:18px;--sv-r:9deg}
.stellavie-step-motion.is-running .brief-star{animation-delay:.3s}
.stellavie-step-motion.is-running .delivery-piece{animation:sv-deliver 7s cubic-bezier(.45,0,.2,1) infinite}
.delivery-piece-1{--sv-x:-50px;--sv-y:15px}
.delivery-piece-2{--sv-x:43px;--sv-y:-30px}
.delivery-piece-3{--sv-x:40px;--sv-y:35px}
.stellavie-step-motion.is-running .delivery-frame{animation:sv-frame 7s ease-in-out infinite}
.stellavie-step-motion.is-running .delivery-finish{animation:sv-rule 7s ease-in-out infinite;transform-origin:220px 283px}
.stellavie-step-motion.is-running .delivery-star{animation-delay:.7s}
@keyframes sv-plan{0%,100%{opacity:.2;transform:translateY(20px)}18%,78%{opacity:1;transform:translateY(0)}90%{opacity:.2;transform:translateY(20px)}}
@keyframes sv-choice{0%,100%{opacity:.2;transform:translateY(24px) scale(.96)}28%,74%{opacity:1;transform:translateY(-5px) scale(1.03)}90%{opacity:.2;transform:translateY(24px) scale(.96)}}
@keyframes sv-star{0%,12%,100%{opacity:0;transform:scale(.35) rotate(-25deg)}36%,70%{opacity:1;transform:scale(1) rotate(0)}88%{opacity:0;transform:scale(.6) rotate(20deg)}}
@keyframes sv-rule{0%,24%,100%{opacity:0;transform:scaleX(.15)}42%,75%{opacity:1;transform:scaleX(1)}90%{opacity:0;transform:scaleX(.15)}}
@keyframes sv-frame{0%,8%,100%{opacity:.15}36%,78%{opacity:1}92%{opacity:.15}}
@keyframes sv-organize{0%,8%,100%{opacity:.4;transform:translate(var(--sv-x),var(--sv-y)) rotate(var(--sv-r))}38%,76%{opacity:1;transform:translate(0,0) rotate(0)}94%{opacity:.4;transform:translate(var(--sv-x),var(--sv-y)) rotate(var(--sv-r))}}
@keyframes sv-deliver{0%,8%,100%{opacity:0;transform:translate(var(--sv-x),var(--sv-y))}38%,76%{opacity:1;transform:translate(0,0)}94%{opacity:0;transform:translate(var(--sv-x),var(--sv-y))}}
@media(max-width:767px){.section-start .stellavie-step-motion{flex-basis:auto;width:100%;max-width:340px;margin:0 auto 1rem}.section-start .card_long-inside{flex-basis:auto}.stellavie-step-motion svg{max-height:235px}}
@media(prefers-reduced-motion:reduce){.stellavie-step-motion.is-running *{animation:none!important}}
