.originals-feature-tabs { --feature-gap: clamp(24px,5vw,76px); --feature-active-color: #2848c7; --feature-active-bg: #eef2ff; min-width: 0; }
.originals-feature-intro > .originals-feature-heading { margin: 0; line-height: 1.12; text-wrap: balance; }
.originals-feature-intro-copy { margin-block-start: 14px; }
.originals-feature-intro > .originals-button { margin-block-start: 16px; }
.originals-feature-list,.originals-feature-nav { display: none; }
.originals-feature-track { min-width: 0; margin-block-start: 24px; }
.originals-feature-panel { min-width: 0; }
.originals-feature-panel + .originals-feature-panel { margin-block-start: 20px; }
.originals-feature-tabs [hidden] { display: none !important; }
.originals-feature-card-copy h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; }
.originals-feature-card-copy > :last-child,.originals-feature-step-copy > :last-child,.originals-feature-intro-copy > :last-child { margin-block-end: 0; }
.originals-feature-media { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 22px; background: #f4f5f7; }
.originals-feature-media :is(img,video) { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--feature-media-fit, cover); }
.originals-feature-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 1.2em; }
.originals-feature-icon svg { width: 1em; height: 1em; fill: currentColor; }
.originals-feature-tabs :is(.originals-feature-list,.originals-feature-nav) button { appearance: none; border: 0; color: inherit; background: transparent; font: inherit; box-shadow: none; cursor: pointer; }
.originals-feature-tabs :is(.originals-feature-list,.originals-feature-nav) button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.originals-feature-tabs[data-layout="desktop"] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); grid-template-rows: auto 1fr; align-items: start; column-gap: var(--feature-gap); row-gap: 28px; }
.originals-feature-tabs[data-layout="desktop"] .originals-feature-list { display: grid; gap: 6px; grid-column: 1; }
.originals-feature-tabs[data-layout="desktop"] .originals-feature-track { grid-column: 2; grid-row: 1 / 3; margin: 0; }
.originals-feature-tabs[data-layout="desktop"] .originals-feature-panel { margin: 0; animation: originals-feature-appear .22s ease-out; }
.originals-feature-tabs[data-layout="desktop"] .originals-feature-card-copy { display: none; }
.originals-feature-list button[role="tab"] { display: inline-flex; gap: 10px; align-items: center; min-height: 40px; max-width: 100%; padding: 7px 12px; border-radius: 999px; text-align: start; white-space: normal; overflow-wrap: anywhere; }
.originals-feature-list button[role="tab"]:is(:hover,[aria-selected="true"]) { color: var(--feature-active-color); background: var(--feature-active-bg); }
.originals-feature-list button[role="tab"] { transition: color .18s ease, background-color .18s ease; }
.originals-feature-step-copy { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .32s cubic-bezier(.22,.61,.36,1), opacity .14s ease; }
.originals-feature-step-copy[aria-hidden="false"] { grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows .32s cubic-bezier(.22,.61,.36,1), opacity .22s ease .06s; }
.originals-feature-step-clip { min-height: 0; overflow: hidden; }
.originals-feature-step-text:not(:empty) { padding-block: 8px 10px; padding-inline: 36px 12px; }
.originals-feature-intro-copy,.originals-feature-step-text,.originals-feature-card-text { white-space: pre-line; overflow-wrap: anywhere; }
.originals-feature-tabs[data-layout="mobile"] .originals-feature-track { display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; gap: 14px; scrollbar-width: none; }
.originals-feature-tabs[data-layout="mobile"] .originals-feature-track::-webkit-scrollbar { display: none; }
.originals-feature-tabs[data-layout="mobile"] .originals-feature-panel { flex: 0 0 100%; margin: 0; scroll-snap-align: start; }
.originals-feature-card-copy + .originals-feature-media { margin-block-start: 14px; }
.originals-feature-tabs[data-layout="mobile"] .originals-feature-nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-block-start: 12px; }
.originals-feature-tabs .originals-feature-nav button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid currentColor; border-radius: 50%; font-size: 24px; line-height: 1; }
.originals-feature-tabs .originals-feature-nav button[aria-disabled="true"] { opacity: .4; cursor: default; }
[dir="rtl"] .originals-feature-nav button { transform: scaleX(-1); }
@keyframes originals-feature-appear { from { opacity: .55; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.originals-feature-tabs[data-layout="desktop"] .originals-feature-panel { animation: none; }
	.originals-feature-tabs .originals-feature-step-copy,
	.originals-feature-tabs .originals-feature-list button[role="tab"] { transition: none; }
}