.flow{--len: 6.4}.flow-stage{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);padding:90px var(--gutter) 30px;max-width:1480px;margin-inline:auto}.flow-title{font-size:clamp(30px,3.3vw,52px);margin-bottom:24px}.flow-steps{position:relative;display:grid;gap:2px;padding-left:30px}.flow-steps li{padding:9px 0;opacity:.34;transition:opacity .6s var(--ease-out)}.flow-steps li.is-on{opacity:1}.flow-steps h3{font-size:18px;font-weight:640;letter-spacing:-.02em;margin-bottom:3px}.flow-steps p{font-size:14.5px;line-height:1.5;color:var(--muted)}.flow-demo{width:min(100%,calc((100svh - 140px) * 920 / 620));aspect-ratio:920 / 620;justify-self:center}.room-win .canvas{background:#fbfaf6}.eg-win .cursor,.bz-win .cursor,.eg-view,.bz-view{will-change:transform,opacity}@media(min-width:901px)and (max-height:880px){.flow-stage{padding-top:78px;padding-bottom:18px}.flow-title{font-size:clamp(28px,5.3vh,44px);margin-bottom:12px}.flow-steps li{padding:6px 0}.flow-steps h3{font-size:16px;margin-bottom:2px}.flow-steps p{font-size:13px;line-height:1.42}.flow-steps .step-bar{margin-top:8px}}@media(max-width:900px){.flow-stage{grid-template-columns:1fr;align-content:center;padding-top:72px;gap:12px}.flow-title{font-size:clamp(26px,7vw,38px);margin-bottom:8px}.flow-steps{min-height:116px;padding-left:0}.flow-steps li{position:absolute;left:0;right:0;top:0;opacity:0;transform:translate3d(0,10px,0);transition:opacity .5s,transform .6s var(--ease-out)}.flow-steps li.is-on{opacity:1;transform:none}.flow-steps .step-bar{display:none}.flow-demo{width:100%}}.eg,.bz{position:absolute;inset:0;font-size:13px;color:var(--ink)}.eg-head,.bz-head{position:absolute;left:0;right:0;top:0;z-index:5;height:50px;display:flex;align-items:center;gap:10px;padding:0 16px 0 20px;border-bottom:1px solid var(--line);background:#fff}.eg-head>b,.bz-head>b{font-size:14px;font-weight:650;letter-spacing:-.01em}.eg-tabs{position:relative;display:flex;gap:8px;margin-left:18px}.eg-tabs>span{padding:6px 0;font-size:12.5px;font-weight:560;color:var(--muted);text-align:center}.eg-tabs>span{width:80px}.eg-tabs>span.is-on{color:var(--ink)}.eg-tabline{position:absolute;left:0;bottom:-9px;width:80px;height:2px;border-radius:2px;background:#d8a100}.eg-view,.bz-view{position:absolute;inset:0;opacity:0}.eg-view>*,.bz-view>*{position:absolute}.eg-view h5{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.eg-ic{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;color:var(--c);background:color-mix(in oklab,var(--c) 14%,#fff)}.eg-status{margin-left:auto;width:222px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:999px;background:#17181c0d;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.eg-status i{width:7px;height:7px;border-radius:50%;background:var(--faint)}.eg-status .st-b,.eg-status .st-c{display:none}.eg-status.is-live{background:#d8a10021;color:#7d5f00}.eg-status.is-live i{background:#d8a100;animation:run-dot 1.8s ease-in-out infinite}.eg-status.is-live .st-a,.eg-status.is-stopped .st-a,.eg-status.is-stopped .st-b{display:none}.eg-status.is-live .st-b{display:inline}.eg-status.is-stopped{background:#e564801f;color:#b8324f}.eg-status.is-stopped i{background:#e56480;animation:none}.eg-status.is-stopped .st-c{display:inline}.eg-stop{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9px;background:#e564801a;color:#b8324f;font-style:normal;font-size:12px;font-weight:650;white-space:nowrap}.eg-q label{display:block;margin-bottom:8px;font-size:13px;font-weight:640}.eg-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.eg-chip,.eg-when span{position:relative;height:34px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:12.5px}.eg-chip .ico{position:absolute;right:12px;top:11px;color:#b58700;opacity:0}.eg-chip.is-picked,.eg-when span.is-picked{box-shadow:inset 0 0 0 2px #d8a100;background:#fffaf0;font-weight:620;color:var(--ink)}.eg-chip.is-picked .ico{opacity:1}.eg-when{display:flex;gap:8px}.eg-when span{color:var(--muted)}.eg-field{height:40px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.eg-field span{display:inline-block}.eg-note{display:block;margin-top:7px;font-size:11.5px;color:var(--muted);opacity:0}.eg-btn{height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:12px;background:var(--ink);color:#fff;font-style:normal;font-size:13.5px;font-weight:650}.eg-ch{width:410px;height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line)}.eg-ch b{display:block;font-size:13px}.eg-ch span{font-size:11.5px;color:var(--muted)}.eg-p{font-size:13px;line-height:1.5;color:var(--ink-2)}.eg-pic{width:188px;margin:0}.eg-pic figcaption{margin-top:6px;font-size:11px;color:var(--muted)}.eg-pic.is-picked .eg-img{box-shadow:0 0 0 3px #d8a100}.eg-img{position:relative;height:118px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#ffe7b8,#f5b063 58%,#e87a86)}.eg-img:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:118px;margin-left:-59px;background:linear-gradient(160deg,#ffe7b8,#f5b063 58%,#e87a86);display:none}.eg-img.v0{background:#ecebe6}.eg-img.v0:before,.eg-img.v1:before{display:block}.eg-img.v1{background:linear-gradient(160deg,#fff3dc,#fad7ad 58%,#f6c0c6)}.eg-img.v3{background:linear-gradient(160deg,#d9e6fb,#a79ae6 58%,#5b6be8)}.eg-laptop{position:absolute;left:50%;bottom:18px;width:54px;height:30px;margin-left:-27px;border-radius:4px 4px 2px 2px;background:#2b2d33;box-shadow:0 0 0 3px #3a3d45,0 8px 0 -2px #17181c}.eg-laptop:after{content:"";position:absolute;inset:4px 5px;border-radius:2px;background:linear-gradient(135deg,#7fd1c7,#5b6be8)}.eg-kid{position:absolute;bottom:50px;width:16px;height:16px;border-radius:50%;background:#f2c3a0;box-shadow:0 16px 0 2px #5b6be8}.eg-kid.k1{left:calc(50% - 30px)}.eg-kid.k2{left:calc(50% + 14px);box-shadow:0 16px 0 2px #e56480}.eg-img.big{height:140px;margin:10px 0}.eg-ai{position:absolute;left:8px;top:8px;z-index:2;padding:3px 7px;border-radius:6px;background:#17181cc7;color:#fff;font-size:9.5px;font-weight:700}.eg-ad{width:390px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 50px -30px #17181c80;opacity:0}.eg-ad-top{display:flex;align-items:center;gap:10px}.eg-ad-top b{display:block;font-size:13px}.eg-ad-top small{font-size:11px;color:var(--muted)}.eg-av{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#d8a100;color:#fff;font-size:11px;font-weight:800}.eg-ad>p{margin-top:10px;font-size:12.5px;line-height:1.45;color:var(--ink-2)}.eg-ad-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.eg-ad-foot small{display:block;font-size:10.5px;color:var(--muted)}.eg-ad-foot b{font-size:12.5px}.eg-ad-foot em{font-style:normal;font-size:12px;font-weight:650;padding:8px 12px;border-radius:8px;background:#17181c12}.eg-launch{display:grid;gap:4px;font-size:12px;color:var(--muted)}.eg-launch li{display:flex;align-items:center;gap:7px;opacity:0}.eg-launch li .ico{color:var(--faint)}.eg-launch li.is-done{color:var(--ink)}.eg-launch li.is-done .ico{color:#b58700}.eg-limit{display:flex;align-items:center;gap:18px;opacity:0}.eg-limit small{display:block;font-size:11.5px;color:var(--muted)}.eg-limit b{display:block;font-size:34px;font-weight:720;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.eg-limit span{font-size:12px;color:var(--muted)}.eg-tile{width:200px;height:100px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;column-gap:10px;align-items:center}.eg-tile .eg-ic{width:26px;height:26px}.eg-tile b{font-size:12px;letter-spacing:-.01em;white-space:nowrap}.eg-tile small{grid-column:1 / -1;margin-top:8px;font-size:11px;color:var(--muted)}.eg-tile strong{grid-column:1 / -1;align-self:end;font-size:22px;font-weight:720;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.eg-did{width:840px;height:40px;display:flex;align-items:center;gap:12px;padding:0 12px 0 6px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:12.5px}.eg-did .eg-ic{width:28px;height:28px}.eg-did b{font-weight:650}.eg-did span{color:var(--muted)}.eg-did small{margin-left:auto;font-size:11px;color:var(--faint)}.eg-row{width:410px;height:60px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line)}.eg-row>div{flex:1;min-width:0;display:grid}.eg-row b{font-size:12.5px}.eg-row span{font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eg-row small{font-size:10.5px;color:var(--faint)}.eg-state{flex:none;width:118px;height:24px;display:grid;place-items:center;border-radius:999px;font-style:normal;font-size:10.5px;font-weight:650}.eg-state.ok{background:#d8a10024;color:#7d5f00}.eg-state.new{background:#eef0fd;color:#3f4bb8}.eg-state.draft{background:#e564801a;color:#b8324f}.eg-state .d,.eg-state.is-published .a{display:none}.eg-state.is-published .d{display:inline}.eg-state.draft.is-published{background:#2fa79e24;color:#1f6e68}.eg-state.you{background:var(--ink);color:#fff}.eg-thread{width:410px;height:410px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);opacity:0}.eg-thread-h{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);margin-bottom:12px}.eg-bub{max-width:300px;margin-bottom:8px;padding:9px 12px;border-radius:14px 14px 14px 4px;background:#f1f0ec;font-size:12.5px;line-height:1.45;opacity:0}.eg-bub.us{margin-left:auto;border-radius:14px 14px 4px;background:#fff4d9}.eg-by{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:10.5px;color:#7d5f00;opacity:0}.eg-review{position:absolute;left:16px;right:16px;top:236px;height:116px;padding:12px 14px;border-radius:12px;background:#fbfaf6;box-shadow:inset 0 0 0 1px var(--line);opacity:0}.eg-review small{font-size:11px;color:var(--muted)}.eg-review p{margin-top:6px;font-size:12.5px;line-height:1.45}.eg-review em{position:absolute;right:12px;bottom:12px;width:76px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-style:normal;font-size:12px;font-weight:650}.eg-pub{position:absolute;right:12px;bottom:16px;display:none;align-items:center;gap:5px;font-size:11.5px;font-weight:650;color:#1f6e68}.eg-review.is-published em{visibility:hidden}.eg-review.is-published .eg-pub{display:inline-flex}.eg-banner{position:absolute;left:40px;right:40px;bottom:18px;z-index:4;height:50px;display:flex;align-items:center;gap:10px;padding:0 10px 0 16px;border-radius:14px;background:#fdf0f3;box-shadow:inset 0 0 0 1px #e5648059;color:#9b2a45;font-size:12.5px;font-weight:600;opacity:0}.eg-banner em{margin-left:auto;padding:8px 14px;border-radius:9px;background:var(--ink);color:#fff;font-style:normal;font-size:12px;font-weight:650}.eg-win.is-stopped .eg-row,.eg-win.is-stopped .eg-thread{opacity:.45!important}