.sp .sc-track{height:230vh;position:relative}.sp .sc-stage{--p:0;--cx:70;--cy:58;height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden;container-type:size}.sp .sc-copy{z-index:2;padding-top:calc(var(--nav-h) + clamp(40px, 7vh, 88px));position:relative}.sp .sc-copy h2{max-width:none}.sp .sc-copy .lede{max-width:40ch;margin-top:22px}.sp .sc-field{pointer-events:none;position:absolute;inset:0}.sp .sc-frag{--k:clamp(0, (var(--p) - var(--d)) / .5, 1);--e:calc(1 - (1 - var(--k)) * (1 - var(--k)));--x:var(--sx);--y:var(--sy);left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);white-space:nowrap;letter-spacing:-.01em;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);transform:translate(-50%,-50%);translate:calc((var(--cx) - var(--x)) * 1cqw * var(--e)) calc((var(--cy) - var(--y)) * 1cqh * var(--e));rotate:calc(var(--r) * (1 - var(--e)) * 1deg);scale:calc(1 - var(--e) * .5);opacity:clamp(0, (1 - var(--k)) * 2.6, 1);will-change:translate, opacity;border-radius:8px;align-items:center;gap:8px;padding:9px 13px 9px 11px;font-size:14px;line-height:1.2;display:inline-flex;position:absolute;box-shadow:0 16px 34px -20px #18324466}.sp .sc-frag svg{width:14px;height:14px;color:var(--muted);flex:none}.sp .sc-frag[data-kind=whatsapp]{border-radius:3px 14px 14px}.sp .sc-frag[data-kind=voice]{border-radius:999px}.sp .sc-frag[data-kind=cell]{font:400 12.5px/1.2 var(--mono);background:#fbfcfc;border-radius:2px;box-shadow:inset 3px 0 #c9d8e2,0 16px 34px -20px #18324466}.sp .sc-frag[data-kind=file]{font:400 12px/1.2 var(--mono)}.sp .sc-rec{--a:clamp(0, (var(--p) - .32) / .16, 1);z-index:1;left:calc(var(--cx) * 1%);top:calc(var(--cy) * 1%);width:min(430px,46cqw);opacity:var(--a);translate:-50% -50%;scale:calc(.94 + .06 * var(--a));position:absolute}.sp .sc-row{--f:clamp(0, (var(--p) - var(--t)) / .06, 1);background-color:rgb(228 238 247/calc(var(--f) * (1 - var(--f)) * 3.2))}.sp .sc-row .rec-value,.sp .sc-row .meta{opacity:var(--f);translate:0 calc((1 - var(--f)) * 6px)}.sp .sc-row[data-signal]{background-image:linear-gradient(90deg, rgb(248 233 232/var(--f)), #f8e9e800 75%)}.sp .sc-row[data-signal] .rec-label:after{opacity:var(--f)}.sp .sc-done{color:var(--ink-2);opacity:clamp(0, (var(--p) - .88) / .06, 1);margin-top:18px;font-size:15px;line-height:1.5}@media (max-width:1019px){.sp .sc-stage{--cx:66;--cy:64}.sp .sc-rec{width:min(400px,52cqw)}}@media (max-width:759px){.sp .sc-track{height:210vh}.sp .sc-stage{--cx:50;--cy:70}.sp .sc-frag:not([data-phone]){display:none}.sp .sc-frag{--x:var(--mx);--y:var(--my);padding:8px 11px 8px 10px;font-size:13px}.sp .sc-rec{width:calc(100cqw - var(--gutter) * 2)}.sp .sc-rec .rec-field{grid-template-columns:104px minmax(0,1fr);padding:11px 16px}.sp .sc-rec .rec-field .meta{grid-column:2}.sp .sc-rec .rec-head{padding:14px 16px 12px}.sp .sc-copy{padding-top:calc(var(--nav-h) + 28px)}.sp .sc-copy h2{font-size:clamp(27px,7.4vw,40px)}.sp .sc-copy .lede{margin-top:16px;font-size:16px}.sp .sc-done{font-size:14px}}@media (prefers-reduced-motion:reduce){.sp .sc-track{height:auto}.sp .sc-stage{position:relative}}
.sp .ps{background:var(--mist)}.sp .ps-track{height:320vh;position:relative}.sp .ps-stage{height:100svh;min-height:680px;padding:calc(var(--nav-h) + 8px) 0 16px;pointer-events:none;align-items:center;display:grid;position:sticky;top:0}.sp .ps-grid{pointer-events:auto;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:56px;display:grid}.sp .ps-steps{gap:18px;display:grid}.sp .ps-steps button{letter-spacing:-.05em;color:#9aabb5;text-align:left;transition:color .45s var(--ease);align-items:center;gap:18px;font-size:clamp(34px,3.3vw,48px);line-height:1.1;display:flex}.sp .ps-steps button:hover{color:var(--ink-2)}.sp .ps-steps li[data-on] button{color:var(--ink)}.sp .ps-box{color:currentColor;background-color:#0000;background-image:linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0),linear-gradient(currentColor 0 0);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:6px 1.5px,1.5px 6px,6px 1.5px,1.5px 6px,6px 1.5px,1.5px 6px,6px 1.5px,1.5px 6px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;flex:none;width:18px;height:18px;position:relative}.sp .ps-box:after{content:"";background:var(--blue);transition:transform .45s var(--ease);position:absolute;inset:5px;transform:scale(0)}.sp li[data-on] .ps-box:after,.sp .ps-still .ps-box:after{transform:none}.sp .ps-copy{opacity:0;transition:grid-template-rows .55s var(--ease), opacity .45s;grid-template-rows:0fr;display:grid}.sp li[data-on] .ps-copy{opacity:1;grid-template-rows:1fr}.sp .ps-copy>p{min-height:0;overflow:hidden}.sp .ps-copy span{color:var(--muted);max-width:31ch;padding:12px 0 6px 36px;display:block}.sp .ps-fig{--z:1;min-width:0}.sp .ps-fig figcaption{text-align:right;opacity:var(--z);margin-top:14px}.sp .lap{transform-origin:50% 38%;scale:calc(.84 + .16 * var(--z));translate:0 calc((1 - var(--z)) * 28px);position:relative}.sp .lap-bezel{z-index:2;pointer-events:none;opacity:calc(1 - var(--z));border:13px solid #26313a;border-radius:22px;position:absolute;inset:-13px;box-shadow:0 34px 80px -30px #1c304080}.sp .lap-bezel:before{content:"";background:#61717e;border-radius:50%;width:4px;height:4px;position:absolute;top:-9px;left:calc(50% - 2px)}.sp .lap-base{height:20px;opacity:calc(1 - var(--z));background:linear-gradient(#aab6bf,#dbe2e7 35%,#8a98a3);border-radius:2px 2px 50% 50%/2px 2px 90% 90%;position:absolute;top:calc(100% + 13px);left:-64px;right:-64px;box-shadow:0 20px 24px #1c304029}.sp .lap-base:before{content:"";background:#8494a1;border-radius:0 0 10px 10px;width:16%;height:6px;margin:0 auto;display:block}.sp .ps-stills{display:none}@media (max-width:1019px),(max-height:619px){.sp .ps-track{display:none}.sp .ps-stills{padding:var(--sec) 0;gap:64px;display:grid}.sp .ps-still h3{letter-spacing:-.05em;align-items:center;gap:16px;font-size:34px;display:flex}.sp .ps-still>p{color:var(--muted);max-width:40ch;margin:10px 0 22px 34px}.sp .ps-stills>.meta{margin-top:-40px}}@media (max-width:759px){.sp .ps-still>p{margin-left:0}}.sp .aw{background:var(--surface);color:var(--ink);border:1px solid #ccd9e1;border-radius:12px;font-size:13px;line-height:1.45;position:relative;overflow:hidden;box-shadow:0 60px 110px -60px #18324480,0 22px 40px -28px #18324447;container:aw/inline-size}.sp .aw-bar{border-bottom:1px solid var(--line);background:#f5f8f9;grid-template-columns:1fr auto 1fr;align-items:center;height:40px;padding:0 14px;display:grid}.sp .aw-dots{gap:7px;display:flex}.sp .aw-dots i{background:#e0e7eb;border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 1px #cfd9df}.sp .aw-bar>p{color:var(--muted);font-size:12px}.sp .aw-read{color:var(--muted);justify-self:end;align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.sp .aw-read i{background:#6d9bcb;border-radius:50%;width:6px;height:6px}.sp .aw-body{grid-template-columns:184px minmax(0,1fr);display:grid}.sp .aw-side{border-right:1px solid var(--line);background:#f7fafb;padding:18px 12px 20px}.sp .aw-brand{letter-spacing:-.055em;align-items:center;gap:8px;padding:0 8px 16px;font-size:16px;line-height:1;display:flex}.sp .aw-brand svg{width:20px;height:20px}.sp .aw-nav li,.sp .aw-styles li{color:var(--ink-2);white-space:nowrap;border-radius:5px;align-items:center;gap:9px;padding:7px 8px;font-size:12.5px;display:flex}.sp .aw-nav svg{width:14px;height:14px;color:var(--muted);flex:none}.sp .aw-nav em{text-align:center;min-width:20px;color:var(--muted);border-radius:9px;margin-left:auto;padding:0 6px;font-size:11px;font-style:normal;line-height:18px}.sp .aw-nav li[data-hot] em{background:var(--blue);color:#fff;animation:sp-bump .6s var(--ease) .5s both}@keyframes sp-bump{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{transform:none}}.sp .aw-side-head{color:var(--muted);margin:18px 8px 4px;font-size:11px}.sp .aw-styles li[data-on]{color:#22486f;background:#e3ecf3}.sp .aw-main{min-width:0;padding:22px 26px 24px;position:relative}.sp .aw-crumbs{color:var(--muted);gap:6px;font-size:11.5px;display:flex}.sp .aw-crumbs span{color:#a9b7bf}.sp .aw-title{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.sp .aw-title>p{letter-spacing:-.05em;font-size:28px;line-height:1.1}.sp .aw-people{padding-left:6px;display:flex}.sp .aw-people i{border:2px solid var(--surface);color:#2f5172;background:#dbe6ee;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-6px;font-size:9.5px;font-style:normal;font-weight:500;display:grid}.sp .aw-people i:nth-child(2){color:#4e4a6b;background:#e6e2ef}.sp .aw-people i:nth-child(3){color:#3c5a4a;background:#e0ebe5}.sp .aw-people i:nth-child(4){color:#6a4f35;background:#efe6dc}.sp .aw-sub{color:var(--muted);margin-top:5px;font-size:12.5px}.sp .aw-panes{height:340px;margin-top:20px;position:relative}.sp .aw-pane{transition:opacity .55s var(--ease), transform .65s var(--ease);position:absolute;inset:0}.sp .aw-pane:not([data-show]){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility 0s .3s;transform:translateY(10px)}.sp .aw-fields{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.sp .aw-field{border-right:1px solid var(--line);align-content:start;gap:3px;min-height:132px;padding:14px 15px 15px;transition:background-color .5s;display:grid;position:relative}.sp .aw-field:last-child{border-right:0}@container aw (max-width:600px){.sp .aw-fields{grid-template-columns:1fr 1fr}.sp .aw-field{border-bottom:1px solid var(--line);min-height:0}.sp .aw-field:nth-child(2n){border-right:0}.sp .aw-field:nth-last-child(-n+2){border-bottom:0}}.sp .aw-field dt{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.sp .aw-field[data-signal]{background:linear-gradient(180deg, var(--signal-soft), #f8e9e800 80%)}.sp .aw-field[data-signal] dt:after{content:"";background:var(--signal);width:6px;height:6px;animation:sp-bump .5s var(--ease) both;animation-delay:calc(var(--i) * .2s + .2s);border-radius:50%}.sp .aw-v{letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:21px;line-height:1.25;display:flex}.sp .aw-v s{letter-spacing:0;color:var(--muted);font-size:13px;text-decoration-thickness:1px}.sp .aw-whyb{letter-spacing:0;color:var(--blue);border:1px solid #c5d7e7;border-radius:3px;align-self:center;padding:1px 6px;font-size:11px}.sp .aw-note{color:var(--signal);animation:sp-rise .5s var(--ease) both;animation-delay:calc(var(--i) * .2s + .25s);font-size:12px;line-height:1.35}.sp .aw-src{font:400 10.5px/1.45 var(--mono);color:var(--muted);margin-top:5px}.sp .aw-field[data-changed]:not([data-signal]){animation:sp-flash 1.8s var(--ease) both;animation-delay:calc(var(--i) * .16s + .15s)}@keyframes sp-flash{0%,20%{background-color:var(--blue-soft)}to{background-color:#e4eef700}}.sp .aw-under{margin-top:14px;display:grid}.sp .aw-under>*{grid-area:1/1;align-self:start}.sp .aw-why{z-index:2;width:min(340px,100%);transition:opacity .55s var(--ease) .45s, transform .65s var(--ease) .45s;background:#fff;border:1px solid #c9d7e0;border-radius:8px;margin-left:10px;padding:15px 17px 13px;position:relative;box-shadow:0 28px 56px -24px #1832446b}.sp .aw-why:not([data-show]),.sp .aw-catches:not([data-show]){opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s;transform:translateY(8px)}.sp .aw-why:before{content:"";background:#fff;border-top:1px solid #c9d7e0;border-left:1px solid #c9d7e0;width:10px;height:10px;position:absolute;top:-6px;left:30px;transform:rotate(45deg)}.sp .aw-why-h,.sp .aw-catches-h{color:var(--muted);font-size:11.5px}.sp .aw-why blockquote{background:var(--mist);letter-spacing:-.01em;border-radius:2px 10px 10px;margin:9px 0 0;padding:10px 12px;font-size:14px;line-height:1.45}.sp .aw-why-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:11px;padding-top:10px;font-size:11.5px;display:flex}.sp .aw-why-fix{color:var(--blue)}.sp .aw-catches{transition:opacity .5s var(--ease) .3s, transform .6s var(--ease) .3s;grid-template-columns:1fr 1fr;gap:10px;display:grid}.sp .aw-catches-h{grid-column:1/-1}.sp .aw-catch{box-shadow:inset 3px 0 0 var(--signal);background:#fff;border:1px solid #ecd2d1;border-radius:7px;padding:12px 14px 13px}.sp .aw-catches[data-show] .aw-catch{animation:sp-rise .55s var(--ease) both;animation-delay:calc(var(--i) * .16s + .45s)}.sp .aw-catch-t{letter-spacing:-.015em;font-size:13.5px;line-height:1.35}.sp .aw-catch-c{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}@container aw (max-width:600px){.sp .aw-catches{grid-template-columns:1fr}}.sp .aw-needs{align-content:start;gap:10px;display:grid}.sp .aw-card{border:1px solid var(--line);animation:sp-rise .6s var(--ease) both;animation-delay:calc(var(--i) * .14s + .1s);background:#fff;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;padding:13px 15px 14px;display:grid}.sp .aw-kind{color:var(--blue);font-size:11px;font-weight:500}.sp .aw-card[data-kind=Overdue] .aw-kind{color:var(--signal)}.sp .aw-card[data-kind=Drafted] .aw-kind{color:var(--ink-2)}.sp .aw-card-t{letter-spacing:-.02em;margin-top:2px;font-size:14.5px;line-height:1.35}.sp .aw-card-c{color:var(--muted);margin-top:2px;font-size:12.5px}.sp .aw-draft{background:var(--mist);border-radius:2px 9px 9px;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 11px;font-size:12.5px;line-height:1.45;display:flex}.sp .aw-draft svg{width:13px;height:13px;color:var(--muted);flex:none;margin-top:2px}.sp .aw-acts{flex-direction:column;align-items:stretch;gap:6px;display:flex}.sp .aw-send{animation:sp-sent .5s var(--ease) 2.2s both;display:inline-grid}.sp .aw-send>span{grid-area:1/1;justify-content:center;align-items:center;gap:5px;display:inline-flex}.sp .aw-send>span:first-child{animation:.3s 2.2s both sp-out}.sp .aw-send>span:last-child{opacity:0;animation:.4s 2.4s both sp-in}.sp .aw-send svg{width:12px;height:12px}@keyframes sp-sent{to{color:var(--blue);background:#fff}}@keyframes sp-out{to{opacity:0}}@keyframes sp-in{to{opacity:1}}@container aw (max-width:760px){.sp .aw-body{grid-template-columns:150px minmax(0,1fr)}.sp .aw-main{padding:20px 20px 22px}}@container aw (max-width:600px){.sp .aw-body{grid-template-columns:minmax(0,1fr)}.sp .aw-side,.sp .aw-read{display:none}.sp .aw-bar{grid-template-columns:1fr auto}.sp .aw-bar>p{justify-self:end}}.sp .aw[data-still] .aw-panes{height:auto}.sp .aw[data-still] .aw-pane{position:relative;inset:auto}.sp .aw[data-still] .aw-pane:not([data-show]),.sp .aw[data-still] .aw-under>:not([data-show]){display:none}.sp .aw[data-still] .aw-why{width:auto;margin-left:0}@container aw (max-width:480px){.sp .aw-main{padding:18px 16px}.sp .aw-title>p{font-size:24px}.sp .aw-v{font-size:18px}.sp .aw-field{min-height:0;padding:12px 13px}.sp .aw-card{grid-template-columns:1fr}.sp .aw-acts{flex-flow:wrap}}
