html[data-shell=marketing]{scroll-behavior:auto;scroll-padding-top:calc(var(--header-h) + 20px);scrollbar-gutter:stable}html[data-shell=marketing] body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55;letter-spacing:.015em;-webkit-font-smoothing:antialiased;overflow-x:clip;display:block;min-height:auto}:where(html[data-shell=marketing]) body:has(.site-navigation[aria-modal=true]),html[data-shell=marketing]:has(.site-navigation[aria-modal=true]){overflow:hidden;overscroll-behavior:none}:where(html[data-shell=marketing]) .audience-bar{display:flex;justify-content:center;padding-top:34px}:where(html[data-shell=marketing]) .viewport-measure{position:fixed;top:0;left:0;width:100%;height:100vh;height:100svh;visibility:hidden;pointer-events:none;z-index:-1}:where(html[data-shell=marketing]) .viewport-extent{height:100vh;height:100lvh;width:100%}html[data-shell=marketing]{overflow-anchor:none}:where(html[data-shell=marketing]) .hero-scroll.has-hero-hold{height:calc(var(--hero-stage-h) + var(--hero-hold) + var(--hero-content-space, 0px))}:where(html[data-shell=marketing]) .has-layered-story .story{height:calc(2 * var(--scene-h) + var(--story-hold))}:where(html[data-shell=marketing]) .has-layered-story .story-copy{top:var(--story-center)}@media (min-width: 760px){html[data-shell=marketing] body{font-size:16px;line-height:1.55}:where(html[data-shell=marketing]) .audience-bar{padding-top:calc(168px - var(--header-h))}}@media (prefers-reduced-motion: reduce){html[data-shell=marketing]{scroll-behavior:auto}}:where(html[data-shell=marketing]) [data-reduce-motion=true]{scroll-behavior:auto}:where(html[data-shell=marketing]) [data-reduce-motion=true] *,:where(html[data-shell=marketing]) [data-reduce-motion=true] *:before,:where(html[data-shell=marketing]) [data-reduce-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(html[data-shell=marketing]) .scene-object{width:var(--object-w, 182px)}:where(html[data-shell=marketing]) .has-layered-story .story-photos .story-portrait{width:var(--portrait-w);height:var(--portrait-h)}:where(html[data-shell=marketing]) .audience-bar.container{width:var(--page);margin-inline:auto;max-width:none}:where(html[data-shell=marketing]) .shopper-walk-phone{transform:scale(var(--hero-phone-scale, 1))}:where(html[data-shell=marketing]) .hero-scroll.is-scroll-steps .walk-caption h2,:where(html[data-shell=marketing]) .hero-scroll.is-scroll-steps .walk-caption p{opacity:var(--caption-alpha, 0)}@media (min-width: 760px){:where(html[data-shell=marketing]){--header-h: 68px}}:where(html[data-shell=marketing]) .scene-object>img{height:auto}@media (min-width: 760px) and (min-height: 500px){:where(html[data-shell=marketing]) :is(#shopper-page,#seller-page){scroll-padding-bottom:var(--hero-dock-h, 84px)}html[data-shell=marketing]:has(:is(#shopper-page,#seller-page)){scroll-padding-bottom:calc(84px + max(0px,env(safe-area-inset-bottom) - 16px))}}:where(html[data-shell=marketing]) :is(.hero-stage,.s-flight-stage):has(>.hero-stage-content){padding-bottom:0}:where(html[data-shell=marketing]) .hero-stage-content{position:relative;padding-bottom:8px}:where(html[data-shell=marketing]) .has-hero-hold>.hero-stage{height:calc(var(--hero-stage-h) + var(--hero-content-space, 0px))}:where(html[data-shell=marketing]) .s-flight.is-animated>.s-flight-stage{height:calc(var(--s-stage-h) + var(--hero-content-space, 0px))}@media (min-height: 500px){:where(html[data-shell=marketing]) .hero-stage-content{transform:translateY(var(--hero-content-y, 0px))}}:where(html[data-shell=marketing]) .hero-scroll.is-scroll-steps .walk-step{position:relative}:where(html[data-shell=marketing]) .hero-scroll:not(.has-hero-hold) .hero-stage,:where(html[data-shell=marketing]) .s-flight:not(.is-animated) .s-flight-stage{margin-bottom:var(--hero-content-space, 0px)}@media (max-width: 759px){:where(html[data-shell=marketing]) .hero-intro>p:not(.hero-title){letter-spacing:.34px}}@media (min-width: 760px){:where(html[data-shell=marketing]) .hero-intro>p:not(.hero-title){letter-spacing:0}}@media (min-width: 760px){html[data-shell=marketing]:has(:is(#shopper-page,#seller-page) :is(.hero-scroll,.s-flight).is-reduced-motion){scroll-padding-bottom:0}}@media (min-width: 760px){:where(html[data-shell=marketing]) :is(.hero-scroll,.s-flight).is-reduced-motion .hero-stage-content{transform:none}:where(html[data-shell=marketing]) .hero-scroll.is-reduced-motion .hero-stage,:where(html[data-shell=marketing]) .s-flight.is-reduced-motion .s-flight-stage{margin-bottom:0}}@media (min-width: 760px){html[data-js][data-shell=marketing] .hero-scroll:not(.is-measured) .hero-stage-content,html[data-js][data-shell=marketing] .s-flight:not(.is-measured) .hero-stage-content,html[data-js][data-shell=marketing] :is(.hero-scroll,.s-flight):not(.is-measured)+.hero-dock{opacity:0;visibility:hidden;transition:none}}html[data-shell=marketing][data-input=pointer] :is(a,button,summary,input,select,textarea,[tabindex]):focus{outline:none}:where(html[data-shell=marketing])[data-input=pointer] .carousel-dots button:focus-visible:before{display:none}