.workflow-story{--story-line:#ffffff25;background:#0b0d10;color:#f7f7f5;padding:64px clamp(22px,5vw,72px);position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 85% 45%,#246bff24,transparent 65%)}
.story-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:36px}.story-heading .eyebrow{margin:0;color:#bdc5d0}.story-badge{font:10px/1.5 var(--mono);border:1px solid var(--story-line);border-radius:40px;padding:8px 12px;white-space:nowrap;color:#bdc5d0}
.story-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6688d3 #ffffff10;outline-offset:6px}.story-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,88px);align-items:center;padding:12px 8px 36px;box-sizing:border-box}.story-copy{min-width:0}.story-step{font:12px/1.5 var(--mono);color:#84a8ff;letter-spacing:.1em;text-transform:uppercase}.story-copy h2{font:500 clamp(34px,4.8vw,66px)/1.04 var(--sans);letter-spacing:-.055em;margin:18px 0 24px}.story-copy h2 em{font-family:var(--display);font-weight:400}.story-copy>p:last-of-type{color:#b8c0cc;max-width:34ch;font-size:17px;line-height:1.65}.story-copy .text-link{color:#fff;margin-top:20px}
.story-scene{min-width:0;min-height:300px;display:flex;flex-direction:column;justify-content:center;position:relative;padding:22px 6px}.story-note{background:#f7f7f5;color:#151b27;padding:28px;border-radius:5px;box-shadow:0 20px 60px #0005;transform:rotate(-2deg);border-top:4px solid #246bff}.story-note small,.story-document small{font:10px/1.5 var(--mono);color:#62676d;text-transform:uppercase;letter-spacing:.06em}.story-note h3,.story-document h3{font:600 22px/1.25 var(--sans);letter-spacing:-.03em;margin:14px 0 20px}.story-note p{padding:12px 0;margin:0;border-top:1px solid #dce0e6;font-size:14px;line-height:1.5}.story-note b{color:#246bff;margin-right:10px}
.story-bubble{padding:20px 24px;border-radius:18px 18px 4px 18px;background:#246bff;margin:0 0 20px 24px;font-size:18px;line-height:1.45;box-shadow:0 12px 32px #0002}.story-bubble.answer{background:#f7f7f5;color:#172034;border-radius:18px 18px 18px 4px;margin:0 24px 0 0;font-size:15px}.story-bubble small{display:block;font:10px/1.5 var(--mono);margin-bottom:10px;opacity:.7;text-transform:uppercase}
.story-document{background:#fff;color:#172034;border-radius:5px;padding:28px;box-shadow:12px 12px 0 #246bff55;transform:rotate(1deg)}.story-document p{font-size:14px;line-height:1.6;margin:12px 0}.story-document strong{display:block;color:#246bff;font-size:12px}.story-review{border:1px solid #ffffff35;background:#ffffff07;border-radius:8px;padding:28px}.story-review h3{font-size:24px;margin:0 0 22px}.story-review p{display:flex;gap:14px;border-top:1px solid #ffffff20;padding-top:18px;line-height:1.5;font-size:15px}.story-review span{color:#80d5af}.story-review small{color:#9ca8ba;font:10px/1.5 var(--mono)}
.story-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--story-line);padding-top:22px;flex-wrap:wrap}.story-controls[hidden]{display:none}.story-controls button,.art-pause{font:12px/1.5 var(--sans);color:inherit;background:transparent;border:1px solid #ffffff40;border-radius:40px;padding:10px 15px;cursor:pointer}.story-controls button:hover{background:#ffffff12}.story-controls button:focus-visible,.art-pause:focus-visible{outline:2px solid #84a8ff;outline-offset:4px}.story-controls button:disabled{opacity:.35;cursor:default}.story-nav,.story-steps{display:flex;gap:8px;align-items:center}.story-steps button{width:34px;height:34px;padding:0;color:#a7b3c7}.story-steps button[aria-pressed=true]{color:#fff;background:#246bff;border-color:#246bff}.story-status{font:11px/1.5 var(--mono);color:#9ca8ba;margin:0}.story-motion{margin-left:auto}
.story-ready .story-slide.is-active .story-note{animation:story-float 8s ease-in-out infinite}.story-ready .story-slide.is-active .story-bubble{animation:story-chat 8s ease-in-out infinite}.story-ready .story-slide.is-active .answer{animation-delay:1s}.story-ready .story-slide.is-active .story-document{animation:story-paper 8s ease-in-out infinite}.story-ready .story-slide.is-active .story-review{animation:story-glow 8s ease-in-out infinite}.workflow-story.is-paused *{animation-play-state:paused!important}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.art-pause{color:var(--muted);border-color:var(--line);padding:6px 12px;font-size:10px}.hero-art.motion-ready .card-one{animation:hero-card-one 8s ease-in-out infinite}.hero-art.motion-ready .card-two{animation:hero-card-two 8s ease-in-out infinite}.hero-art.motion-ready .orbit-two{animation:hero-orbit 75s linear infinite}.hero-art.motion-ready .core-logo{animation:hero-logo 8s ease-in-out infinite}.hero-art.is-paused *{animation-play-state:paused!important}
@keyframes story-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(0deg)}}@keyframes story-chat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes story-paper{0%,100%{transform:rotate(1deg)}50%{transform:translateY(-6px) rotate(-1deg)}}@keyframes story-glow{0%,100%{border-color:#ffffff35;box-shadow:0 0 0 #246bff00}50%{border-color:#648bff;box-shadow:0 0 40px #246bff18}}
@keyframes hero-card-one{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-10px) rotate(-4deg)}}@keyframes hero-card-two{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(8px) rotate(3deg)}}@keyframes hero-orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hero-logo{0%,100%{box-shadow:0 0 0 0 #ffffff25}50%{box-shadow:0 0 0 9px #ffffff15}}
@media(max-width:760px){.workflow-story{padding:36px 20px}.story-heading{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:20px}.story-slide{grid-template-columns:1fr;gap:8px;padding:8px 6px 28px;align-content:start}.story-copy h2{font-size:40px;max-width:15ch}.story-copy>p:last-of-type{font-size:15px;max-width:40ch}.story-scene{min-height:285px;padding:20px 6px}.story-note,.story-document,.story-review{padding:22px}.story-bubble{padding:18px;font-size:16px;margin-left:10px}.story-bubble.answer{margin-right:10px}.story-controls{gap:16px}.story-status{flex-basis:100%;order:3}.story-motion{margin-left:0}.story-nav button{padding:9px 12px}.story-steps{gap:4px}.story-steps button{width:30px;height:30px}}
.story-track{align-items:flex-start}
.story-sent{display:block;text-align:right;font:10px/1.5 var(--mono);margin-top:12px;opacity:.75}
.story-typing{position:absolute;left:22px;top:50%;display:flex;gap:5px;padding:14px 18px;border-radius:18px;background:#f7f7f5;opacity:0}
.story-typing i{width:5px;height:5px;border-radius:50%;background:#62676d}
.story-ready .story-slide.is-active .story-bubble{animation:chat-send 8s ease-out both}
.story-ready .story-slide.is-active .story-bubble.answer{animation:chat-reply 8s ease-out both}
.story-ready .story-slide.is-active .story-typing{animation:chat-thinking 8s linear both}
.story-ready .story-slide.is-active .story-typing i{animation:chat-dot 1s ease-in-out infinite}
.story-ready .story-slide.is-active .story-typing i:nth-child(2){animation-delay:.15s}
.story-ready .story-slide.is-active .story-typing i:nth-child(3){animation-delay:.3s}
.story-ready .story-slide.is-active .story-document{animation:none;transform:none}
@keyframes chat-send{0%{opacity:0;transform:translateY(12px)}10%,100%{opacity:1;transform:none}}
@keyframes chat-reply{0%,35%{opacity:0;transform:translateY(10px)}44%,100%{opacity:1;transform:none}}
@keyframes chat-thinking{0%,12%{opacity:0}15%,32%{opacity:1}35%,100%{opacity:0}}
@keyframes chat-dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-3px);opacity:1}}
@media(prefers-reduced-motion:reduce){.workflow-story *,.hero-art *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.story-motion,.art-pause{display:none!important}}