.rail{--gap: 20px;position: relative;margin-top: clamp(24px,3vw,40px)}.rail-toggle{position: absolute;width: 1px;height: 1px;opacity: 0}.rail-bar{display: flex;justify-content: flex-end;width: min(100%,var(--wrap));margin: 0 auto 6px;padding-inline: var(--gutter)}.rail-ctl{display: inline-flex;align-items: center;min-height: 34px;padding: 0 16px;border: 1px solid var(--border-strong);border-radius: 999px;font-size: 0.8125rem;font-weight: 600;color: var(--ink-2);cursor: pointer;transition: background-color 0.2s,border-color 0.2s}.rail-ctl:hover{border-color: var(--accent);background: var(--accent-soft)}.rail-toggle:focus-visible + .rail-bar .rail-ctl{outline: 2px solid var(--focus);outline-offset: 3px}.rail-ctl .off,.rail-toggle:checked + .rail-bar .on{display: none}.rail-toggle:checked + .rail-bar .off{display: inline}.rail-view{--edge: calc((100% - min(100% - 2 * var(--gutter),var(--wrap) - 2 * var(--gutter))) / 2);overflow: hidden;padding-block: 34px;-webkit-mask-image: linear-gradient(90deg,transparent var(--edge),#000 calc(var(--edge) + 90px),#000 calc(100% - var(--edge) - 90px),transparent calc(100% - var(--edge)));mask-image: linear-gradient(90deg,transparent var(--edge),#000 calc(var(--edge) + 90px),#000 calc(100% - var(--edge) - 90px),transparent calc(100% - var(--edge)))}.rail-track{display: flex;gap: var(--gap);width: max-content;animation: rail-run 42s linear infinite}.rail:hover .rail-track,.rail:focus-within .rail-track,.rail-toggle:checked ~ .rail-view .rail-track{animation-play-state: paused}@keyframes rail-run{to{transform: translateX(calc(-50% - var(--gap) / 2))}}.rail-set{display: flex;gap: var(--gap);margin: 0;padding: 0;list-style: none}.rail-card{position: relative;isolation: isolate;overflow: hidden;flex: none;display: grid;align-content: start;gap: 10px;width: 292px;min-height: 236px;padding: 26px 24px 28px;border: 1px solid var(--border);border-radius: 28px;background: var(--surface);box-shadow: var(--shadow);transition: transform 0.45s cubic-bezier(0.2,0.8,0.2,1),border-color 0.3s,box-shadow 0.45s}.rail-card:nth-child(even){margin-top: 26px;margin-bottom: -26px}.rail-card::before{content: '';position: absolute;z-index: -1;right: -70px;top: -70px;width: 190px;height: 190px;border-radius: 50%;background: radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%);transition: transform 0.6s ease}.rail-card::after{content: '';position: absolute;z-index: -1;inset: 0;background: linear-gradient(105deg,transparent 38%,color-mix(in srgb,var(--accent-2) 22%,transparent) 50%,transparent 62%);transform: translateX(-120%);transition: transform 0.8s ease}.rail-card:hover{transform: translateY(-10px) rotate(-1.2deg);border-color: color-mix(in srgb,var(--accent) 65%,transparent);box-shadow: 0 34px 54px -30px color-mix(in srgb,var(--accent) 65%,transparent),var(--shadow)}.rail-card:hover::before{transform: scale(1.7)}.rail-card:hover::after{transform: translateX(120%)}.rail-card .card-icon{display: grid;place-items: center;width: 56px;height: 56px;margin-bottom: 6px;border-radius: 18px;color: var(--on-fill);background: linear-gradient(160deg,var(--fill),#8e3b03);transition: transform 0.45s cubic-bezier(0.3,1.7,0.4,1)}.rail-card .card-icon .i{width: 26px;height: 26px}.rail-card:hover .card-icon{transform: rotate(-10deg) scale(1.12)}.rail-card h3{margin: 0;font-size: 1.0625rem;line-height: 1.3}.rail-card p{margin: 0;font-size: 0.9062rem;line-height: 1.6;color: var(--muted)}@media (prefers-reduced-motion: reduce){.rail-track{animation: none}.rail-view{overflow-x: auto;-webkit-mask-image: none;mask-image: none}.rail-set + .rail-set,.rail-bar{display: none}.rail-card,.rail-card::before,.rail-card::after,.rail-card .card-icon{transition: none}}