.demo-player{border-radius:var(--radius-2xl);background:#0c1217;border:1px solid #23303c;width:100%;min-width:0;overflow:hidden}.demo-player:empty{aspect-ratio:16/9}.demo-player iframe{background:#0c1217;border:0;width:100%;display:block}.demo-player--hero{border-radius:var(--radius-xl);box-shadow:0 30px 60px -30px #0f172a99}.demo-player--hero iframe{aspect-ratio:16/9;height:auto}.demo-showcase{padding-block:var(--space-20);background:var(--color-neutral-50);border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default)}.demo-showcase__areas{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.demo-showcase__area-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-base), background var(--transition-base), color var(--transition-base);background:#fff;display:inline-flex}.demo-showcase__area-tab small{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.demo-showcase__area-tab:hover{border-color:var(--color-border-strong)}.demo-showcase__area-tab[aria-selected=true]{background:var(--color-primary-700);border-color:var(--color-primary-700);color:#fff}.demo-showcase__area-tab[aria-selected=true] small{color:#ffffffbf}.demo-showcase__options{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.demo-showcase__stage{gap:var(--space-6);scroll-margin-top:calc(64px + var(--space-4));grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;display:grid}.demo-showcase__player{min-width:0}.demo-showcase__info{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.demo-showcase__now{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-700)}.demo-showcase__info .demo-kpis{grid-template-columns:minmax(0,1fr)}@media (width<=1024px){.demo-showcase__stage{grid-template-columns:minmax(0,1fr)}.demo-showcase__info .demo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.demo-showcase__info .demo-kpis{grid-template-columns:minmax(0,1fr)}}.demo-option{text-align:left;width:100%;padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#fff;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.demo-option b{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.demo-option span{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.demo-option:hover{border-color:var(--color-border-strong)}.demo-option[aria-pressed=true]{border-color:var(--color-primary-700);box-shadow:0 0 0 3px var(--color-primary-50)}.demo-stage{gap:var(--space-4);min-width:0;scroll-margin-top:calc(64px + var(--space-4));flex-direction:column;display:flex}.demo-stage__lede{max-width:68ch;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.demo-kpis{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.demo-kpi{min-width:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:#fff}.demo-kpi__value{font-family:"Barlow Condensed", "Arial Narrow", var(--font-family-base);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1;display:block}.demo-kpi:first-child .demo-kpi__value{color:var(--color-success-700)}.demo-kpi__label{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.35;display:block}.demo-cta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.demo-cta__more{font-weight:var(--font-weight-semibold);color:var(--color-primary-700);text-decoration:none}.demo-cta__more:hover,.demo-cta__more:focus-visible{text-decoration:underline}.demo-cta__note{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.demo-segment__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.demo-segment__alts{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.demo-library__grid{gap:var(--space-3);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.demo-card{gap:var(--space-2);text-align:left;width:100%;min-width:0;padding:var(--space-4);color:#e7edf1;border-radius:var(--radius-xl);transition:border-color var(--transition-base), box-shadow var(--transition-base);background:#0c1217;border:1px solid #23303c;flex-direction:column;display:flex}.demo-card:hover{border-color:#3b4c5b}.demo-card[aria-pressed=true]{border-color:#3be38e;box-shadow:0 0 0 3px #3be38e2e}.demo-card__top{justify-content:space-between;gap:var(--space-2);font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:#8c9dab;display:flex}.demo-card__name{font-family:"Barlow Condensed", "Arial Narrow", var(--font-family-base);font-size:24px;font-weight:700;line-height:1.05}.demo-card__kpi{align-items:baseline;gap:var(--space-2);min-width:0;display:flex}.demo-card__kpi b{font-family:"Barlow Condensed", "Arial Narrow", var(--font-family-base);color:#3be38e;flex-shrink:0;font-size:28px;font-weight:700;line-height:1}.demo-card__kpi span{font-size:var(--font-size-sm);color:#8c9dab;line-height:1.3}@media (width<=960px){.demo-segment__grid{grid-template-columns:minmax(0,1fr)}.demo-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.demo-showcase{padding-block:var(--space-12)}.demo-kpis,.demo-library__grid{grid-template-columns:minmax(0,1fr)}}