.landingFeatures{--feature-gap: 20px;--feature-width: 360px;display:grid;gap:var(--feature-gap)}.landingFeatureViewport{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;direction:ltr}.landingFeatureViewport::-webkit-scrollbar{display:none}.landingFeatureTrack{display:flex;width:max-content;animation:landingFeatureTravel 90s linear infinite;animation-play-state:paused}.landingFeatureViewport:nth-child(2) .landingFeatureTrack{animation-direction:reverse}.landingFeatures[data-motion=running] .landingFeatureTrack{animation-play-state:running}.landingFeatureGroup{display:grid;grid-auto-flow:column;grid-auto-columns:var(--feature-width);flex-shrink:0;gap:var(--feature-gap);padding-inline-end:var(--feature-gap)}.landingFeature{display:flex;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);transition:border-color .16s}.landingFeature:hover,.landingFeature:focus-within{border-color:var(--accent-soft)}.landingFeatureLink{display:flex;flex-direction:column;width:100%;text-align:start;direction:var(--feature-direction, ltr)}[dir=rtl] .landingFeatures{--feature-direction: rtl}.landingFeatureMedia{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg)}.landingFeatureMedia>img,.landingFeatureFacePair img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}.landingFeatureFacePair{position:relative;width:100%;height:100%}.landingFeatureFacePair img{position:absolute;top:0;right:0;bottom:0;left:0;object-position:center}.landingFeatureFacePair img:nth-child(2){clip-path:inset(0 0 0 50%)}.landingFeatureFaceDivider{position:absolute;inset-block:0;left:50%;border-left:2px solid white}.landingFeatureCopy{flex:1;padding:20px 22px 22px}.landingFeatureCopy h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:18px;font-weight:650;line-height:1.4}.landingFeatureCopy h3>svg{flex-shrink:0;color:var(--accent-soft)}.landingFeatureCopy p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.landingFeatureAction{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 18px;border-top:1px solid var(--border);color:var(--text);background:rgba(var(--accent-rgb),.09);font-size:13px;font-weight:600}.landingFeatureLink:hover .landingFeatureAction{background:rgba(var(--accent-rgb),.18)}.landing .landingFeatureLink:focus-visible{outline-offset:-4px}.landingFeatureMotion{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text)}@keyframes landingFeatureTravel{to{transform:translate(-50%)}}.landingFeatures[data-manual=true] .landingFeatureTrack,.landingFeatureViewport:focus-visible .landingFeatureTrack,.landingFeatureViewport:has(a:focus-visible) .landingFeatureTrack{animation:none}.landingFeatures[data-manual=true] .landingFeatureGroup[aria-hidden=true],.landingFeatureViewport:focus-visible .landingFeatureGroup[aria-hidden=true],.landingFeatureViewport:has(a:focus-visible) .landingFeatureGroup[aria-hidden=true]{display:none}@media(max-width:580px){.landingFeatures{--feature-gap: 16px;--feature-width: min(82vw, 360px)}.landingFeatureCopy{padding:18px 20px 20px}}@media(prefers-reduced-motion:reduce){.landingFeatureTrack{animation:none}.landingFeatureGroup[aria-hidden=true],.landingFeatureMotion{display:none}}
