.product-showcases { overflow: hidden; background: var(--color-ink-rich); }
.product-showcases > .shell { display: grid; gap: var(--tour-section-gap); }
.product-tour-shell { display: grid; grid-template-columns: var(--grid-product-tour); min-width: var(--zero); border-block: var(--border-thin) solid var(--color-line-premium-dark); }
.product-tour-tabs { display: grid; align-content: center; border-right: var(--border-thin) solid var(--color-line-premium-dark); }
.product-tour-tabs button { position: relative; display: grid; grid-template-columns: var(--grid-tour-tab); align-items: center; gap: var(--space-3); min-height: var(--tour-tab-height); padding: var(--space-4) var(--space-6); border-bottom: var(--border-thin) solid var(--color-line-premium-dark); color: var(--color-steel-dark); text-align: left; }
.product-tour-tabs button:last-child { border-bottom: var(--zero); }
.product-tour-tabs button::before { position: absolute; inset: var(--zero) auto var(--zero) var(--zero); width: var(--tour-active-width); background: var(--color-signal); content: ""; opacity: var(--zero); }
.product-tour-tabs button[aria-selected="true"] { background: var(--color-glass); color: var(--color-paper); }
.product-tour-tabs button[aria-selected="true"]::before { opacity: var(--scale-base); }
.product-tour-tabs span, .product-tour-copy > span, .product-tour-flow span { color: var(--color-signal); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: var(--tracking-label); }
.product-tour-tabs strong { font-size: var(--text-sm); }
.product-tour-stage { min-width: var(--zero); }
.product-tour-panel { display: grid; grid-template-columns: var(--grid-tour-panel); align-items: center; gap: var(--tour-panel-gap); min-height: var(--tour-stage-min-height); padding: var(--tour-panel-padding); }
.product-tour-panel[hidden] { display: none; }
.product-tour-copy { display: grid; align-content: center; gap: var(--space-5); }
.product-tour-copy h3 { color: var(--color-paper); font-size: var(--text-xl); }
.product-tour-copy > p { color: var(--color-steel-dark); font-size: var(--text-sm); line-height: var(--leading-body); }
.product-tour-result { padding-top: var(--space-4); border-top: var(--border-thin) solid var(--color-line-premium-dark); }
.product-tour-result strong { display: block; margin-bottom: var(--space-2); color: var(--color-paper); }
.product-tour-media { display: grid; grid-template-columns: var(--grid-tour-media); align-items: end; gap: var(--tour-media-gap); min-width: var(--zero); }
.device-frame { display: grid; justify-items: center; width: var(--size-full); margin: var(--zero); }
.device-frame-shell { position: relative; overflow: hidden; width: var(--size-full); border: var(--device-border-width) solid var(--color-ink-panel); background: var(--color-ink-panel); box-shadow: var(--device-shadow); }
.device-frame-shell img { display: block; width: var(--size-full); height: auto; }
.device-frame-camera { position: absolute; z-index: var(--z-hero-content); background: var(--color-ink-rich); }
.device-frame-base { display: block; background: var(--color-ink-panel); }
.device-frame--macbook .device-frame-shell { border-radius: var(--device-macbook-radius) var(--device-macbook-radius) var(--radius-sm) var(--radius-sm); }
.device-frame--macbook .device-frame-camera { top: var(--device-camera-offset); left: var(--half-size); width: var(--device-camera-size); height: var(--device-camera-size); border-radius: var(--radius-round); transform: translateX(var(--direction-half)); }
.device-frame--macbook .device-frame-base { width: var(--device-macbook-base-width); height: var(--device-macbook-base-height); border-radius: var(--zero) var(--zero) var(--device-base-radius) var(--device-base-radius); box-shadow: var(--device-base-shadow); }
.product-tour-media .device-frame--iphone { position: relative; width: var(--tour-phone-width); max-width: var(--size-full); justify-self: center; }
.device-frame--iphone .device-frame-shell { padding: var(--device-phone-bezel); border-radius: var(--device-phone-radius); box-shadow: var(--device-phone-shadow); }
.device-frame--iphone .device-frame-shell img { border-radius: var(--device-phone-screen-radius); }
.device-frame--iphone .device-frame-base { display: none; }
.product-tour-flow { display: grid; grid-template-columns: var(--grid-quad); gap: var(--space-5); list-style: none; }
.product-tour-flow li { position: relative; display: grid; gap: var(--space-2); padding-top: var(--space-5); border-top: var(--border-thin) solid var(--color-line-premium-dark); }
.product-tour-flow li::after { position: absolute; top: var(--tour-flow-arrow-top); right: var(--direction-flow-arrow); color: var(--color-steel-dark); content: "→"; }
.product-tour-flow li:last-child::after { content: none; }
.product-tour-flow strong { color: var(--color-paper); }
.product-tour-flow small { color: var(--color-steel-dark); }
.showcase-data-note { padding-top: var(--space-5); border-top: var(--border-thin) solid var(--color-line-premium-dark); color: var(--color-steel-dark); font-size: var(--text-xs); line-height: var(--leading-body); }