.ProdDesWire{color:#0a0a0a;width:300px;height:220px;position:relative}.ProdDesWire .lbl{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:9.5px;line-height:1;transition:opacity .4s;position:absolute;top:14px}.ProdDesWire .lbl b{color:#0a0a0a;margin-right:3px;font-weight:500}.ProdDesWire .lbl.-ui{left:22px}.ProdDesWire .lbl.-wf{right:22px}.ProdDesWire[data-p="0"] .lbl.-ui,.ProdDesWire[data-p="1"] .lbl.-wf{opacity:.35}.ProdDesWire .scr,.ProdDesWire .scan{width:256px;height:164px;position:absolute;top:34px;left:22px}.ProdDesWire .scr{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px #0000000a,0 12px 30px -16px #0000003d}.ProdDesWire .lay{position:absolute;inset:0}.ProdDesWire .lay>*{position:absolute}.ProdDesWire .bone{background:#e6e6e6;border-radius:2px}.ProdDesWire .bone.-dark{background:#d2d2d2}.ProdDesWire .ph{border:1px solid #d4d4d4;border-radius:3px;place-items:center;display:grid}.ProdDesWire .ph svg{width:100%;height:100%;position:absolute;inset:0}.ProdDesWire .ph path{stroke:#e0e0e0;stroke-width:1px;vector-effect:non-scaling-stroke}.ProdDesWire .ph em{color:#a3a3a3;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono);background:#fff;padding:1px 3px;font-size:7.5px;font-style:normal;position:relative}.ProdDesWire .ph.-btn{border-style:dashed;border-color:#bdbdbd;border-radius:13px}.ProdDesWire .mask,.ProdDesWire .mask .lay{will-change:transform}.ProdDesWire .mask{position:absolute;inset:0;overflow:hidden}.ProdDesWire .mask .lay{background:#fff}.ProdDesWire .logo{align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex;top:10px;left:12px}.ProdDesWire .logo i{background:#0a0a0a;border-radius:50%;width:8px;height:8px}.ProdDesWire .nav{color:#6b6b6b;gap:9px;font-size:8.5px;display:flex;top:11px;right:12px}.ProdDesWire .img{border-radius:6px;width:112px;height:118px;top:34px;left:12px;overflow:hidden}.ProdDesWire .img svg{width:100%;height:100%;display:block}.ProdDesWire .eyebrow{color:#6b6b6b;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono);font-size:7.5px;top:36px;left:136px}.ProdDesWire .title{letter-spacing:-.02em;font-size:16px;font-weight:500;line-height:1;top:49px;left:136px}.ProdDesWire .sub{color:#6b6b6b;width:106px;font-size:8.5px;line-height:1.3;top:67px;left:136px}.ProdDesWire .price{font-family:var(--font-mono);font-size:10px;top:93px;left:136px}.ProdDesWire .price span{color:#6b6b6b;font-size:8px}.ProdDesWire .cta{color:#fff;text-align:center;background:#2339ff;border-radius:13px;width:108px;height:26px;font-size:10px;font-weight:500;line-height:26px;top:126px;left:136px}.ProdDesWire .scan{pointer-events:none;will-change:transform}.ProdDesWire .scan .line{background:#0a0a0a;width:1px;position:absolute;top:-8px;bottom:-8px;right:0}.ProdDesWire .scan .knob{background:#fff;border:1px solid #0a0a0a;border-radius:99px;place-items:center;width:22px;height:16px;margin:-8px -11px 0 0;display:grid;position:absolute;top:50%;right:0}.ProdDesWire .scan .knob svg{fill:none;stroke:#0a0a0a;stroke-width:1.2px;width:11px;height:7px}.ProdDesStates{color:#0a0a0a;width:300px;height:220px;position:relative}.ProdDesStates .tag,.ProdDesStates .count{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:9.5px;line-height:1;position:absolute;top:14px}.ProdDesStates .tag{left:22px}.ProdDesStates .count{right:22px}.ProdDesStates .btn{border-radius:24px;width:176px;height:48px;transition:transform .12s;position:absolute;top:62px;left:62px;overflow:hidden}.ProdDesStates .btn>*{position:absolute;inset:0}.ProdDesStates .bg{background:#0a0a0a}.ProdDesStates .hov{opacity:0;background:#ffffff2e;transition:opacity .18s}.ProdDesStates .ok{opacity:0;background:#2339ff;transition:opacity .3s}.ProdDesStates .t{color:#fff;opacity:0;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(6px)}.ProdDesStates .t svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:14px;height:14px}.ProdDesStates .t.-load svg{width:18px;height:18px}.ProdDesStates .t.-load circle{opacity:.25}.ProdDesStates[data-state=loading] .t.-load svg{animation:.8s linear infinite ProdDesSpin}@keyframes ProdDesSpin{to{transform:rotate(360deg)}}.ProdDesStates[data-state=default] .t.-def,.ProdDesStates[data-state=hover] .t.-def,.ProdDesStates[data-state=pressed] .t.-def,.ProdDesStates[data-state=loading] .t.-load,.ProdDesStates[data-state=done] .t.-done{opacity:1;transform:none}.ProdDesStates[data-state=hover] .hov{opacity:1}.ProdDesStates[data-state=pressed] .btn{transform:scale(.96)}.ProdDesStates[data-state=done] .ok{opacity:1}.ProdDesStates .cur{fill:#fff;stroke:#0a0a0a;stroke-linejoin:round;stroke-width:1.3px;opacity:0;transform-origin:2px 2px;filter:drop-shadow(0 2px 3px #00000026);width:16px;height:20px;position:absolute;top:0;left:0}.ProdDesStates .rail{border-top:1px solid #0000001a;justify-content:space-between;width:256px;padding-top:12px;display:flex;position:absolute;top:148px;left:22px}.ProdDesStates .st{color:#9a9a9a;font-family:var(--font-mono);font-size:10px;line-height:1;transition:color .25s;position:relative}.ProdDesStates .st:before{content:"";opacity:0;background:#0a0a0a;height:2px;transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:-13px;left:0;right:0;transform:scaleX(.3)}.ProdDesStates[data-state=default] .st[data-s=default],.ProdDesStates[data-state=hover] .st[data-s=hover],.ProdDesStates[data-state=pressed] .st[data-s=pressed],.ProdDesStates[data-state=loading] .st[data-s=loading],.ProdDesStates[data-state=done] .st[data-s=done]{color:#0a0a0a}.ProdDesStates[data-state=default] .st[data-s=default]:before,.ProdDesStates[data-state=hover] .st[data-s=hover]:before,.ProdDesStates[data-state=pressed] .st[data-s=pressed]:before,.ProdDesStates[data-state=loading] .st[data-s=loading]:before,.ProdDesStates[data-state=done] .st[data-s=done]:before{opacity:1;transform:none}.ProdDesProto{color:#0a0a0a;width:300px;height:220px;position:relative}.ProdDesProto .tag,.ProdDesProto .count,.ProdDesProto .name{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:9.5px;line-height:1;position:absolute}.ProdDesProto .tag,.ProdDesProto .count{top:14px}.ProdDesProto .tag{left:20px}.ProdDesProto .count{right:20px}.ProdDesProto .name{text-align:center;width:72px;top:196px}.ProdDesProto .s{background:#fff;border-radius:10px;width:72px;height:150px;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:34px;overflow:hidden;box-shadow:0 1px #0000000a,0 10px 24px -14px #00000040}.ProdDesProto .s.-list{left:20px}.ProdDesProto .s.-detail{left:114px}.ProdDesProto .s.-done{left:208px}.ProdDesProto .s.-dim{opacity:.4;transform:scale(.97)}.ProdDesProto .s>*{position:absolute}.ProdDesProto .b{background:#e8e8e8;border-radius:2px}.ProdDesProto .b.-dark{background:#c9c9c9}.ProdDesProto .b.-thumb{background:#d9d9d9;border-radius:4px;width:16px;height:16px}.ProdDesProto .pic{width:72px;height:52px;top:0;left:0}.ProdDesProto .pic svg{width:100%;height:100%;display:block}.ProdDesProto .btn{background:#0a0a0a;border-radius:8px}.ProdDesProto .btn.-line{background:0 0;box-shadow:inset 0 0 0 1px #0a0a0a}.ProdDesProto .check{border:1.5px solid #0a0a0a;border-radius:50%;width:28px;height:28px;top:30px;left:22px}.ProdDesProto .check svg{fill:none;stroke:#0a0a0a;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%}.ProdDesProto .hot{opacity:0;border:1.5px solid #2339ff;border-radius:6px;transition:opacity .3s;position:absolute}.ProdDesProto .tap{opacity:0;background:#0a0a0a33;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;transform:scale(.4)}.ProdDesProto .tap.-go{animation:.7s cubic-bezier(.16,1,.3,1) forwards ProdDesTap}@keyframes ProdDesTap{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.ProdDesProto .links{pointer-events:none;width:300px;height:220px;position:absolute;inset:0;overflow:visible}.ProdDesProto .links .ln,.ProdDesProto .links .head{fill:none;stroke:#2339ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.ProdDesProto .links .ln{stroke-dasharray:1;stroke-dashoffset:1px}.ProdDesProto .links .dot{fill:#2339ff}.ProdDesProto .links .dot,.ProdDesProto .links .head{opacity:0;transition:opacity .25s}.ProdDesProto .hot.-on,.ProdDesProto .links .-on{opacity:1}.ProdDesAdapt{width:300px;height:220px;position:relative}.ProdDesAdapt .tag,.ProdDesAdapt .bp{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:9.5px;line-height:1;position:absolute;top:14px}.ProdDesAdapt .tag{left:20px}.ProdDesAdapt .bp{color:#0a0a0a;transition:opacity .25s;right:20px}.ProdDesAdapt .bp.-out{opacity:0}.ProdDesAdapt svg{width:300px;height:220px;display:block;position:absolute;inset:0;overflow:visible}.ProdDesAdapt .frame-bg{fill:#fff}.ProdDesAdapt .frame-line{fill:none;stroke:#0a0a0a;stroke-width:1.2px}.ProdDesAdapt .nav{fill:#f1f1f1}.ProdDesAdapt .ink{fill:#c4c4c4}.ProdDesAdapt .sub,.ProdDesAdapt .lbl{fill:#dedede}.ProdDesAdapt .icon{fill:#8f8f8f}.ProdDesAdapt .acc{fill:#2339ff}.ProdDesAdapt .tile{fill:#fff;stroke:#00000024;stroke-width:1px}.ProdDesA11y{color:#0a0a0a;width:300px;height:220px;padding:14px 20px 0;position:relative}.ProdDesA11y .row{opacity:.4;grid-template-columns:124px 1fr;gap:16px;height:96px;padding:6px 0;transition:opacity .4s;display:grid}.ProdDesA11y .row+.row{border-top:1px solid #0000001a;margin-top:8px;padding-top:12px}.ProdDesA11y .row.-on{opacity:1}.ProdDesA11y .sample{background:#fff;border-radius:8px;position:relative;overflow:hidden}.ProdDesA11y .aa{letter-spacing:-.02em;font-size:30px;font-weight:600;line-height:1;position:absolute;top:12px;left:12px}.ProdDesA11y .txt{font-size:12px;position:absolute;top:52px;left:12px}.ProdDesA11y [data-row=contrast] .sample{color:var(--c,#767676)}.ProdDesA11y .aa,.ProdDesA11y .txt{transition:color .5s}.ProdDesA11y .read{grid-template-columns:auto 1fr;align-content:start;gap:5px 8px;display:grid}.ProdDesA11y .k,.ProdDesA11y .n,.ProdDesA11y .v{grid-column:1/-1}.ProdDesA11y .k,.ProdDesA11y .n,.ProdDesA11y .min{color:#6b6b6b;font-family:var(--font-mono);font-size:9px;line-height:1.1}.ProdDesA11y .k{letter-spacing:.04em;text-transform:uppercase}.ProdDesA11y .v{letter-spacing:-.02em;font-family:var(--font-mono);font-size:13px;line-height:1}.ProdDesA11y .v b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:400}.ProdDesA11y .min{align-self:center}.ProdDesA11y .pill{color:#0a0a0a;white-space:nowrap;font-family:var(--font-mono);border-radius:9px;margin-top:3px;padding:0 8px;font-size:9.5px;line-height:18px;transition:background-color .3s;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #0a0a0a}.ProdDesA11y .pill>*{transition:opacity .2s}.ProdDesA11y .pill .ok{opacity:0;color:#fff;padding:0 8px;position:absolute;inset:0}.ProdDesA11y .pill.-pass{background:#0a0a0a}.ProdDesA11y .pill.-pass .ok{opacity:1}.ProdDesA11y .pill.-pass .no{opacity:0}.ProdDesA11y .row.-hl .pill.-pass{box-shadow:none;background:#2339ff}.ProdDesA11y .ghost,.ProdDesA11y .hit,.ProdDesA11y .ico{position:absolute;top:50%;left:50%}.ProdDesA11y .ghost{border:1px dashed #0a0a0a80;border-radius:3px;width:24px;height:24px;margin:-12px 0 0 -12px}.ProdDesA11y .hit{width:24px;height:24px;transform:scale(var(--s,1));background:#0a0a0a1f;border-radius:3px;margin:-12px 0 0 -12px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ProdDesA11y .ico{fill:none;stroke:#0a0a0a;stroke-linecap:round;stroke-width:1.6px;width:10px;height:10px;margin:-5px 0 0 -5px}.ProdDesA11y .dim{color:#6b6b6b;font-family:var(--font-mono);font-size:8.5px;line-height:1;position:absolute;top:calc(50% + 17px);left:50%;transform:translate(-50%)}.ProdDesSpec{color:#0a0a0a;width:300px;height:220px;position:relative}.ProdDesSpec .tag,.ProdDesSpec .count{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:9.5px;line-height:1;position:absolute;top:14px}.ProdDesSpec .tag{left:20px}.ProdDesSpec .count{right:20px}.ProdDesSpec .cmp{background:#fff;border-radius:12px;width:180px;height:64px;position:absolute;top:40px;left:60px;box-shadow:0 1px #0000000a,0 10px 24px -14px #00000040}.ProdDesSpec .cmp>*{position:absolute}.ProdDesSpec .ava{background:#e6e6e6;border-radius:50%;width:32px;height:32px;top:16px;left:16px;overflow:hidden}.ProdDesSpec .ava svg{fill:#a8a8a8;width:100%;height:100%;display:block}.ProdDesSpec .ttl{font-size:12px;font-weight:500;line-height:1;top:19px;left:60px}.ProdDesSpec .meta{color:#6b6b6b;font-size:9.5px;line-height:1;top:36px;left:60px}.ProdDesSpec .dot{background:#0a0a0a;border-radius:50%;width:6px;height:6px;top:21px;right:16px}.ProdDesSpec .red{pointer-events:none;width:300px;height:220px;position:absolute;inset:0;overflow:visible}.ProdDesSpec .red g{fill:none;stroke:#2339ff;stroke-width:1.2px;opacity:0;transition:opacity .3s}.ProdDesSpec .red .thin{stroke-dasharray:2 2;stroke-width:.8px}.ProdDesSpec .pin{color:#fff;opacity:0;white-space:nowrap;font-family:var(--font-mono);background:#2339ff;border-radius:3px;padding:0 4px;font-size:9.5px;line-height:15px;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(-50%,-50%)scale(.7)}.ProdDesSpec .red g.-on,.ProdDesSpec .pin.-on{opacity:1}.ProdDesSpec .pin.-on{transform:translate(-50%,-50%)}.ProdDesSpec .code{width:260px;font-family:var(--font-mono);background:#fff;border-radius:8px;padding:9px 12px;font-size:10px;line-height:16px;display:grid;position:absolute;top:132px;left:20px}.ProdDesSpec .ln{opacity:.32;grid-template-columns:96px 1fr auto;transition:opacity .3s;display:grid;position:relative}.ProdDesSpec .ln:before{content:"";opacity:0;background:#2339ff;width:2px;transition:opacity .3s;position:absolute;top:3px;bottom:3px;left:-12px}.ProdDesSpec .ln .t{color:#6b6b6b}.ProdDesSpec .ln.-done,.ProdDesSpec .ln.-now:before{opacity:1}.ProdDesCaps[data-astro-cid-hxtl2x6r]{gap:.8rem;margin:4rem 0 0;display:grid}@media (width>=768px){.ProdDesCaps[data-astro-cid-hxtl2x6r]{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin:7.2rem 0 0}}@media (width>=1280px){.ProdDesCaps[data-astro-cid-hxtl2x6r]{grid-template-columns:repeat(3,minmax(0,1fr))}}.card[data-astro-cid-hxtl2x6r]{color:#0a0a0a;background:#efefef;border-radius:2rem;flex-direction:column;display:flex;overflow:hidden}.card__stage[data-astro-cid-hxtl2x6r]{padding:.8rem 0 0}.card__body[data-astro-cid-hxtl2x6r]{flex-direction:column;flex:1;gap:.8rem;padding:1.6rem 2.4rem 2.8rem;display:flex}@media (width>=768px){.card__body[data-astro-cid-hxtl2x6r]{padding:1.6rem 3.2rem 3.2rem}}.card__index[data-astro-cid-hxtl2x6r]{opacity:.5;letter-spacing:.08em;font-family:var(--font-mono);margin-bottom:.4rem;font-size:1.3rem;line-height:1}.card__title[data-astro-cid-hxtl2x6r]{letter-spacing:-.03em;text-wrap:balance;font-size:2.4rem;font-weight:400;line-height:120%}@media (width>=768px){.card__title[data-astro-cid-hxtl2x6r]{font-size:2.6rem}}.card__text[data-astro-cid-hxtl2x6r]{opacity:.6;text-wrap:pretty;max-width:34rem;font-size:1.5rem;line-height:140%}@media (width>=768px){.card__text[data-astro-cid-hxtl2x6r]{font-size:1.6rem}}.ProdDesSystem{--r:1.6em;color:#0a0a0a}.ProdDesSystem .cols{gap:2.4rem;display:grid}@media (width>=768px){.ProdDesSystem .cols{grid-template-columns:minmax(0,1.15fr) auto minmax(0,1fr) auto auto;align-items:stretch;gap:2rem}}.ProdDesSystem .col{flex-direction:column;gap:1.6rem;min-width:0;display:flex}.ProdDesSystem .head{letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);align-items:baseline;gap:1rem;font-size:1.2rem;line-height:1;display:flex}.ProdDesSystem .head .n{color:#6b6b6b}.ProdDesSystem .arrow{color:#9a9a9a;font-family:var(--font-mono);justify-content:center;align-items:center;font-size:1.6rem;display:flex}@media (width<768px){.ProdDesSystem .arrow span{transform:rotate(90deg)}}@media (width>=768px){.ProdDesSystem .arrow{padding-top:2.8rem}}.ProdDesSystem .panel{background:#fff;border-radius:1.6rem;flex:1;align-content:space-between;gap:2.4rem;padding:2rem;display:grid}@media (width>=768px){.ProdDesSystem .panel{padding:2.4rem}}.ProdDesSystem .grp{gap:1.2rem;display:grid}.ProdDesSystem .k{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:1.1rem;line-height:1;transition:color .3s}.ProdDesSystem .grp.-on .k{color:#0a0a0a}.ProdDesSystem .items{flex-wrap:wrap;align-items:flex-end;gap:1.6rem 1.2rem;display:flex}.ProdDesSystem .it{justify-items:start;gap:.8rem;display:grid;position:relative}.ProdDesSystem .it:after{content:"";opacity:0;border:1.5px solid #0a0a0a;border-radius:.8rem;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:-.6rem;transform:scale(1.08)}.ProdDesSystem .it.-on:after{opacity:1;transform:none}.ProdDesSystem .it b{color:#6b6b6b;white-space:nowrap;font-family:var(--font-mono);font-size:1.1rem;font-weight:400;line-height:1}.ProdDesSystem .it.-on b{color:#0a0a0a}.ProdDesSystem .it i{font-style:normal;display:block}.ProdDesSystem .it.-sw i{border-radius:50%;width:2.8rem;height:2.8rem;box-shadow:inset 0 0 0 1px #0000001a}.ProdDesSystem .it.-ty i{letter-spacing:-.02em;line-height:1}.ProdDesSystem .it.-sp i{background:#0a0a0a;border-radius:1px}.ProdDesSystem .it.-ra i{border:1.5px solid #0a0a0a;width:2.6rem;height:2.6rem;transition:border-radius .6s cubic-bezier(.4,0,.2,1)}.ProdDesSystem .ev{border-radius:var(--r);flex-direction:column;gap:1.4em;padding:1.6em;transition:border-radius .7s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.ProdDesSystem .ev>i{border-radius:inherit;position:absolute;inset:0}.ProdDesSystem .ev__frame{border:1px dashed #0a0a0a59;transition:opacity .4s}.ProdDesSystem .ev__fill{opacity:0;background:#fff;transition:opacity .5s;box-shadow:0 1px #0000000a,0 1.2em 3em -1.6em #00000040}.ProdDesSystem .ev__pad{opacity:0;transition:opacity .4s;box-shadow:inset 0 0 0 1.6em #0a0a0a0d}.ProdDesSystem .ev__pad:after{content:"";border:1px dashed #0a0a0a66;border-radius:.3em;position:absolute;inset:1.6em}.ProdDesSystem .ev__top,.ProdDesSystem .ev__foot{align-items:center;gap:1.2em;display:flex;position:relative}.ProdDesSystem .ev__foot{justify-content:space-between}.ProdDesSystem .ev__date{text-align:center;border-radius:calc(var(--r) / 2);flex:none;place-content:center;width:4.6em;height:4.6em;transition:border-radius .7s cubic-bezier(.4,0,.2,1);display:grid;position:relative}.ProdDesSystem .ev__date>i{border-radius:inherit;background:#f2f2f2;position:absolute;inset:0}.ProdDesSystem .ev__date b,.ProdDesSystem .ev__date em{font-style:normal;line-height:1;position:relative}.ProdDesSystem .ev__date b{color:#6b6b6b;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-mono);font-size:1.1em;font-weight:400}.ProdDesSystem .ev__date em{letter-spacing:-.02em;margin-top:.15em;font-size:2em;font-weight:500}.ProdDesSystem .ev__info{gap:.5em;min-width:0;display:grid}.ProdDesSystem .ev__title{letter-spacing:-.02em;white-space:nowrap;font-size:2em;font-weight:500;line-height:1.1}.ProdDesSystem .ev__meta{color:#6b6b6b;white-space:nowrap;font-size:1.4em;line-height:1.2}.ProdDesSystem .ev__ppl{align-items:center;display:flex}.ProdDesSystem .ev__ppl i{background:#d4d4d4;border:.2em solid #fff;border-radius:50%;width:2.8em;height:2.8em;margin-right:-.8em;display:block}.ProdDesSystem .ev__ppl i:nth-child(2){background:#a9a9a9}.ProdDesSystem .ev__ppl i:nth-child(3){background:#6b6b6b}.ProdDesSystem .ev__ppl em{color:#6b6b6b;font-family:var(--font-mono);margin-left:1.4em;font-size:1.2em;font-style:normal}.ProdDesSystem .ev__btn{color:#fff;background:#2339ff;border-radius:99em;padding:0 1.6em;font-size:1.4em;font-weight:500;line-height:2.4em}.ProdDesSystem .ev.-lg{border-radius:0;font-size:1rem}.ProdDesSystem.-radius .ev.-lg{border-radius:var(--r)}.ProdDesSystem .ev.-lg .ev__date{border-radius:0}.ProdDesSystem.-radius .ev.-lg .ev__date{border-radius:calc(var(--r) / 2)}.ProdDesSystem .ev.-lg .ev__date>i,.ProdDesSystem .ev.-lg .ev__date b,.ProdDesSystem .ev.-lg .ev__date em,.ProdDesSystem .ev.-lg .ev__title,.ProdDesSystem .ev.-lg .ev__meta,.ProdDesSystem .ev.-lg .ev__ppl,.ProdDesSystem .ev.-lg .ev__btn,.ProdDesSystem .ev.-lg .ev__ppl em{opacity:0;transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(.4em)}.ProdDesSystem.-space:not(.-type) .ev.-lg .ev__pad{opacity:1}.ProdDesSystem.-colour .ev.-lg .ev__frame{opacity:0}.ProdDesSystem.-colour .ev.-lg .ev__fill,.ProdDesSystem.-colour .ev.-lg .ev__date>i,.ProdDesSystem.-type .ev.-lg .ev__date b,.ProdDesSystem.-type .ev.-lg .ev__date em,.ProdDesSystem.-type .ev.-lg .ev__title,.ProdDesSystem.-type .ev.-lg .ev__meta,.ProdDesSystem.-accent .ev.-lg .ev__ppl,.ProdDesSystem.-accent .ev.-lg .ev__ppl em,.ProdDesSystem.-accent .ev.-lg .ev__btn{opacity:1;transform:none}.ProdDesSystem .cmpwrap{flex-direction:column;flex:1;justify-content:center;gap:2.4rem;display:flex}.ProdDesSystem .cname{color:#6b6b6b;font-family:var(--font-mono);margin-bottom:-1.2rem;font-size:1.1rem;line-height:1}.ProdDesSystem .recipe{flex-wrap:wrap;gap:.6rem;display:flex}.ProdDesSystem .chip{color:#6b6b6b;opacity:.35;white-space:nowrap;font-family:var(--font-mono);border-radius:99rem;padding:.5rem 1rem;font-size:1.1rem;line-height:1;transition:opacity .3s;box-shadow:inset 0 0 0 1px #0000002e}.ProdDesSystem .chip.-on{color:#0a0a0a;opacity:1}.ProdDesSystem .chip.-now{box-shadow:inset 0 0 0 1.5px #0a0a0a}.ProdDesSystem .phone{justify-content:center;display:flex}@media (width<768px){.ProdDesSystem .phone .BlogPhone{--phone-w:18rem!important}}.ProdDesSystem .scr{height:100%;padding:.4rem 1.2rem 0;position:relative}.ProdDesSystem .grid{opacity:0;grid-template-columns:repeat(4,1fr);gap:.8rem;transition:opacity .6s;display:grid;position:absolute;inset:0 1.2rem}.ProdDesSystem .grid i{background:#0a0a0a0a;box-shadow:inset 1px 0 #0a0a0a14,inset -1px 0 #0a0a0a14}.ProdDesSystem .scr__head{gap:.4rem;margin:.6rem 0 1.4rem;display:grid;position:relative}.ProdDesSystem .scr__date{color:#6b6b6b;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:.8rem}.ProdDesSystem .scr__title{letter-spacing:-.03em;font-size:2.2rem;font-weight:500;line-height:1}.ProdDesSystem .scr__list{gap:.8rem;display:grid;position:relative}.ProdDesSystem .ev.-sm{opacity:0;transition:opacity .4s var(--d), transform .7s cubic-bezier(.16, 1, .3, 1) var(--d), border-radius .7s cubic-bezier(.4, 0, .2, 1);font-size:.56rem;transform:translateY(1.6rem)}.ProdDesSystem .ev.-sm .ev__fill{opacity:1}.ProdDesSystem.-screen .ev.-sm{opacity:1;transform:none}.ProdDesSystem.-screen .grid{opacity:1}.ProdDesSystem .gridnote{color:#6b6b6b;text-align:center;opacity:0;font-family:var(--font-mono);font-size:1.1rem;line-height:1;transition:opacity .4s}.ProdDesSystem.-screen .gridnote{opacity:1}.ProdDesSystem .cmpwrap,.ProdDesSystem .phone{transition:opacity .4s}.ProdDesSystem.-out .cmpwrap,.ProdDesSystem.-out .phone{opacity:0}.ProdDesSystem .status{font-family:var(--font-mono);border-top:1px solid #0000001a;align-items:center;gap:1rem;margin-top:2.4rem;padding-top:1.6rem;font-size:1.2rem;line-height:1.3;display:flex}.ProdDesSystem .pulse{background:#0a0a0a;border-radius:50%;flex:none;width:.6rem;height:.6rem}.ProdDesSystem [data-status]{transition:opacity .2s}.ProdDesSystem [data-status].-swap{opacity:0}.ProdDesMotion{color:#fff}.ProdDesMotion .top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem 2.4rem;margin-bottom:3.2rem;display:flex}.ProdDesMotion .tabs{background:#ffffff14;border-radius:99rem;gap:.2rem;padding:.3rem;display:flex}.ProdDesMotion .tabs button{color:#ffffffb3;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99rem;padding:.9rem 1.8rem;font-size:1.4rem;line-height:1;transition:color .2s,background-color .2s}.ProdDesMotion .tabs button:hover{color:#fff}.ProdDesMotion .tabs button[aria-pressed=true]{color:#0a0a0a;background:#fff}.ProdDesMotion .tabs button:focus-visible{outline-offset:2px;outline:2px solid #fff}.ProdDesMotion .spec{color:#ffffffb3;font-family:var(--font-mono);flex-wrap:wrap;gap:.4rem 1.6rem;font-size:1.3rem;line-height:1.2;display:flex}.ProdDesMotion .spec .ms{color:#fff}.ProdDesMotion .body{gap:3.2rem;display:grid}@media (width>=768px){.ProdDesMotion .body{grid-template-columns:38rem minmax(0,1fr);gap:5.6rem}}.ProdDesMotion .graph{gap:1rem;display:grid}.ProdDesMotion .ax,.ProdDesMotion .readout{color:#ffffff80;font-family:var(--font-mono);font-size:1.1rem;line-height:1}.ProdDesMotion .ax{letter-spacing:.04em;text-transform:uppercase}.ProdDesMotion .readout{color:#ffffffb3;font-size:1.2rem}.ProdDesMotion .readout b{color:#fff;font-variant-numeric:tabular-nums;font-weight:400}.ProdDesMotion .foot{justify-content:space-between;align-items:baseline;display:flex}.ProdDesMotion .plot{aspect-ratio:1}.ProdDesMotion .plot svg{width:100%;height:100%;display:block;overflow:visible}.ProdDesMotion .plot path,.ProdDesMotion .plot rect{vector-effect:non-scaling-stroke;fill:none}.ProdDesMotion .gl path{stroke:#ffffff12;stroke-width:1px}.ProdDesMotion .axis{stroke:#ffffff59;stroke-width:1px}.ProdDesMotion .lin{stroke:#ffffff40;stroke-dasharray:3 4;stroke-width:1px}.ProdDesMotion .hnd{stroke:#ffffff73;stroke-width:1px}.ProdDesMotion .curve{stroke:#fff;stroke-width:2px}.ProdDesMotion .ph{stroke:#ffffff4d;stroke-width:1px}.ProdDesMotion .proj{stroke:#2339ff;stroke-dasharray:2 3;stroke-width:1px}.ProdDesMotion .cp{stroke:#fff;stroke-width:1.2px;fill:#0a0a0a!important}.ProdDesMotion .dot{fill:#2339ff;stroke:#fff;stroke-width:.8px}.ProdDesMotion .side{align-content:start;gap:2.4rem;min-width:0;display:grid}.ProdDesMotion .demo{background:#161616;border-radius:1.2rem;height:22rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.ProdDesMotion .speed{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono);font-size:1.1rem;line-height:1;transition:opacity .2s;position:absolute;top:1.4rem;right:1.6rem}.ProdDesMotion .bones{gap:1rem;display:grid;position:absolute;top:1.6rem;left:1.6rem;right:40%}.ProdDesMotion .bones i{background:#ffffff0f;border-radius:.3rem;height:.8rem}.ProdDesMotion .bones i:first-child{background:#ffffff1f;width:60%;height:1.4rem}.ProdDesMotion .bones i:nth-child(3){width:80%}.ProdDesMotion .d{opacity:0;position:absolute;inset:0}.ProdDesMotion[data-mode=enter] .d.-enter,.ProdDesMotion[data-mode=move] .d.-move,.ProdDesMotion[data-mode=exit] .d.-exit{opacity:1}.ProdDesMotion .toast{color:#0a0a0a;white-space:nowrap;background:#fff;border-radius:1rem;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-size:1.4rem;line-height:1;display:flex;position:absolute;bottom:1.6rem;left:1.6rem;right:1.6rem;box-shadow:0 1.2rem 3rem -1rem #000c}.ProdDesMotion .toast .ico{background:#0a0a0a;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.ProdDesMotion .toast svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.2rem;height:1.2rem}.ProdDesMotion .toast .undo{color:#6b6b6b;font-family:var(--font-mono);margin-left:auto;font-size:1.2rem}.ProdDesMotion .seg{background:#ffffff14;border-radius:99rem;grid-template-columns:repeat(3,1fr);width:min(30rem,100% - 3.2rem);padding:.4rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ProdDesMotion .seg span{color:#ffffffb3;text-align:center;mix-blend-mode:difference;padding:1rem 0;font-size:1.4rem;line-height:1;position:relative}.ProdDesMotion .pill{background:#fff;border-radius:99rem;width:calc(33.3333% - .266667rem);position:absolute;top:.4rem;bottom:.4rem;left:.4rem}.ProdDesMotion .scrim{background:#000;position:absolute;inset:0}.ProdDesMotion .dialog{color:#0a0a0a;background:#fff;border-radius:1.2rem;gap:.6rem;width:min(26rem,100% - 4rem);padding:1.8rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ProdDesMotion .dialog .h{letter-spacing:-.02em;font-size:1.7rem;font-weight:500}.ProdDesMotion .dialog .t{color:#6b6b6b;font-size:1.3rem}.ProdDesMotion .dialog .btns{justify-content:flex-end;gap:.8rem;margin-top:1rem;font-size:1.3rem;display:flex}.ProdDesMotion .dialog .btns span{border-radius:99rem;padding:.7rem 1.4rem;box-shadow:inset 0 0 0 1px #0000002e}.ProdDesMotion .dialog .btns .-main{color:#fff;box-shadow:none;background:#0a0a0a}.ProdDesMotion .strips{gap:1.4rem;display:grid}.ProdDesMotion .strip{grid-template-columns:8.4rem 1fr;align-items:center;display:grid}.ProdDesMotion .lab{color:#ffffff80;font-family:var(--font-mono);font-size:1.1rem;line-height:1}.ProdDesMotion .strip.-ease .lab{color:#fff}.ProdDesMotion .track{height:1.4rem;margin:0 .7rem;position:relative}.ProdDesMotion .track:before{content:"";background:#ffffff1f;height:1px;position:absolute;top:50%;left:0;right:0}.ProdDesMotion .dw{pointer-events:none;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block;position:absolute;inset:0}.ProdDesMotion .dw i{border-radius:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;transition:opacity .15s;display:block;position:absolute;top:50%;left:0}@media (width<768px){.ProdDesMotion .strip{grid-template-columns:7.6rem 1fr}.ProdDesMotion .dw i{width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem}}.ProdDesMotion .strip.-lin .dw i{box-shadow:inset 0 0 0 1.5px #ffffff8c}.ProdDesMotion .strip.-ease .dw i{background:#2339ff;box-shadow:0 0 0 1.5px #0a0a0a}.ProdDesMotion .dw.-off i{opacity:.12}.ProdDesMotion .note{color:#ffffffb3;text-wrap:pretty;max-width:52rem;font-size:1.6rem;line-height:140%;transition:opacity .25s}.ProdDesMotion .note.-swap{opacity:0}