.pd{container-type:inline-size;--aurora: conic-gradient(from 0deg, #ffd8a8, #c4e0ff, #ddd0ff, #c8f0da, #ffd8a8)}.pd-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px}.pd-tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:1px;padding-bottom:4px}.pd-tab:focus-visible{outline:2px solid var(--black);outline-offset:4px}.pd-prog{display:block;height:2px;background:var(--hair);margin-bottom:10px;overflow:hidden}.pd-prog i{display:block;height:100%;background:var(--black);transform-origin:left;transform:scaleX(var(--p, 0))}.pd-tab[aria-selected=true] .pd-prog{background:var(--grey-2)}.pd:not(.live) .pd-tab[aria-selected=true] .pd-prog i{transform:none}.pd-tab-l{font-size:14.5px;font-weight:500;color:var(--text-3);transition:color .2s}.pd-tab-a{font-size:12.5px;color:var(--text-3)}.pd-tab[aria-selected=true] .pd-tab-l,.pd-tab:hover .pd-tab-l{color:var(--text)}.pd-scenes{display:grid;grid-template-rows:auto auto}.pd-scene{grid-area:1 / 1 / 3 / 2;display:grid;grid-template-rows:subgrid;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility 0s .25s}.pd-scene.cur{visibility:visible;opacity:1;transition:opacity .35s ease .25s,visibility 0s .25s}.pd-stage{display:grid;align-content:start;grid-template-columns:minmax(0,1fr) minmax(0,380px) minmax(0,1fr);column-gap:clamp(24px,4.5cqi,64px);align-items:start}.pd-lab{font-size:12.5px;color:var(--text-3);margin-bottom:8px}.pd-side{display:flex;flex-direction:column}.pd-phone{flex:1;background:#fff;border:1px solid var(--hair);border-radius:26px;padding:12px 12px 16px;box-shadow:0 1px #00000005,0 18px 40px -28px #00000040}.pd-owner .pd-phone{min-height:460px;box-shadow:0 1px #00000005,0 28px 60px -30px #0000004d}.pd-client{width:100%;max-width:320px;margin-top:32px}.pd-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3);padding:4px 6px 10px;border-bottom:1px solid var(--grey-2);margin-bottom:10px}.pd-jm{width:22px;height:22px;border-radius:50%;background:var(--black);color:#fff;font-size:9px;font-weight:600;display:grid;place-items:center}.pd-feed{display:flex;flex-direction:column;gap:8px}.pd-it{font-size:13px;line-height:1.42;border-radius:14px;padding:9px 11px}.pd-it-t{display:block;font-weight:500}.pd-v1,.pd-it.done .pd-v0{display:none}.pd-it.done .pd-v1{display:inline}.pd-them{background:var(--grey);align-self:flex-start;max-width:90%;border-bottom-left-radius:4px}.pd-it.pd-me{background:var(--black);color:#fff;align-self:flex-end;max-width:86%;border-bottom-right-radius:4px}.pd-call{display:grid;justify-items:center;text-align:center;gap:2px;padding:14px 8px}.pd-call .pd-it-x{font-size:12.5px;color:var(--text-3)}.pd-call.done .pd-it-x{color:var(--text)}.pd-av{position:relative;width:44px;height:44px;border-radius:50%;background:var(--black);color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center;margin-bottom:6px}.pd.live .pd-call:not(.done) .pd-av:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #000;animation:pd-ring 1.1s ease-out infinite}@keyframes pd-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.pd-doc,.pd-review{border:1px solid var(--hair)}.pd-doc .pd-it-t:before{content:"PDF";font-size:9.5px;font-weight:600;background:var(--grey);border-radius:4px;padding:2px 5px;margin-right:7px;vertical-align:1px}.pd-doc .pd-it-x{display:block;color:var(--text-2);margin-top:2px}.pd-btn{position:relative;overflow:hidden;display:inline-block;margin-top:9px;background:var(--black);color:#fff;font-size:12px;font-weight:500;border-radius:999px;padding:6px 13px}.pd-approve .pd-btn{background:#fff;color:#000}.pd-it.done .pd-btn{background:var(--grey);color:var(--text)}.pd-approve.done .pd-btn{background:#ffffff2e;color:#fff}.pd.live .pd-it.done.now .pd-btn{animation:pd-press .5s ease}.pd.live .pd-it.done.now .pd-btn:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:currentColor;opacity:0;animation:pd-tap .7s ease-out}@keyframes pd-press{30%{transform:scale(.92)}to{transform:none}}@keyframes pd-tap{0%{transform:scale(1);opacity:.35}to{transform:scale(14);opacity:0}}.pd-stars{display:block;font-size:13px;letter-spacing:1px;color:#000}.pd-stars span{letter-spacing:0;font-size:11px;color:var(--text-3);margin-left:4px}.pd-review .pd-it-x{display:block;color:var(--text-2);margin-top:2px}.pd-notif{background:var(--grey);border-radius:16px}.pd-app{display:block;font-size:10.5px;color:var(--text-3);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.pd-card{border-radius:0;border-top:1px solid var(--black);padding:9px 2px 4px}.pd-card .pd-it-t{font-size:11.5px;color:var(--text-3);font-weight:500}.pd-note{border:1px dashed #c9c9c4}.pd-note .pd-it-t,.pd-past .pd-it-t{font-size:11.5px;color:var(--text-3)}.pd-approve{background:var(--black);color:#fff}.pd-approve .pd-it-x{display:block;color:#bdbdb7;font-size:12px}.pd-stat{border:1px solid var(--hair)}.pd-stat .pd-it-t{font-size:11.5px;color:var(--text-3)}.pd-stat .pd-it-x{font-size:24px;font-weight:500;letter-spacing:-.03em}.pd-past{background:var(--grey);color:var(--text-2)}.pd-story{padding-top:26px}.pd-who{display:flex;align-items:center;gap:14px;margin-bottom:30px;isolation:isolate}.pd-orb{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center}.pd-orb:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:var(--aurora);filter:blur(10px);opacity:.75;z-index:-1}.pd-who .pd-lab{display:block;margin:0}.pd-who b{display:block;font-weight:500;font-size:15px;letter-spacing:-.01em}.pd-caps{display:grid;gap:14px}.pd-caps li{display:grid;gap:2px;font-size:15px;line-height:1.45}.pd-cap-t{font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}.pd-value{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;align-self:start;padding-top:16px;border-top:1px solid var(--hair)}.pd-value p{font-size:14.5px;line-height:1.5}.pd-value span{display:block;font-size:12.5px;color:var(--text-3);margin-bottom:3px}.pd-without{color:var(--text-3)}.pd-with{position:relative;font-weight:500}.pd-with:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ffd8a8,#c4e0ff,#ddd0ff,#c8f0da);transform-origin:left;transform:scaleX(1)}.pd-foot{display:flex;justify-content:flex-end;margin-top:30px}.pd-pause{all:unset;cursor:pointer;font-size:12.5px;color:var(--text);border-bottom:1px solid var(--hair);white-space:nowrap}.pd-pause:focus-visible{outline:2px solid var(--black);outline-offset:3px}.pd-pause[hidden]{display:none}.pd.live [data-at]{transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease}.pd.live .pd-it:not(.on){opacity:0;transform:translateY(10px);filter:blur(5px);transition-duration:.2s}.pd.live .pd-it{--at: .8s}.pd.live .pd-client .pd-it{--at: .5s}.pd.live .pd-scene.client-now .pd-owner .pd-it{--at: 2.3s}.pd.live .pd-it.on.now{transition-delay:calc(var(--at) + var(--k, 0) * .6s)}.pd.live .pd-them.typing .pd-it-x{display:none}.pd.live .pd-them.typing:after{content:"•••";letter-spacing:3px;color:var(--text-3);animation:pd-dots 1s steps(2) infinite}@keyframes pd-dots{50%{opacity:.35}}.pd.live .pd-caps li{grid-area:1 / 1;gap:8px;visibility:hidden;opacity:0;transform:translateY(6px)}.pd.live .pd-caps li.now{visibility:visible;opacity:1;transform:none;transition:opacity .5s ease .1s,transform .5s ease .1s}.pd.live .pd-cap-t{font-size:14px}.pd.live .pd-cap-x{font-size:clamp(18px,1.75cqi,23px);font-weight:500;letter-spacing:-.01em;line-height:1.35;text-wrap:pretty}.pd.live .pd-client{transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.pd.live .pd-scene:not(.client-now) .pd-client{visibility:hidden;opacity:0;transform:translate(-14px) scale(.97);transition:opacity .35s ease,transform .35s ease,visibility 0s .35s}.pd.live .pd-with:after{transform:scaleX(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.pd.live .pd-scene.end .pd-with:after{transform:scaleX(1);transition-delay:.8s}.pd.paused *,.pd.paused *:before,.pd.paused *:after{animation-play-state:paused!important}@container (max-width: 900px){.pd-stage{grid-template-columns:1fr 1fr;gap:24px 14px}.pd-story{grid-column:1 / -1;padding-top:0}.pd-who{margin-bottom:16px}.pd-client{max-width:none;margin-top:0}.pd-owner .pd-phone{min-height:400px}}@container (max-width: 760px){.pd-tabs{display:flex;overflow-x:auto;scrollbar-width:none;margin-right:calc(-1 * var(--gutter));padding-right:var(--gutter)}.pd-tab{flex:0 0 150px}.pd-value{grid-template-columns:1fr;gap:18px}}@container (max-width: 520px){.pd-stage{grid-template-columns:1fr}.pd-owner .pd-phone{min-height:0}.pd.live .pd-scene:not(.client-now) .pd-client{visibility:visible;opacity:1;transform:none}}