.cs-demo-frame{height:min(620px,72vh);min-height:440px}.cs-demo-frame.compact{height:min(480px,64vh);min-height:360px}.feature figure.cs-live{box-shadow:none;background:0 0;padding:0}.feature figure.cs-live figcaption{color:var(--muted)}.cs-exhibit{border-top:3px solid var(--rule);gap:28px;margin:clamp(56px,8vw,104px) 0 8px;padding-top:16px;display:grid}.cs-exhibit h2{text-transform:uppercase;max-width:12ch;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);font-weight:800;font-stretch:66%;line-height:.9}.cs-exhibit-copy p{max-width:36ch;color:var(--muted);margin:16px 0 0}.cs-try{align-items:center;gap:8px;margin-top:14px;font-size:.95rem;display:flex}.cs-try:before{content:"";background:#f59e0b;border-radius:50%;flex:none;width:9px;height:9px}@media (width>=900px){.cs-exhibit{grid-template-columns:1.1fr .9fr;align-items:end;gap:48px}.cs-exhibit .cs-demo-frame{grid-column:1/-1;height:min(640px,68vh)}}.cs-edge{align-items:center;gap:36px;margin:72px 0 12px;display:grid}.cs-edge h2{text-transform:uppercase;max-width:12ch;margin:0;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:800;font-stretch:66%;line-height:.9}.cs-edge p{max-width:42ch;color:var(--muted);margin:14px 0 0}.cs-seg{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.cs-seg button{min-height:42px;color:var(--muted);font:800 .85rem var(--sans);text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:9px 18px}.cs-seg button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.cs-mini{aspect-ratio:16/10;background:var(--stage);position:relative}.cs-mini-win{background:#181818;border:1px solid #333;border-radius:10px;grid-template-rows:32px 1fr;grid-template-areas:"bar""body";transition:grid-template-rows .35s,grid-template-columns .35s;display:grid;position:absolute;inset:7%;overflow:hidden;box-shadow:0 30px 60px -24px #0f172a80}.cs-mini-win[data-edge=bottom]{grid-template-rows:1fr 32px;grid-template-areas:"body""bar"}.cs-mini-win[data-edge=left]{grid-template:"bar body"1fr/120px 1fr}.cs-mini-win[data-edge=right]{grid-template:"body bar"1fr/1fr 120px}.cs-mini-bar{color:#ffffffbf;background:#2c2c2e;grid-area:bar;align-items:center;gap:4px;padding:5px 8px;font:500 11px -apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;display:flex;overflow:hidden}.cs-mini-win[data-edge=left] .cs-mini-bar,.cs-mini-win[data-edge=right] .cs-mini-bar{flex-direction:column;align-items:stretch;padding:10px 8px}.cs-mini-bar span{white-space:nowrap;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:3px 8px;display:flex}.cs-mini-bar span.on{color:#fff;background:#0a84ff66}.cs-mini-bar i{background:#f59e0b;border-radius:50%;width:6px;height:6px;display:block}.cs-mini-body{grid-area:body;align-content:start;gap:8px;padding:16px;display:grid}.cs-mini-body i{background:#2e2e2e;border-radius:4px;height:7px;display:block}@media (width>=900px){.cs-edge{grid-template-columns:1fr 1.25fr}}@media (prefers-reduced-motion:reduce){.cs-mini-win{transition:none}}