:root {
    color-scheme: light;
    --landing-max: 1160px;
    --landing-nav-h: 72px;
	--landing-display: 'Fraunces', 'Noto Sans SC', serif;
	--landing-body: 'Manrope', 'Noto Sans SC', sans-serif;
	--landing-chrome: 'Space Grotesk', 'Noto Sans SC', sans-serif;
    --landing-paper: #F8F4E8;
    --landing-card: #FFFFFF;
    --landing-ink: #1C1C1A;
    --landing-muted: #6B6860;
    --landing-line: #D8D4C4;
    --landing-yellow: var(--color-yellow);
    --landing-shadow: var(--shadow-card-soft);
    --landing-lift: 0 18px 40px -18px rgba(28, 28, 26, .28);
    --landing-measure: 760px;
    --landing-signup-intro-max: 460px;
    --landing-signup-panel-max: 420px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body.landing-page {
    margin: var(--space-0);
    min-width: 0;
    overflow-x: hidden;
    background: var(--landing-paper);
    color: var(--landing-ink);
    font-family: var(--landing-body); /* was: var(--font-ui) */
}
body.landing-page img { display: block; max-width: 100%; }
body.landing-page a { color: inherit; }
body.landing-page h1,
body.landing-page h2,
body.landing-page h3,
body.landing-page p { margin-top: var(--space-0); }

.landing-nav__links a,
.landing-nav__actions > a:not(.landing-button) { font-family: var(--landing-chrome); }
.landing-lang__trigger { font-family: var(--landing-chrome); }
.landing-lang__menu button { font-family: var(--landing-chrome); }
.landing-button { font-family: var(--landing-chrome); }
.landing-kicker { font-family: var(--landing-chrome); }
.landing-store-name sup { font-family: var(--landing-chrome); }
.landing-merch { font-family: var(--landing-chrome); }
.landing-block__eyebrow { font-family: var(--landing-chrome); }
.landing-offer { font-family: var(--landing-chrome); }
.landing-field__label { font-family: var(--landing-chrome); }
.landing-tags span { font-family: var(--landing-chrome); }
.landing-footer a { font-family: var(--landing-chrome); }

.landing-wrap { width: min(calc(100% - (var(--space-6) * 2)), var(--landing-max)); margin-inline: auto; }
.landing-nav {
    position: fixed;
    z-index: 20;
    inset: var(--space-0) var(--space-0) auto;
    height: var(--landing-nav-h);
    padding-inline: 4.5%;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-5);
    color: var(--color-on-dark);
    transition: opacity .35s ease;
}
.landing-nav.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0s, visibility 0s; }
.landing-brand { display: inline-flex; width: fit-content; text-decoration: none; }
.landing-logo { display: flex; height: calc(var(--space-5) * 1.44); color: currentColor; opacity: 75%; filter: drop-shadow(0 1px 2px var(--color-overlay-dark));}
.landing-nav .landing-logo svg { filter: drop-shadow(0 1px 2px var(--color-overlay-dark)); }
.landing-logo svg { width: auto; height: 100%; }
.landing-nav__links { display: flex; gap: var(--space-7); }
.landing-nav__links a,
.landing-nav__actions > a:not(.landing-button) { text-decoration: none; font-weight: 600; font-size: var(--text-md); }
.landing-nav__actions { justify-self: end; display: flex; align-items: center; gap: var(--space-5); margin-right: var(--space-4); }

.landing-lang { position: relative; }
.landing-lang__trigger {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border: var(--line-thin) solid transparent;
    border-radius: var(--radius-full);
    background: transparent;
    color: inherit;
    font: 600 var(--text-md)/1 var(--font-ui);
    cursor: pointer;
}
.landing-lang__trigger i { font-size: var(--icon-m); }
.landing-lang__menu {
    position: absolute;
    right: var(--space-0);
    top: calc(100% + var(--space-2));
    min-width: 180px;
    padding: var(--space-2);
    display: grid;
    gap: var(--space-1);
    background: var(--landing-card);
    color: var(--landing-ink);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    opacity: 0;
    visibility: hidden;
    transform: translateY(calc(var(--space-1) * -1));
    transition: opacity var(--duration-fast), transform var(--duration-fast), visibility var(--duration-fast);
}
.landing-lang:hover .landing-lang__menu,
.landing-lang:focus-within .landing-lang__menu { opacity: 1; visibility: visible; transform: none; }
.landing-lang__menu button {
    padding: var(--space-2) var(--space-3);
    border: var(--space-0);
    border-radius: var(--radius-sm);
    background: transparent;
    color: inherit;
    font: 600 var(--text-base)/1.3 var(--font-ui);
    text-align: left;
    cursor: pointer;
}
.landing-lang__menu button:hover { background: var(--color-surface-sub); }
.landing-lang__menu button.is-active { color: var(--landing-muted); }

.landing-nav__actions > a:not(.landing-button) {
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--color-overlay-dark) 20%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: var(--shadow-card-soft);
}

.landing-button {
    /* min-height: var(--homebar-h); */
    padding: var(--space-3) var(--space-4);
    border: var(--line-thin) solid transparent;
    border-radius: var(--radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font: 700 var(--text-base)/1 var(--font-ui);
    text-decoration: none;
    cursor: pointer;
    transition: transform var(--duration-fast), box-shadow var(--duration-fast);
}
.landing-button:hover { transform: translateY(var(--lift-card)); box-shadow: var(--shadow-card-soft); }
.landing-button:focus-visible,
.landing-page summary:focus-visible,
.landing-page input:focus-visible { outline: var(--line-strong) dotted transparent; outline-offset: var(--space-1); }
.landing-button--dark { background: var(--landing-ink); color: var(--color-yellow); }
.landing-button--outline { border-color: var(--landing-line); background: transparent; color: var(--landing-ink); }
.landing-button--primary { background: var(--landing-yellow); color: var(--color-header-text); }
body.landing-page .landing-button--dark { color: var(--color-yellow); }
body.landing-page .landing-button--primary { color: var(--color-header-text); }

.landing-stage { position: relative; width: 100%; min-height: min(72vw, 92vh); overflow: hidden; isolation: isolate; }
.landing-stage .landing-stage__image {
    position: absolute;
    z-index: -2;
    inset: -5%;
    width: 110%;
    height: 110%;
    max-width: none;
    object-fit: cover;
    transform: translate3d(0, var(--stage-y, 0%), 0) scale(1.02);
    will-change: transform;
}
.depth-layer { --depth-x: 0%; --depth-y: 0%; will-change: transform; }
.landing-stage--hero { min-height: min(62.55vw, 100vh); }
.landing-store-name {
	position: absolute;
	z-index: 2;
	left: 53%;
	top: 8%;
	width: 34.5%;

	font: 450 clamp(var(--text-xl), 5.6vw, 84px)/.92 var(--landing-display);
	letter-spacing: -.03em;
	text-align: center;

	color: #553726; /* warm walnut */

	transform:
		translate3d(var(--depth-x), var(--depth-y), 0)
		rotate(-.45deg);

	mix-blend-mode: multiply;
	filter: saturate(.88) contrast(.96);
	pointer-events: none;

	text-shadow:
		/* carved recess */
		-1px -1px 1px rgba(38,22,12,.30),
		-.5px -.5px 0 rgba(48,30,18,.45),

		/* bevel highlight */
		1px 1px 0 rgba(255,244,220,.55),
		2px 2px 3px rgba(255,248,232,.18),

		/* wood bleed */
		0 0 1px rgba(70,45,28,.18);
}
.landing-store-name::after {

	content: attr(data-text);
	position: absolute;
	inset: 0;
	color: rgba(32,18,10,.16);
	transform: translate(.4px,.5px);
	filter: blur(.7px);
	mix-blend-mode: multiply;
	pointer-events: none;

}
.landing-store-name sup {
	position: absolute;
	left: var(--space-2);
	top: calc(var(--space-1) * -1);

	color: rgba(31, 24, 17, .82);
	font: 700 .17em/1 var(--font-ui);
	letter-spacing: .12em;
	text-transform: lowercase;
}

.landing-store-name span {
	display: block;
	white-space: nowrap;
}
.landing-hero-title {
    position: absolute;
    z-index: 3;
    left: 6%;
    bottom: 33%;
    width: 43%;
    color: var(--color-on-dark);
    transform: translate3d(var(--depth-x), var(--depth-y), 0) perspective(1000px) rotateY(20deg) rotateZ(-1deg);
    transform-origin: left center;
    text-shadow: 0 var(--space-1) var(--space-3) var(--color-overlay-dark);
}
.landing-hero-title h1 { margin-bottom: var(--space-0); font: 700 clamp(var(--text-3xl), 5.2vw, 78px)/.98 var(--landing-display); }
.landing-hero-sub { margin: var(--space-3) 0 var(--space-0); max-width: 34ch; font-size: var(--text-xl); line-height: 1.5; }

.landing-testimony { padding-block: calc(var(--space-9) * 1.4); }
.landing-testimony-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.landing-quote-card { margin: var(--space-0); padding: var(--space-6); background: var(--landing-card); border: var(--line-thin) solid var(--landing-line); border-radius: var(--radius-2xl); box-shadow: var(--landing-shadow); display: flex; flex-direction: column; gap: var(--space-5); }
.landing-quote-card blockquote { margin: var(--space-0); font: 500 var(--text-lg)/1.5 var(--landing-display); }
.landing-quote-card figcaption { display: grid; gap: var(--space-1); margin-top: auto; }
.landing-quote-card figcaption strong { font: 700 var(--text-base)/1.2 var(--font-ui); }
.landing-quote-card figcaption span { color: var(--landing-muted); font-size: var(--text-sm); }

.landing-kicker { margin-bottom: var(--space-4); color: var(--landing-muted); font-size: var(--text-sm); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.landing-problem { padding-block: calc(var(--space-9) * 1.6); }
.landing-problem__grid {
	display: grid; grid-template-columns: 1fr minmax(220px, 26%) 1fr;
	gap: calc(var(--space-9) * 1.2) var(--space-6); align-items: center; }
.landing-problem__cell { margin: var(--space-0); }
.landing-problem__cell--a { grid-column: 1; grid-row: 1; }
.landing-problem__cell--b { grid-column: 3; grid-row: 1; }
.landing-problem__cell--c { grid-column: 1; grid-row: 2; }
.landing-problem__cell--d { grid-column: 3; grid-row: 2; }
.landing-problem__cell--a,
.landing-section-heading h2,
.landing-local h2,
.landing-signup h2 { font: 700 clamp(var(--text-2xl), 4.5vw, 64px)/1.06 var(--landing-display); }
.landing-problem__cell--a { max-width: 640px; font-size: clamp(var(--text-xl), 3.2vw, 44px); }
.landing-problem__story { max-width: 480px; color: var(--landing-muted); font-size: var(--text-lg); line-height: 1.65; }
.landing-problem__punch { font: 700 clamp(var(--text-lg), 1.9vw, var(--text-2xl))/1.2 var(--landing-display); }
.landing-problem__figure { grid-column: 2; grid-row: 1 / 3; margin: var(--space-0); }
.landing-problem__figure img { width: 100%; height: auto; }

.landing-stage--commerce { min-height: min(62.55vw, 94vh); }
.landing-commerce-copy { position: absolute; z-index: 3; left: 6.5%; top: 47%; width: 58%; color: var(--color-on-dark); }
.landing-commerce-title { margin: var(--space-0); font: 700 clamp(var(--text-2xl), 4vw, 58px)/1.03 var(--landing-display); }
.landing-stage-cta { margin-top: var(--space-5); box-shadow: 0 var(--space-2) var(--space-5) color-mix(in srgb, var(--color-overlay-dark) 30%, transparent); white-space: nowrap; text-shadow: none; }
.landing-merch {
    position: absolute;
    z-index: 4;
    padding: var(--space-1) var(--space-2);
    background: var(--landing-yellow);
    color: var(--color-header-text);
    border-radius: var(--space-1);
    box-shadow: var(--shadow-card);
    font: 700 clamp(var(--text-2xs), .6vw, var(--text-xs))/1 var(--font-ui);
    text-transform: uppercase;
}
.landing-merch--products { left: 58%; top: 34%; transform: rotate(-4deg); }
.landing-merch--downloads { left: 56%; top: 46%; transform: rotate(2deg); }
.landing-merch--tickets { left: 67%; top: 51%; transform: rotate(7deg); }

.landing-friendly { padding-block: calc(var(--space-9) * 1.5); display: grid; grid-template-columns: .8fr 1.2fr; gap: calc(var(--space-9) * 1.25); align-items: start; }
.landing-section-heading > p:not(.landing-kicker) { max-width: var(--block-max); color: var(--landing-muted); font-size: var(--text-xl); line-height: 1.6; }

/* ── Commerce feature atlas ─────────────────────────── */
.landing-commerce-features {
    grid-column: 1 / -1;
    display: grid;
    gap: var(--space-7);
}
.landing-beat-bridge {
    grid-column: 1 / -1;
    margin: calc(var(--space-9) * 1.2) auto;
    max-width: 40ch;
    text-align: center;
    font: 700 clamp(var(--text-lg), 2vw, 26px)/1.3 var(--landing-display);
    color: var(--landing-muted);
}
.landing-commerce-atlas {
    padding: var(--space-7);
    overflow: hidden;
    background: var(--landing-card);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-2xl);
    box-shadow: var(--landing-shadow);
}
.landing-commerce-atlas__eyebrow { margin-bottom: var(--space-6); }
.landing-commerce-atlas__eyebrow h2 {
    font: 700 clamp(var(--text-2xl), 3.5vw, 48px)/1.08 var(--landing-display);
    letter-spacing: -.03em;
}
.landing-commerce-atlas__subhead {
    margin-top: var(--space-3);
    max-width: var(--landing-measure);
    color: var(--landing-muted);
    font-size: var(--text-lg);
    line-height: 1.5;
}
.landing-commerce-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    white-space: nowrap;
    border-bottom: var(--line-thin) solid var(--landing-line);
}
.landing-commerce-tab {
    min-height: var(--homebar-h);
    padding: var(--space-3) var(--space-2);
    border: var(--space-0);
    border-bottom: calc(var(--line-thin) * 3) solid transparent;
    margin-bottom: calc(var(--line-thin) * -1);
    background: transparent;
    color: var(--landing-muted);
    font: 700 var(--text-md)/1.2 var(--landing-chrome);
    cursor: pointer;
}
.landing-commerce-tab:hover,
.landing-commerce-tab.is-active { color: var(--landing-ink); }
.landing-commerce-tab.is-active { border-bottom-color: var(--landing-ink); }
.landing-commerce-tab:focus-visible {
    position: relative;
    z-index: 1;
    outline: calc(var(--line-thin) * 2) solid var(--landing-ink);
    outline-offset: calc(var(--line-thin) * -2);
    border-radius: var(--radius-sm) var(--radius-sm) var(--space-0) var(--space-0);
}
.landing-commerce-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: var(--space-7);
    align-items: center;
    padding-top: var(--space-6);
}
.landing-commerce-panel[hidden] { display: none; }
.landing-commerce-panel.is-active { animation: landing-atlas-enter .38s ease both; }
@keyframes landing-atlas-enter {
    from { opacity: 0; translate: 0 var(--space-3); }
    to { opacity: 1; translate: 0 var(--space-0); }
}
.landing-commerce-panel__visual {
    position: relative;
    min-height: min(49vw, 610px);
    margin: var(--space-0);
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--landing-ink);
    border-radius: var(--radius-xl);
}
.landing-commerce-panel__visual::before {
    content: '';
    position: absolute;
    inset: var(--space-0);
    background: radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--landing-yellow) 28%, transparent), transparent 52%);
}
.landing-commerce-panel__visual img {
    position: relative;
    z-index: 1;
    width: 82%;
    max-height: 560px;
    object-fit: contain;
    border-radius: var(--radius-lg);
    box-shadow: var(--landing-lift);
}
.landing-commerce-panel__visual--store img { width: 66%; align-self: end; border-radius: var(--radius-lg) var(--radius-lg) var(--space-0) var(--space-0); }
.landing-commerce-panel__visual--events { background: var(--landing-yellow); }
.landing-commerce-panel__visual--events::before { display: none; }
.landing-commerce-panel__visual--events img { width: 76%; rotate: -2deg; }
.landing-commerce-panel__visual--payments img { width: 54%; align-self: end; border-radius: var(--radius-xl) var(--radius-xl) var(--space-0) var(--space-0); }
.landing-commerce-panel__visual--case img { width: 88%; }
.landing-commerce-panel__story h3 {
    margin-bottom: var(--space-3);
    font: 700 clamp(var(--text-2xl), 3.4vw, var(--text-4xl))/1 var(--landing-display);
}
.landing-commerce-panel__story > p {
    margin-bottom: var(--space-5);
    color: var(--landing-muted);
    font-size: var(--text-lg);
    line-height: 1.55;
}
.landing-commerce-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
}
.landing-commerce-matrix article {
    min-height: 164px;
    padding: var(--space-4);
    background: var(--landing-card);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-lg);
}
.landing-commerce-matrix i {
    width: var(--homebar-h);
    height: var(--homebar-h);
    margin-bottom: var(--space-4);
    display: grid;
    place-items: center;
    background: var(--landing-yellow);
    color: var(--color-header-text);
    border-radius: var(--radius-full);
    font-size: var(--icon-s);
}
.landing-commerce-matrix strong,
.landing-commerce-matrix span { display: block; }
.landing-commerce-matrix strong { font: 700 var(--text-md)/1.25 var(--landing-chrome); }
.landing-commerce-matrix span { margin-top: var(--space-2); color: var(--landing-muted); font-size: var(--text-sm); line-height: 1.45; }
.landing-commerce-features__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-5);
}
.landing-commerce-features__cta p { margin-bottom: var(--space-0); color: var(--landing-muted); font: 600 var(--text-lg)/1.4 var(--landing-display); }
.landing-commerce-features__cta .landing-button { flex: 0 0 auto; }

.landing-block-feed { display: flex; align-items: flex-start; gap: var(--space-4); }
.landing-block-col  { display: flex; flex-direction: column; gap: var(--space-5); flex: 1; min-width: 0; margin-right: var(--space-1-5)}
.landing-block {
    display: grid;
    grid-template-columns: var(--homebar-h) 1fr auto;
    align-items: center;
    gap: var(--space-4);
    min-height: 96px;
    padding: var(--space-4);
    background: var(--landing-card);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-xl);
    box-shadow: var(--landing-lift);
}
/* Two columns: garage + download left, jobs + gala right, gently tilted. */
.landing-block--goods { grid-template-columns: 1fr; gap: var(--space-0); padding: var(--space-0); overflow: hidden; transform: rotate(-1.5deg); }
.landing-block--link,
.landing-block--download { min-height: 0; padding: var(--space-3) var(--space-3); width: 100%; max-width: 360px; }
.landing-block--poster {
    grid-template-columns: 1fr;
    position: relative;
    aspect-ratio: 3 / 4;
    padding: var(--space-0);
    overflow: hidden;
    border-radius: var(--radius-2xl);
    transform: rotate(1deg);
}
.landing-block__card-img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }
.landing-block__card-meta { display: grid; grid-template-columns: var(--homebar-h) 1fr; gap: var(--space-4); align-items: center; padding: var(--space-4); }
.landing-block__card-meta .landing-block__content p { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.landing-block__poster-img { position: absolute; inset: var(--space-0); width: 100%; height: 100%; object-fit: cover; }
.landing-block__poster-overlay {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--space-2);
    background: linear-gradient(to top, var(--color-overlay-dark), transparent 55%);
    color: var(--color-on-dark);
}
.landing-block__poster-overlay p { margin-bottom: var(--space-0); font: 700 clamp(var(--text-md), 1.4vw, var(--text-xl))/1.2 var(--landing-display); }
.landing-block__poster-overlay > span:last-child { color: var(--color-on-dark); opacity: .75; font-size: var(--text-base); }
.landing-block__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.landing-block__icon { width: var(--homebar-h); height: var(--homebar-h); border-radius: var(--radius-md); display: grid; place-items: center; background: var(--landing-yellow); color: var(--color-header-text); font-size: var(--icon-m); }
.landing-block__content { min-width: 0; }
.landing-block__content p { margin-bottom: var(--space-1); font: 600 var(--text-md)/1.3 var(--font-ui); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.landing-block__content span { display: block; color: var(--landing-muted); font-size: var(--text-sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.landing-block__tail { color: var(--landing-muted); font-size: var(--icon-s); }

.landing-stage--import { min-height: min(64vw, 90vh); }
.landing-import-copy {
    position: absolute;
    z-index: 3;
    left: 6%;
    top: 30%;
    width: min(38%, 470px);
    color: var(--color-on-dark);
    transform: translate3d(var(--depth-x), var(--depth-y), 0);
    text-shadow: 0 var(--space-1) var(--space-2) var(--color-overlay-dark), 0 var(--space-2) var(--space-5) var(--color-overlay-dark);
}
.landing-import-copy .landing-kicker { color: var(--color-on-dark); }
.landing-import-copy h2 { margin-bottom: var(--space-4); font: 700 clamp(var(--text-2xl), 4vw, 58px)/1.03 var(--landing-display); }
.landing-import-copy > p:last-child { max-width: 420px; font-size: var(--text-xl); line-height: 1.6; }
.landing-postman {
    position: absolute;
    z-index: 4;
    right: 16%;
    bottom: 6%;
    width: 30%;
    transform: translate3d(var(--depth-x), var(--depth-y), 0);
}
.landing-postman > img { width: 100%; height: auto; }

.landing-stage--privacy { min-height: min(62.55vw, 88vh); }
.landing-privacy-copy {
    position: absolute;
    z-index: 3;
    right: 6%;
    top: 48%;
    width: min(42%, 520px);
    color: var(--color-on-dark);
    transform: translate3d(var(--depth-x), var(--depth-y), 0) translateY(-50%);
}
.landing-privacy-copy h2 { margin-bottom: var(--space-4); font: 700 clamp(var(--text-2xl), 3.7vw, 56px)/1.05 var(--landing-display); -webkit-text-stroke: var(--line-thin) var(--landing-ink); paint-order: stroke fill; text-shadow: 0 var(--space-1) var(--space-2) var(--color-overlay-dark); }
.landing-privacy-copy p { font-size: var(--text-xl); line-height: 1.6; text-shadow: 0 var(--space-1) var(--space-2) var(--color-overlay-dark), 0 var(--space-2) var(--space-4) var(--color-overlay-dark); }

.landing-local { padding-block: calc(var(--space-9) * 1.4); text-align: center; }
.landing-local .landing-section-heading--center { margin-bottom: var(--space-0); }
.landing-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-2); margin-top: var(--space-6); }
.landing-tags span { padding: var(--space-2) var(--space-4); border: var(--line-thin) solid var(--landing-line); border-radius: var(--radius-full); background: var(--landing-card); font-size: var(--text-base); }

.landing-pricing { padding-block: calc(var(--space-9) * 1.6); }
.landing-section-heading--center { text-align: center; margin-inline: auto; margin-bottom: var(--space-9); }
.landing-section-heading--center > p:not(.landing-kicker) { margin-inline: auto; }
.landing-price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.landing-price {
    position: relative;
    padding: var(--space-7);
    background: var(--landing-card);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-2xl);
    box-shadow: var(--landing-shadow);
}
.landing-price--vip { grid-column: 1 / -1; }
.landing-price--vip { display: grid; grid-template-columns: 1.1fr 1fr 1.2fr auto; gap: var(--space-7); align-items: center; background: var(--landing-ink); color: var(--color-yellow); }
.landing-price--vip .landing-price__name,
.landing-price--vip h3 { color: var(--color-yellow); }
.landing-price__name { margin-bottom: var(--space-2); font: 700 var(--text-xl)/1 var(--landing-display); }
.landing-price h3 { margin-bottom: var(--space-3); font: 700 clamp(var(--text-xl), 3vw, var(--text-3xl))/1.05 var(--landing-display); }
.landing-price:not(.landing-price--vip) h3,
.landing-price__vip-amount strong { font-family: var(--font-mono); letter-spacing: -.02em; }
.landing-price h3 small { font: 500 var(--text-sm)/1.2 var(--font-ui); }
.landing-price > p:not(.landing-price__name):not(.landing-price__was) { color: var(--landing-muted); line-height: 1.5; }
.landing-price ul { margin: var(--space-5) var(--space-0); padding: var(--space-0); list-style: none; display: grid; gap: var(--space-2); color: var(--landing-muted); font-size: var(--text-base); }
.landing-price li::before { content: '— '; }
.landing-price--vip ul { color: var(--color-on-dark); opacity: .85; }
.landing-price__was { margin-bottom: var(--space-2); color: var(--landing-muted); font-size: var(--text-base); }
.landing-offer { position: absolute; right: var(--space-5); top: var(--space-5); padding: var(--space-1) var(--space-3); background: var(--landing-yellow); color: var(--color-header-text); border-radius: var(--radius-full); font-size: var(--text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.landing-price__vip-amount { display: grid; gap: var(--space-3); }
.landing-price__vip-amount p { margin: var(--space-0); }
.landing-price__vip-amount s { display: block; color: var(--color-ink-muted); font-size: var(--text-sm); }
.landing-price__vip-amount strong { display: block; color: var(--color-yellow); font: 700 var(--text-xl)/1.2 var(--landing-display); }

.landing-faq {
	max-width: var(--landing-wrap);
	padding-block: calc(var(--space-9) * 1.3);
}

.landing-faq .landing-section-heading {
	max-width: 860px;
	margin-bottom: var(--space-8);
}

.landing-faq-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 var(--space-8);
	align-items: start;
}

.landing-faq details {
	position: relative;
	min-width: 0;
	padding-block: var(--space-5);
	border-top: var(--line-thin) solid var(--landing-line);
}

.landing-faq details:nth-child(-n + 2) {
	border-top: 0;
}

.landing-faq summary {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: start;
	gap: var(--space-4);
	cursor: pointer;
	color: var(--landing-ink);
	font-family: var(--font-ui);
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: 1.35;
	list-style: none;
}

.landing-faq summary::-webkit-details-marker {
	display: none;
}

.landing-faq summary::after {
	content: "+";
	display: grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	margin-top: -0.15rem;
	border: var(--line-thin) solid var(--landing-line);
	border-radius: var(--radius-md);
	color: var(--landing-muted);
	font-family: var(--font-ui);
	font-size: var(--text-lg);
	font-weight: 500;
	line-height: 1;
	transition:
		transform 180ms ease,
		color 180ms ease,
		border-color 180ms ease;
}

.landing-faq details[open] summary::after {
	content: "−";
	color: var(--landing-ink);
	border-color: var(--landing-ink);
}

.landing-faq summary:hover::after {
	color: var(--landing-ink);
	border-color: var(--landing-ink);
}

.landing-faq details p {
	max-width: 34rem;
	margin: var(--space-3) 3.5rem 0 0;
	padding: 0;
	color: var(--landing-muted);
	font-size: var(--text-base);
	line-height: 1.65;
}

.landing-faq-subheading {
	margin-top: calc(var(--space-9) * 1.2);
}

.landing-faq-subheading h3 {
	max-width: 760px;
	font-family: var(--landing-display);
	font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl));
	line-height: 1.05;
}

.landing-faq-cta { margin-top: var(--space-9); text-align: center; }
.landing-faq-cta p { margin-bottom: var(--space-5); font: 700 clamp(var(--text-xl), 3vw, var(--text-3xl))/1.1 var(--landing-display); }
@media (min-width: 1701x) {
	.landing-store-name { top: 4.6%; }
}
@media (max-width: 767px) {
	.landing-faq-grid {
		grid-template-columns: 1fr;
	}

	.landing-faq details:nth-child(2) {
		border-top: var(--line-thin) solid var(--landing-line);
	}

	.landing-faq details p {
		margin-right: 0;
	}
}
.landing-signup { margin-block: var(--space-9); padding: calc(var(--space-9) * 1.2); border-radius: var(--radius-2xl); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-9); background: var(--landing-card); box-shadow: var(--landing-shadow); }
.landing-signup--waitlist {
    margin-block: var(--space-7);
    padding-block: var(--space-7);
    grid-template-columns: minmax(0, var(--landing-signup-intro-max)) minmax(300px, var(--landing-signup-panel-max));
    justify-content: center;
    row-gap: var(--space-7);
    column-gap: var(--space-5);
}
.landing-signup--waitlist .landing-signup__intro { max-width: var(--landing-signup-intro-max); }
.landing-signup--waitlist .landing-signup__intro,
.landing-signup--waitlist .landing-signup__panel { display: flex; flex-direction: column; justify-content: space-between; }
.landing-signup--waitlist .landing-signup__intro--waitlist h2 { margin-top: auto; }
.landing-signup--waitlist .landing-kicker { margin-bottom: var(--space-3); }
.landing-signup__intro > p:not(.landing-kicker) { color: var(--landing-muted); font-size: var(--text-xl); line-height: 1.6; }
.landing-signup__panel { max-width: var(--block-max); width: 100%; justify-self: end; }
.landing-signup--waitlist .landing-signup__panel { max-width: var(--landing-signup-panel-max); justify-self: center; }
.landing-signup-form { display: grid; gap: var(--space-4); }
.landing-form-privacy { max-width: 42ch; margin: var(--space-0); color: var(--landing-muted); font-size: var(--text-sm); line-height: 1.5; }
.landing-form-privacy a { font-weight: 700; }
.landing-field { display: grid; gap: var(--space-2); }
.landing-field__label { font-size: var(--text-sm); font-weight: 700; }
.landing-field input { width: 100%; min-height: var(--homebar-h); padding: var(--space-3) var(--space-4); border: var(--line-thin) solid var(--landing-line); border-radius: var(--radius-md); background: var(--color-surface-sub); color: var(--landing-ink); font: 500 var(--text-input)/1 var(--font-ui); }
.landing-handle-input,
.landing-contact-input { display: flex; align-items: center; min-height: var(--homebar-h); border: var(--line-thin) solid var(--landing-line); border-radius: var(--radius-md); background: var(--color-surface-sub); overflow: hidden; }
.landing-handle-input__prefix { padding-left: var(--space-4); color: var(--landing-muted); font-size: var(--text-input); }
.landing-handle-input input,
.landing-contact-input input { border: var(--space-0); background: transparent; }
.landing-contact-input i { padding-left: var(--space-4); font-size: var(--icon-s); color: var(--landing-muted); }
.landing-field-feedback { min-height: var(--text-sm); color: var(--landing-muted); font-size: var(--text-sm); }
.landing-field-feedback.is-ok { color: var(--color-live); }
.landing-field-feedback.is-error { color: var(--color-danger-text); }
.landing-form-message { margin-bottom: var(--space-4); padding: var(--space-3); border-radius: var(--radius-md); font-size: var(--text-sm); }
.landing-form-message--error { background: var(--color-danger-bg); color: var(--color-danger-text); }
.landing-form-message--ok { background: var(--color-success-bg); color: var(--color-success-text); }
.landing-form-reassure { margin: var(--space-1) var(--space-0) var(--space-0); color: var(--landing-muted); font-size: var(--text-sm); }
.landing-form-terms,
.landing-form-signin { margin-block: var(--space-4) var(--space-0); color: var(--landing-muted); font-size: var(--text-sm); line-height: 1.5; }
.landing-form-signin a,
.landing-form-terms a,
.landing-signup__support a { font-weight: 700; }
.landing-signup__support { margin: var(--space-3) var(--space-0) var(--space-0); color: var(--landing-muted); font-size: var(--text-sm); line-height: 1.5; }
.landing-visually-hidden { position: absolute; width: 1px; height: 1px; padding: var(--space-0); margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: var(--space-0); }

.landing-footer { min-height: 140px; padding-block: var(--space-7); border-top: var(--line-thin) solid var(--landing-line); display: flex; align-items: center; justify-content: space-between; }
.landing-footer > div { display: flex; gap: var(--space-5); }
.landing-footer a { text-decoration: none; font-size: var(--text-sm); }
.landing-footer .landing-logo { color: var(--landing-ink); }

.landing-reveal { opacity: 0; transform: translateY(var(--space-5)); transition: opacity .6s ease, transform .6s ease; }
.landing-reveal.is-visible { opacity: 1; transform: none; }

/* Motion pass: entrances use the independent translate/rotate/scale properties
   so they compose with the var-driven parallax transforms above. Stage copy
   (hero title + [data-enter]) is scroll-driven in landing.js: horizontal drift
   via --drift-x, and fade-out past 50% of the stage height via --copy-opacity. */
.landing-hero-title,
[data-enter] { translate: var(--drift-x, 0rem) 0; opacity: var(--copy-opacity, 1); }
.landing-store-name { opacity: 0; }
.landing-store-name.is-in { animation: landing-fade-in .9s ease .5s both; }
@keyframes landing-fade-in { from { opacity: 0; } to { opacity: 1; } }

.landing-problem__cell { opacity: 0; translate: var(--enter-x, 0) 0; transition: translate .8s ease, opacity .8s ease; transform: translateX(calc(var(--gather-x, 0) * var(--problem-gather, 0) * 6%)); }
.landing-problem__cell--a,
.landing-problem__cell--c { --enter-x: -3rem; --gather-x: 1; }
.landing-problem__cell--b,
.landing-problem__cell--d { --enter-x: 3rem; --gather-x: -1; }
.landing-problem__cell--c,
.landing-problem__cell--d { transition-delay: .08s; }
.landing-problem.is-in .landing-problem__cell { opacity: 1; translate: 0 0; }
.landing-problem__figure { rotate: -7deg; translate: 0 7%; scale: .93; transition: rotate .9s ease .1s, translate .9s ease .1s, scale .9s ease .1s; }
.landing-problem.is-in .landing-problem__figure { rotate: 0deg; translate: 0 0; scale: 1; }
.landing-problem__figure img { opacity: calc(1 - (var(--problem-fade, 0) * .9)); }

.landing-block { opacity: 0; translate: 0 2.5rem; rotate: var(--scatter, -5deg); scale: var(--block-zoom, 1); transition: translate .7s ease, rotate .7s ease, opacity .7s ease; }
.landing-block-col:nth-child(2) .landing-block { --scatter: 6deg; }
.landing-block-col:nth-child(2) .landing-block:nth-child(1) { transition-delay: .08s; }
.landing-block-col:nth-child(2) .landing-block:nth-child(2) { transition-delay: .16s; }
.landing-block-col:nth-child(1) .landing-block:nth-child(2) { transition-delay: .24s; }
.landing-block.is-in { opacity: 1; translate: 0 0; rotate: 0deg; }

.landing-signup { opacity: 0; translate: 0 3rem; transition: translate .8s ease, opacity .8s ease; }
.landing-signup.is-in { opacity: 1; translate: 0 0; }

@media (max-width: 860px) {
    .landing-wrap { width: min(calc(100% - (var(--space-5) * 2)), var(--landing-max)); }
    .landing-nav { grid-template-columns: 1fr auto; padding-inline: var(--space-5); }
    .landing-nav__links { display: none; }
    .landing-stage--hero,
    .landing-stage--commerce,
    .landing-stage--privacy { min-height: 76vh; }
    .landing-store-name { left: 44%; top: 10%; width: 70%; font-size: clamp(var(--text-xl), 8vw, 42px); }
    .landing-hero-title { left: 5%; bottom: 20%; width: 82%; transform: translate3d(var(--depth-x), var(--depth-y), 0); }
    .landing-hero-title h1 { font-size: clamp(var(--text-2xl), 11vw, 56px); }
    .landing-problem__grid { grid-template-columns: 1fr; gap: var(--space-5); }
    .landing-problem__cell--a,
    .landing-problem__cell--b,
    .landing-problem__cell--c,
    .landing-problem__cell--d,
    .landing-problem__figure { grid-column: 1; grid-row: auto; }
    .landing-problem__figure { order: 2; width: 72%; margin-inline: auto; }
    .landing-problem__cell--a { order: 1; }
    .landing-problem__cell--b { order: 3; }
    .landing-problem__cell--c { order: 4; }
    .landing-problem__cell--d { order: 5; }
    .landing-friendly,
    .landing-signup { grid-template-columns: 1fr; }
    .landing-friendly { gap: var(--space-7); }
    .landing-commerce-features { margin-top: var(--space-4); }
    .landing-beat-bridge { margin: var(--space-7) auto; }
    .landing-commerce-panel { grid-template-columns: 1fr; }
    .landing-commerce-panel__visual { min-height: min(82vw, 580px); }
    .landing-commerce-panel__visual--store img { width: 56%; }
    .landing-commerce-panel__visual--payments img { width: 42%; }
    .landing-block-feed { flex-direction: column; }
	.landing-block-col { margin-right: var(--space-0); }
	.landing-block--goods,
	.landing-block--link,
	.landing-block--download { width: 100%; max-width: none; margin-inline: var(--space-0); margin-top: var(--space-0); }
	.landing-block--poster { width: 78%; margin-inline: auto; margin-top: var(--space-0); }
	.landing-commerce-copy { left: 5%; top: auto; bottom: 5%; width: 70%; }
	.landing-commerce-title { font-size: clamp(var(--text-xl), 7vw, var(--text-2xl)); }
	.landing-store-name { top: 9%;}
	.landing-store-name sup { left: 20% }
    .landing-merch { font-size: var(--text-2xs); }
    .landing-stage--import { min-height: 72vh; }
    .landing-import-copy { left: 5%; top: 14%; width: 68%; }
    .landing-postman { right: 3%; bottom: 2%; width: 48%; }
    .landing-privacy-copy { left: 5%; right: auto; top: auto; bottom: 7%; width: 70%; transform: translate3d(var(--depth-x), var(--depth-y), 0); }
    .landing-price-grid { grid-template-columns: 1fr; }
    .landing-testimony-grid { grid-template-columns: 1fr; }
    .landing-price--vip { display: block; }
    .landing-price--vip > * { margin-bottom: var(--space-5); }
    .landing-signup__panel { justify-self: stretch; max-width: none; }
}

@media (max-width: 560px) {
    .landing-nav__actions { gap: var(--space-3); }
    .landing-nav__actions > a:not(.landing-button) { white-space: nowrap; }
    .landing-lang__trigger i { display: none; }
    .landing-stage--hero { min-height: 68vh; }
    .landing-stage--hero .landing-stage__image { object-position: 58% center; }
    .landing-stage--commerce .landing-stage__image { object-position: 60% center; }
    .landing-stage--import .landing-stage__image { object-position: 48% center; }
    .landing-stage--privacy .landing-stage__image { object-position: 46% center; }
	.landing-commerce-atlas { padding: var(--space-3); }
	.landing-commerce-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
	.landing-commerce-tabs::-webkit-scrollbar { display: none; }
	.landing-commerce-tab { flex: 0 0 auto; min-width: 148px; white-space: nowrap; }
	.landing-commerce-panel { gap: var(--space-5); padding-top: var(--space-4); }
	.landing-commerce-panel__visual { min-height: 104vw; }
	.landing-commerce-panel__visual--store img { width: 72%; }
	.landing-commerce-panel__visual--events img { width: 82%; }
	.landing-commerce-panel__visual--payments img { width: 58%; }
	.landing-commerce-panel__visual--case img { width: 96%; }
	.landing-commerce-matrix { grid-template-columns: 1fr 1fr; gap: var(--space-2); }
	.landing-commerce-matrix article { min-height: 154px; padding: var(--space-3); }
	.landing-commerce-matrix i { margin-bottom: var(--space-3); }
	.landing-commerce-features__cta { align-items: flex-start; flex-direction: column; }
	.landing-store-name { left: /* recalibrate */; top: /* recalibrate */; width: /* recalibrate */; }
    .landing-problem,
    .landing-friendly,
    .landing-local,
    .landing-pricing,
    .landing-faq { padding-block: var(--space-9); }
    .landing-problem__cell--a { margin-bottom: var(--space-5); }
    .landing-commerce-title { width: 82%; }
    .landing-merch--products { left: 57%; top: 37%; }
    .landing-merch--downloads { left: 54%; top: 48%; }
    .landing-merch--tickets { left: 68%; top: 53%; }
    .landing-import-copy { top: 12%; width: 74%; }
    .landing-import-copy h2 { font-size: var(--text-2xl); }
    .landing-import-copy > p:last-child { font-size: var(--text-md); }
    .landing-postman { width: 72%; right: -10px; }
    .landing-price-grid { grid-template-columns: 1fr; }
    .landing-price--vip { grid-column: auto; }
    .landing-price { padding: var(--space-6); }
    .landing-signup { width: calc(100% - (var(--space-5) * 2)); margin-inline: auto; padding: var(--space-6); }
    .landing-footer { flex-direction: column; justify-content: center; gap: var(--space-5); }
}
@media (min-aspect-ratio: 8/5) {
  .landing-store-name { left: /* recalibrate */; top: /* recalibrate */; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .landing-stage__image,
    .depth-layer,
    .landing-nav,
    .landing-problem__cell,
    .landing-reveal { transform: none !important; transition: none !important; }
    .landing-reveal { opacity: 1; }
    [data-enter],
    .landing-hero-title,
    .landing-store-name,
    .landing-problem__cell,
    .landing-problem__figure,
    .landing-block,
    .landing-signup { opacity: 1 !important; translate: none !important; rotate: none !important; scale: none !important; transition: none !important; animation: none !important; }
    .landing-problem__figure img { opacity: 1 !important; }
    .landing-commerce-panel.is-active { animation: none; }
}

/* ── Legal pages (privacy, terms) ────────────────────── */
body.legal-page .landing-nav {
    color: var(--landing-ink);
    background: color-mix(in srgb, var(--landing-paper) 88%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: var(--line-thin) solid var(--landing-line);
}
body.legal-page .landing-logo,
body.legal-page .landing-nav .landing-logo svg { opacity: 1; filter: none; }
body.legal-page .landing-nav__actions > a:not(.landing-button) {
    color: var(--landing-ink);
    background: color-mix(in srgb, var(--color-overlay-dark) 8%, transparent);
}

.legal-main { padding-top: var(--landing-nav-h); }
.legal-article {
    width: min(calc(100% - (var(--space-6) * 2)), var(--landing-measure));
    margin-inline: auto;
    padding-block: var(--space-8) var(--space-9);
}
.legal-kicker {
    margin-bottom: var(--space-3);
    font: 700 var(--text-xs)/1 var(--landing-chrome);
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--landing-muted);
}
.legal-hero h1 {
    margin: 0 0 var(--space-4);
    font: 700 var(--text-3xl)/1.08 var(--landing-display);
}
.legal-meta {
    margin-bottom: var(--space-6);
    font: 600 var(--text-sm)/1.4 var(--landing-chrome);
    color: var(--landing-muted);
}
.legal-intro p { margin-bottom: var(--space-3); font-size: var(--text-lg); line-height: 1.6; }
.legal-principle {
    margin: var(--space-6) 0;
    padding: var(--space-5) var(--space-6);
    background: color-mix(in srgb, var(--color-yellow) 35%, var(--landing-card));
    color: var(--color-header-text);
    border-radius: var(--radius-lg);
    font: 600 var(--text-lg)/1.45 var(--landing-display);
}
.legal-toc {
    margin: var(--space-7) 0 0;
    padding: var(--space-5) var(--space-6);
    background: var(--landing-card);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-lg);
}
.legal-toc ul { columns: 2; column-gap: var(--space-7); margin: 0; padding-left: var(--space-5); }
.legal-toc li { margin-bottom: var(--space-1-5); break-inside: avoid; }
.legal-toc a {
    color: var(--landing-ink);
    text-decoration: none;
    font: 600 var(--text-sm)/1.5 var(--landing-chrome);
}
.legal-toc a:hover { text-decoration: underline; }
.legal-section { margin-top: var(--space-8); scroll-margin-top: calc(var(--landing-nav-h) + var(--space-4)); }
.legal-section h2 {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin: 0 0 var(--space-4);
    font: 700 var(--text-2xl)/1.15 var(--landing-display);
}
.legal-section h2 .ti {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--space-8);
    height: var(--space-8);
    font-size: var(--icon-l);
    color: var(--color-header-text);
    background: color-mix(in srgb, var(--color-yellow) 70%, transparent);
    border-radius: var(--radius-full);
}
.legal-section h3 { margin: var(--space-5) 0 var(--space-2); font: 700 var(--text-lg)/1.3 var(--landing-display); }
.legal-section p { margin-bottom: var(--space-3); line-height: 1.65; }
.legal-section ul { margin: 0 0 var(--space-3); padding-left: var(--space-5); line-height: 1.65; }
.legal-section li { margin-bottom: var(--space-1); }
.legal-section address { font-style: normal; margin-top: var(--space-4); }
.legal-contact__cta { display: inline-flex; text-decoration: none; }
.legal-closing {
    margin-top: var(--space-8);
    padding-top: var(--space-6);
    border-top: var(--line-thin) solid var(--landing-line);
    font: 500 var(--text-xl)/1.45 var(--landing-display);
}
@media (max-width: 560px) {
    .legal-article { padding-block: var(--space-6) var(--space-8); }
    .legal-hero h1 { font-size: var(--text-2xl); }
    .legal-toc ul { columns: 1; }
    .legal-section h2 { font-size: var(--text-xl); }
    .legal-principle { padding: var(--space-4) var(--space-5); }
}

/* ── Proof plate (real product screenshots) ───────────── */
.landing-proof { grid-column: 1 / -1; margin-top: var(--space-9); }
.landing-proof__caption {
    max-width: var(--landing-measure);
    margin: 0 auto var(--space-7);
    text-align: center;
}
.landing-proof__caption h3 {
    margin: var(--space-2) 0 var(--space-3);
    font: 700 var(--text-2xl)/1.15 var(--landing-display);
}
.landing-proof__caption p:last-child { color: var(--landing-muted); line-height: 1.6; }
.landing-proof__stage {
    position: relative;
    width: min(100%, 1080px);
    margin: 0 auto var(--space-9);
}
.landing-proof figure { margin: var(--space-0); }
.landing-proof__browser {
    width: 76%;
    margin-left: 4%;
    background: var(--landing-card);
    border: var(--line-thin) solid var(--landing-line);
    border-radius: var(--radius-lg);
    box-shadow: var(--landing-lift);
    overflow: hidden;
}
.landing-proof__chrome {
    display: flex;
    align-items: center;
    gap: var(--space-1-5);
    padding: var(--space-2) var(--space-3);
    border-bottom: var(--line-thin) solid var(--landing-line);
}
.landing-proof__chrome i {
    width: var(--space-2);
    height: var(--space-2);
    border-radius: var(--radius-full);
    background: var(--landing-line);
}
.landing-proof__chrome em {
    margin-left: var(--space-2);
    padding: var(--space-0-5) var(--space-3);
    flex: 1;
    max-width: 260px;
    background: var(--landing-paper);
    border-radius: var(--radius-full);
    font: 600 var(--text-2xs)/1.6 var(--landing-chrome);
    font-style: normal;
    color: var(--landing-muted);
}
.landing-proof__browser img { width: 100%; height: auto; }
.landing-proof__phone {
    position: absolute;
    right: 2%;
    bottom: calc(var(--space-8) * -1);
    width: 23%;
    background: var(--landing-ink);
    border-radius: var(--radius-2xl);
    padding: var(--space-2);
    box-shadow: var(--landing-lift);
}
.landing-proof__phone img { width: 100%; height: auto; border-radius: var(--radius-xl); }
.landing-proof__notch {
    display: block;
    width: 34%;
    height: var(--space-1-5);
    margin: 0 auto var(--space-1-5);
    background: var(--landing-paper);
    opacity: .25;
    border-radius: var(--radius-full);
}
.landing-proof__tablet {
    position: absolute;
    left: 0;
    bottom: calc(var(--space-9) * -1);
    width: 32%;
    background: var(--landing-ink);
    border-radius: var(--radius-xl);
    padding: var(--space-2-5);
    box-shadow: var(--landing-lift);
}
.landing-proof__tablet img { width: 100%; height: auto; border-radius: var(--radius-sm); }
.landing-proof__homebar {
    display: block;
    width: 22%;
    height: var(--space-1);
    margin: var(--space-1-5) auto 0;
    background: var(--landing-paper);
    opacity: .25;
    border-radius: var(--radius-full);
}
@media (max-width: 800px) {
    .landing-proof__stage { display: grid; gap: var(--space-6); margin-bottom: var(--space-0); }
    .landing-proof__browser,
    .landing-proof__phone,
    .landing-proof__tablet { position: static; margin: 0 auto; }
    .landing-proof__phone { order: -1; width: 62%; }
    .landing-proof__browser { width: 100%; }
    .landing-proof__tablet { width: 72%; }
}

.landing-proof__video { display: block; width: 100%; height: auto; border-radius: var(--radius-xl); }

/* ── Showcase band (Studiorama proof) ─────────────────── */
.landing-showcase { padding-block: calc(var(--space-9) * 1.5); }
.landing-showcase .landing-proof { margin-top: var(--space-7); }
.landing-proof__link { display: block; color: inherit; text-decoration: none; }
.landing-proof__hint {
    margin: var(--space-5) auto 0;
    text-align: center;
    font: 600 var(--text-sm)/1.5 var(--landing-chrome);
    color: var(--landing-muted);
}
.landing-proof__link:hover .landing-proof__hint {
    color: var(--landing-ink);
    text-decoration: underline;
    text-underline-offset: var(--space-1);
}

.landing-merch { transition: opacity .22s ease; }

/* ── Hero window poster (diegetic event note on the blank sheet) ── */
.landing-window-poster {
    position: absolute;
    z-index: 2;
    left: 51.5%;
    top: 40%;
    width: 8.5%;
    container-type: inline-size;
    text-align: center;
    color: rgba(43, 75, 203, .92);
    mix-blend-mode: multiply;
    filter: saturate(.9);
    transform: translate3d(var(--depth-x), var(--depth-y), 0) rotate(-13deg);
    pointer-events: none;
}
.landing-window-poster strong {
    display: block;
    font: 800 15.5cqw/1.15 var(--landing-display);
    letter-spacing: .01em;
    white-space: nowrap;
}
.landing-window-poster span {
    display: block;
    margin-top: .5em;
    font: 600 14cqw/1.35 var(--landing-chrome);
    white-space: nowrap;
}
@media (max-width: 768px) {
    .landing-window-poster { display: none; }
}

.landing-window-poster__qr { display: block; width: 46%; margin: 6cqw auto 3cqw; }
.landing-window-poster--small {
    transform: translate3d(var(--depth-x), var(--depth-y), 0) rotate(11deg);
    color: rgba(224, 83, 72, .92);
}
.landing-window-poster--small strong { font: 700 46cqw/1 var(--landing-chrome); letter-spacing: 0; }
.landing-window-poster--small .landing-window-poster__sale-top { margin-top: 0; font-size: 36cqw; font-weight: 700; line-height: 1.1; letter-spacing: .06em; }
.landing-window-poster--small .landing-window-poster__sale-bottom { margin-top: .1em; font-size: 30cqw; font-weight: 700; line-height: 1.1; }

.landing-letter-note {
    position: absolute;
    z-index: 4;
    left: 10%;
    top: 38.5%;
    width: 19%;
    container-type: inline-size;
    text-align: center;
    color: rgba(46, 32, 20, .8);
    mix-blend-mode: multiply;
    transform: rotate(12deg);
    pointer-events: none;
}
.landing-letter-note span { display: block; font: 600 12cqw/1.4 var(--landing-chrome); }
@media (max-width: 768px) {
    .landing-letter-note { display: none; }
}