[data-buyer-demo]{--buyer-navy:#193b68;--buyer-gold:#a77c4f;--buyer-ink:#173354;--buyer-muted:#5c6671;--buyer-line:#d9d9d1;background:#f7f5ef;color:var(--buyer-ink);padding-block:clamp(3.5rem,7vw,6.5rem)}
[data-buyer-demo] .buyer-demo-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end;gap:1rem 5vw;margin-bottom:2rem}
[data-buyer-demo] .buyer-demo-heading .eyebrow{grid-column:1/-1;margin:0;color:var(--buyer-gold)}
[data-buyer-demo] .buyer-demo-heading h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.14;letter-spacing:-.035em;font-weight:650;max-width:22ch;margin:0;text-wrap:balance}
[data-buyer-demo] .buyer-demo-heading p:not(.eyebrow){font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65;color:var(--buyer-muted);max-width:48ch;margin:0}
[data-buyer-demo] .buyer-demo-player{margin:0;border:1px solid var(--buyer-line);border-radius:18px;overflow:hidden;background:#f7f5ef}
[data-buyer-demo] [data-buyer-video]{display:block;width:100%;height:auto;aspect-ratio:1280/732;object-fit:contain;background:#f7f5ef}
[data-buyer-demo] .buyer-demo-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--buyer-line);padding:0 1.3rem;gap:1rem}
[data-buyer-demo] .buyer-demo-scenes button{font:inherit;font-size:1rem;line-height:1.4;font-weight:500;text-align:left;color:var(--buyer-muted);background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:1rem 0;min-height:52px;cursor:pointer;display:flex;gap:.65rem;align-items:baseline;overflow-wrap:normal;word-break:normal}
[data-buyer-demo] .buyer-demo-scenes button span{font:500 .75rem/1.4 var(--font-mono,'Noto Sans Mono',monospace)}
[data-buyer-demo] .buyer-demo-scenes button[aria-pressed=true]{color:var(--buyer-ink);border-bottom-color:var(--buyer-gold)}
[data-buyer-demo] .buyer-demo-scenes button:hover{color:var(--buyer-ink)}
[data-buyer-demo] button:focus-visible,[data-buyer-demo] summary:focus-visible{outline:2px solid var(--buyer-gold);outline-offset:4px}
[data-buyer-demo] .buyer-demo-caption{padding:1.15rem 1.3rem 1.35rem;border-top:1px solid var(--buyer-line);min-height:7.5rem}
[data-buyer-demo] .buyer-demo-caption h3{font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.35;font-weight:600;margin:0 0 .4rem;text-wrap:balance}
[data-buyer-demo] .buyer-demo-caption p{font-size:1rem;line-height:1.6;color:var(--buyer-muted);margin:0}
[data-buyer-demo] .buyer-demo-caption [hidden]{display:none}
[data-buyer-demo] .buyer-demo-source{margin-top:1.35rem;border-bottom:1px solid var(--buyer-line);padding-bottom:1rem}
[data-buyer-demo] .buyer-demo-source>summary,[data-buyer-demo] .buyer-demo-original>summary{font-size:1rem;font-weight:500;cursor:pointer;min-height:44px;padding-block:.5rem;line-height:1.6}
[data-buyer-demo] .buyer-demo-source dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:.5rem 0 1rem}
[data-buyer-demo] .buyer-demo-source dt{font-size:.8rem;color:var(--buyer-gold);font-weight:600;margin-bottom:.4rem}
[data-buyer-demo] .buyer-demo-source dd{font-size:1rem;line-height:1.6;margin:0;color:var(--buyer-muted)}
[data-buyer-demo] .buyer-demo-source p{font-size:1rem;line-height:1.6;color:var(--buyer-muted);margin:0}
[data-buyer-demo] .buyer-demo-original{margin-top:.6rem}
[data-buyer-demo] .buyer-demo-original .industry-demo-player,[data-buyer-demo] .buyer-demo-original .retail-demo-player{width:100%;max-width:none;margin:1rem 0}
[data-buyer-demo] .buyer-demo-original video{width:100%;height:auto;display:block}
[data-buyer-demo] .buyer-demo-original:not([open]) video{display:none}
@media(max-width:700px){[data-buyer-demo] .buyer-demo-heading{grid-template-columns:1fr;gap:.7rem;margin-bottom:1.5rem}[data-buyer-demo] .buyer-demo-heading h2{max-width:24ch}[data-buyer-demo] [data-buyer-video]{aspect-ratio:720/1188}[data-buyer-demo] .buyer-demo-player{border-radius:12px}[data-buyer-demo] .buyer-demo-scenes{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1rem;gap:0 1rem}[data-buyer-demo] .buyer-demo-scenes button{font-size:.95rem;min-height:48px;padding:.75rem 0}[data-buyer-demo] .buyer-demo-caption{padding:1rem;min-height:9rem}[data-buyer-demo] .buyer-demo-source dl{grid-template-columns:1fr;gap:1rem}}
@media(prefers-reduced-motion:reduce){[data-buyer-demo] *{scroll-behavior:auto!important;transition:none!important}}

[data-buyer-demo] .buyer-demo-lead-line{display:block}
@media(max-width:700px){[data-buyer-demo] .buyer-demo-lead-line{display:inline}}

[data-buyer-demo] .buyer-demo-heading h2 .buyer-demo-title-phrase{display:inline-block;white-space:nowrap}
