.shopper-preview{--sp-ink:#2a2f47;--sp-muted:#2a2f479e;--sp-paper:#fff;--sp-sand:#f4f2ee}.shopper-preview__controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.shopper-preview__tabs{gap:var(--space-2);scrollbar-width:none;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:var(--radius-full);background:#f4f1fa;flex:1;min-width:0;padding:.3rem;scroll-padding-inline:.3rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 .9rem calc(100% - .9rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 .9rem calc(100% - .9rem),#0000 100%)}.shopper-preview__tabs::-webkit-scrollbar{display:none}.shopper-preview__tab{border-radius:var(--radius-full);color:var(--sp-muted);white-space:nowrap;cursor:pointer;scroll-snap-align:center;transition:background-color var(--duration-sm)var(--ease-premium),color var(--duration-sm)var(--ease-premium);flex-shrink:0;align-items:baseline;gap:.4rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.shopper-preview__tab:hover{color:var(--sp-ink)}.shopper-preview__tab--active{background:var(--sp-paper);color:var(--sp-ink);box-shadow:0 6px 16px -10px #2a2f4766}.shopper-preview__tab-num{font-family:var(--font-serif),Georgia,serif;color:var(--primary);font-style:italic;font-weight:400}.shopper-preview__tab:focus-visible,.shopper-preview__device:focus-visible,.sp-live-btn:focus-visible,.sp-features__live:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shopper-preview__carousel{align-items:center;gap:var(--space-2);flex:36rem;min-width:0;display:flex}.shopper-preview__arrow{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--primary);cursor:pointer;transition:background-color var(--duration-sm)var(--ease-premium);background:#f4f1fa;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.shopper-preview__arrow:hover{background:color-mix(in srgb,var(--primary)12%,white)}.shopper-preview__arrow--prev svg{transform:rotate(180deg)}.shopper-preview__arrow:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:767px){.shopper-preview__tools{justify-content:space-between;width:100%}}.shopper-preview__tools{align-items:center;gap:var(--space-3);display:flex}.shopper-preview__copy{border-radius:var(--radius-full);color:var(--sp-muted);cursor:pointer;transition:color var(--duration-sm)var(--ease-premium),background-color var(--duration-sm)var(--ease-premium);align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.shopper-preview__copy:hover{color:var(--primary);background:color-mix(in srgb,var(--primary)7%,transparent)}.shopper-preview__copy:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shopper-preview__devices{border-radius:var(--radius-full);background:#f4f1fa;padding:.25rem;display:inline-flex}.shopper-preview__device{border-radius:var(--radius-full);color:var(--sp-muted);cursor:pointer;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.shopper-preview__device--active{background:var(--secondary);color:#fff}.shopper-preview__stage{justify-items:center;gap:var(--space-5);display:grid}.shopper-preview__desc{text-align:center;max-width:40rem;min-height:3.2em;color:var(--muted-foreground);margin:0;font-size:.9375rem;font-weight:300;line-height:1.6}.sp-window,.sp-phone{color:var(--sp-ink);background:var(--sp-paper);box-shadow:0 50px 100px -60px #2a2f4780,0 2px 8px -3px #2a2f471a}.sp-window{border-radius:clamp(1rem,2vw,1.5rem);width:100%;max-width:64rem;overflow:hidden}.sp-window__chrome{align-items:center;gap:var(--space-4);background:#efece8;padding:.65rem 1rem;display:flex}.sp-window__dots{flex-shrink:0;gap:.4rem;display:inline-flex}.sp-window__dots span{border-radius:var(--radius-full);background:color-mix(in srgb,var(--secondary)18%,white);width:.65rem;height:.65rem}.sp-window__address,.sp-phone__address{border-radius:var(--radius-full);min-width:0;color:var(--sp-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:.3rem .9rem;font-size:.75rem;overflow:hidden}.sp-window__address{background:var(--sp-paper);flex:1;max-width:28rem;margin-inline:auto}.sp-window .sp-screen{min-height:31rem}.sp-phone{background:#1c1f2e;border-radius:2.75rem;width:min(100%,22rem);padding:.6rem}.sp-phone__status{color:#fff;justify-content:space-between;align-items:center;padding:.35rem 1.4rem .5rem;font-size:.7rem;font-weight:600;display:flex}.sp-phone__status-icons{gap:.3rem;display:inline-flex}.sp-phone__status-icons span{background:#fff;border-radius:.15rem;width:1rem;height:.55rem}.sp-phone__status-icons span:first-child{opacity:.8;width:.7rem}.sp-phone .sp-screen{scrollbar-width:thin;background:var(--sp-paper);border-radius:2.1rem;height:36rem;overflow-y:auto}.sp-phone__address{color:#ffffffd9;background:#ffffff24;width:fit-content;max-width:80%;margin:.55rem auto .2rem}.sp-screen{background:var(--sp-paper);position:relative;container-type:inline-size}.sp-nav{color:var(--sp-ink);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:.85rem clamp(1rem,3cqi,1.75rem);font-size:.7rem;display:grid}.sp-nav__links{gap:1rem;font-weight:500;display:inline-flex}@container (max-width:36rem){.sp-nav__links{visibility:hidden}}.sp-nav__brand{white-space:nowrap;letter-spacing:.32em;text-transform:uppercase;font-size:.8rem;font-weight:700}.sp-nav__icons{justify-content:flex-end;gap:.75rem;display:inline-flex}.sp-live-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;letter-spacing:.02em;cursor:pointer;min-height:2.5rem;transition:background-color var(--duration-sm)var(--ease-premium),transform var(--duration-sm)var(--ease-premium);justify-content:center;align-items:center;gap:.45rem;padding:0 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 10px 22px -14px #c55e98b3}.sp-live-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.sp-live-btn--outline{background:var(--sp-paper);color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.sp-live-btn--outline:hover{background:color-mix(in srgb,var(--primary)8%,white)}.sp-live-btn--block{width:100%}.sp-live-btn--sm{min-height:2.1rem;font-size:.72rem}.sp-static-btn{border-radius:var(--radius-full);justify-content:center;align-items:center;min-height:2.5rem;padding:0 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.sp-static-btn--dark{background:var(--sp-ink);color:#fff}.sp-static-btn--outline{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sp-ink)25%,transparent)}.sp-static-btn--light{min-height:2.1rem;color:var(--sp-ink);background:#ffffffeb;font-size:.7rem}.sp-cover{object-fit:cover;object-position:center 80%}.sp-pdp{gap:1.25rem;padding:.5rem clamp(1rem,3cqi,1.75rem) 1.75rem;display:grid}@container (min-width:36rem){.sp-pdp{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:2rem}}.sp-gallery{background:var(--sp-sand);border-radius:1rem;position:relative;overflow:hidden}.sp-gallery__img,.sp-home__thumb-img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.sp-image-cta{white-space:nowrap;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.sp-image-cta:hover{transform:translate(-50%)translateY(-1px)}.sp-info{flex-direction:column;align-items:flex-start;display:flex}.sp-info__maker{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--sp-muted);font-size:.62rem;font-weight:700}.sp-info__name{letter-spacing:-.02em;margin-top:.3rem;font-size:clamp(1.15rem,4.5cqi,1.6rem);font-weight:300;line-height:1.1}.sp-info__price{color:var(--sp-muted);margin-top:.3rem;font-size:.8rem;font-weight:500}.sp-info__desc{color:var(--sp-muted);margin:.8rem 0 0;font-size:.78rem;font-weight:300;line-height:1.6}.sp-info__label{letter-spacing:.16em;text-transform:uppercase;margin-top:1rem;font-size:.6rem;font-weight:700}.sp-info__label strong{color:var(--primary)}.sp-swatches{gap:.5rem;margin-top:.5rem;display:inline-flex}.sp-swatch{border-radius:var(--radius-full);width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px #2a2f471f}.sp-swatch--champagne{background:#c9b48f}.sp-swatch--graphite{background:#4a4a4d}.sp-swatch--active{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--primary)}.sp-info__actions{gap:.5rem;width:100%;margin-top:1.25rem;display:grid}.sp-section-view{padding:0 clamp(1rem,3cqi,1.75rem) 1.75rem}.sp-pdp-strip{background:var(--sp-sand);border-radius:1rem;align-items:center;gap:.9rem;padding:.75rem;display:flex}.sp-pdp-strip__img{mix-blend-mode:multiply;width:4rem;height:auto}.sp-pdp-strip__text{flex-direction:column;flex:1;min-width:0;display:flex}.sp-pdp-strip__text .sp-info__name{margin:0;font-size:.95rem}.sp-pdp-strip .sp-static-btn{display:none}@container (min-width:36rem){.sp-pdp-strip .sp-static-btn{display:inline-flex}}.sp-block{background:#f6f3fb;border-radius:1.25rem;gap:1.25rem;margin-top:1.25rem;padding:1.25rem;display:grid}@container (min-width:36rem){.sp-block{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:2rem;padding:1.5rem}}.sp-block__media{aspect-ratio:16/10;background:#e9e4df;border-radius:.9rem;position:relative;overflow:hidden}.sp-block__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sp-block__copy{text-align:center;gap:.6rem;display:grid}.sp-block__heading{letter-spacing:-.02em;font-size:clamp(1.1rem,4cqi,1.45rem);font-weight:300;line-height:1.2}.sp-block__sub{color:var(--sp-muted);margin:0 0 .4rem;font-size:.78rem;font-weight:300}.sp-home__hero{text-align:center;background:var(--sp-sand);justify-items:center;gap:.5rem;padding:1.75rem 1.25rem 2rem;display:grid}.sp-home__eyebrow{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--sp-muted);font-size:.6rem;font-weight:700}.sp-home__title{max-width:22rem;font-family:var(--font-serif),Georgia,serif;font-size:clamp(1.25rem,5cqi,1.9rem);font-weight:300;line-height:1.15}.sp-home__section{gap:1.25rem;padding:1.5rem clamp(1rem,3cqi,1.75rem) 1.75rem;display:grid}@container (min-width:36rem){.sp-home__section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:2rem}}.sp-home__copy{text-align:center;justify-items:center;gap:1rem;display:grid}.sp-home__visual{background:var(--sp-sand);border-radius:1rem;grid-template-columns:3.25rem minmax(0,1fr);gap:.6rem;padding:.6rem;display:grid}.sp-home__thumbs{align-content:start;gap:.5rem;display:grid}.sp-home__thumb{background:var(--sp-paper);border-radius:.5rem;display:block;overflow:hidden}.sp-home__thumb--active{box-shadow:0 0 0 1.5px var(--primary)}.sp-home__room{aspect-ratio:4/3;border-radius:.6rem;display:block;position:relative;overflow:hidden}.sp-tiles{padding:.5rem clamp(1rem,3cqi,1.75rem) 1.75rem}.sp-tiles__title{margin-bottom:1rem;font-size:1.1rem;font-weight:500;display:block}.sp-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@container (min-width:36rem){.sp-tiles__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.sp-tile{flex-direction:column;gap:.3rem;display:flex}.sp-tile__media{aspect-ratio:1;background:var(--sp-sand);border-radius:.75rem;display:block;overflow:hidden}.sp-tile__img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.sp-tile__name{margin-top:.3rem;font-size:.78rem;font-weight:500;line-height:1.3}.sp-tile .sp-info__price{margin:0 0 .4rem;font-size:.7rem}.sp-tile .sp-live-btn{margin-top:auto}.sp-features{background:var(--sp-sand);grid-template-columns:1fr;display:grid}@container (min-width:36rem){.sp-features{grid-template-columns:repeat(3,minmax(0,1fr))}}.sp-features__live,.sp-features__item{justify-content:center;align-items:center;gap:.45rem;padding:.7rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.sp-features__live{color:var(--primary);background:color-mix(in srgb,var(--primary)9%,var(--sp-sand));cursor:pointer;transition:background-color var(--duration-sm)var(--ease-premium)}.sp-features__live:hover{background:color-mix(in srgb,var(--primary)16%,var(--sp-sand))}.sp-features__item{color:var(--sp-muted);display:none}@container (min-width:36rem){.sp-features__item{display:inline-flex}}.sp-header-view__hero{aspect-ratio:16/9;position:relative;overflow:hidden}@container (max-width:36rem){.sp-header-view__hero{aspect-ratio:4/5}}.sp-header-view__overlay{background:linear-gradient(#1416220d,#14162259);place-content:center;justify-items:center;gap:.9rem;display:grid;position:absolute;inset:0}.sp-header-view__title{font-family:var(--font-serif),Georgia,serif;color:#fff;font-size:clamp(1.6rem,7cqi,3rem);font-weight:300}@media (prefers-reduced-motion:reduce){.shopper-preview__tab,.sp-live-btn,.sp-features__live{transition:none}.sp-live-btn:hover{transform:none}.sp-image-cta:hover{transform:translate(-50%)}}
.live-demo-hero{padding-block:var(--nav-clearance)clamp(3rem,7vw,6rem);background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--primary)9%,transparent),transparent 42%),linear-gradient(180deg,#f2eef9b8 0%,var(--background)100%)}.live-demo-hero__inner{gap:clamp(2.5rem,5vw,4rem);padding-top:clamp(1.5rem,4vw,3rem);display:grid}@media (min-width:1024px){.live-demo-hero__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}.live-demo-hero__title{letter-spacing:-.045em;color:var(--accent);text-wrap:balance;margin:0;font-size:clamp(2.75rem,6.2vw,5.75rem);font-weight:200;line-height:.98}.live-demo-hero__title em,.live-demo-intro em,.live-demo-cta em{font-family:var(--font-serif),Georgia,serif;color:var(--primary);font-style:italic;font-weight:300}.live-demo-hero__sub{margin-top:var(--space-6);max-width:34rem}.live-demo-hero__ctas,.live-demo-cta__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.live-demo-hero__ctas{margin-top:var(--space-8)}.live-demo-hero__media{margin:0}.live-demo-hero__frame{aspect-ratio:16/10;border-radius:clamp(1.5rem,3vw,var(--radius-2xl));background:#efeae6;position:relative;overflow:hidden;box-shadow:0 40px 100px -60px #2a2f478c}.live-demo-hero__video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-demo-hero__caption{gap:var(--space-3);margin-top:var(--space-4);color:var(--muted-foreground);align-items:baseline;font-size:.8125rem;font-weight:300;display:flex}.live-demo-hero__caption-num,.live-demo-steps__num{font-family:var(--font-serif),Georgia,serif;color:var(--primary);font-style:italic}.live-demo-intro{max-width:44rem;margin-bottom:clamp(2rem,4vw,3.5rem)}.live-demo-clip{overflow:clip}.live-demo-bento{gap:var(--space-4);display:grid}.live-demo-bento>*{display:grid}@media (min-width:768px){.live-demo-bento{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.live-demo-bento__lead{grid-column:1/-1}}@media (min-width:1100px){.live-demo-bento{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr))}.live-demo-bento__lead{grid-area:1/1/3}}.live-demo-steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.live-demo-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.live-demo-steps__item{padding-top:var(--space-6);border-top:1px solid color-mix(in srgb,var(--accent)14%,transparent);color:var(--secondary)}.live-demo-steps__title{margin:var(--space-3)0 0;letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:300}