:root {
    --promo-bg: #0a0a0d;
    --promo-panel: #151518;
    --promo-panel-strong: #1c1c20;
    --promo-text: #f7f7f8;
    --promo-muted: #aaaab2;
    --promo-line: #34343a;
    --promo-orange: #ff5700;
    --promo-orange-hover: #ff6f24;
    --promo-green: #5ad47d;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    background: var(--promo-bg);
    color: var(--promo-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid #ff9b66; outline-offset: 3px; }

.promo-wrap { margin: 0 auto; max-width: 1220px; padding-left: 24px; padding-right: 24px; width: 100%; }
.promo-header {
    background: rgba(10, 10, 13, 0.96);
    border-bottom: 1px solid var(--promo-line);
    position: sticky;
    top: 0;
    z-index: 30;
}
.promo-nav { align-items: center; display: flex; gap: 24px; min-height: 72px; }
.promo-brand { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 11px; }
.promo-brand > span:last-child { display: grid; gap: 2px; }
.promo-brand strong { font-size: 15px; line-height: 1.1; }
.promo-brand small { color: var(--promo-muted); font-size: 11px; }
.promo-mark {
    background: var(--promo-orange);
    border-radius: 6px;
    box-shadow: 0 0 22px rgba(255, 87, 0, 0.34);
    display: grid;
    font-size: 13px;
    font-weight: 900;
    height: 40px;
    place-items: center;
    width: 48px;
}
.promo-links { align-items: center; display: flex; gap: 20px; margin-left: auto; }
.promo-links a { color: #c7c7cd; font-size: 13px; }
.promo-links a:hover { color: #fff; }
.promo-nav-actions { align-items: center; display: flex; gap: 8px; }
.promo-language {
    align-items: center;
    background: #1a1a1e;
    border: 1px solid var(--promo-line);
    border-radius: 999px;
    display: inline-flex;
    padding: 3px;
}
.promo-language a {
    align-items: center;
    border-radius: 999px;
    color: var(--promo-muted);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
    padding: 6px 8px;
}
.promo-language a.is-active { background: var(--promo-orange); color: #fff; }
.promo-button {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    min-height: 42px;
    padding: 10px 17px;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.promo-button:hover { transform: translateY(-1px); }
.promo-button-primary { background: var(--promo-orange); color: #fff; }
.promo-button-primary:hover { background: var(--promo-orange-hover); }
.promo-button-quiet { background: #1a1a1e; border-color: var(--promo-line); color: #f3f3f4; }
.promo-button-quiet:hover { border-color: #5a5a63; }

.promo-hero {
    min-height: clamp(560px, calc(100vh - 112px), 720px);
    overflow: hidden;
    position: relative;
}
.promo-scene {
    bottom: 34px;
    left: 47%;
    opacity: 0.78;
    position: absolute;
    right: max(24px, calc((100vw - 1220px) / 2));
    top: 54px;
}
.promo-scene::before {
    background: #111115;
    border: 1px solid #3b3b43;
    content: "";
    inset: 0;
    position: absolute;
}
.promo-scene-topline,
.promo-scene-board-grid,
.promo-scene-history { position: relative; z-index: 1; }
.promo-scene-topline { align-items: center; border-bottom: 1px solid var(--promo-line); display: flex; justify-content: space-between; padding: 18px; }
.promo-scene-topline > span:first-child { font-size: 26px; font-weight: 900; }
.promo-live-dot { align-items: center; color: #d7ffe1; display: inline-flex; font-size: 12px; gap: 8px; }
.promo-live-dot::before { background: var(--promo-green); border-radius: 50%; box-shadow: 0 0 12px rgba(90, 212, 125, 0.75); content: ""; height: 8px; width: 8px; }
.promo-scene-board-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 18px; }
.promo-scene-board { background: #1a1a1f; border: 1px solid #3e3e46; min-width: 0; padding: 13px; }
.promo-scene-board > strong { background: var(--promo-orange); border-radius: 999px; display: inline-flex; font-size: 11px; margin-bottom: 9px; padding: 4px 8px; }
.promo-scene-board > span { align-items: center; border-top: 1px solid #34343b; display: flex; font-size: 11px; gap: 8px; justify-content: space-between; min-width: 0; padding: 9px 1px; }
.promo-scene-board b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promo-scene-board i { color: var(--promo-orange); font-style: normal; white-space: nowrap; }
.promo-scene-history { border-top: 1px solid var(--promo-line); display: grid; gap: 8px; margin: 0 18px; padding: 16px 0; }
.promo-scene-history strong { color: #fff; font-size: 13px; }
.promo-scene-history span { background: #1b1b20; border-left: 3px solid var(--promo-orange); color: #c3c3ca; font-size: 11px; padding: 9px 10px; }
.promo-hero::after {
    background: rgba(10, 10, 13, .38);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.promo-hero-content { padding-bottom: 92px; padding-top: 116px; position: relative; z-index: 2; }
.promo-share-trigger {
    align-items: center;
    background: rgba(255, 87, 0, .12);
    border: 1px solid rgba(255, 87, 0, .62);
    border-radius: 999px;
    color: #ffe0cf;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 9px;
    justify-content: center;
    margin: 0 0 20px;
    min-height: 44px;
    padding: 9px 15px;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.promo-share-trigger:hover { background: rgba(255, 87, 0, .22); border-color: var(--promo-orange); transform: translateY(-1px); }
.promo-share-trigger-icon { color: var(--promo-orange); font-size: 17px; line-height: 1; }
.promo-hero h1 { font-size: 72px; line-height: .98; margin: 0; max-width: 760px; }
.promo-hero-lead { color: #c4c4cb; font-size: 20px; line-height: 1.65; margin: 25px 0 0; max-width: 640px; }
.promo-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.promo-free-badge {
    align-items: center;
    border: 1px solid rgba(90, 212, 125, .46);
    border-radius: 999px;
    color: #d7ffe1;
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
    margin: 20px 0 0;
    padding: 7px 11px;
}
.promo-free-badge::before {
    background: var(--promo-green);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(90, 212, 125, .68);
    content: "";
    height: 7px;
    width: 7px;
}
.promo-hero-note { color: #8f8f98; font-size: 12px; line-height: 1.55; margin: 14px 0 0; max-width: 600px; }

.promo-proof { background: #121216; border-bottom: 1px solid var(--promo-line); border-top: 1px solid var(--promo-line); }
.promo-proof-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.promo-proof span { color: #c7c7cc; font-size: 13px; padding: 20px 24px; text-align: center; }
.promo-proof span + span { border-left: 1px solid var(--promo-line); }
.promo-section { padding: 86px 0; }
.promo-section-contrast { background: #101014; border-bottom: 1px solid #24242a; border-top: 1px solid #24242a; }
.promo-section-heading { margin-bottom: 34px; max-width: 780px; }
.promo-section-heading > p,
.promo-small-heading { color: var(--promo-orange); font-size: 12px; font-weight: 800; letter-spacing: 0; margin: 0 0 12px; text-transform: uppercase; }
.promo-section-heading h2,
.promo-display-copy h2,
.promo-cta-layout h2 { font-size: 48px; line-height: 1.08; margin: 0; overflow-wrap: anywhere; }
.promo-section-heading > span,
.promo-display-copy > p:last-child,
.promo-cta-layout p { color: var(--promo-muted); display: block; font-size: 16px; line-height: 1.75; margin-top: 16px; }
.promo-card-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.promo-card { background: var(--promo-panel); border: 1px solid var(--promo-line); border-radius: 8px; min-width: 0; padding: 23px; }
.promo-card-number { color: var(--promo-orange); display: block; font-size: 12px; font-weight: 900; margin-bottom: 28px; }
.promo-card h3 { font-size: 19px; margin: 0 0 10px; }
.promo-card p { color: var(--promo-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.promo-feature-line { background: var(--promo-orange); display: block; height: 3px; margin-bottom: 22px; width: 34px; }

.promo-live-demo-section { border-top: 1px solid var(--promo-line); }
.promo-demo-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.promo-demo-card {
    background: var(--promo-panel);
    border: 1px solid var(--promo-line);
    border-radius: 8px;
    display: grid;
    min-width: 0;
    overflow: hidden;
}
.promo-demo-canvas {
    background: #0f0f13;
    border-bottom: 1px solid var(--promo-line);
    contain: layout paint;
    min-height: 238px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}
.promo-demo-copy { padding: 20px; }
.promo-demo-copy h3 { font-size: 19px; margin: 0 0 8px; }
.promo-demo-copy p { color: var(--promo-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.promo-demo-toolbar,
.promo-demo-player-head,
.promo-demo-tv-head {
    align-items: center;
    border-bottom: 1px solid #34343a;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 13px;
    padding-bottom: 12px;
}
.promo-demo-toolbar strong,
.promo-demo-player-head strong,
.promo-demo-tv-head strong { font-size: 13px; }
.promo-demo-toolbar span,
.promo-demo-player-head span,
.promo-demo-tv-head span { color: #ffb48d; font-size: 11px; }
.promo-demo-setup-row {
    align-items: center;
    border-bottom: 1px solid #2d2d33;
    display: grid;
    gap: 8px;
    grid-template-columns: 22px minmax(90px, 1fr) repeat(2, auto) auto;
    min-width: 0;
    opacity: 1;
    padding: 10px 0;
}
.promo-demo-setup-row strong { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promo-demo-setup-row small { color: #aaaab2; font-size: 10px; white-space: nowrap; }
.promo-demo-setup-row em { color: #9ce0ad; font-size: 10px; font-style: normal; }
.promo-demo-toggle { background: #34343a; border-radius: 999px; height: 13px; position: relative; width: 22px; }
.promo-demo-toggle::after { background: #aaa; border-radius: 50%; content: ""; height: 9px; left: 2px; position: absolute; top: 2px; width: 9px; }
.promo-demo-setup-row.is-selected .promo-demo-toggle { background: rgba(255, 87, 0, .42); }
.promo-demo-setup-row.is-selected .promo-demo-toggle::after { background: #fff; transform: translateX(9px); }
.promo-demo-board-grid,
.promo-demo-display-grid { display: grid; gap: 8px; grid-template-columns: repeat(var(--demo-board-count, 3), minmax(0, 1fr)); }
.promo-demo-board-grid > div,
.promo-demo-display-grid > div { background: #1b1b20; border-top: 3px solid var(--promo-orange); display: grid; gap: 7px; min-width: 0; padding: 11px; }
.promo-demo-board-grid span,
.promo-demo-display-grid span { color: #ffb48d; font-size: 10px; }
.promo-demo-board-grid b,
.promo-demo-display-grid b { font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.promo-demo-more-players { color: #9f9fa8; font-size: 10px; }
.promo-demo-winner-board { grid-column: 1 / -1; text-align: center; }
.promo-demo-winner-board strong { color: #fff; overflow-wrap: anywhere; white-space: normal; }
.promo-demo-loader { border: 2px solid #555; border-right-color: var(--promo-orange); border-radius: 50%; height: 16px; width: 16px; }
.promo-demo-status-line { color: #a8e6aa; display: block; font-size: 11px; margin-top: 14px; }
.promo-demo-status-line.is-final { color: #ffb48d; }
.promo-demo-cycle { align-items: center; display: flex; justify-content: center; min-height: 92px; position: relative; }
.promo-demo-cycle-state {
    border: 1px solid rgba(255, 87, 0, .55);
    border-radius: 999px;
    color: #ffd0b8;
    font-size: 18px;
    font-weight: 800;
    padding: 11px 16px;
}
.promo-demo-cycle-state[data-state="swimmer"] { border-color: #f0b429; color: #ffe4a3; }
.promo-demo-cycle-state[data-state="out"] { border-color: #d65b5b; color: #ffc2c2; }
.promo-demo-cycle-state[data-state="winner"] { border-color: #5ad47d; color: #c8ffd7; }
.promo-demo-life-track { display: flex; gap: 8px; justify-content: center; }
.promo-demo-life-track i { border-radius: 4px; height: 6px; width: 34px; }
.promo-demo-life-track i.is-active { background: var(--promo-orange); }
.promo-demo-life-track i.is-used { background: #414149; }
.promo-demo-tv-board {
    align-items: center;
    background: #1c1c21;
    border-left: 3px solid var(--promo-orange);
    display: grid;
    gap: 6px 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 8px;
    min-width: 0;
    padding: 11px;
}
.promo-demo-tv-board small { color: #ffb48d; font-size: 10px; grid-column: 1 / -1; }
.promo-demo-tv-board strong { font-size: 12px; overflow-wrap: anywhere; }
.promo-demo-tv-board > span { color: #ccc; font-size: 10px; white-space: nowrap; }
.promo-demo-late-badge { background: rgba(255, 87, 0, .16); border: 1px solid rgba(255, 87, 0, .45); border-radius: 999px; color: #ffc4a5 !important; padding: 4px 6px; }
.promo-demo-rank-row {
    align-items: center;
    border-bottom: 1px solid #2e2e34;
    display: grid;
    gap: 10px;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    padding: 11px 0;
}
.promo-demo-rank-row b { color: var(--promo-orange); font-size: 12px; }
.promo-demo-rank-row strong { font-size: 12px; }
.promo-demo-rank-row span { color: #a8e6aa; font-size: 11px; }
.promo-demo-archive-card { background: #1a1a1f; border-left: 3px solid var(--promo-orange); display: grid; gap: 9px; padding: 15px; }
.promo-demo-archive-card small { color: #999; font-size: 10px; }
.promo-demo-archive-card strong { font-size: 15px; }
.promo-demo-archive-state { color: #ffc2a2; font-size: 11px; }
.promo-demo-resume-line { align-items: center; color: #a8e6aa; display: flex; font-size: 12px; gap: 9px; margin-top: 19px; }
.promo-demo-resume-line i { background: var(--promo-green); border-radius: 50%; height: 8px; width: 8px; }
.promo-inline-cta {
    align-items: center;
    border-bottom: 1px solid var(--promo-line);
    border-top: 1px solid var(--promo-line);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 34px;
    padding: 25px 0;
}
.promo-inline-cta h3 { font-size: 22px; margin: 0 0 7px; }
.promo-inline-cta p { color: var(--promo-muted); line-height: 1.6; margin: 0; max-width: 780px; }

.promo-demo-loader { animation: promo-spin 1.2s linear infinite; }

@keyframes promo-spin { to { transform: rotate(360deg); } }
.promo-process-list { counter-reset: process; display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.promo-process-list li { align-items: start; border-top: 1px solid var(--promo-line); display: grid; gap: 24px; grid-template-columns: 64px minmax(0, 1fr); padding: 24px 0; }
.promo-process-list li:last-child { border-bottom: 1px solid var(--promo-line); }
.promo-process-list > li > span { color: var(--promo-orange); font-size: 13px; font-weight: 900; }
.promo-process-list h3 { font-size: 22px; margin: 0 0 6px; }
.promo-process-list p { color: var(--promo-muted); line-height: 1.65; margin: 0; }
.promo-display-band { background: #0e0e12; border-bottom: 1px solid var(--promo-line); border-top: 1px solid var(--promo-line); }
.promo-display-layout { align-items: center; display: grid; gap: 48px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.promo-display-example { background: #151519; border: 1px solid #3b3b43; display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 14px; }
.promo-display-example > div { background: #202026; border-left: 3px solid var(--promo-orange); display: grid; gap: 8px; min-width: 0; padding: 14px; }
.promo-display-example strong { color: #ffb48d; font-size: 12px; }
.promo-display-example span { font-size: 13px; overflow-wrap: anywhere; }
.promo-display-example i { color: var(--promo-orange); font-style: normal; }
.promo-mode-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.promo-mode-grid article { border: 1px solid var(--promo-line); border-left: 4px solid var(--promo-orange); padding: 28px; }
.promo-mode-grid span { color: var(--promo-orange); font-size: 11px; font-weight: 900; letter-spacing: 0; }
.promo-mode-grid h2 { font-size: 27px; margin: 14px 0 10px; }
.promo-mode-grid p { color: var(--promo-muted); line-height: 1.7; margin: 0; }
.promo-free-section { background: #101014; border-bottom: 1px solid var(--promo-line); border-top: 1px solid var(--promo-line); }
.promo-free-layout { align-items: start; display: grid; gap: 52px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.promo-free-copy h2 { font-size: 48px; line-height: 1.08; margin: 0; overflow-wrap: anywhere; }
.promo-free-copy > p:not(.promo-small-heading) { color: var(--promo-muted); line-height: 1.75; margin: 16px 0 0; }
.promo-free-copy small { border-left: 3px solid var(--promo-orange); color: #bbb; display: block; line-height: 1.55; margin-top: 20px; padding-left: 12px; }
.promo-free-list { border-top: 1px solid var(--promo-line); }
.promo-free-list > div { align-items: center; border-bottom: 1px solid var(--promo-line); display: flex; gap: 20px; justify-content: space-between; padding: 15px 0; }
.promo-free-list span { color: #ddd; }
.promo-free-list strong { color: #a8e6aa; font-size: 12px; font-weight: 700; text-align: right; }
.promo-faq-list { display: grid; gap: 8px; max-width: 920px; }
.promo-faq-list details { background: #18181d; border: 1px solid var(--promo-line); border-radius: 8px; }
.promo-faq-list summary { align-items: center; cursor: pointer; display: flex; font-weight: 750; gap: 16px; justify-content: space-between; list-style: none; padding: 19px 20px; }
.promo-faq-list summary::-webkit-details-marker { display: none; }
.promo-faq-list summary span { color: var(--promo-orange); font-size: 22px; transition: transform 160ms ease; }
.promo-faq-list details[open] summary span { transform: rotate(45deg); }
.promo-faq-list details p { border-top: 1px solid var(--promo-line); color: var(--promo-muted); line-height: 1.7; margin: 0; padding: 17px 20px 20px; }
.promo-cta-band { border-top: 1px solid var(--promo-line); padding: 68px 0; }
.promo-cta-layout { align-items: center; display: grid; gap: 30px; grid-template-columns: minmax(0, 1fr) auto; }
.promo-cta-actions { display: flex; flex-wrap: wrap; gap: 9px; justify-content: flex-end; }
.promo-footer { border-top: 1px solid var(--promo-line); color: var(--promo-muted); padding: 32px 0; }
.promo-footer-layout { align-items: center; display: grid; gap: 24px; grid-template-columns: auto minmax(0, 1fr) auto; }
.promo-footer-layout > div { display: grid; gap: 4px; }
.promo-footer-layout strong { color: #fff; }
.promo-footer-layout span { font-size: 11px; }
.promo-footer-layout p { font-size: 12px; margin: 0; text-align: center; }
.promo-footer-layout a { color: #ffb48d; font-size: 13px; }

@media (max-width: 1040px) {
    .promo-links { display: none; }
    .promo-nav-actions { margin-left: auto; }
    .promo-scene { left: 40%; opacity: .58; }
    .promo-hero::after { background: rgba(10, 10, 13, .56); }
    .promo-hero h1 { font-size: 60px; }
    .promo-section-heading h2,
    .promo-display-copy h2,
    .promo-free-copy h2,
    .promo-cta-layout h2 { font-size: 44px; }
}

@media (max-width: 760px) {
    .promo-wrap { padding-left: 16px; padding-right: 16px; }
    .promo-nav { min-height: 64px; }
    .promo-brand small, .promo-register-top { display: none; }
    .promo-login-top { min-height: 36px; padding: 7px 12px; }
    .promo-scene { inset: 24px 0 0 28%; opacity: .32; }
    .promo-scene-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .promo-scene-board:last-child { display: none; }
    .promo-hero::after { background: rgba(10, 10, 13, .76); }
    .promo-hero { min-height: clamp(570px, calc(100vh - 94px), 640px); }
    .promo-hero h1 { font-size: 48px; }
    .promo-hero-lead { font-size: 18px; }
    .promo-section-heading h2,
    .promo-display-copy h2,
    .promo-free-copy h2,
    .promo-cta-layout h2 { font-size: 38px; }
    .promo-hero-content { padding-bottom: 74px; padding-top: 94px; }
    .promo-proof-grid, .promo-card-grid, .promo-demo-grid, .promo-display-layout, .promo-mode-grid, .promo-free-layout, .promo-cta-layout, .promo-footer-layout { grid-template-columns: minmax(0, 1fr); }
    .promo-proof span { padding: 13px 16px; }
    .promo-proof span + span { border-left: 0; border-top: 1px solid var(--promo-line); }
    .promo-section { padding: 62px 0; }
    .promo-display-example { grid-template-columns: minmax(0, 1fr); }
    .promo-inline-cta { align-items: start; grid-template-columns: minmax(0, 1fr); }
    .promo-cta-actions { justify-content: flex-start; }
    .promo-footer-layout, .promo-footer-layout p { text-align: left; }
}

@media (max-width: 420px) {
    .promo-brand strong { font-size: 13px; }
    .promo-mark { height: 36px; width: 42px; }
    .promo-nav-actions { gap: 5px; }
    .promo-language a { padding: 5px 7px; }
    .promo-login-top { font-size: 12px; padding: 6px 10px; }
    .promo-hero h1 { font-size: 42px; overflow-wrap: anywhere; }
    .promo-hero-actions, .promo-hero-actions .promo-button, .promo-cta-actions, .promo-cta-actions .promo-button { width: 100%; }
    .promo-process-list li { gap: 12px; grid-template-columns: 40px minmax(0, 1fr); }
    .promo-card { padding: 19px; }
    .promo-demo-canvas { min-height: 220px; padding: 14px; }
    .promo-demo-setup-row { grid-template-columns: 22px minmax(78px, 1fr) auto; }
    .promo-demo-setup-row small:first-of-type,
    .promo-demo-setup-row em { display: none; }
    .promo-demo-board-grid,
    .promo-demo-display-grid { grid-template-columns: repeat(var(--demo-board-count, 3), minmax(0, 1fr)); }
}

@media (max-width: 380px) {
    .promo-nav { gap: 12px; }
    .promo-brand > span:last-child { display: none; }
    .promo-nav-actions { min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .promo-demo-cycle-state { display: none; }
    .promo-demo-cycle-state:first-child { display: inline-flex; opacity: 1; position: relative; transform: none; }
    .promo-demo-setup-row,
    .promo-demo-board-grid > div,
    .promo-demo-rank-row,
    .promo-demo-resume-line { opacity: 1; transform: none; }
}