:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root,.provider{min-height:100%;margin:0}body{min-width:320px}button,input,textarea,select{font:inherit}.startup-status{color:#47534a;background:#f4f7f3;place-items:center;min-height:100vh;display:grid}.demo-page{color:#172019;background:radial-gradient(circle at 80% 0,#e8f5e9 0,#0000 34rem),#f7f9f6;min-height:100vh}.demo-header{background:#ffffffe6;border-bottom:1px solid #dce5dc;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:14px clamp(20px,5vw,72px);display:flex}.demo-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.demo-brand span:last-child{gap:2px;display:grid}.demo-brand small{color:#5e6b61}.demo-brand-mark{color:#fff;background:#2f9e55;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.demo-header-link{color:#216d3b;font-weight:650}.demo-main{width:min(1120px,100% - 40px);margin:0 auto;padding:64px 0 80px}.demo-eyebrow{color:#2b7a43;letter-spacing:.14em;margin:0 0 12px;font-size:13px;font-weight:800}.demo-main h1{letter-spacing:-.045em;max-width:820px;margin:0;font-size:clamp(42px,7vw,76px);line-height:.98}.demo-lede{color:#4d5a50;max-width:760px;margin:24px 0 34px;font-size:clamp(18px,2vw,23px);line-height:1.55}.demo-player-card{background:#101412;border:1px solid #cfdacf;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px #1c4d2829}.demo-video{aspect-ratio:16/9;background:#0b0f0c;width:100%;display:block}.demo-audio-row{color:#dce7de;background:#172019;align-items:center;gap:16px;padding:14px 18px;display:flex}.demo-audio-row button{color:#0f2416;cursor:pointer;background:#a9e5b8;border:0;border-radius:999px;min-height:42px;padding:0 18px;font-weight:750}.demo-audio-row button:disabled{cursor:default;opacity:.7}.demo-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;margin:28px 0;display:flex}.demo-actions a{color:#216d3b;font-weight:700}.demo-actions .demo-primary-action{color:#fff;background:#287f46;border-radius:10px;padding:12px 18px;text-decoration:none}.demo-safety-note{color:#5c4b22;background:#fff7e2;border-left:4px solid #e2ac42;padding:18px 20px;line-height:1.5}.demo-page a:focus-visible,.demo-page button:focus-visible{outline-offset:3px;outline:3px solid #126fd6}@media (width<=640px){.demo-header{align-items:flex-start}.demo-header-link{display:none}.demo-main{width:min(100% - 24px,1120px);padding-top:44px}.demo-audio-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.demo-page *,.demo-page :before,.demo-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}