.mobile-story-scene{width:100%;max-width:380px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--studio-ink);font-size:14px;line-height:1.35}.mobile-story-scene strong{font-weight:500}.mobile-story-scene svg{flex-shrink:0}.mobile-story-flow{position:relative;width:100%;display:flex;justify-content:space-between;gap:8px}.mobile-story-flow__line{position:absolute;height:1px;left:16.66%;right:16.66%;top:28px;background:var(--studio-accent)}.mobile-story-flow__step{position:relative;flex:1 1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center}.mobile-story-flow__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--studio-ground);border:1px solid var(--studio-line);color:var(--studio-accent)}.mobile-story-flow__step:nth-child(3) .mobile-story-flow__icon{background:var(--studio-accent);border-color:var(--studio-accent);color:var(--studio-white)}.mobile-story-flow__icon svg{width:26px;height:26px}.mobile-story-flow__step>span{max-width:12ch;font-size:13px}.mobile-story-brand{display:flex;align-items:center;gap:7px;color:var(--studio-accent);font-size:17px}.mobile-story-brand .example-product-mark{width:18px;height:18px}.mobile-story-window{width:100%;overflow:hidden;background:var(--studio-white);border-radius:12px;box-shadow:0 8px 22px #111e3810}.mobile-story-chrome{display:flex;align-items:center;gap:12px;height:28px;padding:0 13px;background:var(--studio-soft);color:var(--studio-muted)}.mobile-story-chrome>span{display:flex;gap:4px}.mobile-story-chrome i{width:4px;height:4px;background:currentColor;border-radius:50%}.mobile-story-chrome small{font-size:11px}.mobile-story-product{position:relative;width:100%;max-width:330px}.mobile-story-product__body{padding:10px 17px}.mobile-story-product__title{display:block;margin:10px 0 7px;font-size:15px}.mobile-story-task{display:flex;align-items:center;gap:7px;min-height:22px;font-size:12px}.mobile-story-task i{display:grid;place-items:center;width:14px;height:14px;flex-shrink:0;border:1px solid var(--studio-line);border-radius:4px;color:var(--studio-accent)}.mobile-story-task i svg{width:12px;height:12px}.mobile-story-product__footer{display:flex;align-items:center;gap:7px;padding-top:6px;margin-top:4px;border-top:1px solid var(--studio-line);color:var(--studio-muted);font-size:11px}.mobile-story-product__footer svg{width:16px;height:16px}.mobile-story-prototype-lines{display:flex;flex-direction:column;gap:8px;padding-block:9px 10px}.mobile-story-prototype-lines i{height:4px;width:80%;background:var(--studio-soft);border-radius:2px}.mobile-story-prototype-lines i:last-child{width:55%}.mobile-story-phone{position:relative;width:116px;min-height:180px;flex-shrink:0;padding:20px 10px 12px;border:2px solid var(--studio-ink);border-radius:18px;background:var(--studio-white)}.mobile-story-phone__speaker{position:absolute;width:23px;height:3px;top:7px;left:calc(50% - 11.5px);border-radius:2px;background:var(--studio-ink)}.mobile-story-phone>strong{display:block;font-size:15px;margin:13px 0 9px}.mobile-story-phone .mobile-story-task{font-size:10px;gap:4px}.mobile-story-phone .mobile-story-task i{width:12px;height:12px}.mobile-story-phone__nav{display:flex;justify-content:space-between;padding-top:11px;margin-top:10px;border-top:1px solid var(--studio-line);color:var(--studio-muted)}.mobile-story-phone__nav svg{width:16px;height:16px}.mobile-story-devices{display:flex;align-items:center;gap:clamp(20px,6vw,40px)}.mobile-story-devices__copy{display:flex;flex-direction:column;gap:13px}.mobile-story-devices__copy>svg{width:26px;height:26px;color:var(--studio-accent)}.mobile-story-devices__copy strong{font-size:17px}.mobile-story-devices__copy span{font-size:12px;color:var(--studio-muted)}.mobile-story-website{max-width:330px}.mobile-story-website__body{padding:14px 20px}.mobile-story-website__body>span{font-size:12px}.mobile-story-website__body>strong{display:block;margin:11px 0 15px;font-size:25px;line-height:1.1;letter-spacing:-.025em}.mobile-story-website__body>div{display:flex;justify-content:space-between;align-items:center}.mobile-story-website__body>div>span{padding:6px 12px;color:var(--studio-white);background:var(--studio-accent);border-radius:6px;font-size:12px}.mobile-story-website__body svg{color:var(--studio-muted)}.mobile-story-operations{display:flex;align-items:center;gap:23px}.mobile-story-operations__server{color:var(--studio-accent)}.mobile-story-operations__server>svg{width:58px;height:58px}.mobile-story-checks{display:flex;flex-direction:column;gap:18px}.mobile-story-checks>div{display:flex;align-items:center;gap:10px}.mobile-story-checks svg{width:20px;height:20px;color:var(--studio-accent)}.mobile-story-answer{width:100%;max-width:330px}.mobile-story-answer__sources{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--studio-muted);font-size:12px;padding-bottom:17px}.mobile-story-answer__sources svg{width:18px;height:18px}.mobile-story-answer__body{display:flex;align-items:flex-start;gap:12px;background:var(--studio-white);border-radius:12px;padding:21px 17px;box-shadow:0 8px 22px #111e3810}.mobile-story-answer__body>svg{color:var(--studio-accent)}.mobile-story-answer__body strong{display:block;font-size:16px}.mobile-story-answer__body span{display:block;color:var(--studio-muted);font-size:12px;margin-top:7px}.mobile-story-approval{width:100%;max-width:290px}.mobile-story-approval>strong{display:flex;align-items:center;gap:10px;padding-top:18px;margin-top:18px;border-top:1px solid var(--studio-line);color:var(--studio-accent);font-size:16px}.mobile-story-approval>strong svg{width:20px;height:20px}.mobile-story-collaboration{width:100%;text-align:center}.mobile-story-collaboration .mobile-story-flow{max-width:270px;margin-inline:auto}.mobile-story-collaboration .mobile-story-flow__line{left:25%;right:25%}.mobile-story-collaboration>span{display:block;font-size:12px;color:var(--studio-muted);margin-top:23px}.mobile-story-ideas{display:flex;align-items:center;width:100%}.mobile-story-ideas__inputs{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;height:140px;padding-block:4px}.mobile-story-ideas__inputs span{padding:9px 10px;font-size:12px;background:var(--studio-white);border-radius:7px}.mobile-story-ideas__lines{width:60px;height:140px;flex-shrink:1!important;overflow:visible;color:var(--studio-accent)}.mobile-story-ideas__lines path{stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.mobile-story-ideas__core{flex:1 1;min-width:105px;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center}.mobile-story-ideas__core>svg{width:32px;height:32px;color:var(--studio-accent)}.mobile-story-ideas__core strong{font-size:20px;letter-spacing:-.02em}.mobile-story-ideas__core>span{font-size:11px;color:var(--studio-muted);max-width:15ch}.mobile-story-ideas[data-focused=true] .mobile-story-ideas__inputs span:not(:nth-child(2)){color:var(--studio-muted);background:transparent}.mobile-story-ideas[data-focused=true] .mobile-story-ideas__inputs span:nth-child(2){color:var(--studio-accent);box-shadow:inset 0 -2px var(--studio-accent)}.mobile-story-ideas[data-focused=true] .mobile-story-ideas__lines{color:var(--studio-line)}.mobile-story-product[data-stage="4"]{max-width:360px;min-height:180px;padding-right:48px}.mobile-story-product[data-stage="4"]>.mobile-story-window{margin-right:auto}.mobile-story-product[data-stage="4"]>.mobile-story-phone{position:absolute;right:0;top:6px;width:112px;min-height:174px;padding:18px 9px 10px;box-shadow:-7px 8px 20px #111e3810}.mobile-story-product[data-stage="4"] .mobile-story-phone>strong{font-size:13px;line-height:1.25;margin:10px 0 7px}.mobile-story-product[data-stage="4"] .mobile-story-phone__nav{padding-top:8px;margin-top:8px}.mobile-story-product[data-stage="4"] .mobile-story-product__body{padding-right:50px}.mobile-story-product[data-stage="4"] .mobile-story-product__body .mobile-story-task{font-size:11px}.mobile-story-product[data-stage="4"] .mobile-story-product__footer{display:none}.chapter-inline[data-played=true] [data-arrive]{animation:mobile-story-assemble .62s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--part, 0) * .18s + .1s)}.chapter-inline[data-played=true] [data-draw]{animation:mobile-story-connect 1.2s cubic-bezier(.16,1,.3,1) both}.chapter-inline[data-played=true] [data-trace]{animation:mobile-story-trace 1.4s cubic-bezier(.16,1,.3,1) both}.mobile-story-checks>:nth-child(2),.mobile-story-ideas__inputs>:nth-child(2),.mobile-story-product__body>.mobile-story-task{--part:1}.mobile-story-checks>:nth-child(3),.mobile-story-ideas__inputs>:nth-child(3),.mobile-story-product__body>.mobile-story-task+.mobile-story-task{--part:2}.mobile-story-approval>strong,.mobile-story-product>.mobile-story-phone,.mobile-story-product__footer{--part:3}.chapter-inline[data-running=false] [data-arrive],.chapter-inline[data-running=false] [data-draw],.chapter-inline[data-running=false] [data-trace]{animation-play-state:paused}@keyframes mobile-story-assemble{0%{transform:translateX(8px)}to{transform:none}}@keyframes mobile-story-connect{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0);clip-path:inset(0)}}@keyframes mobile-story-trace{0%{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}