html{scroll-padding-top:120px}.groups{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:64px}.groups ul{scrollbar-width:none;gap:6px;padding:10px 0;list-style:none;display:flex;overflow-x:auto}.groups a{white-space:nowrap;color:var(--muted);border:1px solid #0000;border-radius:99px;padding:5px 14px;font-size:14px;display:block}.groups a.on{color:var(--brand);background:var(--tint);border-color:color-mix(in srgb,var(--brand) 25%,#fff);font-weight:700}.story{grid-template-columns:1fr 1fr;gap:56px;padding-top:30px;display:grid}.story>div{min-width:0}.grp{padding-top:40px}.grp>h2{color:var(--brand);letter-spacing:.2px;margin-bottom:4px;font-size:13px;font-weight:800}.blk{opacity:.35;flex-direction:column;justify-content:center;min-height:62vh;padding:40px 0;transition:opacity .4s;display:flex}.blk.on{opacity:1}.blk h3{font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.4}.blk p{color:var(--muted);max-width:480px;margin-top:10px;font-size:16px}.blk .say{background:var(--tint);border-radius:14px 14px 14px 4px;align-self:flex-start;margin-top:16px;padding:8px 14px;font-size:14.5px}.blk .say:before{content:"شما می‌گویید";color:var(--brand);font-size:11px;font-weight:700;display:block}.blk .tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.blk .tags span{color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 10px;font-size:12px}.blk .tags .paid{color:#7a5a00;background:#fff8e1;border-color:#f1e2b0}.blk__demo{display:none}.stage{align-items:center;height:calc(100vh - 120px);max-height:640px;display:flex;position:sticky;top:90px}.win{border:1px solid var(--line-strong);background:var(--app);border-radius:22px;width:100%;overflow:hidden;box-shadow:0 24px 60px #121d3b1f}.win__bar{border-bottom:1px solid var(--line);color:var(--muted);background:#fff;align-items:center;gap:8px;padding:12px 16px;font-size:12.5px;display:flex}.win__bar i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.win__bar b{margin-right:auto;font-weight:600}.win__body{flex-direction:column;gap:12px;min-height:420px;padding:18px;display:flex}.m{opacity:0;border-radius:14px;max-width:88%;padding:10px 13px;font-size:14px;transition:all .35s;transform:translateY(8px)}.m.in{opacity:1;transform:none}.m--me{border:1px solid var(--line);background:#fff;border-bottom-right-radius:4px;align-self:flex-start}.m--ai{color:var(--muted);background:0 0;align-self:flex-end;padding:2px 4px;font-size:13px}.m--ai:before{content:"";background:var(--saffron);border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.res{opacity:0;transition:all .45s .1s;transform:translateY(10px)scale(.98)}.res.in{opacity:1;transform:none}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;font-size:13.5px}.card h5{margin-bottom:8px;font-size:13px;font-weight:800}.mut{color:var(--muted);font-size:12.5px}.btns{gap:8px;margin-top:12px;display:flex}.b{border:1px solid var(--line-strong);border-radius:9px;padding:5px 12px;font-size:12.5px;font-weight:700}.b--dark{background:var(--fg);color:#fff;border-color:var(--fg)}.steps{counter-reset:s;flex-direction:column;gap:6px;list-style:none;display:flex}.steps li:before{counter-increment:s;content:counter(s,persian) ". ";color:var(--muted)}.wave{align-items:center;gap:3px;height:26px;display:flex}.wave i{background:var(--brand);border-radius:2px;width:3px;animation:1s ease-in-out infinite wv}@keyframes wv{50%{transform:scaleY(.4)}}.mini{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;position:relative}.mini i{background:#e3e5e9;border-radius:4px;height:7px;margin-bottom:6px;display:block}.mini .blkx{background:#eef0f4;border-radius:8px;height:52px;margin:8px 0}.scrib{border:2.5px solid var(--bad);border-radius:50%;height:44px;position:absolute;inset:auto 16% 22px 10%;transform:rotate(-3deg)}.diff li{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.diff{list-style:none}.comp{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.comp div{border:1px solid var(--line);background:linear-gradient(#e8ecf6 30%,#fff 30%);border-radius:9px;height:76px;position:relative}.comp div:after{content:attr(data-n);color:var(--muted);font-size:11px;position:absolute;bottom:6px;right:8px}.fonts{align-items:baseline;gap:14px;display:flex}.fonts b{font-size:34px;line-height:1}.sw{gap:6px;margin-top:10px;display:flex}.sw i{border-radius:9px;width:30px;height:30px}.photo{background:radial-gradient(circle at 70% 40%,#ffe3c2 0 16%,#0000 17%),radial-gradient(at 30% 110%,#3f6e5a 0 45%,#0000 46%),linear-gradient(#cfe0f5,#f4efe6);border-radius:12px;height:150px}.edit{border:2px solid var(--brand);border-radius:8px;padding:4px 8px;font-size:20px;font-weight:900;line-height:1.5;display:inline-block}.edit:after{content:"";background:var(--brand);vertical-align:-3px;width:2px;height:1em;margin-right:2px;animation:1s step-end infinite bl;display:inline-block}@keyframes bl{50%{opacity:0}}.figma{grid-template-columns:1fr 24px 1fr;align-items:center;gap:6px;display:grid}.figma .f{background:#faf6ff;border:1.5px dashed #a259ff;border-radius:10px;height:110px;padding:8px}.figma .f i{background:#e2d3ff;border-radius:4px;height:7px;margin-bottom:6px;display:block}.figma .arrow{text-align:center;color:var(--muted)}.code{background:var(--night);color:#cfd6e6;text-align:left;white-space:pre;direction:ltr;border-radius:12px;padding:12px;font:12.5px/1.7 ui-monospace,Consolas,monospace;overflow-x:auto}.code .k{color:#a9bbff}.code .s{color:#f6c96a}.code .c{color:#6c7488}.zipf{align-items:center;gap:10px;display:flex}.zipf i{background:var(--tint);border:1px solid color-mix(in srgb,var(--brand) 25%,#fff);border-radius:6px;width:38px;height:46px;position:relative}.zipf i:after{content:"ZIP";text-align:center;color:var(--brand);font-size:9px;font-weight:800;position:absolute;bottom:5px;left:0;right:0}.conn li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.conn{list-style:none}.conn li:last-child{border:0}.st{background:var(--ok-tint);color:var(--ok);border-radius:99px;padding:1px 9px;font-size:11.5px;font-weight:700}.st--off{background:var(--app);color:var(--muted)}.menu{border:1px solid var(--line);border-radius:12px;list-style:none;overflow:hidden}.menu li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 12px;display:flex}.menu li:last-child{border:0}.menu li.on{background:var(--tint);color:var(--brand);font-weight:700}.panel{grid-template-columns:110px 1fr;gap:10px;display:grid}.panel ul{flex-direction:column;gap:4px;font-size:12.5px;list-style:none;display:flex}.panel ul li{border-radius:7px;padding:4px 8px}.panel ul li.on{background:var(--tint);color:var(--brand);font-weight:700}.panel ul li.x{color:#b8bbc2;text-decoration:line-through}.panel i{background:#eef0f4;border-radius:4px;height:8px;margin-bottom:6px;display:block}.panel i:first-child{background:#e3e5e9;width:60%;margin-bottom:8px}.panel i:last-child{width:80%;margin:0}.tk{border-right:3px solid var(--brand);padding-right:10px}@media (max-width:900px){.story{grid-template-columns:1fr;gap:0}.stage{display:none}.grp{padding-top:28px}.grp>h2{margin-bottom:10px}.grp__row{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(84%,420px);grid-auto-flow:column;gap:12px;padding-bottom:6px;display:grid;overflow-x:auto}.blk{opacity:1;border:1px solid var(--line);scroll-snap-align:start;border-radius:18px;justify-content:flex-start;min-height:0;padding:18px}.blk h3{font-size:20px}.blk p{font-size:15px}.blk__demo{margin-top:16px;display:block}}