.story-scene{position:relative;background:#f5f4ec;margin:28px auto 0;max-width:1320px;padding:0 36px 46px}.story-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-panel{min-width:0;text-align:center}.story-panel svg{display:block;width:100%;height:auto;overflow:visible}.story-ink{fill:none;stroke:#173f35;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.ground{stroke:#b9c2ad;stroke-width:1.4}.story-panel p{font-size:16px;color:#173f35;margin:0;line-height:1.5}.story-panel p span{font-size:11px;color:#788267;margin-right:9px}.story-toggle{position:absolute;bottom:7px;right:30px;width:36px;height:36px;border:1px solid #b9c2ad;border-radius:50%;background:transparent;color:#173f35;cursor:pointer}.story-scene [class]{transform-box:fill-box}.giving-arm{transform-origin:left center;animation:hand-over 9s ease-in-out infinite}.travelling-brief{animation:brief-pass 9s ease-in-out infinite}.receiving-arm{transform-origin:right top;animation:receive 9s ease-in-out infinite}.idea-bubble{animation:idea-bob 9s ease-in-out infinite}.idea-spark{transform-origin:center;animation:idea-light 9s ease-in-out infinite}.drawing-arm{transform-origin:left center;animation:draw-line 1.5s ease-in-out infinite}.creative-card{transform-origin:center bottom;animation:card-draw 9s ease-in-out infinite}.card-back{animation-delay:-.4s}.launch-plane{animation:plane-launch 9s ease-in-out infinite}.plane-trail{animation:trail-move 3s linear infinite}.creative-spark,.result-spark{transform-origin:center;animation:twinkle 3s ease-in-out infinite}.waving-arm{transform-origin:left bottom;animation:wave-hello 2.4s ease-in-out infinite}.heart-response{transform-origin:center bottom;animation:heart-lift 9s ease-in-out infinite}.learning-loop{transform-origin:center;animation:learn-turn 9s ease-in-out infinite}.growth-line{stroke-dasharray:130;stroke-dashoffset:0;animation:graph-draw 9s ease-in-out infinite}.growth-tip{animation:tip-reveal 9s ease-in-out infinite}.bot-eyes{transform-origin:center;animation:blink 5s infinite}.story-scene.is-paused *{animation-play-state:paused!important}
@keyframes hand-over{0%,12%,100%{transform:rotate(8deg)}25%,42%{transform:rotate(-13deg)}65%{transform:rotate(0)}}
@keyframes brief-pass{0%,10%{transform:translate(-23px,10px) rotate(-9deg)}32%,68%{transform:translate(35px,-6px) rotate(10deg)}85%,100%{transform:translate(-23px,10px) rotate(-9deg)}}
@keyframes receive{0%,10%,100%{transform:rotate(-8deg)}32%,68%{transform:rotate(14deg)}}
@keyframes idea-bob{0%,100%{transform:translateY(0)}35%{transform:translateY(-7px)}}
@keyframes idea-light{0%,8%,85%,100%{transform:scale(.8);opacity:.35}20%,65%{transform:scale(1);opacity:1}}
@keyframes draw-line{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes card-draw{0%,18%,100%{transform:translateY(12px) rotate(-7deg)}35%,78%{transform:translateY(-8px) rotate(5deg)}}
@keyframes plane-launch{0%,30%{transform:translate(-60px,66px) rotate(-12deg);opacity:0}37%{opacity:1}70%{transform:translate(5px,-8px) rotate(5deg);opacity:1}88%,100%{transform:translate(32px,-32px) rotate(12deg);opacity:0}}
@keyframes trail-move{to{stroke-dashoffset:-56}}
@keyframes wave-hello{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(17deg)}}
@keyframes heart-lift{0%,48%,100%{transform:translateY(14px) scale(.8);opacity:.25}65%,83%{transform:translateY(-6px) scale(1);opacity:1}}
@keyframes learn-turn{0%,48%{transform:rotate(0)}85%,100%{transform:rotate(360deg)}}
@keyframes graph-draw{0%,42%{stroke-dashoffset:130}78%,100%{stroke-dashoffset:0}}
@keyframes tip-reveal{0%,67%{opacity:0}78%,100%{opacity:1}}
@keyframes twinkle{0%,100%{transform:scale(.8)}50%{transform:scale(1.15)}}
@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}
@media(max-width:650px){.story-scene{padding:0 22px 43px;margin-top:12px}.story-panels{display:block;position:relative;height:285px;max-width:370px;margin:auto}.story-panel{position:absolute;inset:0;opacity:0;visibility:hidden;animation:story-chapter 18s linear infinite}.story-panel:nth-child(2){animation-delay:6s}.story-panel:nth-child(3){animation-delay:12s}.story-panel svg{height:250px;width:100%}.story-panel p{font-size:15px}.story-toggle{right:22px;bottom:0}.story-ink{stroke-width:3}.story-panel .launch-plane{animation:plane-launch 6s ease-in-out infinite}.story-panel .growth-line{animation:graph-draw 6s ease-in-out infinite}.story-panel .growth-tip{animation:tip-reveal 6s ease-in-out infinite}}
@keyframes story-chapter{0%,30%{opacity:1;visibility:visible}33.33%,100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.story-scene *{animation:none!important}.story-panel{opacity:1;visibility:visible}.growth-line{stroke-dashoffset:0}.story-toggle{display:none}@media(max-width:650px){.story-panels{height:auto}.story-panel{position:relative}.story-panel svg{height:210px}.story-panel{margin-bottom:22px}}}

.story-connector{position:absolute;width:65px;color:#819764;top:42%;pointer-events:none}.connector-first{left:calc(33.333% - 32px)}.connector-second{left:calc(66.666% - 32px)}.story-connector svg{display:block;width:100%;height:auto}.story-route{display:none}
@media(max-width:650px){.story-connector{display:none}.story-scene{padding-bottom:75px}.story-route{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;color:#697d54;font-size:12px}.story-route .ui-arrow{width:20px;height:20px}.story-toggle{bottom:7px}}