.sp .hw-engine .sec-head{margin-bottom:0}.sp .en{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:72px;display:grid}.sp .en-block{opacity:.32;min-height:74vh;transition:opacity .5s var(--ease);align-content:center;padding:32px 0;display:grid}.sp .en-block[data-on]{opacity:1}.sp .en-step{font:400 12px/1 var(--mono);color:var(--muted)}.sp .en-step span{color:var(--blue);margin-right:6px}.sp .en-block h3{letter-spacing:-.05em;margin-top:12px;font-size:clamp(34px,3.4vw,48px);line-height:1.1}.sp .en-copy{max-width:34ch;color:var(--muted);margin-top:14px;font-size:17px}.sp .en-phone{display:none}.sp .en-side{top:calc(var(--nav-h) + max(32px, (100svh - var(--nav-h) - 520px) / 2));position:sticky}.sp .en-spec{background:var(--surface);border:1px solid #ccd9e1;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 50px 100px -60px #18324480}.sp .en-sticky{height:470px}.sp .en-slot{opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s;position:absolute;inset:0}.sp .en-slot[data-on]{opacity:1;visibility:visible;transition:opacity .55s var(--ease)}.sp .en-cap{max-width:60ch;margin-top:14px}.sp .en-p{align-content:center;gap:16px;height:100%;padding:30px 32px;display:grid}.sp .en-where{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.sp .en-where svg{width:15px;height:15px}.sp .en-bubble{border:1px solid var(--line);background:#fff;border-radius:3px 14px 14px;max-width:460px;padding:13px 16px 14px}.sp .en-from{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;font-weight:500;display:flex}.sp .en-text{letter-spacing:-.015em;margin-top:6px;font-size:17px;line-height:1.5}.sp .en-personal{background:#f6f8f9}.sp .en-redact{gap:7px;margin-top:10px;display:grid}.sp .en-redact i{background:#e2e8ec;border-radius:5px;height:9px}.sp .en-redact i:last-child{width:60%}.sp .en-dropped{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:12.5px;display:flex}.sp .en-dropped svg{width:13px;height:13px}.sp .en-read{color:var(--blue);align-items:center;gap:6px;margin-top:10px;font-size:12.5px;display:flex}.sp .en-read svg{width:13px;height:13px}.sp .en-tokens{margin-top:14px;line-height:2.9}.sp .en-tokens mark{background:var(--blue-soft);color:inherit;border-radius:3px;padding:2px 3px;position:relative;box-shadow:inset 0 -2px #9fbbd6}.sp .en-label{background:var(--ink);color:#fff;font:400 10.5px/1.5 var(--mono);white-space:nowrap;border-radius:3px;padding:2px 7px;position:absolute;bottom:calc(100% - 4px);left:50%;translate:-50%}.sp .en-event{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;display:grid}.sp .en-event div{border-bottom:1px solid var(--line);grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px 14px;font-size:14px;display:grid}.sp .en-event div:last-child{border-bottom:0}.sp .en-event dt{font:400 12px/1.6 var(--mono);color:var(--muted)}.sp .en-record .rec{box-shadow:none}.sp .en-record .rec-field[data-new]{background:var(--blue-soft)}.sp .en-record .rec-value s{color:var(--muted);margin-left:10px;font-size:13px}.sp .en-doc{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.sp .en-doc>svg{width:20px;height:20px;color:var(--muted)}.sp .en-doc-name{font:500 13.5px/1.4 var(--mono)}.sp .en-doc-says{color:var(--muted);font-size:14px}.sp .en-doc-says b{color:var(--signal);font-weight:500}.sp .en-vs{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:0 4px;font-size:14px;display:flex}.sp .en-vs b{color:var(--ink);font-weight:500}.sp .en-flag{color:var(--signal);align-items:center;gap:7px;display:inline-flex}.sp .en-flag:before{content:"";background:var(--signal);border-radius:50%;width:7px;height:7px}.sp .en-draft{background:var(--mist);border-radius:3px 14px 14px;justify-items:start;gap:4px;padding:14px 16px 16px;display:grid}.sp .en-draft .en-text{gap:8px;font-size:15px;display:flex}.sp .en-draft .en-text svg{width:15px;height:15px;color:var(--muted);flex:none;margin-top:5px}.sp .en-draft .aw-act{margin-top:10px}.sp .en-rule{background:var(--night);color:#eef3f5;border-radius:10px;padding:18px 20px}.sp .en-rule .en-from{color:var(--night-text)}.sp .en-rule-t{letter-spacing:-.02em;margin-top:8px;font-size:19px;line-height:1.4}.sp .en-taught{border-top:1px solid var(--line);gap:0;display:grid}.sp .en-taught li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 2px;font-size:14.5px;display:flex}.sp .en-taught svg{width:15px;height:15px;color:var(--blue)}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-personal{animation:en-drop .8s var(--ease) .7s both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-read{animation:sp-rise .5s var(--ease) 1.1s both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-tokens mark{animation:en-mark .5s var(--ease) calc(var(--i) * .22s + .3s) both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-label{animation:sp-rise .45s var(--ease) calc(var(--i) * .22s + .45s) both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-event div{animation:sp-rise .45s var(--ease) calc(var(--i) * .1s + 1.3s) both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-record .rec-field[data-new]{animation:en-flash 2s var(--ease) .4s both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-vs{animation:sp-rise .5s var(--ease) .5s both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-draft{animation:sp-rise .55s var(--ease) 1s both}.sp :is(.en-slot[data-on],.en-block[data-on] .en-phone) .en-taught li{animation:sp-rise .45s var(--ease) calc(var(--i) * .16s + .4s) both}@keyframes en-flash{0%,25%{background-color:#cfe0ef}to{background-color:var(--blue-soft)}}@keyframes en-drop{to{opacity:.4;translate:-6px}}@keyframes en-mark{0%{background:0 0;box-shadow:inset 0 0 #9fbbd6}}@media (max-width:899px){.sp .en{grid-template-columns:minmax(0,1fr);gap:0}.sp .en-side{display:none}.sp .en-block{opacity:1;min-height:0;padding:40px 0 8px}.sp .en-phone{margin-top:22px;display:block}.sp .en-p{padding:20px}}.sp .src{border-top:1px solid var(--line-2);border-left:1px solid var(--line-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sp .src li{border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding:24px 22px 28px;position:relative}.sp .src-icon{background:var(--mist);width:42px;height:42px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid}.sp .src-icon svg{width:20px;height:20px}.sp .src-name{letter-spacing:-.02em;margin-top:18px;font-size:18px;line-height:1.3}.sp .src-takes{color:var(--muted);margin-top:4px;font-size:14.5px}.sp .src-dot{background:var(--line-2);border-radius:50%;width:7px;height:7px;position:absolute;top:26px;right:22px}.sp .src[data-on] .src-dot{animation:src-read 1.2s ease calc(var(--i) * .16s + .2s) both}.sp .src[data-on] .src-icon{animation:src-icon .9s ease calc(var(--i) * .16s + .2s) both}@keyframes src-read{0%{background:var(--line-2)}30%{background:var(--blue);box-shadow:0 0 0 6px #285a9729}to{background:var(--blue);box-shadow:0 0 #285a9700}}@keyframes src-icon{35%{background:var(--blue-soft);color:var(--blue)}}@media (max-width:899px){.sp .src{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:459px){.sp .src li{padding:20px 16px 22px}.sp .src-name{font-size:16px}}.sp .pm-zones{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;display:grid;position:relative}.sp .pm-zone{border:1px solid var(--night-line);background:var(--night-2);border-radius:12px;padding:26px 26px 80px;position:relative}.sp .pm-zone[data-z="0"]{background:linear-gradient(180deg, #213a47, var(--night-2))}.sp .pm-name{letter-spacing:-.03em;font-size:21px}.sp .pm-copy{color:var(--night-text);max-width:30ch;margin-top:8px;font-size:15px}.sp .pm-chips{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.sp .pm-chips li{color:#d6e2e8;border:1px solid #36515f;border-radius:999px;padding:4px 10px;font-size:12.5px}.sp .pm-chips .pm-dropped{color:#7d929d;border-style:dashed;text-decoration:line-through}.sp .pm[data-live] .pm-dropped{animation:2.4s 1s both pm-fade}@keyframes pm-fade{0%{opacity:1}to{opacity:.35}}.sp .pm-gate{z-index:2;color:var(--night);background:#e8eff4;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;position:absolute;bottom:25px;right:-50px;translate:50%}.sp .pm-flow{pointer-events:none;height:0;position:absolute;bottom:36px;left:0;right:0}.sp .pm-flow:before{content:"";border-top:1px dashed #3b5664;position:absolute;top:0;left:3%;right:3%}.sp .pm-flow i{opacity:0;width:10px;height:10px;animation:pm-work 5.4s cubic-bezier(.45, 0, .25, 1) var(--d) infinite both paused;background:#8fb2d2;border-radius:50%;position:absolute;top:-5px;left:3%}.sp .pm-flow i[data-kind=personal]{background:#6f8794;animation-name:pm-personal}.sp .pm-flow i[data-kind=shared]{background:#cfe0ee;animation-name:pm-shared}.sp .pm[data-live] .pm-flow i{animation-play-state:running}@keyframes pm-personal{0%{opacity:0;left:3%}8%{opacity:1}34%{opacity:1;left:25%}46%{opacity:0;left:27%}to{opacity:0;left:27%}}@keyframes pm-work{0%{opacity:0;left:3%}8%{opacity:1}55%{opacity:1;left:58%}70%{opacity:0;left:60%}to{opacity:0;left:60%}}@keyframes pm-shared{0%{opacity:0;left:3%}8%{opacity:1}45%{left:62%}58%{left:64%}88%{opacity:1;left:94%}to{opacity:0;left:95%}}.sp .pm-partners{border-top:1px solid var(--night-line);color:var(--night-text);margin-top:32px;padding-top:22px;font-size:16px}@media (max-width:899px){.sp .pm-zones{grid-template-columns:minmax(0,1fr);gap:14px}.sp .pm-zone{padding-bottom:26px}.sp .pm-flow{display:none}.sp .pm-gate{margin-top:14px;display:inline-block;position:static;translate:none}}.sp .st{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-top:36px;display:grid;position:relative}.sp .st:before,.sp .st:after{content:"";background:var(--line-2);height:1px;position:absolute;top:6px;left:0;right:0}.sp .st:after{background:var(--blue);transform-origin:0;height:2px;top:5.5px;transform:scaleX(0)}.sp .st[data-on]:after{animation:1.8s cubic-bezier(.45,0,.25,1) .2s both ch-thread}.sp .st li{position:relative}.sp .st-dot{background:var(--paper);width:13px;height:13px;box-shadow:inset 0 0 0 1.5px var(--ink-2);border-radius:50%;position:absolute;top:-36px;left:0}.sp .st[data-on] .st-dot{animation:ch-done .4s var(--ease) calc(.2s + var(--i) * .7s) both}.sp .st h3{letter-spacing:-.035em;font-size:24px}.sp .st p{color:var(--muted);max-width:32ch;margin-top:10px}@media (max-width:759px){.sp .st{grid-template-columns:minmax(0,1fr);gap:32px;padding:0 0 0 30px}.sp .st:before,.sp .st:after{width:1px;height:auto;inset:0 auto 0 6px}.sp .st:after{transform-origin:top;width:2px;left:5.5px;transform:scaleY(0)}.sp .st-dot{top:4px;left:-30px}}.sp .why-now{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);align-items:start;gap:32px 80px;display:grid}.sp .why-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 40px;display:grid}.sp .why-item{border-top:1px solid var(--ink-2);padding-top:20px}.sp .why-item h3{letter-spacing:-.035em;font-size:22px;line-height:1.25}.sp .why-item p{color:var(--muted);margin-top:10px}@media (max-width:1019px){.sp .why-now{grid-template-columns:minmax(0,1fr)}}@media (max-width:759px){.sp .why-list{grid-template-columns:minmax(0,1fr)}}.sp .vi-graph{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px;box-shadow:0 40px 80px -56px #18324473}.sp .vi-graph svg{width:100%;height:auto;display:block;overflow:visible}.sp .vi-pieces rect{fill:#fff;stroke:var(--line-2)}.sp .vi-pieces text{font:400 12.5px var(--mono);fill:var(--muted)}.sp .vi-pieces g,.sp .vi-node,.sp .vi-nudge line,.sp .vi-nudge circle,.sp .vi-nudge g,.sp .vi-slow{opacity:0}.sp .vi-edges line{stroke:var(--line-2);stroke-width:1.3px;stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.sp .vi-node[data-kind=style] rect{fill:var(--ink-2)}.sp .vi-node[data-kind=vendor] circle{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.6px}.sp .vi-node[data-kind=person] circle{fill:#8fb2d2}.sp .vi-node[data-kind=decision] rect{fill:var(--blue)}.sp .vi-node text{font:400 13px var(--sans);fill:var(--ink-2)}.sp .vi-node[data-kind=decision] text{fill:var(--blue);font-size:12.5px}.sp .vi-nudge line{stroke:var(--blue);stroke-width:1.5px;stroke-dasharray:4 5}.sp .vi-nudge circle{fill:var(--blue)}.sp .vi-nudge rect{fill:var(--ink)}.sp .vi-nudge text{font:400 12.5px var(--sans);fill:#fff}.sp .vi-slow text{font:500 13px var(--sans);fill:var(--signal)}.sp .vi[data-on] .vi-pieces g{animation:vi-piece 1.9s ease calc(var(--i) * 70ms) both}.sp .vi[data-on] .vi-node{animation:vi-fade .5s ease calc(1.4s + var(--i) * 50ms) both}.sp .vi[data-on] .vi-edges line{animation:vi-draw .8s var(--ease) calc(1.6s + var(--i) * 60ms) both}.sp .vi[data-on] .vi-edges line[data-slow]{animation:vi-draw .8s var(--ease) calc(1.6s + var(--i) * 60ms) both, vi-slow .6s ease 4.6s both}.sp .vi[data-on] .vi-nudge line{animation:.4s 2.9s both vi-fade}.sp .vi[data-on] .vi-nudge circle{animation:1.2s cubic-bezier(.45,0,.25,1) 3s both vi-travel}.sp .vi[data-on] .vi-nudge g{animation:.5s 4.1s both vi-fade}.sp .vi[data-on] .vi-slow{animation:.5s 4.9s both vi-fade}@keyframes vi-piece{0%{opacity:0}15%{opacity:1}62%{opacity:1}to{opacity:0}}@keyframes vi-fade{to{opacity:1}}@keyframes vi-draw{to{stroke-dashoffset:0}}@keyframes vi-slow{to{stroke:var(--signal);stroke-width:2.6px}}@keyframes vi-travel{0%{opacity:0;transform:none}12%{opacity:1}to{opacity:1;transform:translate(var(--dx), var(--dy))}}.sp .vi-hint{color:var(--muted);margin-top:10px;font-size:13px;display:none}.sp .vi-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin-top:36px;display:grid}.sp .vi-steps li{padding-top:20px;position:relative}.sp .vi-bar{background:var(--line-2);height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.sp .vi-bar:after{content:"";background:var(--blue);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.sp .vi-steps h3{letter-spacing:-.035em;color:var(--muted);font-size:21px}.sp .vi-steps p{color:var(--muted);margin-top:8px;font-size:15px}.sp .vi[data-on] .vi-bar:after{animation:ch-thread 1.2s linear calc(var(--i) * 1.4s) both}.sp .vi[data-on] .vi-steps h3{animation:vi-ink .4s ease calc(var(--i) * 1.4s) both}@keyframes vi-ink{to{color:var(--ink)}}@media (max-width:899px){.sp .vi-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:759px){.sp .vi-scroll{scrollbar-width:thin;border-radius:12px;overflow-x:auto}.sp .vi-graph{width:max-content;padding:12px}.sp .vi-graph svg{width:760px;max-width:none}.sp .vi-hint{display:block}}.sp .prims{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 40px;display:grid}.sp .prim{border-top:1px solid var(--line-2);padding-top:22px}.sp .prim h3{letter-spacing:-.035em;font-size:22px;line-height:1.2}.sp .prim>p{color:var(--ink-2);margin-top:10px}.sp .prim .meta{margin-top:14px}.sp .gl{width:52px;height:52px;margin-bottom:18px;display:block}.sp .gl svg{fill:none;width:52px;height:52px;stroke:var(--ink-2);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.sp .gl-ring{stroke-dasharray:95;stroke-dashoffset:95px}.sp .gl-arrow,.sp .gl-tick{opacity:0}.sp .gl-tick{stroke:var(--blue);stroke-width:2px}.sp .gl-page{fill:var(--mist)}.sp .gl-p3{fill:var(--surface)}.sp .gl-lines{stroke:#9fb4c3}.sp .gl-barv{fill:#c9dae8;stroke:none;transform-box:fill-box;transform-origin:bottom;transform:scaleY(0)}.sp .gl-b2{fill:var(--blue)}.sp .gl-target{stroke:var(--signal);stroke-dasharray:3 3;opacity:0}.sp .gl-cal{fill:var(--surface)}.sp .gl-day{fill:var(--blue);stroke:none}.sp .prims[data-on] .gl-ring{animation:vi-draw 1s var(--ease) .2s both}.sp .prims[data-on] .gl-arrow{animation:.3s 1.1s both vi-fade}.sp .prims[data-on] .gl-tick{animation:.3s 1.3s both vi-fade}.sp .prims[data-on] .gl-p1{animation:gl-fan .6s var(--ease) .3s both}.sp .prims[data-on] .gl-p2{animation:gl-fan2 .6s var(--ease) .3s both}.sp .prims[data-on] .gl-barv{animation:gl-grow .8s var(--ease) .4s both}.sp .prims[data-on] .gl-b2{animation-delay:.6s}.sp .prims[data-on] .gl-target{animation:.4s .2s both vi-fade}.sp .prims[data-on] .gl-day{animation:1s cubic-bezier(.45,0,.25,1) .8s both gl-move}@keyframes gl-fan{0%{transform:translate(6px,4px)}}@keyframes gl-fan2{0%{transform:translate(3px,2px)}}@keyframes gl-grow{to{transform:none}}@keyframes gl-move{to{transform:translate(14px)}}@media (max-width:1019px){.sp .prims{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:559px){.sp .prims{grid-template-columns:minmax(0,1fr)}}
