.SurfaceDemo-module__6Z8lzW__root{--surface-max-width:1280px;--surface-aside-width:320px;--surface-column-gap:42px;margin:0 var(--wb-edge-r,24px) 0 var(--wb-x-hero,40px);max-width:var(--surface-max-width);color:#171717}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__layout{grid-template-columns:minmax(0, 1fr) var(--surface-aside-width);gap:var(--surface-column-gap);align-items:start;display:grid}.SurfaceDemo-module__6Z8lzW__preview,.SurfaceDemo-module__6Z8lzW__panel{min-width:0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs{border-bottom:1px solid #cececa;align-items:center;gap:30px;margin:0 0 26px;display:flex}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button{appearance:none;color:#656565;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 17px;font-size:15px;font-weight:400;line-height:1.4;transition:color .18s,border-color .18s}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button[aria-selected=true]{color:#171717;border-bottom-color:#171717}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button:hover{color:#111;border-bottom-color:#a5a5a0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button:focus-visible,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions :focus-visible,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature:focus-visible,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__panel:focus-visible{outline-offset:5px;outline:2px solid #555}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device{aspect-ratio:1080/650;isolation:isolate;width:100%;position:relative;border-radius:9px!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__screen{background:#fff;position:absolute;inset:0;overflow:hidden;border-radius:9px!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__screen:after{content:"";z-index:5;pointer-events:none;border:1.5px solid #d8d8d2;position:absolute;inset:0;border-radius:inherit!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__viewport{cursor:default;position:absolute;inset:1px;overflow:hidden;border-radius:8px!important}.SurfaceDemo-module__6Z8lzW__clip,.SurfaceDemo-module__6Z8lzW__poster{position:absolute;inset:0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__video,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__poster img{object-fit:cover;cursor:default;width:100%;height:100%;display:block;position:absolute;inset:0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__status,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__island,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__home,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__side,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__camera{display:none}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__resume{z-index:6;color:#fff;cursor:pointer;white-space:nowrap;font:inherit;background:#171717;border:1px solid #fff6;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__resume:not([hidden]){display:flex}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__resume[hidden]{display:none}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__resume svg{width:20px;height:20px}.SurfaceDemo-module__6Z8lzW__creditSpace{min-height:29px;padding-top:9px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__credits{color:#797979;font-size:11px;line-height:1.5}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__credits summary{cursor:pointer;width:fit-content}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__credits p{max-width:650px;margin:8px 0 0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__credits a{text-underline-offset:2px;text-decoration:underline}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__aside{padding-top:9px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__features{gap:0;display:grid}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature{color:inherit;border-bottom:1px solid #d7d7d0;padding:19px 0;text-decoration:none;display:block}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature:first-child{padding-top:0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature h2{font:inherit;letter-spacing:0;color:#000;margin:0 0 4px;font-size:16px;font-weight:400;line-height:1.5}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature p{color:#6d6d6d;margin:0;font-size:16px;font-weight:400;line-height:1.5}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__connect,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__copyAction{min-height:43px;font:inherit;cursor:pointer;border:1px solid #171717;border-radius:0;justify-content:center;align-items:center;gap:9px;padding:11px 14px;font-size:13px;font-weight:400;line-height:1.4;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:flex}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__connect{color:#fff;background:#171717}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__copyAction{color:#171717;background:0 0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions svg{flex-shrink:0;width:15px;height:15px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__connect,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__copyAction{white-space:nowrap;flex:auto;min-height:45px;padding:13px 14px}.SurfaceDemo-module__6Z8lzW__section{margin-top:150px;scroll-margin-top:90px}.SurfaceDemo-module__6Z8lzW__introSection{padding:0 0 40px}.SurfaceDemo-module__6Z8lzW__introContent{width:auto;max-width:820px;margin:0 20px 0 var(--wb-x-hero,40px)}.SurfaceDemo-module__6Z8lzW__introContent .SurfaceDemo-module__6Z8lzW__introText{text-align:left;max-width:clamp(660px,57vw,820px);font-size:var(--wb-ls-subhero,28px);letter-spacing:-.01em;color:var(--wb-landing-muted,#5b606b);margin:0;font-weight:400;line-height:1.25}.SurfaceDemo-module__6Z8lzW__introLead{color:var(--wb-landing-fg,#111110);display:block}@media (min-width:1440px){.SurfaceDemo-module__6Z8lzW__introContent{max-width:956px}.SurfaceDemo-module__6Z8lzW__introContent .SurfaceDemo-module__6Z8lzW__introText{line-height:34px}.SurfaceDemo-module__6Z8lzW__introLead{display:inline}}@media (min-width:1537px){.SurfaceDemo-module__6Z8lzW__root{margin-left:calc(var(--wb-x-hero,139px) / var(--wb-large-desktop-scale,1));margin-right:calc(var(--wb-edge-r,22px) / var(--wb-large-desktop-scale,1));zoom:var(--wb-large-desktop-scale,1)}.SurfaceDemo-module__6Z8lzW__introContent,.SurfaceDemo-module__6Z8lzW__introContent .SurfaceDemo-module__6Z8lzW__introText{max-width:calc(820px * var(--wb-large-desktop-scale))}.SurfaceDemo-module__6Z8lzW__introContent .SurfaceDemo-module__6Z8lzW__introText{line-height:calc(34px * var(--wb-large-desktop-scale))}}.SurfaceDemo-module__6Z8lzW__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1024px){.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs{width:calc(100% - var(--surface-aside-width) - var(--surface-column-gap))}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__layout{align-items:end;row-gap:0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__preview{display:contents}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__panel{grid-area:1/1}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__aside{grid-area:1/2}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__creditSpace{grid-area:2/1}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__features{gap:26px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__features .SurfaceDemo-module__6Z8lzW__feature{border:0;padding:0;line-height:1.5}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature h2,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature p{margin:0;display:inline}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature h2:after{content:":"}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__featurePeriod{display:none}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature p{color:#5b606b}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions{grid-template-columns:1fr;gap:10px;margin-top:32px;display:grid}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__connect,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__copyAction{width:100%;min-height:48px;font-size:15px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions .SurfaceDemo-module__6Z8lzW__connect span{display:none}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions svg{width:18px;height:18px}}@media (max-width:1199px) and (min-width:1024px){.SurfaceDemo-module__6Z8lzW__root{--surface-aside-width:300px;--surface-column-gap:28px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs{gap:18px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button{font-size:12px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__aside{padding-top:9px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature{padding:14px 0}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature h2,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature p{font-size:15px}}@media (max-width:1023px){.SurfaceDemo-module__6Z8lzW__introContent{max-width:640px;margin-inline:auto;padding-inline:20px}.SurfaceDemo-module__6Z8lzW__introContent .SurfaceDemo-module__6Z8lzW__introText{max-width:560px}.SurfaceDemo-module__6Z8lzW__root{margin:0 24px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__layout{display:block}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__aside{max-width:720px;margin:0 auto;padding-top:8px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__features{grid-template-columns:1fr 1fr;gap:24px 32px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions{grid-template-columns:1fr 1fr;margin-top:28px;display:grid}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs{justify-content:flex-start;gap:24px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature:first-child{padding:0 0 16px}.SurfaceDemo-module__6Z8lzW__section{margin-top:100px}}@media (max-width:767px){.SurfaceDemo-module__6Z8lzW__root{margin:0 20px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__preview{max-width:410px;margin:0 auto}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs{width:min(100%, var(--wb-mobile-phone-w,300px));grid-template-columns:1fr 1fr;gap:0 22px;margin:0 auto 23px;display:grid}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button{padding:11px 2px;font-size:14px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device{width:min(100%, var(--wb-mobile-phone-w,300px));aspect-ratio:410/824;background:#111110;margin-inline:auto;box-shadow:0 16px 38px #00000014;container-type:inline-size;border-radius:12.683%/6.311%!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device:before{content:"";z-index:1;pointer-events:none;background:#111110;position:absolute;inset:0;border-radius:inherit!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__screen{z-index:2;color:#171717;background:#fff;inset:1.2136% 2.439%;border-radius:10.77%/5.224%!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__screen:after{display:none}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__viewport{inset:5.4726% 0 0;border-radius:0!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__status{justify-content:space-between;align-items:center;height:5.4726%;padding:0 6.923%;font:600 2.927cqw Arial,sans-serif;display:flex;position:absolute;inset:0 0 auto}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__statusIcons{align-items:center;gap:1.22cqw;display:flex}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__statusIcons svg{width:auto;height:2.927cqw;display:block}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__island{background:#111110;width:22.051%;height:2.985%;display:block;position:absolute;top:1.1194%;left:50%;transform:translate(-50%);border-radius:50px!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__home{pointer-events:none;z-index:4;background:#171717;width:27.18%;height:.5%;display:block;position:absolute;bottom:.87%;left:50%;transform:translate(-50%);border-radius:3px!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device[data-surface=model] .SurfaceDemo-module__6Z8lzW__screen{color:#eee;background:#121418}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device[data-surface=audio] .SurfaceDemo-module__6Z8lzW__screen{color:#eee;background:#0d0c10}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device[data-surface=model] .SurfaceDemo-module__6Z8lzW__home,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__device[data-surface=audio] .SurfaceDemo-module__6Z8lzW__home{background:#eee}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__side{z-index:0;background:linear-gradient(90deg,#393937,#72716c 38%,#363634 63%,#181817);width:1.22%;display:block;position:absolute;left:-.61%;box-shadow:inset 0 1px .5px #a5a49b80;border-radius:3px!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__action{height:4.126%;top:20.75%}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__volumeUp{height:6.917%;top:28.883%}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__volumeDown{height:6.917%;top:38.35%}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__power{height:11.044%;top:31.189%;left:auto;right:-.61%}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__camera{z-index:0;background:#555550;width:.366%;height:11.65%;display:block;position:absolute;top:62.257%;right:-.122%;border-radius:2px!important}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__aside{padding-top:25px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__features{gap:22px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature h2{font-size:14px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__feature p{font-size:13px}.SurfaceDemo-module__6Z8lzW__section{margin-top:80px}.SurfaceDemo-module__6Z8lzW__introSection{padding:0 0 30px}.SurfaceDemo-module__6Z8lzW__introContent{max-width:none;padding-inline:var(--wb-mobile-gut,20px);margin:0}.SurfaceDemo-module__6Z8lzW__introContent .SurfaceDemo-module__6Z8lzW__introText{text-align:left;max-width:min(100%,clamp(320px,65vw,560px));font-size:var(--wb-mobile-subhero,var(--wb-ls-subhero));letter-spacing:-.025em;text-wrap:pretty;margin-inline:auto;line-height:1.35}.SurfaceDemo-module__6Z8lzW__introLead,.SurfaceDemo-module__6Z8lzW__introSentence{display:inline}}@media (max-width:379px){.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__features,.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__actions{grid-template-columns:1fr}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs{gap:0 12px}.SurfaceDemo-module__6Z8lzW__root .SurfaceDemo-module__6Z8lzW__tabs button{font-size:13px}}@media (prefers-reduced-motion:reduce){.SurfaceDemo-module__6Z8lzW__root *,.SurfaceDemo-module__6Z8lzW__root :before,.SurfaceDemo-module__6Z8lzW__root :after{transition:none!important}}
@media (min-width:768px){.LandingHeroPreview-module__OZzTzG__preview .LandingHeroPreview-module__OZzTzG__title{font-size:var(--wb-ls-subhero);letter-spacing:normal;line-height:1.4}.LandingHeroPreview-module__OZzTzG__preview .LandingHeroPreview-module__OZzTzG__support{margin-top:calc(20px * var(--wb-large-desktop-scale,1))}.LandingHeroPreview-module__OZzTzG__preview .LandingHeroPreview-module__OZzTzG__support .LandingHeroPreview-module__OZzTzG__body{line-height:1.4}}