.el-blog .pl-pic{isolation:isolate;border-radius:26px;justify-content:center;align-items:center;height:380px;display:flex;position:relative;overflow:hidden}.el-blog .pl-pic[data-size=tall]{height:500px}.el-blog .pl-stage{--s:1.33;box-sizing:border-box;width:350px;height:262px;transform:scale(var(--s));font:400 11px/1.35 var(--ui);color:#16130f;letter-spacing:0;text-align:left;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.el-blog .pl-pic[data-size=wide] .pl-stage{--s:1.15;gap:16px;width:736px;padding:0 24px}.el-blog .pl-pic[data-size=tall] .pl-stage{--s:1.04;width:660px;height:448px}.el-blog .pl-tone-butter{background:#fcefd9}.el-blog .pl-tone-ink{background:#1e1a16}.el-blog .pl-tone-lavender{background:#eeecfd}.el-blog .pl-tone-mint{background:#e2f2e9}.el-blog .pl-tone-peach{background:#fbe7da}.el-blog .pl-tone-sky{background:#dceafb}.el-blog .pl-tone-rose{background:#f6e3ea}.el-blog .pl-tone-paper{background:#f1ece5}.el-blog .pp-ui{box-sizing:border-box;color:#16130f;background:#fff;border-radius:12px;box-shadow:0 1px 2px #16130f0f,0 10px 28px #16130f1a}.el-blog .pp-serif{font-family:var(--display);font-weight:400}.el-blog .pp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.el-blog .pp-muted{color:#625950}.el-blog .pp-faint{color:#857b70}.el-blog .pp-strong{font-weight:600}.el-blog .pp-row{align-items:center;display:flex}.el-blog .pp-col{flex-direction:column;display:flex}.el-blog .pp-between{justify-content:space-between;align-items:center;display:flex}.el-blog .pp-ln{background:#ede7e0;border-radius:3px;height:6px}.el-blog .pp-btn{box-sizing:border-box;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:11.5px;font-weight:600;display:inline-flex}.el-blog .pp-btn-ink{color:#fff;background:#16130f}.el-blog .pp-btn-line{color:#16130f;background:#fff;border:1px solid #e2dad1}.el-blog .pp-pill{white-space:nowrap;border-radius:99px;align-items:center;padding:2px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.el-blog .pp-cap{text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600}.el-blog .pp-node{box-sizing:border-box;color:#16130f;background:#fff;border:1.5px solid #dcd6fa;border-radius:9px;padding:6px 9px;font-size:10.5px;line-height:1.25}.el-blog .pp-node b{letter-spacing:.04em;text-transform:uppercase;color:#6a60b8;margin-bottom:2px;font-size:9px;font-weight:600;display:block}.el-blog .pp-vl{background:#cfc9f7;width:2px;height:12px;margin:0 auto}.el-blog .pp-code{color:#cfc6bb;background:#2a2520;border:1px solid #3a332c;border-radius:12px;overflow:hidden}@media (max-width:1100px){.el-blog .pl-stage{--s:1.2}.el-blog .pl-pic[data-size=wide] .pl-stage{--s:.9}.el-blog .pl-pic[data-size=tall] .pl-stage{--s:.92}}@media (max-width:760px){.el-blog .pl-pic{border-radius:20px;height:290px}.el-blog .pl-pic[data-size=tall]{height:400px}.el-blog .pl-stage{--s:.88}.el-blog .pl-pic[data-size=wide] .pl-stage{--s:.82;width:380px;padding:0 16px}.el-blog .pl-pic[data-size=wide] .pp-secondary{display:none}.el-blog .pl-pic[data-size=tall] .pl-stage{--s:.82;width:400px}}
.el-blog [data-area=cancel-flows]{--area:#5b4be8;--area-ink:#4b3cc9}.el-blog [data-area=payment-recovery]{--area:#1c7f5a;--area-ink:#17603e}.el-blog [data-area=emails]{--area:#c2562b;--area-ink:#9a3b17}.el-blog [data-area=billing]{--area:#b07a19;--area-ink:#8a5410}.el-blog [data-area=developers]{--area:#16130f;--area-ink:#16130f}.el-blog [data-area=workspace]{--area:#3f6fc4;--area-ink:#2a4f8f}.el-blog .pl-timeline{box-sizing:border-box;max-width:1120px;margin:clamp(56px,7vw,88px) auto 0;padding:0 20px;position:relative}.el-blog .pl-spine{--p:0;pointer-events:none;background:linear-gradient(to bottom,var(--ink) calc(var(--p)*100% - 140px),#e6dfd6 calc(var(--p)*100%));border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:26px;-webkit-mask-image:linear-gradient(#0000,#000 64px calc(100% - 260px),#0000);mask-image:linear-gradient(#0000,#000 64px calc(100% - 260px),#0000)}.el-blog .pl-row{grid-template-columns:170px minmax(0,1fr);gap:28px;display:grid}.el-blog .pl-rail{align-self:start;min-height:20px;padding-left:32px;position:sticky;top:110px}.el-blog .pl-dot{background:var(--paper);border:3px solid var(--area,#9c9186);box-sizing:border-box;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:0}.el-blog .pl-dot-quiet{border-color:#c9c0b5;width:12px;height:12px;left:1px}.el-blog .pl-live .pl-dot{transition:transform .6s var(--spring),background-color .35s,border-color .35s,box-shadow .5s}.el-blog .pl-live .pl-dot:not(.lit){border-color:#ddd4ca;transform:scale(.78)}.el-blog .pl-live .pl-dot.lit{background:var(--area,#9c9186);box-shadow:0 0 0 5px color-mix(in srgb,var(--area,#9c9186) 16%,transparent)}.el-blog .pl-live .pl-dot.lit:after{content:"";border:2px solid var(--area,#9c9186);opacity:0;border-radius:50%;animation:1.1s cubic-bezier(.2,.7,.2,1) pl-pulse;position:absolute;inset:-3px}@keyframes pl-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.el-blog .pl-ring{background:var(--ink);border:6px solid var(--paper);box-sizing:border-box;width:24px;height:24px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;position:absolute;top:22px;left:-5px}.el-blog .pl-date{font:600 15px/1.2 var(--ui);color:var(--ink);display:block}.el-blog .pl-area{font:600 13px/1.3 var(--ui);color:var(--area-ink,var(--ink-2));margin-top:4px;display:block}.el-blog .pl-quiet{color:var(--ink-3);font-weight:500}.el-blog .pl-month{scroll-margin-top:90px}.el-blog .pl-mhead{padding-bottom:40px;position:relative}.el-blog .pl-mhead h2{font:400 clamp(44px,5.4vw,68px)/1 var(--display);letter-spacing:-.025em;color:var(--ink);padding-top:12px}.el-blog .pl-mhead h2 span{color:#857b70}.el-blog .pl-mhead p{font:500 15px/1.4 var(--ui);color:var(--ink-3);margin-top:10px}.el-blog .pl-entry{padding-bottom:64px;scroll-margin-top:110px}.el-blog .pl-copy{flex-direction:column;gap:12px;max-width:700px;padding:24px 4px 0;display:flex}.el-blog .pl-copy h3{font:500 clamp(28px,3vw,38px)/1.1 var(--display);letter-spacing:-.015em;color:var(--ink)}.el-blog .pl-copy p{color:var(--ink-2);font-size:17px;line-height:1.6}.el-blog .pl-badge{height:26px;font:600 12px/1 var(--ui);color:var(--ink-2);border:1px solid #e2dad1;border-radius:999px;align-self:flex-start;align-items:center;padding:0 11px;display:inline-flex}.el-blog .pl-points{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.el-blog .pl-points li{color:var(--ink-2);gap:10px;font-size:16px;line-height:1.5;display:flex}.el-blog .pl-points svg{color:var(--area);flex:none;margin-top:4px}.el-blog .pl-also{padding-bottom:72px}.el-blog .pl-roll{background:#f3eee7;border-radius:24px;padding:28px 32px 30px}.el-blog .pl-roll-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.el-blog .pl-roll h3{font:600 17px/1.3 var(--ui);color:var(--ink)}.el-blog .pl-roll ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin:18px 0 0;padding:0;list-style:none;display:grid}.el-blog .pl-roll li{color:var(--ink-2);padding-left:17px;font-size:15px;line-height:1.45;position:relative}.el-blog .pl-roll li:before{content:"";background:#9c9186;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.el-blog .pl-roll a,.el-blog .pl-foot a{color:var(--ink);text-underline-offset:3px;font-weight:500}.el-blog .pl-foot{text-align:center;max-width:1120px;color:var(--ink-3);margin:0 auto;padding:24px 20px clamp(80px,10vw,120px);font-size:15px;line-height:1.8}@media (max-width:760px){.el-blog .pl-row{grid-template-columns:minmax(0,1fr);gap:14px}.el-blog .pl-row>:last-child{padding-left:32px}.el-blog .pl-rail{align-items:baseline;gap:10px;display:flex;position:relative;top:0}.el-blog .pl-area{margin-top:0}.el-blog .pl-mhead{padding-bottom:28px}.el-blog .pl-mhead .pl-rail{min-height:0;padding:0;position:absolute;inset:0 auto auto 0}.el-blog .pl-entry{padding-bottom:48px}.el-blog .pl-copy{padding-top:18px}.el-blog .pl-copy p{font-size:16px}.el-blog .pl-also{padding-bottom:56px}.el-blog .pl-roll{padding:22px 20px}.el-blog .pl-roll ul{grid-template-columns:minmax(0,1fr)}}