html:has(> body.page-home) {
    overflow-x: clip;
}

.page-home {
    --home-hero-bg: var(--color-bg);
    --home-hero-ink: var(--color-text);
    --home-hero-muted: oklab(0.42 0.005 0.01 / 0.72);
    --home-hero-line: oklab(0.24 0.006 0.012 / 0.92);
    --home-hero-route: oklab(0.24 0.006 0.012 / 0.86);
    --home-hero-product-width: min(75vw, calc(100vw - 330px));
    --home-hero-retailer-width: min(24vw, 420px);
    --home-hero-retailer-bottom-card: clamp(250px, 30vw, 500px);
    --home-hero-retailer-bottom-height: clamp(260px, 33vw, 450px);
    --home-hero-gap: clamp(10px, 3vw, 34px);
    --home-nav-height: var(--nav-min-height);

    background: var(--color-bg);
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

.page-home.page-platform,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform {
    --platform-section-bg: var(--color-bg);
    background: var(--color-bg);
}

.page-home.page-platform .nav-wrap,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero),
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(0);
    opacity: 1;
    transition: transform 0.72s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.42s ease;
}

.page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden {
    transform: translateY(0);
    opacity: 1;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
}

.page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .brand,
.page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .nav-links,
.page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .nav-menu-toggle,
.page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .nav-account-btn,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .brand,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .nav-links,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .nav-menu-toggle,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--home-intro-hidden .nav-account-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.page-home.page-platform .nav-wrap .brand,
.page-home.page-platform .nav-wrap .nav-links,
.page-home.page-platform .nav-wrap .nav-menu-toggle,
.page-home.page-platform .nav-wrap .nav-account-btn,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap .brand,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap .nav-links,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap .nav-menu-toggle,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap .nav-account-btn {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.page-home.page-platform .nav-wrap > .container {
    width: min(var(--container), calc(100% - calc(var(--spacing) * 24)));
    max-width: none;
    margin-top: 0;
}

.page-home.page-platform .nav {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    min-height: var(--nav-min-height);
    gap: calc(var(--spacing) * 6);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
}

.page-home.page-platform .brand,
.page-home.page-platform .nav-links,
.page-home.page-platform .nav-actions,
.page-home.page-platform .nav-actions .btn {
    align-items: center;
}

.page-home.page-platform .nav-wrap .nav-actions .btn-primary {
    background: var(--color-text);
    color: var(--color-white);
    border-color: transparent;
    box-shadow: 0 14px 30px rgba(23, 23, 25, 0.12);
}

.page-home.page-platform .brand-wordmark {
    min-height: 55px;
    max-width: calc(var(--font-size) * 12.5);
}

.page-home.page-platform .brand-wordmark img,
html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .brand-wordmark img {
    height: 64px;
}

.page-home .nav-wrap:not(.nav-wrap--past-hero) .brand,
.page-home .nav-wrap.nav-wrap--past-hero .brand,
.page-home .nav-wrap:not(.nav-wrap--past-hero) .nav-links,
.page-home .nav-wrap.nav-wrap--past-hero .nav-links,
.page-home .nav-wrap:not(.nav-wrap--past-hero) .nav-actions .btn-glass,
.page-home .nav-wrap.nav-wrap--past-hero .nav-actions .btn-glass,
.page-home .home-hero__message .hero-actions .btn-glass {
    color: var(--home-hero-ink);
}

.page-home .brand-wordmark img {
    filter: none;
}

.page-home .home-hero {
    position: relative;
    z-index: 30;
    min-height: 100svh;
    overflow: clip;
    color: var(--home-hero-ink);
    background: var(--home-hero-bg);
    isolation: isolate;
}

.page-home .home-hero.home-hero--retailer-bottom {
    overflow-x: clip;
    overflow-y: visible;
}

.page-home .home-hero::before {
    display: none;
}

.page-home .home-hero__stage,
.page-home .home-hero__overlay {
    position: absolute;
    inset: 0;
}

.page-home .home-hero__stage {
    z-index: 0;
    display: grid;
    grid-template-columns: minmax(0, var(--home-hero-product-width)) var(--home-hero-retailer-width);
    gap: var(--home-hero-gap);
    padding-top: 0;
    opacity: 0;
    transform: scale(1.01);
    filter: blur(14px);
    transition:
            opacity 0.8s ease,
            transform 0.8s ease,
            filter 0.8s ease;
}

.page-home .home-hero.home-hero--visual-ready .home-hero__stage {
    opacity: 1;
    transform: scale(1);
    filter: none;
}

.page-home .home-hero.home-hero--intro-skip,
.page-home .home-hero.home-hero--intro-skip * {
    animation-duration: 0ms !important;
    animation-delay: 0ms !important;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important;
}

.page-home .home-hero__product-column,
.page-home .home-hero__retailer-column {
    position: relative;
    overflow: hidden;
    min-height: 0;
}

.page-home .home-hero.home-hero--retailer-bottom .home-hero__stage {
    display: block;
    padding-bottom: 0;
}

.page-home .home-hero.home-hero--retailer-bottom .home-hero__product-column {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    height: 100%;
}

.page-home .home-hero.home-hero--retailer-bottom .home-hero__retailer-column {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: var(--home-hero-retailer-bottom-height);
    overflow: visible;
    transform: translateY(0);
    transition: transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-column::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    height: 200%;
    background: linear-gradient(0deg, var(--home-hero-bg) 0%, oklch(from var(--home-hero-bg) l c h / 0.86) 42%, oklch(from var(--home-hero-bg) l c h / 0) 100%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.95s ease;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--final-message .home-hero__retailer-column::before {
    opacity: 1;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-fan-entering .home-hero__retailer-column::before {
    opacity: 0;
}

.page-home .home-hero.home-hero--retailer-bottom.home-hero--retailer-peek .home-hero__retailer-column {
    transform: translateY(46%);
}

.page-home .home-hero__product-track,
.page-home .home-hero__retailer-track {
    position: relative;
    width: 100%;
    transform: translate3d(var(--home-hero-translate-x, 0), var(--home-hero-translate-y, 0), 0);
    will-change: transform;
}

.page-home .home-hero__product-track {
    min-height: 100%;
}

.page-home .home-hero__product-image {
    display: block;
    width: 100%;
    height: auto;
    user-select: none;
    pointer-events: none;
    transition: filter 0.65s ease, opacity 0.65s ease;
}

.page-home .home-hero.home-hero--dimmed .home-hero__product-image--base,
.page-home .home-hero.home-hero--dimmed .home-hero__product-image--side {
    filter: grayscale(1);
    opacity: 0.82;
}

.page-home .home-hero__product-image--match {
    position: absolute;
    inset: 0 auto auto 0;
    z-index: 1;
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    transition: clip-path 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero__product-image--side {
    display: none;
}

.page-home .home-hero.home-hero--retailer-bottom .home-hero__product-image--base {
    clip-path: inset(20% 0 0 0);
}

.page-home .home-hero.home-hero--ambient .home-hero__product-image--match {
    filter: saturate(1.08) contrast(1.03);
    transition: clip-path 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero__retailer-track {
    display: grid;
    gap: var(--home-hero-gap);
    padding-right: var(--home-hero-gap);
    justify-items: stretch;
    z-index: 1;
}

.page-home .home-hero__retailer-card {
    position: relative;
    overflow: hidden;
    z-index: var(--home-hero-retailer-card-z, 1);
    opacity: var(--home-hero-retailer-card-opacity, 0.42);
    animation: none;
    transform: none;
    transform-origin: center center;
    filter: saturate(var(--home-hero-retailer-card-saturation, 0.72));
    will-change: transform, opacity, filter;
    transition:
            transform 0.92s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.68s ease,
            filter 0.68s ease;
}

.page-home .home-hero.home-hero--retailer-bottom .home-hero__retailer-track {
    display: flex;
    align-items: center;
    width: max-content;
    min-width: 100%;
    gap: 0;
    padding: 0 calc(var(--home-hero-retailer-bottom-card) * 0.5);
    transform-origin: center bottom;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-card {
    flex: 0 0 var(--home-hero-retailer-bottom-card);
    margin-left: clamp(22px, 3.2vw, 58px);
    opacity: var(--home-hero-retailer-card-opacity, 1);
    padding: clamp(12px, 1.08vw, 18px) clamp(12px, 1.08vw, 18px) clamp(58px, 6.2vw, 88px);
    border: 0;
    border-radius: 0;
    background: oklch(1 0 0);
    transform:
            translateY(var(--home-hero-retailer-card-lift, 0))
            rotate(var(--home-hero-retailer-card-rotate, 0deg))
            scale(var(--home-hero-retailer-card-scale, 0.78));
    box-shadow:
            0 42px 112px rgba(0, 0, 0, 0.2),
            0 24px 54px rgba(0, 0, 0, 0.12),
            0 8px 22px rgba(0, 0, 0, 0.07),
            inset 0 0 0 1px oklch(0.12 0 0 / 0.06);
    filter:
            saturate(var(--home-hero-retailer-card-saturation, 0.9))
            contrast(var(--home-hero-retailer-card-contrast, 1));
}

.page-home .home-hero.home-hero--retailer-palaroid {
    --home-hero-retailer-bottom-card: clamp(213px, 25.5vw, 425px);
    --home-hero-retailer-bottom-height: clamp(221px, 28vw, 383px);
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-column {
    top: var(--home-nav-height);
    bottom: 0;
    height: auto;
    overflow: visible;
    transform: none;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-track {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    min-width: 0;
    padding: 0;
    transform: none;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card {
    position: absolute;
    left: calc(50% + var(--home-hero-retailer-scatter-x, 0vw));
    top: calc(50% + var(--home-hero-retailer-scatter-y, 0svh));
    width: min(var(--home-hero-retailer-bottom-card), 36vw);
    margin: 0;
    z-index: var(--home-hero-retailer-scatter-z, 1);
    opacity: 0;
    filter: none;
    transition: none;
    transform:
            translate(-50%, -50%)
            rotate(var(--home-hero-retailer-scatter-rotate, 0deg))
            scale(calc(var(--home-hero-retailer-scatter-scale, 0.9) * 0.92));
    animation: home-hero-retailer-scatter-in 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered.home-hero--retailer-clearing .home-hero__retailer-card:not(.is-active-retailer) {
    animation: home-hero-retailer-scatter-out 0.68s cubic-bezier(0.55, 0, 0.75, 0.12) forwards;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered.home-hero--retailer-clearing .home-hero__retailer-card.is-active-retailer {
    animation: home-hero-retailer-scatter-hold 0.68s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-loop-set="0"],
.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-loop-set="2"] {
    display: none;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-image {
    filter: none;
    transition: none;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-original-index="1"],
.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-original-index="5"] {
    animation-delay: 0.08s;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-original-index="2"],
.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-original-index="6"] {
    animation-delay: 0.16s;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-original-index="3"],
.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-scattered .home-hero__retailer-card[data-retailer-original-index="7"] {
    animation-delay: 0.24s;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-featured .home-hero__retailer-card:not(.is-active-retailer) {
    opacity: 0;
    transform:
            translate(var(--home-hero-retailer-feature-exit-x, 0px), calc(var(--home-hero-retailer-card-lift, 0px) + 80px))
            rotate(0deg)
            scale(0.7);
    filter: saturate(0.55) contrast(0.95);
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-featured .home-hero__retailer-card.is-active-retailer {
    z-index: 20;
    transform:
            translate(
                    var(--home-hero-active-retailer-shift-x, 0px),
                    calc(var(--home-hero-retailer-card-lift, 0px) - clamp(30px, 3vw, 48px) + var(--home-hero-active-retailer-shift-y, 0px))
            )
            rotate(0deg)
            scale(1.15);
    box-shadow:
            0 42px 96px rgba(0, 0, 0, 0.34),
            0 22px 42px rgba(0, 0, 0, 0.2),
            0 0 0 2px oklch(0.12 0 0 / 0.12),
            inset 0 0 0 1px oklch(0.12 0 0 / 0.08);
    filter: saturate(1.08) contrast(1.08);
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-featured .home-hero__retailer-card.is-retailer-neighbor:not(.is-active-retailer) {
    opacity: 0;
    transform:
            translate(var(--home-hero-retailer-feature-exit-x, 0px), calc(var(--home-hero-retailer-card-lift, 0px) + 80px))
            rotate(var(--home-hero-retailer-card-rotate, 0deg))
            scale(0.7);
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-fan-entering .home-hero__retailer-card {
    transform:
            translateY(calc(var(--home-hero-retailer-card-lift, 0px) + clamp(80px, 14vw, 180px)))
            rotate(calc(var(--home-hero-retailer-card-rotate, 0deg) * 0.45))
            scale(calc(var(--home-hero-retailer-card-scale, 0.78) * 0.92));
    opacity: 0;
    transition:
            transform 0.98s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.82s ease,
            filter 0.82s ease;
}

.page-home .home-hero.home-hero--retailer-palaroid.home-hero--retailer-fan-entering .home-hero__retailer-card.is-active-retailer {
    opacity: 1;
    transform:
            translateY(calc(var(--home-hero-retailer-card-lift, 0px) + clamp(34px, 5vw, 72px)))
            rotate(0deg)
            scale(calc(var(--home-hero-retailer-card-scale, 1) * 0.98));
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-card:first-child {
    margin-left: 0;
}

.page-home .home-hero.home-hero--retailer-base-flat {
    --home-hero-retailer-bottom-card: clamp(230px, 25vw, 382px);
    --home-hero-retailer-bottom-height: clamp(170px, 19vw, 292px);
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-track {
    align-items: center;
    padding: 0 calc(var(--home-hero-retailer-bottom-card) * 0.55);
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-card {
    flex-basis: var(--home-hero-retailer-bottom-card);
    margin-left: clamp(18px, 2.6vw, 46px);
    padding: 0;
    background: transparent;
    box-shadow: none;
    filter: saturate(var(--home-hero-retailer-card-saturation, 0.72));
    transform: scale(var(--home-hero-retailer-card-scale, 1));
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-card:first-child {
    margin-left: 0;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-card::before {
    display: none;
}

.page-home .home-hero.home-hero--retailer-bottom.home-hero--retailer-advancing .home-hero__retailer-card {
    transition:
            transform 1.18s cubic-bezier(0.18, 1.08, 0.2, 1),
            opacity 0.38s ease,
            filter 0.72s ease;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
            linear-gradient(135deg, oklch(1 0 0 / 0.18), transparent 30%),
            linear-gradient(180deg, transparent 66%, oklch(1 0 0 / 0.92) 100%);
    pointer-events: none;
}

.page-home .home-hero__retailer-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.52) 100%);
    pointer-events: none;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-card::after {
    display: none;
    left: clamp(8px, 0.72vw, 12px);
    right: clamp(8px, 0.72vw, 12px);
    bottom: clamp(58px, 6.2vw, 88px);
    height: 38%;
    border-radius: 0;
    background:
            linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%);
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-card::after {
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    border-radius: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.52) 100%);
}

.page-home .home-hero__retailer-image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 782 / 595;
    object-fit: cover;
    opacity: 0.95;
    filter: sepia(0.15);
    user-select: none;
    pointer-events: none;
    transition: filter 0.65s ease, opacity 0.65s ease;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-image {
    border-radius: 0;
    opacity: 1;
    filter: saturate(1.02) contrast(1.02);
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-image {
    aspect-ratio: 782 / 595;
    clip-path: none;
    opacity: 0.95;
    filter: sepia(0.15);
    object-position: 50% 50%;
}

.page-home .home-hero--final-message .home-hero__retailer-image {
    opacity: 0.9;
}

.page-home .home-hero.home-hero--retailer-bottom .home-hero__retailer-image,
.page-home .home-hero.home-hero--retailer-bottom.home-hero--final-message .home-hero__retailer-image {
    opacity: 1;
}

.page-home .home-hero.home-hero--dimmed .home-hero__retailer-card:not(.is-active-retailer) .home-hero__retailer-image {
    filter: sepia(0.15) grayscale(1);
    opacity: 0.72;
}

.page-home .home-hero.home-hero--retailer-bottom.home-hero--dimmed .home-hero__retailer-card:not(.is-active-retailer) .home-hero__retailer-image {
    filter: sepia(0.15) grayscale(1);
    opacity: 0.72;
}

.page-home .home-hero__retailer-caption {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 11px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: end;
    gap: calc(var(--spacing) * 2);
    color: oklch(1 0 0);
    z-index: 2;
    pointer-events: none;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.44);
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-caption {
    left: clamp(12px, 1vw, 18px);
    right: clamp(12px, 1vw, 18px);
    bottom: clamp(12px, 1.1vw, 18px);
    display: block;
    color: var(--home-hero-ink);
    text-align: left;
    text-shadow: none;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-caption {
    left: 12px;
    right: 12px;
    bottom: 11px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    color: oklch(1 0 0);
    text-align: right;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.44);
}

.page-home .home-hero__retailer-label {
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 2;
    color: oklch(1 0 0);
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: clamp(9px, 0.62vw, 11px);
    line-height: 1;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    padding: 4px 5px;
    background: rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-label,
.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-caption-icon {
    display: none;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-label {
    display: block;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-caption-icon {
    display: inline-flex;
}

.page-home .home-hero__retailer-caption-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.page-home .home-hero__retailer-caption-icon svg {
    width: 22px;
    height: 22px;
    display: block;
    stroke-width: 1.6;
}

.page-home .home-hero__retailer-caption-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
    justify-items: end;
    text-align: right;
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    text-transform: uppercase;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-caption-copy {
    justify-items: start;
    text-align: left;
    font-family: "Sen", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-caption-copy {
    justify-items: end;
    text-align: right;
}

.page-home .home-hero__retailer-caption-copy strong,
.page-home .home-hero__retailer-caption-copy small,
.page-home .home-hero__retailer-caption-copy em {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-home .home-hero__retailer-caption-copy strong {
    font-size: clamp(16px, 1.12vw, 20px);
    line-height: 1;
    letter-spacing: 0.08em;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-caption-copy strong {
    color: var(--home-hero-ink);
    font-size: clamp(16px, 1.5vw, 20px);
    letter-spacing: normal;
    font-family: var(--font-serif);
    line-height: 1.4;
    text-transform: none !important;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-caption-copy strong {
    color: inherit;
    font-size: clamp(16px, 1.12vw, 20px);
    letter-spacing: 0.08em;
}

.page-home .home-hero__retailer-caption-copy small {
    font-size: clamp(11px, 0.82vw, 15px);
    line-height: 1;
    letter-spacing: 0.14em;
    opacity: 0.84;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-caption-copy small {
    color: oklch(from var(--home-hero-ink) l c h / 0.58);
    font-size: clamp(11px, 0.82vw, 15px);
    letter-spacing: normal;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-caption-copy small {
    color: inherit;
    font-size: clamp(11px, 0.82vw, 15px);
}

.page-home .home-hero__retailer-caption-copy em {
    font-size: clamp(12px, 0.88vw, 16px);
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.1em;
    opacity: 0.92;
}

.page-home .home-hero.home-hero--retailer-palaroid .home-hero__retailer-caption-copy em {
    color: oklch(from var(--home-hero-ink) l c h / 0.76);
    font-size: clamp(11px, 0.82vw, 15px);
    letter-spacing: normal;
}

.page-home .home-hero.home-hero--retailer-base-flat .home-hero__retailer-caption-copy em {
    display: block;
    color: inherit;
    font-size: clamp(12px, 0.88vw, 16px);
    letter-spacing: 0.1em;
}

.page-home .home-hero__retailer-image.is-missing {
    display: none;
}

.page-home .home-hero__overlay {
    z-index: 2;
    pointer-events: none;
}

.page-home .home-hero-frame {
    position: absolute;
    z-index: 2;
    color: var(--home-hero-line);
    opacity: 0;
    transform: rotate(var(--home-hero-retailer-frame-rotate, 0deg)) scale(1.18);
    transform-origin: center center;
    transition:
            opacity 0.28s ease,
            transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero-frame--retailer {
    z-index: 6;
}

.page-home .home-hero-frame.is-visible {
    opacity: 1;
    transform: rotate(var(--home-hero-retailer-frame-rotate, 0deg)) scale(1);
}

.page-home .home-hero-ambient-frame {
    position: absolute;
    z-index: 2;
    color: var(--home-hero-line);
    opacity: 0;
    transform: scale(1.16);
    transform-origin: center center;
    transition:
            opacity 0.26s ease,
            transform 1.05s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}

.page-home .home-hero-ambient-frame.is-visible {
    opacity: 0.74;
    transform: scale(1);
}

.page-home .home-hero-ambient-frame__hud {
    position: absolute;
    top: 6px;
    color: var(--home-hero-ink);
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    opacity: 0.68;
    text-transform: uppercase;
}

.page-home .home-hero-ambient-frame__hud--left {
    left: 6px;
}

.page-home .home-hero-ambient-frame__hud--right {
    right: 6px;
}

.page-home .home-hero-ambient-frame__hud svg {
    width: 13px;
    height: 13px;
    display: block;
    stroke-width: 1.55;
}

.page-home .home-hero-ambient-frame .platform-frame-corner {
    width: 14px;
    height: 14px;
    border-width: 2px;
}

.page-home .home-hero-ambient-frame .platform-frame-corner--tl {
    border-width: 2px 0 0 2px;
}

.page-home .home-hero-ambient-frame .platform-frame-corner--tr {
    border-width: 2px 2px 0 0;
}

.page-home .home-hero-ambient-frame .platform-frame-corner--bl {
    border-width: 0 0 2px 2px;
}

.page-home .home-hero-ambient-frame .platform-frame-corner--br {
    border-width: 0 2px 2px 0;
}

.page-home .home-hero-frame .platform-frame-corner {
    width: 16px;
    height: 16px;
}

.page-home .home-hero-frame .platform-frame-corner--tl {
    border-width: 2px 0 0 2px;
}

.page-home .home-hero-frame .platform-frame-corner--tr {
    border-width: 2px 2px 0 0;
}

.page-home .home-hero-frame .platform-frame-corner--bl {
    border-width: 0 0 2px 2px;
}

.page-home .home-hero-frame .platform-frame-corner--br {
    border-width: 0 2px 2px 0;
}

.page-home .home-hero-ambient-panel {
    position: absolute;
    z-index: 3;
    display: grid;
    gap: 3px;
    min-width: 132px;
    color: var(--home-hero-ink);
    opacity: 0;
    transition: opacity 0.32s ease;
    pointer-events: none;
}

.page-home .home-hero-ambient-panel.is-visible {
    opacity: 1;
}

.page-home .home-hero-ambient-panel__sku,
.page-home .home-hero-ambient-panel__metric {
    width: fit-content;
    max-width: 100%;
    padding: 3px 5px;
    color: var(--home-hero-ink);
    background: oklab(0.995 0.001 0.002 / 0.78);
    border: 1px solid oklch(0.12 0 0 / 0.08);
    box-shadow: 0 8px 22px oklch(0.52 0.02 24 / 0.06);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.page-home .home-hero-ambient-panel__sku {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.34s ease, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero-ambient-panel.is-visible .home-hero-ambient-panel__sku {
    opacity: 1;
    transform: translateY(0);
}

.page-home .home-hero-ambient-panel__metrics {
    display: grid;
    gap: 3px;
    justify-items: start;
}

.page-home .home-hero-ambient-panel__metric {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.38s ease, transform 0.44s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero-ambient-panel__metric.is-visible {
    opacity: 0.78;
    transform: translateY(0);
}

.page-home .home-hero-frame__hud {
    position: absolute;
    top: 6px;
    color: var(--home-hero-ink);
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    opacity: 0.68;
    text-transform: uppercase;
    text-shadow: none;
}

.page-home .home-hero-frame__hud svg {
    width: 14px;
    height: 14px;
    display: block;
    stroke-width: 1.7;
}

.page-home .home-hero-frame__hud--left {
    left: 6px;
}

.page-home .home-hero-frame__hud--right {
    right: 6px;
}

.page-home .home-hero-frame--retailer .home-hero-frame__hud--right {
    display: none;
}

.page-home .home-hero-retailer-panel {
    top: 8px;
    left: 8px;
    display: grid;
    gap: 3px;
    max-width: calc(100% - 16px);
    z-index: 8;
    opacity: 1;
}

.page-home .home-hero-retailer-panel__line {
    width: fit-content;
    max-width: 100%;
    padding: 3px 5px;
    color: var(--home-hero-ink);
    background: oklab(0.995 0.001 0.002 / 0.78);
    border: 1px solid oklch(0.12 0 0 / 0.08);
    box-shadow: 0 8px 22px oklch(0.52 0.02 24 / 0.06);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    opacity: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(-8px);
    transition: opacity 0.36s ease, transform 0.44s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero-retailer-panel__line.is-visible {
    opacity: 0.86;
    transform: translateY(0);
}

.page-home .home-hero-product-panel {
    position: absolute;
    z-index: 3;
    display: grid;
    gap: 3px;
    min-width: 132px;
    padding: 0;
    color: var(--home-hero-ink);
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    transition: opacity 0.32s ease;
}

.page-home .home-hero-product-panel.is-visible {
    opacity: 1;
}

.page-home .home-hero-product-panel__sku,
.page-home .home-hero-product-panel__metric {
    color: var(--home-hero-ink);
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
    width: fit-content;
    max-width: 100%;
    padding: 3px 5px;
    background: oklab(0.995 0.001 0.002 / 0.78);
    border: 1px solid oklch(0.12 0 0 / 0.08);
    box-shadow: 0 8px 22px oklch(0.52 0.02 24 / 0.06);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.page-home .home-hero-product-panel__sku {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.34s ease, transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero-product-panel__sku.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.page-home .home-hero-product-panel__metrics {
    display: grid;
    gap: 3px;
    justify-items: start;
}

.page-home .home-hero-product-panel__metric {
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.38s ease, transform 0.44s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-home .home-hero-product-panel__metric.is-visible {
    opacity: 0.78;
    transform: translateY(0);
}

.page-home .home-hero-route {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.page-home .home-hero-route__path {
    fill: none;
    stroke-linecap: square;
    stroke-linejoin: miter;
    opacity: 0;
    transition:
            stroke-dashoffset 1.45s cubic-bezier(0.16, 1, 0.3, 1),
            opacity 0.38s ease;
}

.page-home .home-hero-route__path--glow {
    display: none;
}

.page-home .home-hero-route__path--core {
    stroke: var(--home-hero-route);
    stroke-width: 2.5;
}

.page-home .home-hero.home-hero--route-visible .home-hero-route__path--core {
    opacity: 0.92;
}

.page-home .home-hero.home-hero--route-hidden-immediate .home-hero-route__path {
    opacity: 0;
    transition: none;
}

.page-home .home-hero.home-hero--final-message .home-hero-route__path--core {
    opacity: 0;
}

.page-home .home-hero-match {
    z-index: 3;
    color: var(--home-hero-ink);
    background:
            linear-gradient(180deg, oklab(0.995 0.001 0.002 / 0.82), oklab(0.975 0.003 0.006 / 0.7));
    border: 1px solid oklch(0.12 0 0 / 0.1);
    box-shadow: 0 12px 30px oklch(0.52 0.02 24 / 0.1);
    transform: translateX(-50%) translateY(-50%) scale(0.98);
}

.page-home .home-hero-match.is-visible {
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.page-home .home-hero-match.is-complete {
    width: fit-content;
    min-width: 0;
    max-width: calc(100vw - 48px);
    padding-inline: calc(var(--spacing) * 5);
}

.page-home .home-hero-match.is-complete .platform-art-bridge__match-label {
    width: max-content;
    max-width: calc(100vw - 88px);
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.page-home .home-hero-match.is-maramatch-flashing .platform-art-bridge__match-label {
    animation: home-hero-maramatch-flash 0.34s step-end 6;
}

.page-home .home-hero.home-hero--final-message .home-hero-match {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(0.96);
    pointer-events: none;
}

.page-home .home-hero-match .platform-frame-corner {
    color: var(--home-hero-line);
}

.page-home .home-hero-match .platform-art-bridge__match-label,
.page-home .home-hero-match .platform-art-bridge__match-value,
.page-home .home-hero-match .platform-art-bridge__match-icon {
    color: var(--home-hero-ink);
}

.page-home .home-hero-match .platform-art-bridge__match-bar {
    background: oklch(0.12 0 0 / 0.16);
}

.page-home .home-hero-match .platform-art-bridge__match-bar span {
    background: var(--home-hero-ink);
    box-shadow: none;
}

.page-home .home-hero-match.is-complete .platform-art-bridge__match-label {
    color: var(--home-hero-ink);
}

.page-home .home-hero__message {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    display: grid;
    align-content: center;
    justify-items: start;
    width: min(var(--container), calc(100% - calc(var(--spacing) * 24)));
    min-height: min(520px, 72svh);
    color: var(--home-hero-ink);
    text-align: left;
    transform: translate(-50%, calc(-50% + 12px)) scale(0.98);
    transition:
            transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}

.page-home .home-hero__message > * {
    opacity: 0;
    transition: opacity 0.9s ease;
}

.page-home .home-hero__message::before {
    content: "";
    position: absolute;
    inset: -170px -150px -80px -200px;
    z-index: -1;
    background: linear-gradient(180deg, oklab(0.995 0.001 0.002 / 0), oklab(0.975 0.003 0.006 / 0));
    backdrop-filter: blur(0.001px);
    -webkit-backdrop-filter: blur(0.001px);
    mask-image: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.92) 38%, rgba(0, 0, 0, 0.60) 64%, rgba(0, 0, 0, 0) 70%);
    -webkit-mask-image: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.92) 38%, rgba(0, 0, 0, 0.60) 64%, rgba(0, 0, 0, 0) 70%);
    transition:
            background 0.9s ease,
            backdrop-filter 0.9s ease,
            -webkit-backdrop-filter 0.9s ease;
    pointer-events: none;
}

.page-home .home-hero__message.is-visible {
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}

.page-home .home-hero__message.is-visible > * {
    opacity: 1;
}

.page-home .home-hero__message.is-visible::before {
    background: linear-gradient(180deg, oklab(0.995 0.001 0.002 / 0.78), oklab(0.975 0.003 0.006 / 0.4));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.page-home .home-hero__eyebrow {
    justify-content: flex-start;
    margin-bottom: calc(var(--spacing) * 4);
    color: oklab(0.45 0 0.01);
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 800;
    /* letter-spacing: 0.05em; */
    text-transform: none;
    padding-left: 7px;
}

.page-home .home-hero__eyebrow::before {
    content: none;
}

.page-home .home-hero__title {
    margin: 0;
    gap: calc(var(--spacing) * 2.5);
    min-width: 60vw;
    color: var(--home-hero-ink);
    font-size: clamp(42px, 6.5vw, 80px);
    line-height: 0.92;
    letter-spacing: -0.035em;
    text-shadow: none;
    margin-top: calc(var(--spacing) * 4);
    font-weight: 600;
}

.page-home .home-hero__title b {
    display: inline-block;
    font-weight: 300;
    white-space: nowrap;
    font-style: italic;
}

.page-home .home-hero__title-subtle {
    display: block;
    font-size: 0.85em;
    font-weight: 500;
    font-stretch: 92%;
    line-height: 0.92;
    letter-spacing: -0.05em;
    text-wrap: balance;
}

.page-home .home-hero__title-accent {
    display: block;
    font-size: 0.95em;
    font-weight: 900;
    line-height: 0.88;
    letter-spacing: -0.07em;
    text-wrap: balance;
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 2);
    text-transform: uppercase;
}

.page-home .home-hero__mission {
    display: block;
    margin: calc(var(--spacing) * 8) 0 calc(var(--spacing) * 20);
    max-width: calc(var(--font-size) * 54);
    text-align: left;
    text-transform: none;
    color: oklab(0.45 0 0.01);;
    font-size: clamp(18px, 1.25vw, 24px);
    font-weight: 800;
    letter-spacing: 0;
    padding-left: 7px;
}

.page-home .home-hero__mission::before {
    content: none;
}

.page-home .home-hero__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
}

.page-home .home-hero__message .hero-actions,
.page-home .home-hero__message .platform-hero__actions {
    justify-content: flex-start;
}

.page-home .home-hero__links a {
    min-width: calc(var(--spacing) * 26);
    justify-content: center;
}

.page-home .home-hero__retailer-toggle {
    position: relative;
    z-index: 6;
    display: flex;
    gap: 3px;
    width: fit-content;
    margin: 0;
    padding: 4px;
    background: oklch(1 0 0 / 0.74);
    border: 1px solid oklch(0.12 0 0 / 0.12);
    border-radius: 999px;
    box-shadow: 0 14px 32px oklch(0.28 0.02 260 / 0.12);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.page-home .home-hero__retailer-toggle[hidden] {
    display: none;
}

.page-home .home-hero__retailer-toggle button {
    appearance: none;
    border: 0;
    border-radius: 999px;
    padding: 7px 12px;
    color: oklch(0.12 0 0 / 0.58);
    background: transparent;
    font-family: "Share Tech Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    transition:
            color 0.24s ease,
            background 0.24s ease,
            box-shadow 0.24s ease;
}

.page-home .home-hero__retailer-toggle button.is-active {
    color: oklch(1 0 0);
    background: var(--home-hero-ink);
    box-shadow: 0 7px 18px oklch(0.12 0 0 / 0.16);
}

.page-home .section:first-of-type {
    padding-top: calc(var(--spacing) * 14);
}

.page-home .home-hero.home-hero--retailer-bottom ~ .section:first-of-type {
    padding-top: calc(var(--spacing) * 14 + var(--home-hero-retailer-bottom-height) * 0.36);
}

.page-home .home-hero.home-hero--retailer-palaroid ~ .section:first-of-type {
    padding-top: calc(var(--spacing) * 10 + var(--home-hero-retailer-bottom-height) * 1);
}

.page-home .section {
    z-index: 0;
    scroll-margin-top: calc(var(--home-nav-height) + var(--spacing) * 4);
}

.page-home .home-seller-section,
.page-home .home-intelligence-section {
    position: relative;
}

.page-home .home-intelligence-section {
    isolation: isolate;
    overflow: hidden;
}

.page-home .home-intelligence-section::before,
.page-home .home-intelligence-section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.page-home .home-intelligence-section::before {
    z-index: 0;
    background-image: url("../../images/bg_platform_intelligence.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    transform: scale(1.01);
    filter: sepia(0.15);
}

.page-home .home-intelligence-section::after {
    z-index: 1;
    background:
        linear-gradient(180deg, oklch(from var(--color-bg) l c h / 1) 0%, oklch(from var(--color-bg) l c h / 1) 5%, oklch(from var(--color-bg) l c h / 0.75) 58%, oklch(from var(--color-bg) l c h / 0.7) 100%), linear-gradient(90deg, oklch(from var(--color-bg) l c h / 0.22) 0%, transparent 28%, transparent 72%, oklch(from var(--color-bg) l c h / 0.2) 100%);
}

.page-home .home-intelligence-section > .container {
    position: relative;
    z-index: 2;
}

.page-home .home-seller-grid,
.page-home .home-intelligence-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4.5);
}

.page-home .home-seller-grid {
    grid-template-columns: 1fr;
    gap: calc(var(--spacing) * 5);
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 10);
}

.page-home .home-seller-card,
.page-home .home-intelligence-card {
    height: 100%;
    background:
            radial-gradient(circle at top right, oklch(0.88 0.03 78 / 0.18), transparent 34%),
            linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
}

.page-home .home-seller-card {
    display: grid;
    grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.52fr);
    grid-template-rows: 50px;
    column-gap: calc(var(--spacing) * 8);
    row-gap: 0;
    align-items: start;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: calc(var(--spacing) * 10);
    border-radius: calc(var(--spacing) * 7.5);
    background: radial-gradient(circle at top right, oklab(0.93 0.006 0.012 / 0.24), transparent 34%), linear-gradient(180deg, var(--color-surface-strong), var(--color-surface));
    border: 1px solid var(--color-line);
    box-shadow: var(--shadow-lg);
}

.page-home .home-seller-card::before {
    content: none;
}

.page-home .home-seller-card--featured {
    background:
            radial-gradient(circle at 80% 0%, oklch(0.8 0.045 62 / 0.2), transparent 34%),
            radial-gradient(circle at 10% 100%, oklch(0.9 0.026 28 / 0.24), transparent 32%),
            linear-gradient(180deg, oklch(1 0 0 / 0.98), oklch(0.984 0.009 29 / 0.92));
    transform: translateY(calc(var(--spacing) * -3));
}

.page-home .home-seller-card__top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 1.5);
}

.page-home .home-seller-card .step-number {
    color: #8b867e;
    font-size: var(--font-size-12);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.page-home .home-seller-card__tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2.5);
    color: var(--color-accent);
    font-size: var(--font-size-body);
    font-weight: 700;
    letter-spacing: 0;
    line-height: var(--line-height-body);
    text-transform: uppercase;
    background: oklch(1 0 0);
    border: 1px solid oklab(from var(--color-accent) l a b / 0.25);
}

.page-home .home-seller-card__tag::before {
    content: none;
}

.page-home .home-seller-card h3,
.page-home .home-seller-card__body,
.page-home .home-seller-card__body p,
.page-home .home-seller-card__body .bullets,
.page-home .home-intelligence-card h3,
.page-home .home-intelligence-card p {
    position: relative;
    z-index: 1;
}

.page-home .home-seller-card h3,
.page-home .home-intelligence-card h3 {
    margin: 0 0 calc(var(--spacing) * 3);
    color: var(--color-text);
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1;
    letter-spacing: -0.04em;
}

.page-home .home-seller-card__top {
    grid-column: 1;
    grid-row: 1;
}

.page-home .home-seller-card__body {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.page-home .home-seller-card h3 {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
}

.page-home .home-seller-card__body p {
    margin-top: 0;
}

.page-home .home-seller-card__body .bullets {
    margin-top: calc(var(--spacing) * 4.5);
}

.page-home .home-seller-card__body p,
.page-home .home-intelligence-card p {
    color: var(--color-subtext);
    line-height: var(--line-height-relaxed);
}

.page-home .home-proof-panel {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: calc(var(--spacing) * 8);
    align-items: center;
    padding: calc(var(--spacing) * 9);
    background:
            radial-gradient(circle at top left, oklch(0.77 0.04 39 / 0.22), transparent 30%),
            radial-gradient(circle at bottom right, oklch(0.9 0.035 82 / 0.2), transparent 34%),
            var(--dark-panel-bg);
    color: var(--color-white);
    border-color: oklch(1 0 0 / 0.2);
}

.page-home .home-proof-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
            linear-gradient(to right, oklch(1 0 0 / 0.055) 1px, transparent 1px),
            linear-gradient(to bottom, oklch(1 0 0 / 0.055) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(90deg, oklch(0 0 0 / 0.75), transparent 78%);
    pointer-events: none;
}

.page-home .home-proof-panel__copy,
.page-home .home-proof-grid {
    position: relative;
    z-index: 1;
}

.page-home .home-proof-panel .kicker {
    width: fit-content;
    margin-bottom: 0;
    padding-bottom: calc(var(--spacing) * 1.5);
    border-bottom: 3px solid var(--color-accent);
    color: oklch(1 0 0 / 0.72);
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: calc(var(--spacing) * 4.5);
}

.page-home .home-proof-panel .kicker::before {
    content: none;
}

.page-home .home-proof-panel h2 {
    margin: 0 0 calc(var(--spacing) * 4);
    max-width: calc(var(--font-size) * 26);
    color: var(--color-white);
    font-size: clamp(42px, 5vw, 76px);
    line-height: 0.94;
    letter-spacing: -0.055em;
}

.page-home .home-proof-panel .lead {
    color: oklch(1 0 0 / 0.74);
}

.page-home #why-maramatch .lead b {
    color: var(--color-white);
}

.page-home #built-for {
    position: relative;
    overflow: hidden;
    background:
            radial-gradient(circle at top right, oklab(from var(--color-bg) calc(l - 0.015) a b / 0.72), transparent 30%),
            linear-gradient(
                    180deg,
                    oklab(from var(--color-bg) calc(l - 0.018) a b),
                    oklab(from var(--color-bg-2) calc(l - 0.022) a b)
            );
    background: transparent;
    padding: calc(var(--spacing) * 32) 0;
    border-bottom: 1px solid var(--color-line);
    border-bottom: none;
}

.page-home #built-for::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
            linear-gradient(to right, oklch(0.72 0.012 92 / 0.16) 1px, transparent 1px),
            linear-gradient(to bottom, oklch(0.72 0.012 92 / 0.16) 1px, transparent 1px);
    background-image: none;
    background-size: 64px 64px;
    pointer-events: none;
    opacity: 0.5;
}

.page-home #built-for > .container {
    position: relative;
    z-index: 1;
}

.page-home #built-for .section-heading {
    margin-bottom: calc(var(--spacing) * 10);
}

.page-home #built-for .section-heading h2,
.page-home #built-for .section-heading .lead {
    color: var(--color-text);
}

.page-home #built-for .section-heading .kicker {
    color: var(--color-accent);
}

.page-home #built-for .platform-audience-card {
    background:
            radial-gradient(circle at top right, oklch(from var(--color-accent) calc(l + 0.45) 0.03 h / 0.18), transparent 34%),
            linear-gradient(180deg, oklch(1 0 0 / 0.84), oklch(0.988 0.005 18 / 0.85));
    border-color: oklch(1 0 0 / 0.46);
    backdrop-filter: blur(calc(var(--spacing) * 3));
    -webkit-backdrop-filter: blur(calc(var(--spacing) * 3));
    box-shadow:
            0 18px 40px oklch(0.08 0.01 22 / 0.18),
            inset 0 1px 0 oklch(1 0 0 / 0.34);
}

.page-home #built-for .platform-audience-card__number {
    display: inline-block;
    width: auto;
    height: auto;
    margin-bottom: calc(var(--spacing) * 5);
    padding: 0;
    border-radius: 0;
    background: none;
    color: var(--color-accent);
    font-size: calc(var(--font-size) * 2.5);
    letter-spacing: 0;
    box-shadow: none;
}

.page-home #built-for .platform-audience-card .bullets {
    margin-top: calc(var(--spacing) * 4);
}

.page-home .home-proof-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3.5);
}

.page-home .home-proof-stat {
    min-height: calc(var(--spacing) * 50);
    padding: calc(var(--spacing) * 5);
    border: 1px solid oklch(1 0 0 / 0.14);
    border-radius: calc(var(--spacing) * 6);
    background: oklch(1 0 0 / 0.08);
    box-shadow: 0 20px 56px oklch(0 0 0 / 0.14);
    backdrop-filter: blur(calc(var(--spacing) * 3));
    -webkit-backdrop-filter: blur(calc(var(--spacing) * 3));
}

.page-home .home-proof-stat strong,
.page-home .home-proof-stat span {
    display: block;
}

.page-home .home-proof-stat strong {
    color: var(--color-white);
    font-family: var(--font-serif);
    font-size: clamp(42px, 5vw, 72px);
    line-height: 0.9;
    letter-spacing: -0.055em;
}

.page-home .home-proof-stat span {
    margin-top: calc(var(--spacing) * 2);
    color: oklch(1 0 0 / 0.86);
    font-size: var(--font-size-12);
    font-weight: 800;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.page-home .home-proof-stat p {
    margin-top: calc(var(--spacing) * 4);
    color: oklch(1 0 0 / 0.68);
    line-height: var(--line-height-body);
}

.page-home .home-operators {
    display: grid;
    gap: calc(var(--spacing) * 10);
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.page-home .home-operators__card {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
    column-gap: clamp(42px, 2vw, 72px);
    row-gap: calc(var(--spacing) * 4);
    align-items: start;
    padding: calc(var(--spacing) * 8);
}

.page-home .home-operators__title {
    margin: 0;
    width: 100%;
    max-width: none;
}

.page-home .home-operators__visual {
    position: relative;
    display: flex;
    align-self: stretch;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: calc(var(--spacing) * -8);
}


.page-home .home-operators__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    box-shadow: var(--shadow-lg);
}

.page-home .home-operators__panel {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    align-self: stretch;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 2) 0;
    z-index: 1;
}

.page-home .home-operators__body {
    display: grid;
    gap: calc(var(--spacing) * 2);
}

.page-home .home-operators__intro {
    display: none;
}

.page-home .home-operators__kicker {
    color: var(--color-text);
    width: 100%;
    margin-bottom: calc(var(--spacing) * 4);
    padding: 0;
    font-family: var(--font-serif);
    font-size: clamp(34px, 3.2vw, 38px);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 0.98;
    text-transform: none;
    background: none;
}

.page-home .home-operators__kicker::before {
    content: none;
}

.page-home .home-operators__list {
    margin: 0;
    gap: calc(var(--spacing) * 2.5);
}

.page-home .home-operators__list li {
    color: var(--color-subtext);
    font-family: inherit;
    font-size: calc(var(--font-size-body) * 1);
    line-height: var(--line-height-relaxed);
    letter-spacing: 0;
}

.page-home .home-operators__list li::before {
    top: calc(var(--spacing) * 2.5);
    background: var(--color-dot);
    box-shadow: 0 0 0 6px rgba(23, 23, 25, 0.06);
}

.page-home .home-operators__actions {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 6);
}

.page-home .platform-future__kicker {
    width: fit-content;
    margin: 0 0 calc(var(--spacing) * 4.5);
    padding-bottom: calc(var(--spacing) * 1.5);
    font-size: calc(var(--font-size-body) * 1.2);
    border-bottom: 3px solid var(--color-accent);
    color: var(--color-white);
    font-weight: 700;
    letter-spacing: 0;
}

.page-home .platform-future__kicker::before {
    content: none;
}

.page-home .platform-future__main {
    display: grid;
    align-content: start;
    gap: calc(var(--spacing) * 3);
    grid-column: 1 / 2;
}

.page-home .platform-future__title {
    width: 100%;
    max-width: none;
    margin: 0;
    color: var(--color-white);
    margin-top: calc(var(--spacing) * 4);
}

.page-home .platform-future__copy {
    justify-content: flex-start;
    margin-top: calc(var(--spacing) * 8);
}

.page-home #future .platform-future {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.9fr);
    align-items: start;
    column-gap: calc(var(--spacing) * 6);
    background:
            radial-gradient(circle at top left, oklch(0.77 0.04 39 / 0.22), transparent 30%),
            radial-gradient(circle at bottom right, oklch(0.9 0.035 82 / 0.2), transparent 34%),
            var(--dark-panel-bg);
    border-color: oklch(1 0 0 / 0.2);
}

.page-home #future .platform-future::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
            linear-gradient(to right, oklch(1 0 0 / 0.055) 1px, transparent 1px),
            linear-gradient(to bottom, oklch(1 0 0 / 0.055) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(90deg, oklch(0 0 0 / 0.75), transparent 78%);
    pointer-events: none;
}

.page-home #future .platform-future > * {
    position: relative;
    z-index: 1;
}

.page-home #future .platform-future .lead {
    color: oklch(1 0 0 / 0.74);
}

.page-home #future .platform-future .lead b {
    color: var(--color-white);
}

.page-home .platform-future__aside {
    display: grid;
    align-self: start;
    grid-column: 2 / 3;
    grid-template-columns: 1fr;
    align-content: start;
    gap: calc(var(--spacing) * 2.5);
    margin-top: 0;
    padding: calc(var(--spacing) * 6);
    border: 1px solid oklch(1 0 0 / 0.12);
    border-radius: calc(var(--spacing) * 5);
    background:
            radial-gradient(circle at top right, oklch(0.8 0.15 50 / 0.34), transparent 44%),
            linear-gradient(180deg, oklch(0.78 0.11 52 / 0.28), oklch(0.98 0.03 68 / 0.08));
    box-shadow:
            inset 0 1px 0 oklch(1 0 0 / 0.1),
            0 20px 44px oklch(0.14 0.04 30 / 0.18);
}

.page-home .platform-future-stat {
    min-height: calc(var(--spacing) * 22);
    border-color: oklch(1 0 0 / 0.12);
    background: linear-gradient(180deg, oklch(1 0 0 / 0.97), oklch(0.98 0.01 70 / 0.94));
    box-shadow: 0 16px 36px oklch(0 0 0 / 0.14);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.page-home .platform-future-stat strong {
    text-wrap: balance;
    font-size: clamp(34px, 3.2vw, 34px);
    line-height: 0.98;
}

.page-home .platform-future-stat span {
    text-wrap: balance;
    color: var(--color-text);
}

.page-home .platform-future__actions .btn {
    transform: scale(1.1);
    transform-origin: left center;
}

.page-home #future .platform-future__actions .btn {
    background: oklch(1 0 0 / 0.96);
    color: var(--color-text);
    border-color: oklch(1 0 0 / 0.14);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.22);
}

.page-home .platform-future__actions .btn:hover {
    transform: translateY(-1px) scale(1.1);
}

.page-home .platform-future__actions .btn:active {
    transform: translateY(0) scale(1.1);
}

.page-home .home-intelligence-card {
    isolation: isolate;
    display: flex;
    flex-direction: column;
    min-height: calc(var(--spacing) * 82);
    background:
            linear-gradient(180deg, oklch(1 0 0 / 0.31) 0%, oklch(1 0 0 / 0.4) 100%),
            radial-gradient(circle at top right, oklch(1 0 0 / 0.8), transparent 34%),
            radial-gradient(circle at bottom left, oklch(0.86 0.03 80 / 0.26), transparent 38%);
    border: 1px solid oklch(1 0 0 / 0.22);
    box-shadow:
            0 20px 40px oklch(0.24 0.02 260 / 0.08),
            inset 0 1px 0 oklch(1 0 0 / 0.16);
    backdrop-filter: blur(4px) saturate(1.08);
    -webkit-backdrop-filter: blur(4px) saturate(1.08);
}

.page-home .home-intelligence-card::before {
    background:
            linear-gradient(180deg, oklch(1 0 0 / 0.14) 0%, oklch(1 0 0 / 0.04) 30%, transparent 65%),
            radial-gradient(circle at top left, oklch(1 0 0 / 0.12), transparent 36%),
            radial-gradient(circle at 85% 10%, oklch(0.96 0.01 85 / 0.08), transparent 28%);
}

.page-home .home-intelligence-card::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: 0;
    border-radius: inherit;
    border: 1px solid oklch(1 0 0 / 0.08);
    pointer-events: none;
    mask-image: linear-gradient(180deg, oklch(0 0 0 / 0.9), oklch(0 0 0 / 0.2));
}

.page-home .home-intelligence-card__icon {
    position: relative;
    z-index: 1;
    margin-bottom: calc(var(--spacing) * 6.5);
    color: var(--color-text);
    line-height: 0;
}

.page-home .home-intelligence-card__icon .lucide {
    width: calc(var(--font-size) * 1.85);
    height: calc(var(--font-size) * 1.85);
    stroke-width: 0.95;
    stroke: var(--color-accent);
}

@keyframes home-hero-maramatch-flash {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.26;
    }
}

@keyframes home-hero-retailer-scatter-in {
    from {
        opacity: 0;
        transform:
                translate(
                        calc(-50% + var(--home-hero-retailer-scatter-enter-x, 0vw)),
                        calc(-50% + var(--home-hero-retailer-scatter-enter-y, 0svh))
                )
                rotate(calc(var(--home-hero-retailer-scatter-rotate, 0deg) - 10deg))
                scale(calc(var(--home-hero-retailer-scatter-scale, 0.9) * 0.72));
    }

    to {
        opacity: 1;
        transform:
                translate(-50%, -50%)
                rotate(var(--home-hero-retailer-scatter-rotate, 0deg))
                scale(var(--home-hero-retailer-scatter-scale, 0.9));
    }
}

@keyframes home-hero-retailer-scatter-out {
    from {
        opacity: 1;
        transform:
                translate(-50%, -50%)
                rotate(var(--home-hero-retailer-scatter-rotate, 0deg))
                scale(var(--home-hero-retailer-scatter-scale, 0.9));
    }

    to {
        opacity: 0;
        transform:
                translate(
                        calc(-50% + var(--home-hero-retailer-scatter-exit-x, 80vw)),
                        calc(-50% + var(--home-hero-retailer-scatter-exit-y, 0svh))
                )
                rotate(calc(var(--home-hero-retailer-scatter-rotate, 0deg) + 18deg))
                scale(calc(var(--home-hero-retailer-scatter-scale, 0.9) * 0.78));
    }
}

@keyframes home-hero-retailer-scatter-hold {
    from {
        opacity: 1;
        transform:
                translate(-50%, -50%)
                rotate(var(--home-hero-retailer-scatter-rotate, 0deg))
                scale(var(--home-hero-retailer-scatter-scale, 0.9));
    }

    to {
        opacity: 1;
        transform:
                translate(-50%, -50%)
                rotate(calc(var(--home-hero-retailer-scatter-rotate, 0deg) * 0.3))
                scale(1);
    }
}

@media (min-width: 1180px) {
    .page-home .home-hero.home-hero--retailer-bottom .home-hero__product-image--base,
    .page-home .home-hero.home-hero--retailer-bottom .home-hero__product-image--match {
        width: 70%;
    }

    .page-home .home-hero.home-hero--retailer-bottom .home-hero__product-image--side {
        display: block;
        position: absolute;
        inset: 20% auto auto 70.6%;
        width: 70%;
        max-width: none;
        clip-path: inset(0 0 20% 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-home .home-hero__stage,
    .page-home .home-hero__product-track,
    .page-home .home-hero__retailer-track,
    .page-home .home-hero__product-image--match,
    .page-home .home-hero-frame,
    .page-home .home-hero-product-panel,
    .page-home .home-hero-product-panel__sku,
    .page-home .home-hero-product-panel__metric,
    .page-home .home-hero-retailer-panel__line,
    .page-home .home-hero-route__path,
    .page-home .home-hero-match,
    .page-home .home-hero__message,
    .page-home.page-platform .nav-wrap {
        transition: none;
        animation: none;
        filter: none;
    }
}

@media (max-width: 1250px) {
    .page-home.page-platform .nav-wrap {
        width: 100vw;
        max-width: 100vw;
        overflow: visible;
    }

    .page-home.page-platform .nav-wrap > .container,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) > .container,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero > .container {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        padding-inline: 0;
    }

    .page-home.page-platform .nav,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .nav,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero .nav {
        grid-template-columns: 1fr auto 1fr;
        gap: calc(var(--spacing) * 2);
        min-height: var(--nav-min-height);
    }

    .page-home.page-platform .nav-links,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .nav-links,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero .nav-links {
        display: none;
    }

    .page-home.page-platform .nav-actions {
        justify-self: end;
        flex-wrap: nowrap;
        gap: 0;
    }

    .page-home.page-platform .nav-actions .nav-account-btn {
        display: none;
    }

    .page-home.page-platform .nav-actions .btn-primary {
        padding: 9px 13px;
        font-size: 13px;
        white-space: nowrap;
    }

    .page-home.page-platform .brand-wordmark {
        justify-self: center;
        min-height: 44px;
    }

    .page-home.page-platform .brand-wordmark img,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .brand-wordmark img {
        height: 64px;
        max-width: 134px;
    }
}

@media (max-width: 1050px) {
    .page-home {
        --home-hero-product-width: 100vw;
        --home-hero-retailer-width: 0;
        --home-hero-retailer-bottom-card: clamp(164px, 30vw, 244px);
        --home-hero-retailer-bottom-height: clamp(210px, 34vw, 296px);
    }

    .page-home .home-intelligence-section {
        background: var(--color-bg);
    }

    .page-home .home-intelligence-section::before,
    .page-home .home-intelligence-section::after {
        background: none;
    }

    .page-home .home-hero.home-hero--retailer-palaroid {
        --home-hero-retailer-bottom-card: clamp(139px, 25.5vw, 207px);
        --home-hero-retailer-bottom-height: clamp(179px, 29vw, 252px);
    }

    .page-home.page-platform .nav-wrap {
        width: 100vw;
        max-width: 100vw;
        overflow: visible;
    }

    .page-home.page-platform .nav-wrap > .container,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) > .container,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero > .container {
        width: calc(100vw - 24px);
        max-width: calc(100vw - 24px);
        padding-inline: 0;
    }

    .page-home.page-platform .nav,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .nav,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero .nav {
        grid-template-columns: 1fr auto 1fr;
        gap: calc(var(--spacing) * 2);
        min-height: var(--nav-min-height);
    }

    .page-home.page-platform .nav-menu-toggle {
        display: inline-grid;
        appearance: none;
        justify-self: start;
        gap: 4px;
        width: 42px;
        height: 42px;
        place-content: center;
        border: 0;
        color: var(--color-text);
    background: transparent;
    box-shadow: none;
        cursor: pointer;
    }

    .page-home.page-platform .nav-menu-toggle span {
        display: block;
        width: 17px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transition: transform 0.24s ease, opacity 0.2s ease;
    }

    .page-home.page-platform .nav.nav--mobile-menu-open .nav-menu-toggle span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .page-home.page-platform .nav.nav--mobile-menu-open .nav-menu-toggle span:nth-child(2) {
        opacity: 0;
    }

    .page-home.page-platform .nav.nav--mobile-menu-open .nav-menu-toggle span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .page-home.page-platform .nav-mobile-menu {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        z-index: 20;
        display: grid;
        gap: 2px;
        width: min(280px, calc(100vw - 32px));
        padding: 10px;
        border: 1px solid oklch(0.12 0 0 / 0.1);
        border-radius: 18px;
        background: oklch(1 0 0 / 0.94);
        box-shadow: 0 20px 46px oklch(0.28 0.02 260 / 0.16);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
        transform-origin: top left;
        pointer-events: none;
        transition: opacity 0.22s ease, transform 0.26s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .page-home.page-platform .nav.nav--mobile-menu-open .nav-mobile-menu {
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    .page-home.page-platform .nav-mobile-menu a {
        display: flex;
        align-items: center;
        min-height: 42px;
        padding: 0 12px;
        border-radius: 12px;
        color: var(--color-text);
        font-size: var(--font-size-compact);
    }

    .page-home.page-platform .nav-mobile-menu a:hover {
        background: oklch(0.96 0.006 29);
    }

    .page-home.page-platform .nav-links,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .nav-links,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero .nav-links {
        display: none;
    }

    .page-home.page-platform .nav-actions {
        justify-self: end;
        flex-wrap: nowrap;
        gap: 0;
    }

    .page-home.page-platform .nav-actions .nav-account-btn {
        display: none;
    }

    .page-home.page-platform .nav-actions .btn-primary {
        padding: 9px 13px;
        font-size: 13px;
        white-space: nowrap;
    }

    .page-home.page-platform .brand-wordmark {
        justify-self: center;
        min-height: 44px;
    }

    .page-home.page-platform .brand-wordmark img,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .brand-wordmark img {
        height: 64px;
        max-width: 134px;
    }

    .page-home .home-seller-grid,
    .page-home .home-intelligence-grid {
        grid-template-columns: 1fr;
    }

    .page-home .home-seller-card {
        grid-template-columns: 1fr;
    }

    .page-home .home-seller-card__top,
    .page-home .home-seller-card h3,
    .page-home .home-seller-card__body {
        grid-column: auto;
        grid-row: auto;
    }

    .page-home .home-seller-card--featured {
        transform: none;
    }

    .page-home .home-proof-panel {
        grid-template-columns: 1fr;
    }

    .page-home .home-operators__card {
        grid-template-columns: 1fr;
    }

    .page-home .home-operators__visual {
        min-height: 0;
    }

    .page-home .home-operators__panel {
        padding: calc(var(--spacing) * 1) 0 0;
    }

}

@media (min-width: 1051px) and (max-width: 1320px) {
    .page-home .home-operators__card {
        grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
        column-gap: clamp(32px, 3.2vw, 48px);
    }

    .page-home .home-operators__panel {
        padding: calc(var(--spacing) * 1) 0;
    }

    .page-home .home-operators__kicker {
        font-size: clamp(26px, 2.5vw, 32px);
    }
}

@media (max-width: 760px) {
    .page-home {
        --home-hero-product-width: 100vw;
        --home-hero-retailer-width: 0;
        --home-hero-retailer-bottom-card: clamp(142px, 52vw, 198px);
        --home-hero-retailer-bottom-height: clamp(188px, 64vw, 252px);
    }

    .page-home .home-hero.home-hero--retailer-palaroid {
        --home-hero-retailer-bottom-card: clamp(160px, 58.2vw, 222px);
        --home-hero-retailer-bottom-height: clamp(212px, 71.4vw, 283px);
    }

    .page-home.page-platform .nav-wrap > .container,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) > .container,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero > .container {
        width: calc(100% - 24px);
        max-width: none;
    }

    .page-home.page-platform .nav,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .nav,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero .nav {
        grid-template-columns: 1fr auto 1fr;
        gap: calc(var(--spacing) * 2);
        min-height: var(--nav-min-height);
    }

    .page-home.page-platform .nav-menu-toggle {
        display: inline-grid;
    }

    .page-home.page-platform .nav-links,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .nav-links,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap.nav-wrap--past-hero .nav-links {
        display: none;
    }

    .page-home.page-platform .nav-actions {
        justify-self: end;
        flex-wrap: nowrap;
        gap: 0;
    }

    .page-home.page-platform .nav-actions .nav-account-btn {
        display: none;
    }

    .page-home.page-platform .nav-actions .btn-primary {
        padding: 9px 13px;
        font-size: 13px;
        white-space: nowrap;
    }

    .page-home.page-platform .brand-wordmark {
        justify-self: center;
        min-height: 44px;
    }

    .page-home.page-platform .brand-wordmark img,
    html[data-website-theme="rosewater_arcade"] .page-home.page-platform .nav-wrap:not(.nav-wrap--past-hero) .brand-wordmark img {
        height: 64px;
        max-width: 134px;
    }

    .page-home .home-intelligence-section::before {
        background-position: center center;
    }

    .page-home .home-hero__stage {
        display: block;
        padding-top: 0;
    }

    .page-home .home-hero.home-hero--retailer-bottom .home-hero__product-image--base,
    .page-home .home-hero.home-hero--retailer-bottom .home-hero__product-image--match {
        width: calc(100% / 0.6);
        max-width: none;
    }

    .page-home .home-hero__title {
        font-size: clamp(32px, 10.2vw, 48px);
        line-height: 0.88;
        letter-spacing: -0.06em;
    }

    .page-home .home-hero__message {
        width: calc(100% - 24px);
    }

    .page-home .home-hero__subtitle {
        font-size: clamp(14px, 4vw, 16px);
    }

    .page-home .home-hero__links {
        flex-direction: column;
        gap: calc(var(--spacing) * 2);
    }

    .page-home .home-hero-product-panel {
        display: none;
    }

    .page-home .home-hero-match {
        max-width: calc(100vw - 28px);
    }

    .page-home .home-proof-panel {
        padding: calc(var(--spacing) * 6);
    }

    .page-home .home-proof-grid {
        grid-template-columns: 1fr;
    }

    .page-home .home-proof-stat {
        min-height: 0;
    }

    .page-home .home-operators__list,
    .page-home .platform-future__aside {
        grid-template-columns: 1fr;
    }

    .page-home #future .platform-future {
        grid-template-columns: 1fr;
    }

    .page-home .platform-future__main,
    .page-home .platform-future__copy,
    .page-home .platform-future__aside {
        grid-column: 1 / -1;
    }

    .page-home .platform-future__aside {
        margin-top: calc(var(--spacing) * 4);
    }

    .page-home .home-seller-card__top {
        align-items: flex-start;
    }

    .page-home .home-operators__panel {
        padding: calc(var(--spacing) * 2) 0 0;
    }

    .page-home .home-operators__list li {
        font-size: var(--font-size-body);
    }

    .page-home .home-operators__image {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: calc(var(--font-size) * 18);
    }

}

@media (orientation: landscape) and (min-width: 761px) {
    .page-home .home-hero.home-hero--retailer-palaroid.home-hero--final-message {
        --home-hero-retailer-bottom-height: clamp(245px, 25vw, 360px);
    }

    .page-home .home-hero.home-hero--retailer-palaroid.home-hero--final-message .home-hero__retailer-column {
        transform: translateY(24%);
    }

    .page-home .home-hero.home-hero--retailer-palaroid.home-hero--final-message.home-hero--retailer-peek .home-hero__retailer-column {
        transform: translateY(90%);
    }

    .page-home .home-hero.home-hero--retailer-palaroid.home-hero--final-message .home-hero__message.is-visible {
        transform: translate(-50%, calc(-50% + 5svh)) scale(1);
        padding: 0 4rem;
    }
}

@media (orientation: portrait) {
    .page-home .home-hero.home-hero--final-message .home-hero__message.is-visible {
        transform: translate(-50%, calc(-50% - 4svh)) scale(1);
    }
}

.hero-actions.platform-hero__actions .btn,
.home-operators-section .cta-actions.home-operators__actions .btn {
    background: var(--color-accent);
    color: var(--color-white);
    border-color: transparent;
    transform: scale(1.1);
    transform-origin: left bottom;
}

.hero-actions.platform-hero__actions .btn {
    background: var(--color-accent);
}