[data-story] .chapter{padding:4.5rem 0}[data-story] .chapter-grid{align-items:center;gap:2rem;max-width:72rem;margin:0 auto;padding:0 1.5rem;display:grid}@media (width>=768px){[data-story] .chapter-grid{grid-template-columns:1fr 1fr;gap:4rem}}[data-story] .chapter-h{letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin-top:.75rem;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:700;line-height:1.04}[data-story] .chapter-p{max-width:30rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.25rem;font-size:1.2rem;line-height:1.6}[data-story] .visual{border:1px solid var(--color-line);background:#1a1f4499;border-radius:1.75rem;width:100%;max-width:28rem;margin:0 auto;padding:1.5rem}[data-story] .chapter-copy{text-align:left}[data-story] .visual[data-open-demo]{cursor:pointer;transition:border-color .25s,box-shadow .25s}[data-story] .visual[data-open-demo]:hover{border-color:#22d3ee8c;box-shadow:0 0 0 4px #22d3ee14,0 20px 50px -20px #7c3aed99}[data-story] .kick{letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:600}[data-story] .ui-title{letter-spacing:-.01em;color:var(--color-ink);font-size:1rem;font-weight:600}[data-story] .ui-label{color:var(--color-ink);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}[data-story] .ui-label em{color:#6ee7b7;margin-left:.25rem;font-style:normal;font-weight:500}[data-story] .ui-input{border:1.5px solid var(--color-line);min-height:2.6rem;color:var(--color-ink);background:#0e112899;border-radius:.6rem;align-items:center;padding:.5rem .8rem;font-size:.9rem;display:flex}[data-story] .ui-row{border:1.5px solid var(--color-line);min-height:2.6rem;color:var(--color-ink);background:#0e112899;border-radius:.6rem;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.9rem;font-weight:600;display:flex}[data-story] .ui-note{color:var(--color-muted);align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.45;display:flex}[data-story] .ui-note svg{color:#6ee7b7;flex:none;margin-top:.15rem}[data-story] .ui-fine{color:var(--color-muted);font-size:.75rem}[data-story] .ui-check{color:var(--color-ink);align-items:center;gap:.55rem;font-size:.85rem;display:flex}[data-story] .ui-check span{border:1.5px solid var(--color-line);border-radius:.3rem;width:1.05rem;height:1.05rem}[data-story] .ui-drop{color:#67e8f9;background:#22d3ee0f;border:2px dashed #22d3ee73;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-weight:600;display:flex}[data-story] .chip{border:1.5px solid var(--color-line);color:var(--color-ink);border-radius:99px;padding:.45rem .9rem;font-size:.85rem;font-weight:600}[data-story] .publish-btn{background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490)}[data-story] .type{white-space:nowrap;display:inline-block}[data-story] .next-mini,[data-story] .story-steps{display:none}[data-story] .visual{position:relative}[data-story] .drag-photo{display:none}[data-story]:not(.story-on) .story-art{display:none!important}@media (width<=767px){[data-story] .story-art{color:#ffffff1f}[data-story] .story-art .phone-art{top:calc(var(--sticky-bar-h,0px) + 2.9rem)}[data-story] .story-art [stroke*=rgb\(],[data-story] .story-art [fill*=rgb\(52],[data-story] .story-art [fill*=rgb\(251]{opacity:.4}[data-story] .story-art .px{top:var(--sticky-bar-h,0px);height:auto;position:absolute;bottom:auto;left:0;right:0}[data-story] .story-art .px svg{aspect-ratio:1200/700;max-width:none;width:190%!important;height:auto!important;position:static!important}[data-story] .story-art .px:nth-child(2) svg{margin-left:-90%}}[data-story] .chapter-grid{position:relative}[data-story] .px{will-change:transform;transform:translate3d(0, calc(var(--py,0) * 1px), 0)}[data-story].story-on{height:calc(100svh - var(--nav,4.5rem) + var(--n) * 100svh)}[data-story].story-on .story-stage{top:var(--nav,4.5rem);height:calc(100svh - var(--nav,4.5rem));position:sticky;overflow:hidden}[data-story].story-on .story-dots{display:flex}[data-story].story-on .chapter .next-mini{z-index:5;color:#67e8f9;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee73;border-radius:99px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-left:-1.375rem;transition:background .2s;display:inline-flex;position:absolute;bottom:1rem;left:50%}[data-story].story-on .chapter .next-mini:hover{background:#22d3ee38}[data-story].story-on .chapter{pointer-events:none;padding:calc(var(--sticky-bar-h,0px) + .75rem) 0 calc(var(--bottom-bar-h,0px) + .75rem);opacity:0;filter:blur(8px);align-items:center;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1),filter .7s,padding .3s;display:flex;position:absolute;inset:0;transform:translateY(8vh)scale(.98)}[data-story].story-on .story-steps{top:calc(var(--sticky-bar-h,0px) + 1.4rem);z-index:6;padding:0 1.75rem;transition:top .3s;display:block;position:absolute;left:0;right:0}[data-story] .story-steps li{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1.15);transform:translateY(-10px)}[data-story].started .story-steps li{opacity:1;transform:none}[data-story].started .story-steps li:first-child{transition-delay:.1s}[data-story].started .story-steps li:nth-child(2){transition-delay:.18s}[data-story].started .story-steps li:nth-child(3){transition-delay:.26s}[data-story].started .story-steps li:nth-child(4){transition-delay:.34s}[data-story].started .story-steps li:nth-child(5){transition-delay:.42s}[data-story].started .story-steps li:nth-child(6){transition-delay:.5s}[data-story] .story-steps ol{align-items:center;margin:0;padding:0;list-style:none;display:flex}[data-story] .story-steps li{flex:1;justify-content:flex-end;display:flex;position:relative}[data-story] .story-steps li:first-child{flex:none}[data-story] .story-steps li:not(:first-child):before{content:"";background:#ffffff24;border-radius:2px;height:2px;margin-top:-1px;transition:background .5s;position:absolute;top:50%;left:-.2rem;right:1.7rem}[data-story] .story-steps li.done:not(:first-child):before,[data-story] .story-steps li.on:not(:first-child):before{background:linear-gradient(90deg,#7c3aed,#22d3ee)}[data-story] .story-steps button{background:var(--color-canvas);width:1.7rem;height:1.7rem;color:var(--color-muted);cursor:pointer;border:1.5px solid #ffffff38;border-radius:99px;padding:0;font-size:.75rem;font-weight:700;line-height:1;transition:all .4s;position:relative}[data-story] .story-steps li.done button{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-color:#0000}[data-story] .story-steps li.on button{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-color:#0000;transform:scale(1.22);box-shadow:0 0 0 4px #8b5cf647}[data-story] .story-steps .step-label{display:none}@media (width>=768px){[data-story].story-on .story-steps{top:calc(var(--sticky-bar-h,0px) + 1.25rem);padding:0}[data-story].story-on .story-steps ol{max-width:44rem;margin:0 auto;padding:0 1.5rem}[data-story].story-on .story-dots{display:none}[data-story].story-on .chapter{padding-top:calc(var(--sticky-bar-h,0px) + 5.25rem);padding-bottom:calc(var(--bottom-bar-h,0px) + .75rem + 80px)}[data-story] .story-steps button{width:2.1rem;height:2.1rem;font-size:.85rem}[data-story] .story-steps li:not(:first-child):before{right:2.1rem}[data-story] .story-steps .step-label{white-space:nowrap;color:var(--color-muted);font-size:.72rem;font-weight:600;transition:color .4s;display:block;position:absolute;top:calc(100% + .4rem);right:1.05rem;transform:translate(50%)}[data-story] .story-steps li.on .step-label{color:var(--color-ink)}}@media (width<=767px){[data-story].story-on .chapter{padding:calc(var(--sticky-bar-h,0px) + 4.2rem) 0 calc(var(--bottom-bar-h,0px) + .75rem)}[data-story].story-on .chapter-grid.tight{gap:.85rem}[data-story].story-on .chapter-grid.tight .visual{padding:.8rem .95rem}[data-story].story-on .chapter-grid.tight .chapter-p{margin-top:.45rem;font-size:.95rem;line-height:1.4}[data-story].story-on .chapter-grid.tighter{gap:.6rem}[data-story].story-on .chapter-grid.tighter .visual [class*=mt-]{margin-top:.55rem}[data-story].story-on .chapter-grid.tighter .hide-sm,[data-story].story-on .chapter-grid.tighter .hide-xs,[data-story].story-on .kick,[data-story].story-on .story-dots,[data-story].story-on .next-mini{display:none}[data-story].story-on .chapter-grid{gap:1.25rem}[data-story].story-on .visual{border-radius:1.4rem;padding:1.1rem}[data-story].story-on .ui-drop{flex-direction:row;gap:.6rem;padding:.7rem 1rem}[data-story].story-on .ui-drop svg{width:20px;height:20px}[data-story].story-on .chip{padding:.35rem .75rem;font-size:.8rem}[data-story].story-on .chapter-p{margin-top:.75rem;font-size:1.02rem;line-height:1.5}[data-story].story-on .chapter-h{white-space:nowrap;letter-spacing:-.025em;font-size:clamp(1.1rem,8vw - .24rem,2.5rem)}}@media (width<=767px) and (height<=779px){[data-story].story-on .hide-sm{display:none}}@media (width<=767px){[data-story].story-on .hide-xs{display:none}}@media (width<=767px) and (height<=779px){[data-story].story-on .pub-pic{aspect-ratio:16/2.8}[data-story].story-on .pub-row{margin-top:.85rem}}@media (width<=767px) and (height>=780px){[data-story].story-on .chapter-grid{gap:2rem}[data-story].story-on .chapter-p{margin-top:1rem}[data-story].story-on .visual{padding:1.4rem}[data-story].story-on .visual .ui-title.mt-5,[data-story].story-on .visual .mt-5{margin-top:1.5rem}[data-story].story-on .chapter{padding-top:calc(var(--sticky-bar-h,0px) + 4.8rem)}}@media (width<=767px) and (height>=860px){[data-story].story-on .chapter-grid{gap:2.75rem}[data-story].story-on .chapter-p{margin-top:1.25rem;font-size:1.1rem}[data-story].story-on .visual{padding:1.6rem}[data-story].story-on .chapter{padding-top:calc(var(--sticky-bar-h,0px) + 5.4rem)}}@media (height<=760px) and (width>=768px){[data-story].story-on .chapter-h{font-size:clamp(1.9rem,5vw,3.25rem)}[data-story].story-on .chapter-p{margin-top:.75rem;font-size:1.05rem;line-height:1.5}}[data-story].story-on .chapter>*{width:100%}[data-story].story-on .chapter.is-active{opacity:1;filter:none;pointer-events:auto;transform:none}[data-story].story-on .chapter.is-past{transform:translateY(-8vh)scale(.98)}[data-story].story-on .pop{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.3,1.15);transform:translateY(28px)scale(.94)}[data-story].story-on .is-active .pop{opacity:1;transition-delay:calc(var(--i,0) * .11s + .15s);transform:none}[data-story].story-on .grow-line{opacity:0;transform-origin:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .3s;transform:scaleX(0)}[data-story].story-on .is-active .grow-line{opacity:1;transition-delay:calc(var(--i,0) * .11s + .15s);transform:none}[data-story].story-on .type{clip-path:inset(0 100% 0 0)}[data-story].story-on .is-active .type{clip-path:inset(0);transition:clip-path 1s steps(var(--ch,10), end) calc(var(--i,3) * .11s + .7s)}[data-story] .chip{isolation:isolate;position:relative}[data-story] .chip:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);position:absolute;inset:-1.5px}[data-story] .tap{display:none}[data-story].story-on .tap{z-index:3;opacity:0;color:#fff;pointer-events:none;filter:drop-shadow(0 4px 6px #00000080);display:block;position:absolute;bottom:-1.5rem;right:-.4rem}[data-story].story-on .tap svg{fill:#1a1f44}[data-story].story-on .is-active .chip.sel{animation:chip-text .4s ease var(--t,1.5s) both}[data-story].story-on .is-active .chip.sel:before{animation:chip-fill .4s ease var(--t,1.5s) both}[data-story].story-on .is-active .chip.sel .tap{animation:chip-tap 1s ease calc(var(--t,1.5s) - .55s) both}@keyframes chip-fill{to{opacity:1}}@keyframes chip-text{to{color:#fff;border-color:#0000}}@keyframes chip-tap{0%{opacity:0;transform:translate(46px,50px)}35%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(-2px,-3px)scale(.84)}70%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(10px,14px)}}[data-story].story-on .drag-photo{opacity:0;display:flex}[data-story].story-on .is-active .drag-photo{animation:2.2s cubic-bezier(.45,0,.2,1) .9s both story-drag}[data-story].story-on .is-active .ui-drop{animation:.9s 2.7s backwards story-drop-hit}@keyframes story-drag{0%{opacity:0;transform:translate(150px,190px)rotate(10deg)scale(1.1)}12%{opacity:1}72%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.55)}}@keyframes story-drop-hit{40%{background:#22d3ee47;border-color:#22d3ee;transform:scale(1.03)}}[data-story].story-on .is-active .publish-btn{animation:.6s 2.3s both story-press}@keyframes story-press{40%{filter:brightness(1.3);transform:scale(.92)}}[data-story] .story-dots li.on{background:var(--color-ink);height:1.5rem}.story-nudge{animation:1.8s ease-in-out infinite story-nudge}.live-dot{animation:1.6s ease-out infinite story-ping}@keyframes story-nudge{50%{transform:translateY(6px)}}@keyframes story-ping{0%{box-shadow:0 0 #064e3b80}to{box-shadow:0 0 0 9px #064e3b00}}@media (prefers-reduced-motion:reduce){.story-nudge,.live-dot{animation:none}}[data-story].story-on .go-next .chapter-grid{cursor:pointer}[data-story] .grind{animation:3.6s steps(8,end) infinite story-grind}@keyframes story-grind{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-story] .grind{animation:none}}[data-story] .load-bar{width:38%}[data-story] .hand{opacity:0}[data-story].story-on .is-active .win{animation:9s ease-in-out infinite story-win}[data-story].story-on .is-active .load-bar{animation:9s ease-in-out infinite story-load}[data-story].story-on .is-active .skel{animation:1.4s ease-in-out infinite story-pulse}[data-story].story-on .is-active .page-dim{animation:2.4s ease-in-out infinite story-breathe}[data-story].story-on .is-active .hand{animation:9s ease-in-out infinite story-hand}[data-story].story-on .is-active .winx{animation:9s ease-in-out infinite story-x}[data-story].story-on .loopmsg{opacity:0}[data-story].story-on .is-active .loopmsg{animation:9s ease-in-out infinite story-msg}@keyframes story-win{0%,61.7%{opacity:1;transform:scale(1)}66.7%,96.7%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes story-load{0%{width:0}6.9%{width:10%}16.2%{width:10%}25.4%{width:22%}34.7%{width:22%}46.2%{width:32%}57.8%,90%{width:38%}92%,to{width:0}}@keyframes story-pulse{50%{opacity:.55}}@keyframes story-breathe{50%{opacity:.6}}@keyframes story-hand{0%,27.8%{opacity:0;transform:translate(4rem,3.5rem)}33.3%{opacity:1}55.8%{opacity:1;transform:translate(0)}57.8%{transform:translate(0)scale(.8)}60.2%{transform:translate(0)scale(1)}72%{opacity:1;transform:translate(0)scale(1)}82%{opacity:1;transform:translate(47px,128px)scale(1)}93%{opacity:1;transform:translate(47px,128px)scale(1)}96.7%,to{opacity:0;transform:translate(47px,128px)scale(1)}}@keyframes story-x{0%,53.9%{color:#fffc;background-color:#ffffff2e;transform:scale(1)}56.7%{color:#fff;background-color:#22d3ee73;transform:scale(1)}58.3%{background-color:#22d3ee73;transform:scale(1)}60%{background-color:#22d3ee8c;transform:scale(.86)}62%,96%{color:#fff;background-color:#22d3ee73;transform:scale(1)}to{color:#fffc;background-color:#ffffff2e;transform:scale(1)}}@keyframes story-msg{0%,68.9%{opacity:0;transform:translateY(6px)}72%{opacity:1;transform:none}93%{opacity:1;transform:none}96.7%,to{opacity:0;transform:translateY(6px)}}[data-story] .story-next,[data-story].story-on .chapter .next-mini{display:none}[data-story].story-on .story-next{bottom:calc(var(--bottom-bar-h,0px) + .75rem);z-index:8;color:#67e8f9;cursor:pointer;opacity:0;filter:drop-shadow(0 2px 6px #12162fe6);background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-left:-1.375rem;transition:color .2s;display:inline-flex;position:absolute;left:50%}[data-story].story-on .story-next:hover{color:#cffafe}[data-story].story-on .is-active .story-next{animation:.5s 2s forwards story-next-in,1.8s ease-in-out 2.5s infinite story-nudge}@keyframes story-next-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-story].story-on .is-active .story-next{animation:.5s 2s forwards story-next-in}}[data-story].story-on .is-active .listhover{animation:9s linear infinite story-hover}@keyframes story-hover{0%,80%{text-decoration-color:#0000}82%,94%{text-decoration-color:#7dd3fc}96%,to{text-decoration-color:#0000}}[data-story] .blink{animation:1.1s step-end infinite story-blink}@keyframes story-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-story] .blink{animation:none}}[data-story] .calpage{transform-origin:50% 0;backface-visibility:hidden}[data-story]:not(.story-on) .calpage:not(:last-child){display:none}[data-story].story-on .is-active .calpage:not(:last-child){animation:.7s ease-in forwards story-flip;animation-delay:calc(var(--k) * 1.5s + 4.5s)}@keyframes story-flip{60%{opacity:1}to{opacity:0;transform:rotateX(-105deg)}}[data-story] .finger{transform-box:fill-box;transform-origin:50% 100%}[data-story].story-on .is-active .finger{animation:2.4s ease-in-out infinite story-drum;animation-delay:calc(var(--f) * .3s + 4.2s)}@keyframes story-drum{0%,45%,to{transform:translateY(0)}22%{transform:translateY(1.6px)}}@media (prefers-reduced-motion:reduce){[data-story] .finger{animation:none}}[data-story]:not(.story-on) .formmock,[data-story] .clickhand{display:none}[data-story].story-on .clickhand{opacity:0;display:block}[data-story].story-on .formdone{opacity:0}[data-story].story-on .is-active .clickhand{animation:3.2s ease-in-out .3s both story-click}[data-story].story-on .is-active .sendbtn{animation:.5s 2.15s both story-send}[data-story].story-on .is-active .formmock{animation:.5s 3.2s forwards story-formout}[data-story].story-on .is-active .formdone{animation:.6s 3.3s forwards story-formin}@keyframes story-click{0%,10%{opacity:0;transform:translate(5rem,3.5rem)}22%{opacity:1}52%{opacity:1;transform:translate(0)}58%{transform:translate(0)scale(.8)}66%{transform:translate(0)scale(1)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes story-send{45%{filter:brightness(1.35);transform:scale(.93)}}@keyframes story-formout{to{opacity:0}}@keyframes story-formin{to{opacity:1}}[data-story].story-on .visual{transition:opacity .4s}[data-story].story-on .visual.fading{opacity:0}[data-story].story-on .is-active .visual.reset .pop{opacity:0;transition:none;transform:translateY(28px)scale(.94)}[data-story].story-on .is-active .visual.reset .type{clip-path:inset(0 100% 0 0);transition:none}[data-story].story-on .is-active .visual.reset *{animation:none!important}[data-story].story-on .is-active .story-next.nudge-more{color:#a5f3fc;animation:.3s forwards story-next-in,1.4s ease-in-out infinite story-nudge-strong}[data-story].story-on .story-next.nudge-more:after{content:"Next";color:#67e8f9;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:700;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%)}@keyframes story-nudge-strong{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){[data-story].story-on .is-active .story-next.nudge-more{animation:.3s forwards story-next-in}}