// VideoSection.jsx — Loom embed in 16:9 frame.

const VideoSection = () => {
  return (
    <div style={{
      position: 'relative',
      width: '100%',
      aspectRatio: '16 / 9',
      background: '#1a1a1a',
      borderRadius: 4,
      overflow: 'hidden',
      boxShadow: '0 8px 32px rgba(26,26,26,0.12)',
    }}>
      <iframe
        src="https://www.loom.com/embed/674c15fb37fe431a90c8f0129adac47e?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true"
        title="coLiberate intro video"
        frameBorder="0"
        allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
        allowFullScreen
        style={{
          position: 'absolute',
          top: 0,
          left: 0,
          width: '100%',
          height: '100%',
          border: 0,
          display: 'block',
        }}
      />
    </div>
  );
};

Object.assign(window, { VideoSection });