/* Approved showroom21 composition; white chips reveal original foil on hover. */
.ed-system-rail{max-width:1160px;margin:0 auto;padding:clamp(60px,8vw,100px) clamp(20px,5vw,40px) 25px;scroll-margin-top:100px;text-align:center}
.ed-system-rail-label{font:11px/1.6 'JetBrains Mono',monospace;color:#5f6877;margin:0}
.ed-system-rail h2{font:300 clamp(26px,3.7vw,48px)/1.22 Unbounded,sans-serif;letter-spacing:-.035em;margin:25px 0 40px}
.ed-system-rail-holo{background:linear-gradient(115deg,#2a3444 8%,#b4318f 26%,#c98a12 40%,#0f8a5e 54%,#2f6fd0 68%,#6b3fd4 80%,#2a3444 96%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:holoShift 6s ease-in-out infinite}
.ed-system-rail-mask{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);margin-bottom:16px}
.ed-system-rail-track{display:flex;align-items:center;width:max-content;animation:edSystemRail 28s linear infinite}
.ed-system-rail-track ul{display:flex;align-items:center;gap:20px;padding:0 20px 0 0;margin:0;list-style:none;flex:none}
.ed-system-rail-track li{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:16px;padding:22px 30px;border-radius:12px;background:#fff;color:#101319;font:300 18px Unbounded,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.ed-system-rail-track i{font:20px 'JetBrains Mono',monospace;color:#356c7a;font-style:normal}
.ed-system-rail-mask:focus-visible .ed-system-rail-track{animation-play-state:paused}
@keyframes edSystemRail{to{transform:translateX(-50%)}}
@media(max-width:760px){.ed-system-rail h2{font-size:28px}.ed-system-rail-track ul{gap:14px;padding-right:14px}.ed-system-rail-track li{font-size:16px;padding:22px;gap:12px}}
@media(prefers-reduced-motion:reduce){.ed-system-rail-track{animation:none;width:auto}.ed-system-rail-track ul:first-child{flex-wrap:wrap;justify-content:center;padding:0;width:100%}.ed-system-rail-track ul[aria-hidden=true]{display:none}.ed-system-rail-track li{font:400 15px/1.4 Onest,sans-serif;padding:12px 18px;min-height:44px}.ed-system-rail-mask{mask-image:none}.ed-system-rail-holo{animation:none}}

.ed-system-chip-label{position:relative;z-index:2;transform:translateZ(0);display:flex;align-items:center;gap:inherit}
.ed-system-chip-foil{position:absolute;inset:0;z-index:0;isolation:isolate;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s ease-out;background:linear-gradient(155deg,#f6f4fb,#cfd6ea 30%,#b9c6d8 48%,#8b96a6 70%,#e8e4f2 88%,#eef1f7)}
.ed-system-chip-foil>span{border-radius:inherit;overflow:hidden}
.ed-system-chip-foil [data-foil-flow],.ed-system-chip-foil [data-sheen]>span{animation-play-state:paused!important}
.ed-system-rail-track li:hover>.ed-system-chip-foil,.ed-system-rail-track li:active>.ed-system-chip-foil{opacity:1}
.ed-system-rail-track li:hover [data-foil-flow],.ed-system-rail-track li:hover [data-sheen]>span,.ed-system-rail-track li:active [data-foil-flow],.ed-system-rail-track li:active [data-sheen]>span{animation-play-state:running!important}
.ed-system-rail-mask:focus-visible{outline:2px solid #5253aa;outline-offset:5px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.ed-system-chip-foil{transition:none}.ed-system-chip-foil [data-foil-flow],.ed-system-chip-foil [data-sheen]>span{animation:none!important}}