.demo-race{grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;display:grid}.race-col{background:var(--white-color);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.race-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:13px 18px;font-size:14px;font-weight:700;display:flex}.race-body{background:var(--bg-color3);min-height:156px;padding:22px}.race-bar-track{background:#efede8;border-radius:5px;height:9px;margin-top:14px;overflow:hidden}.race-bar-fill{background:linear-gradient(90deg,#e85b1f,#ff9757);border-radius:5px;width:0;height:100%}.race-col.is-winner{border-color:#2fa84f;box-shadow:0 0 0 1px #2fa84f59}.race-col.is-winner .race-body{background:#f1faf3}.race-col.is-winner .race-bar-fill{background:linear-gradient(90deg,#2fa84f,#57d17a)}.race-col.is-loser .race-bar-fill{opacity:.45}.race-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#2fa84f;border-radius:999px;align-items:center;gap:4px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.race-col.is-winner .race-badge{animation:.4s cubic-bezier(.16,1,.3,1) race-badge-pop}@keyframes race-badge-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.race-timeval{align-items:center;margin-top:16px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:26px;font-weight:800;display:flex}.race-last-nav-arrow{color:#bbb;margin:0 8px;font-size:16px}.race-last-nav-val{color:#999;font-size:16px;font-weight:400}.race-loading-dots{gap:1px;margin-left:10px;display:inline-flex}.race-loading-dots .dot{color:#999;font-size:20px;font-weight:700;animation:1.4s ease-in-out infinite dot-wave}.race-loading-dots .dot:first-child{animation-delay:0s}.race-loading-dots .dot:nth-child(2){animation-delay:.2s}.race-loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-wave{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.demo-cta{margin-top:28px}a.embed-url{color:#666;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-width:60%;margin-left:auto;padding:3px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;text-decoration:none;overflow:hidden}a.embed-url:hover{color:#e85b1f;border-color:#e85b1f}.embed-frame-wrap{border-radius:8px;width:100%;position:relative;overflow:hidden}.race-body .embed-frame-wrap{margin-top:12px}.embed-placeholder{z-index:1;pointer-events:none;background:#f7f6f3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.embed-placeholder-icon{opacity:.25;font-size:28px}.embed-placeholder-text{color:var(--body-color);opacity:.5;font-size:14px;font-weight:500}.embed-skeleton{z-index:1;pointer-events:none;background:linear-gradient(135deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.embed-frame-wrap .embed-frame{transform-origin:0 0;border:none;width:1200px;max-width:none;height:800px;min-height:0;position:absolute;top:0;left:0}.demo-sec .btn-style1:not(:has(span)){padding:0 25px}@media (max-width:800px){.demo-race{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.race-loading-dots .dot,.embed-skeleton,.race-col.is-winner .race-badge{animation:none}.race-loading-dots .dot{opacity:.6}}