@font-face{font-family:"Space Grotesk";src:url("assets/fonts/SpaceGrotesk-VariableFont_wght.ttf") format("truetype-variations"),url("assets/fonts/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("assets/fonts/JetBrainsMono-VariableFont_wght.ttf") format("truetype-variations"),url("assets/fonts/JetBrainsMono-VariableFont_wght.ttf") format("truetype");font-weight:100 800;font-style:normal;font-display:swap}:root{--font-main: "Space Grotesk", sans-serif;--font-code: "JetBrains Mono", monospace;--font-rad-studio: "Segoe UI", sans-serif;--container-width: 1200px;--radius: 0.5rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--accent-success: #10b981;--rad-studio-primary: #1762a1;--rad-studio-primary-hover: #1c87de;--ring: var(--primary);--ring-offset: 2px}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--bg-body: #09090b;--bg-card: #0a0a0c;--bg-card-hover: #18181b;--bg-dropdown: #0a0a0c;--bg-muted: #18181b;--bg-accent: #27272a;--text-main: #fafafa;--text-muted: #a1a1aa;--primary: #468286;--primary-glow: rgba(70, 130, 134, 0.25);--primary-foreground: #fafafa;--secondary: #88e2e9;--secondary-foreground: #09090b;--rad-studio-bg-secondary: #36414a;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--border-color: #27272a;--glass-bg: rgba(9, 9, 11, 0.8);--code-preview-color: #fff;--code-preview-bg: #2d2f32;--code-highlight-keyword-color: #ffe0bc;--code-highlight-comment-color: #bce784;--code-highlight-string-color: #436ec3;--code-highlight-number-color: #ff7faa;--input-bg: transparent;--input-border: #27272a}}@media(prefers-color-scheme: light){:root{color-scheme:light;--bg-body: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f4f4f5;--bg-dropdown: #ffffff;--bg-muted: #f4f4f5;--bg-accent: #f4f4f5;--text-main: #09090b;--text-muted: #71717a;--primary: #468286;--primary-foreground: #fafafa;--secondary: #88e2e9;--secondary-foreground: #09090b;--rad-studio-bg-secondary: #e7eff5;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--border-color: #e4e4e7;--glass-bg: rgba(255, 255, 255, 0.92);--code-preview-color: #000;--code-preview-bg: #fff;--code-highlight-keyword-color: #000080;--code-highlight-comment-color: #008000;--code-highlight-string-color: #bc3cbc;--code-highlight-number-color: #080dff;--input-bg: transparent;--input-border: #e4e4e7}}body.theme-dark{color-scheme:dark;--bg-body: #09090b;--bg-card: #0a0a0c;--bg-card-hover: #18181b;--bg-dropdown: #0a0a0c;--bg-muted: #18181b;--bg-accent: #27272a;--text-main: #fafafa;--text-muted: #a1a1aa;--primary: #468286;--primary-glow: rgba(70, 130, 134, 0.25);--primary-foreground: #fafafa;--secondary: #88e2e9;--secondary-foreground: #09090b;--rad-studio-bg-secondary: #36414a;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--border-color: #27272a;--glass-bg: rgba(9, 9, 11, 0.8);--code-preview-color: #fff;--code-preview-bg: #2d2f32;--code-highlight-keyword-color: #ffe0bc;--code-highlight-comment-color: #bce784;--code-highlight-string-color: #436ec3;--code-highlight-number-color: #ff7faa;--input-bg: transparent;--input-border: #27272a}body.theme-light{color-scheme:light;--bg-body: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f4f4f5;--bg-dropdown: #ffffff;--bg-muted: #f4f4f5;--bg-accent: #f4f4f5;--text-main: #09090b;--text-muted: #71717a;--primary: #468286;--primary-foreground: #fafafa;--secondary: #88e2e9;--secondary-foreground: #09090b;--rad-studio-bg-secondary: #e7eff5;--shadow-soft: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);--shadow-card-hover: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);--border-color: #e4e4e7;--glass-bg: rgba(255, 255, 255, 0.92);--code-preview-color: #000;--code-preview-bg: #fff;--code-highlight-keyword-color: #000080;--code-highlight-comment-color: #008000;--code-highlight-string-color: #bc3cbc;--code-highlight-number-color: #080dff;--input-bg: transparent;--input-border: #e4e4e7}*{box-sizing:border-box;margin:0;padding:0}*::-moz-selection{background:var(--primary);color:#fff}*::selection{background:var(--primary);color:#fff}html{scroll-behavior:smooth}.video-demo-section{padding:5rem 0;background:var(--bg-body)}.video-demo-section h2{text-align:center;font-size:2rem;font-weight:600;letter-spacing:-0.025em;margin-bottom:3rem}.video-demo-section .video-wrapper{max-width:900px;margin:0 auto;position:relative}.video-demo-section .video-consent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.video-demo-section .video-consent .consent-icon svg{fill:var(--text-muted);width:60px;height:60px;opacity:.5}.video-demo-section .video-consent p{color:var(--text-muted);font-size:.95rem;max-width:500px;line-height:1.6}.video-demo-section .video-consent .consent-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--text-main)}.video-demo-section .video-consent .consent-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.video-demo-section .video-consent .consent-checkbox span{font-weight:500}.video-demo-section .video-frame{display:none;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.video-demo-section .video-frame[src]:not([src=\"\"]){display:block}