:root{--products-demo-ink:#111215;--products-demo-muted:#65686f;--products-demo-line:#11121524;--products-demo-accent:#111215;--products-demo-ease:cubic-bezier(.25, .1, .25, 1)}html{scroll-behavior:smooth}body.products-demos-active{color:var(--products-demo-ink);font-family:var(--rgb-font-text);background:#fff;margin:0;overflow:visible}.products-demos,.products-demos *{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.products-demos a{color:inherit}.products-demos a:focus-visible{outline:2px solid var(--products-demo-accent);outline-offset:5px}.products-demos-nav{z-index:40;border-bottom:1px solid var(--products-demo-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;justify-content:space-between;align-items:center;width:100%;min-height:72px;padding:18px clamp(22px,3vw,52px);display:flex;position:fixed;top:0;left:0}.products-demos-brand img{filter:invert();width:74px;height:auto;display:block}.products-demos-nav>p{font-size:var(--rgb-type-compact);letter-spacing:.04em;gap:9px;margin:0;display:flex}.products-demos-nav>p span{color:var(--products-demo-accent);font-variant-numeric:tabular-nums}.products-demo-chapter{--title-progress:0;--copy-progress:0;height:340dvh;position:relative}.homepage-v2-products.products-demo-chapter{height:100dvh;padding:0}.homepage-v2-products .products-demo-stage{position:relative}.homepage-v2-products .products-demo-scroll-note{display:none}.homepage-v2-products[data-entry-state=opening] .products-demo-product,.homepage-v2-products[data-entry-state=opening] .products-demo-center{will-change:transform, opacity}.products-demo-chapter+.products-demo-chapter{border-top:1px solid var(--products-demo-line)}.products-demo-stage{isolation:isolate;background:#fff;width:100%;height:100dvh;position:sticky;top:0;overflow:hidden}.products-demo-scroll-note{color:var(--products-demo-muted);font-size:var(--rgb-type-compact);letter-spacing:.11em;text-transform:uppercase;line-height:1.4}.products-demo-center{z-index:6;text-align:center;pointer-events:none;width:min(46vw,820px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.products-demo-title-mask{margin:0 -2vw;padding:.16em 2vw .24em;overflow:hidden}.products-demo-title-mask h2{font-family:var(--rgb-font-display);font-size:var(--rgb-type-section);font-weight:var(--rgb-weight-heading);line-height:var(--rgb-leading-heading);letter-spacing:var(--rgb-tracking-heading);margin:0}.products-demo-title-characters{white-space:nowrap;justify-content:center;display:flex}.products-demo-title-character{display:inline-flex;overflow:hidden}.products-demo-title-character>span{opacity:var(--character-progress,0);transform:translate3d(0, calc((1 - var(--character-progress,0)) * 110%), 0);will-change:transform, opacity;display:inline-block}.products-demo-chapter.is-title-replaying .products-demo-title-character>span{animation:.72s cubic-bezier(.22,1,.36,1) both products-demo-title-replay;animation-delay:calc(var(--character-index) * 38ms)}@keyframes products-demo-title-replay{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translate(0,0)}}.products-demo-copy{color:#373a40;max-width:760px;font-size:var(--rgb-type-body);line-height:var(--rgb-leading-body);opacity:var(--copy-progress);transform:translate3d(0, calc((1 - var(--copy-progress)) * 24px), 0);will-change:transform, opacity;font-family:var(--rgb-font-text);font-weight:var(--rgb-weight-regular);letter-spacing:var(--rgb-tracking-body);margin:clamp(24px,3vh,38px) auto 0}.products-demo-action{isolation:isolate;min-width:clamp(190px,12vw,230px);min-height:clamp(44px,3vw,50px);color:var(--products-demo-ink);font-size:var(--rgb-type-compact);font-weight:var(--rgb-weight-strong);letter-spacing:.08em;text-transform:uppercase;opacity:var(--copy-progress);transform:translate3d(0, calc((1 - var(--copy-progress)) * 18px), 0);pointer-events:auto;background:0 0;border:1px solid;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:8px 18px 7px;line-height:1;text-decoration:none;transition:color .5s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.products-demo-action:before{z-index:-1;background:var(--products-demo-ink);content:"";transform-origin:100%;transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.products-demo-action:hover:before,.products-demo-action:focus-visible:before{transform-origin:0;transform:scaleX(1)}.products-demo-action:hover,.products-demo-action:focus-visible{color:#fff;border-color:var(--products-demo-ink)}.products-demo-action-arrow{transition:transform .5s cubic-bezier(.22,1,.36,1)}.products-demo-action:hover .products-demo-action-arrow,.products-demo-action:focus-visible .products-demo-action-arrow{transform:translate(5px)}.products-demo-products{position:absolute;inset:5vh 7.5vw}.products-demo-product{z-index:3;width:clamp(340px,min(32vw,60vh),560px);opacity:var(--product-progress,0);transform:translate3d(calc(-50% + var(--tx,var(--entry-x))), calc(-50% + var(--ty,var(--entry-y)) + var(--short-screen-offset-y,0px)), 0) scale(calc(.84 + var(--product-progress,0) * .16));will-change:transform, opacity;position:absolute;top:50%;left:50%}.products-demo-product-link{align-items:center;gap:clamp(12px,1.25vw,24px);text-decoration:none;display:flex;position:relative}.products-demo-product:nth-child(2n) .products-demo-product-link{flex-direction:row-reverse}.products-demo-image-shell{flex:0 0 clamp(132px,min(11.875vw,22vh),240px);justify-content:center;align-items:center;width:clamp(132px,min(11.875vw,22vh),240px);display:flex;position:relative}.products-demo-image-shell:after{z-index:0;filter:blur(6px);opacity:0;content:"";pointer-events:none;background:radial-gradient(#0d1016ad 0%,#0d101657 48%,#0000 76%);border-radius:50%;width:72%;height:11%;transition:opacity .32s,transform .52s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4%;left:50%;transform:translate(-50%,8px)scale(.55)}.products-demo-image-shell img{z-index:1;object-fit:contain;filter:drop-shadow(0 22px 20px #181b2321);width:100%;height:auto;display:block;position:relative}.products-demo-product.is-inspecting .products-demo-image-shell:after{opacity:.48;transform:translate(-50%)scale(1)}.products-demo-product:nth-child(3),.products-demo-product:nth-child(4){width:clamp(210px,16vw,280px)}.products-demo-product:nth-child(3) .products-demo-product-link,.products-demo-product:nth-child(4) .products-demo-product-link{flex-direction:column;gap:4px}.products-demo-product:nth-child(3) .products-demo-technical-plate,.products-demo-product:nth-child(4) .products-demo-technical-plate{width:100%}.products-demo-technical-plate{opacity:1;background:0 0;border:0;flex:auto;align-self:center;width:clamp(198px,14.5vw,270px);min-height:0;padding:13px 14px 10px 17px;transform:none}.products-demo-plate-heading{color:var(--products-demo-ink);opacity:var(--annotation-heading-progress,0);transform:translate3d(0, calc((1 - var(--annotation-heading-progress,0)) * 10px), 0);will-change:transform, opacity;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.products-demo-plate-heading strong{max-width:180px;font-size:var(--rgb-type-compact);letter-spacing:-.015em;line-height:1.05}.products-demo-plate-heading>span{color:var(--products-demo-muted);font-size:var(--rgb-type-compact);letter-spacing:.07em;text-transform:uppercase;justify-items:end;line-height:1.2;display:grid}.products-demo-plate-heading b{color:var(--products-demo-accent);font-size:var(--rgb-type-compact);font-weight:var(--rgb-weight-heading);font-variant-numeric:tabular-nums}.products-demo-specs{gap:5px;margin:0;display:grid}.products-demo-spec-row{min-width:0;color:var(--products-demo-muted);font-size:var(--rgb-type-compact);text-transform:uppercase;opacity:var(--annotation-row-progress,0);transform:translate3d(0, calc((1 - var(--annotation-row-progress,0)) * 8px), 0);will-change:transform, opacity;grid-template-columns:max-content minmax(14px,1fr) minmax(0,auto);align-items:end;gap:6px;line-height:1.15;display:grid}.products-demo-spec-row dt,.products-demo-spec-row dd{margin:0}.products-demo-spec-row dd{color:#34373c;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums;max-width:120px}.products-demo-spec-row:not(.products-demo-spec-row--positioning) dd{white-space:nowrap}.products-demo-spec-guide{opacity:.65;background-image:radial-gradient(circle,currentColor .65px,#0000 .8px);background-position:0;background-size:5px 2px;height:2px;margin-bottom:2px}.products-demo-spec-row--positioning{color:#34373c;overflow-wrap:normal;word-break:normal;text-align:left;text-transform:none;max-width:none;margin:5px 0 0;display:block}.products-demo-plate-foot{opacity:0;min-height:0;max-height:0;transition:max-height .42s var(--products-demo-ease), margin-top .42s var(--products-demo-ease), padding-top .42s var(--products-demo-ease), opacity .24s ease;border-top:0;justify-content:center;align-items:end;gap:10px;margin-top:0;padding-top:0;display:flex;overflow:hidden}.products-demo-product.is-inspecting .products-demo-plate-foot{opacity:1;max-height:56px;margin-top:8px;padding-top:6px}@media (width>=768px) and (width<=1400px) and (height<=800px){.products-demo-product:nth-child(3) .products-demo-plate-foot{translate:-44px}.products-demo-product:nth-child(4) .products-demo-plate-foot{translate:44px}}.products-demo-learn-more{isolation:isolate;min-width:clamp(132px,9vw,160px);min-height:clamp(36px,2.5vw,44px);color:var(--products-demo-ink);font-size:var(--rgb-type-compact);font-weight:var(--rgb-weight-strong);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:color .5s var(--products-demo-ease), opacity .18s ease, transform .22s ease;background:0 0;border:1px solid;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:7px 14px 6px 16px;line-height:1;display:inline-flex;position:relative;overflow:hidden;transform:translateY(7px)}.products-demo-learn-more:before{content:"";z-index:-1;background:var(--products-demo-ink);transform-origin:100%;transition:transform .5s var(--products-demo-ease);position:absolute;inset:0;transform:scaleX(0)}.products-demo-product.is-inspecting .products-demo-learn-more{color:#fff;opacity:1;transition-delay:.26s;transform:translate(0,0)}.products-demo-product.is-inspecting .products-demo-learn-more:before{transform-origin:0;transition-delay:.26s;transform:scaleX(1)}.products-demo-learn-more-arrow{transition:transform .5s var(--products-demo-ease)}.products-demo-product.is-inspecting .products-demo-learn-more-arrow{transform:translate(5px)}.products-demo-product.is-inspecting .products-demo-plate-heading{animation:.46s cubic-bezier(.22,1,.36,1) both products-demo-heading-replay}.products-demo-product.is-inspecting .products-demo-spec-row{animation:.56s cubic-bezier(.22,1,.36,1) both products-demo-spec-replay}.products-demo-product.is-inspecting .products-demo-spec-row:nth-child(2){animation-delay:70ms}.products-demo-product.is-inspecting .products-demo-spec-row:nth-child(3){animation-delay:.14s}@keyframes products-demo-heading-replay{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes products-demo-spec-replay{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}.products-demo-field{z-index:1;pointer-events:none;position:absolute;inset:0}[data-concept=constellation] .products-demo-field:before{content:"";opacity:calc(var(--orbit-progress) * .2);background-image:radial-gradient(circle,#1112152e .65px,#0000 .75px);background-size:24px 24px;position:absolute;inset:18% 13%;-webkit-mask-image:radial-gradient(circle,#0000 0 32%,#000 72%);mask-image:radial-gradient(circle,#0000 0 32%,#000 72%)}[data-concept=constellation] .products-demo-field:after{content:"";opacity:calc(var(--orbit-progress) * .72);transform:scale(calc(.9 + var(--orbit-progress) * .1));transform-origin:50%;will-change:transform, opacity;border:1px solid #11121529;border-radius:50%;position:absolute;inset:11.1925% 12.095%}.products-demo-orbit-track{z-index:0;opacity:var(--orbit-progress);pointer-events:none;transform-origin:50%;display:block;position:absolute;inset:11.1925% 12.095%}.products-demo-orbit-marker{background:var(--products-demo-ink);width:24px;height:24px;transform:translate3d(calc(-50% + var(--orbit-x,0px)), calc(-50% + var(--orbit-y,0px)), 0);will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.products-demo-scroll-note{z-index:7;opacity:calc(1 - var(--title-progress));align-items:center;gap:10px;margin:0;display:flex;position:absolute;bottom:28px;right:clamp(22px,3vw,52px)}.products-demo-scroll-note span{transform-origin:0;background:currentColor;width:34px;height:1px;animation:1.6s ease-in-out infinite products-demo-pulse}@keyframes products-demo-pulse{0%,to{transform:scaleX(.35)}50%{transform:scaleX(1)}}.products-demos-footer{background:var(--products-demo-ink);color:#fff;min-height:44vh;font-size:var(--rgb-type-compact);justify-content:space-between;align-items:center;padding:60px clamp(22px,6vw,110px);display:flex}.products-demos-footer a{text-underline-offset:5px}@media (width>=1800px){.products-demo-title-mask h2{font-size:var(--rgb-type-section);font-family:var(--rgb-font-display);font-weight:var(--rgb-weight-heading);line-height:var(--rgb-leading-heading);letter-spacing:var(--rgb-tracking-heading)}.products-demo-image-shell{flex-basis:clamp(132px,min(10.4vw,19.25vh),210px);width:clamp(132px,min(10.4vw,19.25vh),210px)}}@media (width>=768px) and (height<=760px){.products-demo-product:nth-child(5),.products-demo-product:nth-child(6){--short-screen-offset-y:12px}}@media (width<=1100px){.products-demo-center{width:min(50vw,560px)}.products-demo-product{width:clamp(220px,26vw,286px)}.products-demo-image-shell{flex-basis:clamp(70px,8vw,96px)}.products-demo-technical-plate{width:min(190px,18vw);padding-inline:10px}}@media (width<=767px){html{scroll-behavior:auto}.products-demos-nav{min-height:62px;padding:14px 18px;position:sticky}.products-demos-nav>p{text-align:right;max-width:190px;font-size:var(--rgb-type-compact);justify-content:flex-end}.products-demo-chapter,.homepage-v2-products.products-demo-chapter{height:auto;padding:74px 20px 88px}.products-demo-stage{flex-direction:column;height:auto;display:flex;position:relative;top:auto;overflow:visible}.products-demo-center,.products-demo-product{position:relative;top:auto;left:auto}.products-demo-center{text-align:left;order:1;width:100%;transform:none}.products-demo-title-mask{margin:0;padding:.16em 0 .24em}.products-demo-title-mask h2,.products-demo-copy,.products-demo-action,.products-demo-plate-heading,.products-demo-spec-row{opacity:1;transform:none}.products-demo-title-mask h2{font-size:var(--rgb-type-section);font-family:var(--rgb-font-display);font-weight:var(--rgb-weight-heading);line-height:var(--rgb-leading-heading);letter-spacing:var(--rgb-tracking-heading)}.products-demo-title-characters{justify-content:flex-start}.products-demo-title-character>span{opacity:1;transform:none}.products-demo-copy{font-size:var(--rgb-type-body);font-family:var(--rgb-font-text);font-weight:var(--rgb-weight-regular);line-height:var(--rgb-leading-body);letter-spacing:var(--rgb-tracking-body);margin-top:28px}.products-demo-action{width:100%}.products-demo-products{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 14px;margin-top:82px;display:grid;position:relative;inset:auto}.products-demo-product{opacity:1;width:100%;transform:none!important}.products-demo-product-link,.products-demo-product:nth-child(2n) .products-demo-product-link{flex-direction:column;gap:16px}.products-demo-image-shell{flex-basis:auto;align-items:center;width:100%;min-height:152px;display:flex;transform:none}.products-demo-technical-plate{opacity:1;width:100%;min-height:142px;padding:15px 16px 11px 19px;transform:none}.products-demo-learn-more{opacity:1;transition:none;transform:none}.products-demo-plate-foot{opacity:1;max-height:none;margin-top:8px;padding-top:6px;overflow:visible}.products-demo-learn-more:before,.products-demo-learn-more-arrow{transition:none}.products-demo-field,.products-demo-orbit-track,.products-demo-scroll-note{display:none}}@media (width<=420px){.products-demo-products{grid-template-columns:1fr}.products-demo-image-shell{width:min(82%,300px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.products-demo-chapter{height:auto;min-height:100dvh}.products-demo-stage{position:relative;top:auto}.products-demo-product{opacity:1}.products-demo-scroll-note{display:none}.products-demo-scroll-note span,.products-demo-product.is-inspecting .products-demo-plate-heading,.products-demo-product.is-inspecting .products-demo-spec-row{animation:none}.products-demo-plate-heading,.products-demo-spec-row{opacity:1;transform:none}.products-demo-learn-more,.products-demo-learn-more:before,.products-demo-learn-more-arrow{opacity:1;transition:none;transform:none}.products-demo-plate-foot{opacity:1;max-height:none;margin-top:8px;padding-top:6px;transition:none;overflow:visible}.products-demo-title-character>span{opacity:1;transform:none}.products-demo-chapter.is-title-replaying .products-demo-title-character>span{animation:none}.products-demo-image-shell:after{transition:none}[data-concept=constellation] .products-demo-field:after{opacity:.72;transform:none}.products-demo-orbit-marker{display:none}}
