@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";html[data-palette=indaco][data-mode=light]{--bg:#FFFFFF;--bg-alt:#F2F5FA;--border:#E4EAF2;--text-heading:#0A1628;--text-body:#1E3A5F;--text-muted:#6B7F9A;--accent:#006FA8;--accent-soft:#EFF6FC;--on-accent:#FFFFFF;--bg-dark:#003D66}html[data-palette=indaco][data-mode=dark]{--bg:#001D33;--bg-alt:#002847;--border:#0F3A5F;--text-heading:#FFFFFF;--text-body:#CBD9E8;--text-muted:#6B7F9A;--accent:#82C8E5;--accent-soft:#002847;--on-accent:#003D66;--bg-dark:#003D66}html[data-palette=cuoio][data-mode=light]{--bg:#FAF7F2;--bg-alt:#F3EDE4;--border:#E0D8CC;--text-heading:#1E1A15;--text-body:#6B5D4F;--text-muted:#A69882;--accent:#7A5A10;--accent-soft:#F5EFE0;--on-accent:#FFFFFF;--bg-dark:#1E1A15}html[data-palette=cuoio][data-mode=dark]{--bg:#15110D;--bg-alt:#1E1A15;--border:#3A2E20;--text-heading:#FAF7F2;--text-body:#D6C4A8;--text-muted:#A69882;--accent:#C8A040;--accent-soft:#3A2E20;--on-accent:#1E1A15;--bg-dark:#1E1A15}html[data-palette=ardesia][data-mode=light]{--bg:#FAFAF9;--bg-alt:#ECECEB;--border:#DCDCDB;--text-heading:#0A0A0A;--text-body:#2A2A2A;--text-muted:#757572;--accent:#1F1F1F;--accent-soft:#E8E8E7;--on-accent:#FFFFFF;--bg-dark:#1A1A1A}html[data-palette=ardesia][data-mode=dark]{--bg:#0F0F0F;--bg-alt:#2A2A2A;--border:#3D3D3D;--text-heading:#FFFFFF;--text-body:#C8C8C5;--text-muted:#757572;--accent:#E0E0DE;--accent-soft:#0F0F0F;--on-accent:#1A1A1A;--bg-dark:#1A1A1A}html[data-palette=atelier][data-mode=light]{--bg:#F0EDE6;--bg-alt:#E5E0D2;--border:#C8C0A8;--text-heading:#1A1A18;--text-body:#42403A;--text-muted:#75705F;--accent:#1A1A18;--accent-soft:#DBD5C0;--on-accent:#F0EDE6;--bg-dark:#0F0E0C}html[data-palette=atelier][data-mode=dark]{--bg:#0F0E0C;--bg-alt:#28241D;--border:#38332A;--text-heading:#F0EDE6;--text-body:#BFB8A8;--text-muted:#85806F;--accent:#DBD5C0;--accent-soft:#0F0E0C;--on-accent:#0F0E0C;--bg-dark:#0F0E0C}html[data-palette=brina][data-mode=light]{--bg:#F2F5F7;--bg-alt:#E8EDF1;--border:#D2DBE2;--text-heading:#1A2330;--text-body:#475260;--text-muted:#7A848F;--accent:#3D6A82;--accent-soft:#DAE6EE;--on-accent:#FFFFFF;--bg-dark:#0C141C}html[data-palette=brina][data-mode=dark]{--bg:#0C141C;--bg-alt:#1E2A38;--border:#2C3B4D;--text-heading:#E6EDF4;--text-body:#A5B3C2;--text-muted:#6F7E8F;--accent:#9CC0D2;--accent-soft:#0C141C;--on-accent:#0C141C;--bg-dark:#0C141C}html[data-palette=burgundy][data-mode=light]{--bg:#F8F2E5;--bg-alt:#F1E8D2;--border:#DBCEAE;--text-heading:#2A1015;--text-body:#523A40;--text-muted:#7C6A6F;--accent:#742532;--accent-soft:#EAD4D8;--on-accent:#FFFFFF;--bg-dark:#180609}html[data-palette=burgundy][data-mode=dark]{--bg:#180609;--bg-alt:#2F141B;--border:#48202A;--text-heading:#F0E2CE;--text-body:#BFA9A6;--text-muted:#85706E;--accent:#C36B78;--accent-soft:#180609;--on-accent:#180609;--bg-dark:#180609}html[data-palette=carbone][data-mode=light],html[data-palette=carbone][data-mode=dark]{--bg:#1A1A1C;--bg-alt:#26262A;--border:#3A3A3F;--text-heading:#F5F5F2;--text-body:#DCDCD7;--text-muted:#757A82;--accent:#7DE38A;--accent-soft:#2C3D2F;--on-accent:#0E0E10;--bg-dark:#0E0E10}html[data-palette=carta][data-mode=light]{--bg:#FAF7F0;--bg-alt:#F1EBDF;--border:#E4DBC9;--text-heading:#211C15;--text-body:#3A3127;--text-muted:#897C68;--accent:#38598C;--accent-soft:#E9E7F0;--on-accent:#FFFFFF;--bg-dark:#2A2620}html[data-palette=carta][data-mode=dark]{--bg:#1E1A14;--bg-alt:#2A241B;--border:#3C3328;--text-heading:#FBF6EC;--text-body:#E7DDC9;--text-muted:#897C68;--accent:#9DB8DC;--accent-soft:#1F2C3D;--on-accent:#2A2620;--bg-dark:#2A2620}html[data-palette=concrete][data-mode=light]{--bg:#B8B8B5;--bg-alt:#D5D5D2;--border:#80807C;--text-heading:#0F0F0E;--text-body:#2A2A28;--text-muted:#4F4F4C;--accent:#0F0F0E;--accent-soft:#D5D5D2;--on-accent:#ECECE8;--bg-dark:#1A1A18}html[data-palette=concrete][data-mode=dark]{--bg:#1A1A18;--bg-alt:#38383A;--border:#5A5A58;--text-heading:#ECECE8;--text-body:#B8B8B5;--text-muted:#80807C;--accent:#ECECE8;--accent-soft:#28282A;--on-accent:#1A1A18;--bg-dark:#1A1A18}html[data-palette=crepuscolo][data-mode=light]{--bg:#FAF8FC;--bg-alt:#EFEBF5;--border:#DCD4E8;--text-heading:#150F22;--text-body:#2E2542;--text-muted:#8E83A8;--accent:#5B3D8C;--accent-soft:#ECE5F5;--on-accent:#FFFFFF;--bg-dark:#2A1B45}html[data-palette=crepuscolo][data-mode=dark]{--bg:#1A0F2D;--bg-alt:#2A1B45;--border:#3F2A5C;--text-heading:#FFFFFF;--text-body:#C8BFE0;--text-muted:#8E83A8;--accent:#B59ADC;--accent-soft:#1A0F2D;--on-accent:#2A1B45;--bg-dark:#2A1B45}html[data-palette=laguna][data-mode=light]{--bg:#F8F2E5;--bg-alt:#F1E9D4;--border:#DBCFB2;--text-heading:#0E2F33;--text-body:#3D5559;--text-muted:#6F7C7F;--accent:#006D77;--accent-soft:#D2E8EA;--on-accent:#FFFFFF;--bg-dark:#04181B}html[data-palette=laguna][data-mode=dark]{--bg:#04181B;--bg-alt:#0F2D31;--border:#1C3F44;--text-heading:#EFE8D7;--text-body:#A9B7B9;--text-muted:#6F7C7F;--accent:#5BBDC4;--accent-soft:#04181B;--on-accent:#04181B;--bg-dark:#04181B}html[data-palette=magnolia][data-mode=light]{--bg:#FCF8F5;--bg-alt:#F4E4E0;--border:#E8D2CD;--text-heading:#1F0A0F;--text-body:#3F1A22;--text-muted:#B79A93;--accent:#A04A55;--accent-soft:#F5DDD8;--on-accent:#FFFFFF;--bg-dark:#1F0A0F}html[data-palette=magnolia][data-mode=dark]{--bg:#14060A;--bg-alt:#3F1A22;--border:#5A2530;--text-heading:#FFFFFF;--text-body:#DBB8B8;--text-muted:#B79A93;--accent:#E8A8B5;--accent-soft:#14060A;--on-accent:#1F0A0F;--bg-dark:#1F0A0F}html[data-palette=mustard][data-mode=light]{--bg:#F5EFD8;--bg-alt:#ECE3C0;--border:#D5C896;--text-heading:#2A1A06;--text-body:#4F3D1C;--text-muted:#80704A;--accent:#8C6A18;--accent-soft:#E8D580;--on-accent:#FFFFFF;--bg-dark:#0F0A03}html[data-palette=mustard][data-mode=dark]{--bg:#0F0A03;--bg-alt:#2A1F0E;--border:#3D2D14;--text-heading:#F0E5C8;--text-body:#BDAC78;--text-muted:#85734A;--accent:#D4A848;--accent-soft:#0F0A03;--on-accent:#0F0A03;--bg-dark:#0F0A03}html[data-palette=onyx][data-mode=light]{--bg:#FFFFFF;--bg-alt:#F5F5F5;--border:#1A1A1A;--text-heading:#000000;--text-body:#3A3A3A;--text-muted:#6E6E6E;--accent:#000000;--accent-soft:#F0F0F0;--on-accent:#FFFFFF;--bg-dark:#000000}html[data-palette=onyx][data-mode=dark]{--bg:#000000;--bg-alt:#1A1A1A;--border:#FFFFFF;--text-heading:#FFFFFF;--text-body:#BFBFBF;--text-muted:#8C8C8C;--accent:#FFFFFF;--accent-soft:#1F1F1F;--on-accent:#000000;--bg-dark:#000000}:root{--font-display: "Playfair Display", Georgia, serif;--font-body: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--bg: #ffffff;--bg-alt: #f2f5fa;--border: #e4eaf2;--text-heading: #0a1628;--text-body: #1e3a5f;--text-muted: #6b7f9a;--accent: #006fa8;--accent-soft: #eff6fc;--on-accent: #ffffff;--bg-dark: #003d66;--maxw: 1180px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--icon-menu: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 6h16'/%3e%3cpath d='M4 12h16'/%3e%3cpath d='M4 18h16'/%3e%3c/svg%3e");--icon-moon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3e%3c/svg%3e");--icon-sun: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='4'/%3e%3cpath d='M12 2v2'/%3e%3cpath d='M12 20v2'/%3e%3cpath d='m4.93 4.93 1.41 1.41'/%3e%3cpath d='m17.66 17.66 1.41 1.41'/%3e%3cpath d='M2 12h2'/%3e%3cpath d='M20 12h2'/%3e%3cpath d='m6.34 17.66-1.41 1.41'/%3e%3cpath d='m19.07 4.93-1.41 1.41'/%3e%3c/svg%3e");--icon-volume-2: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3e%3cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3e%3cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3e%3c/svg%3e");--icon-settings: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3e%3ccircle cx='12' cy='12' r='3'/%3e%3c/svg%3e");--icon-gallery: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect width='7' height='7' x='3' y='3' rx='1'/%3e%3crect width='7' height='7' x='14' y='3' rx='1'/%3e%3crect width='7' height='7' x='14' y='14' rx='1'/%3e%3crect width='7' height='7' x='3' y='14' rx='1'/%3e%3c/svg%3e");--icon-flag: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3e%3cline x1='4' x2='4' y1='22' y2='15'/%3e%3c/svg%3e");--icon-chevron-left: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m15 18-6-6 6-6'/%3e%3c/svg%3e");--icon-chevron-right: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m9 18 6-6-6-6'/%3e%3c/svg%3e");--icon-chevron-down: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m6 9 6 6 6-6'/%3e%3c/svg%3e");--icon-chevron-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m18 15-6-6-6 6'/%3e%3c/svg%3e");--icon-arrow-up: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m5 12 7-7 7 7'/%3e%3cpath d='M12 19V5'/%3e%3c/svg%3e");--icon-scan: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M3 7V5a2 2 0 0 1 2-2h2'/%3e%3cpath d='M17 3h2a2 2 0 0 1 2 2v2'/%3e%3cpath d='M21 17v2a2 2 0 0 1-2 2h-2'/%3e%3cpath d='M7 21H5a2 2 0 0 1-2-2v-2'/%3e%3c/svg%3e");--icon-sliders-horizontal: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='21' x2='14' y1='4' y2='4'/%3e%3cline x1='10' x2='3' y1='4' y2='4'/%3e%3cline x1='21' x2='12' y1='12' y2='12'/%3e%3cline x1='8' x2='3' y1='12' y2='12'/%3e%3cline x1='21' x2='16' y1='20' y2='20'/%3e%3cline x1='12' x2='3' y1='20' y2='20'/%3e%3cline x1='14' x2='14' y1='2' y2='6'/%3e%3cline x1='8' x2='8' y1='10' y2='14'/%3e%3cline x1='16' x2='16' y1='18' y2='22'/%3e%3c/svg%3e");--icon-pencil: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3e%3cpath d='m15 5 4 4'/%3e%3c/svg%3e");--icon-play: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolygon points='6 3 20 12 6 21 6 3'/%3e%3c/svg%3e");--icon-x: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M18 6 6 18'/%3e%3cpath d='m6 6 12 12'/%3e%3c/svg%3e");--icon-arrow-right: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 12h14'/%3e%3cpath d='m12 5 7 7-7 7'/%3e%3c/svg%3e");--icon-arrow-left: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m12 19-7-7 7-7'/%3e%3cpath d='M19 12H5'/%3e%3c/svg%3e");--icon-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M20 6 9 17l-5-5'/%3e%3c/svg%3e");--icon-plus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 12h14'/%3e%3cpath d='M12 5v14'/%3e%3c/svg%3e");--icon-message-circle-plus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3e%3cpath d='M8 12h8'/%3e%3cpath d='M12 8v8'/%3e%3c/svg%3e");--icon-sparkles: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z'/%3e%3cpath d='M5 3v4'/%3e%3cpath d='M19 17v4'/%3e%3cpath d='M3 5h4'/%3e%3cpath d='M17 19h4'/%3e%3c/svg%3e");--icon-undo: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 14 4 9l5-5'/%3e%3cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11'/%3e%3c/svg%3e");--icon-minus: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 12h14'/%3e%3c/svg%3e");--icon-cloud: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3e%3c/svg%3e");--icon-cpu: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M12 20v2'/%3e%3cpath d='M12 2v2'/%3e%3cpath d='M17 20v2'/%3e%3cpath d='M17 2v2'/%3e%3cpath d='M2 12h2'/%3e%3cpath d='M2 17h2'/%3e%3cpath d='M2 7h2'/%3e%3cpath d='M20 12h2'/%3e%3cpath d='M20 17h2'/%3e%3cpath d='M20 7h2'/%3e%3cpath d='M7 20v2'/%3e%3cpath d='M7 2v2'/%3e%3crect x='4' y='4' width='16' height='16' rx='2'/%3e%3crect x='8' y='8' width='8' height='8' rx='1'/%3e%3c/svg%3e");--icon-circle-slash: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'/%3e%3cline x1='9' x2='15' y1='15' y2='9'/%3e%3c/svg%3e");--icon-loader-circle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3e%3c/svg%3e");--icon-triangle-alert: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3e%3cpath d='M12 9v4'/%3e%3cpath d='M12 17h.01'/%3e%3c/svg%3e")}.ico{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}.ico-arrow-right{--ico: var(--icon-arrow-right)}.ico-arrow-left{--ico: var(--icon-arrow-left)}.ico-arrow-up{--ico: var(--icon-arrow-up)}.ico-chevron-down{--ico: var(--icon-chevron-down)}.ico-chevron-left{--ico: var(--icon-chevron-left)}.ico-chevron-right{--ico: var(--icon-chevron-right)}.ico-check{--ico: var(--icon-check)}.ico-x{--ico: var(--icon-x)}.ico-settings{--ico: var(--icon-settings)}.ico-gallery{--ico: var(--icon-gallery)}.ico-plus{--ico: var(--icon-plus)}.ico-undo{--ico: var(--icon-undo)}.ico-minus{--ico: var(--icon-minus)}:root,html[data-mode=light]{--shadow-sm: 0 1px 2px rgba(10, 22, 40, .05), 0 4px 12px rgba(10, 22, 40, .06);--shadow-lg: 0 2px 6px rgba(10, 22, 40, .06), 0 24px 60px rgba(10, 22, 40, .14);--on-dark: #f4f8fc;--on-dark-muted: rgba(244, 248, 252, .62)}html[data-mode=dark]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .4), 0 24px 60px rgba(0, 0, 0, .55);--on-dark: #f4f8fc;--on-dark-muted: rgba(244, 248, 252, .62)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-weight:400;color:var(--text-body);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;line-height:1.08;margin:0}code{font-family:var(--font-mono)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;gap:20px;height:62px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-logo{display:block;height:30px;width:auto}.foot .brand-logo{height:26px;width:auto}.brand-mark{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--text-heading);letter-spacing:-.01em}.topnav{display:flex;align-items:center;gap:22px;margin-left:auto}.topnav a.navlink{font-size:14px;font-weight:500;color:var(--text-body)}.topnav a.navlink:hover,.topnav a.navlink[aria-current=page]{color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:10px}.controls{display:flex;align-items:center;gap:8px}.nav-toggle{display:none;flex:0 0 auto;width:34px;height:34px;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-body);cursor:pointer}.nav-toggle:before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--icon-menu) center / contain no-repeat;mask:var(--icon-menu) center / contain no-repeat}.nav-toggle:hover{border-color:var(--accent);color:var(--accent)}.palette-select{padding:6px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-body);font-family:var(--font-body);font-size:13px;cursor:pointer}.palette-select:focus{outline:none;border-color:var(--accent)}.mode-toggle{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-body);cursor:pointer}.mode-toggle:hover{border-color:var(--accent);color:var(--accent)}.mode-toggle:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--icon-moon) center / contain no-repeat;mask:var(--icon-moon) center / contain no-repeat}html[data-mode=dark] .mode-toggle:before{-webkit-mask-image:var(--icon-sun);mask-image:var(--icon-sun)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--text-heading);border-color:var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:clamp(48px,7vw,96px) 0 clamp(40px,5vw,72px)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}.hero-copy,.proof{min-width:0}.hero-copy .eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(38px,5.4vw,68px);margin-bottom:22px}.hero h1 .accent{color:var(--accent);font-style:italic}.hero-lead{font-size:clamp(17px,1.5vw,20px);color:var(--text-body);max-width:46ch;margin:0 0 30px}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cta-note{font-size:13px;color:var(--text-muted);margin:16px 0 0}.proof{display:flex;flex-direction:column;gap:12px}.proof-tabs{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-alt)}.proof-tab{appearance:none;border:0;border-radius:6px;padding:6px 16px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;cursor:pointer}.proof-tab:hover{color:var(--text-body)}.proof-tab.is-active{color:var(--accent);background:var(--bg);box-shadow:var(--shadow-sm)}.proof-code{background:var(--bg-dark);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-lg);overflow:auto;aspect-ratio:16 / 9}.proof-code pre{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--on-dark);white-space:pre}.proof-code .ln-class{color:color-mix(in srgb,var(--accent) 70%,#ffffff)}.proof-code .ln-h{color:#fff;font-weight:600}.proof-code .ln-dim{color:var(--on-dark-muted)}.slide-frame{position:relative;margin:0;width:100%;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--bg-alt);aspect-ratio:16 / 9}.slide-frame iframe.live,.shot-img iframe.live{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:top left;border:0;display:block;opacity:0;transition:opacity .25s ease}.slide-frame.is-live iframe.live,.shot-img.is-live iframe.live{opacity:1}.slide-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.section{padding:clamp(48px,6vw,88px) 0}.section.alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-head{max-width:62ch;margin-bottom:40px}.section-head .eyebrow{margin-bottom:12px}.section-head h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}.section-head p{font-size:17px;color:var(--text-body);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:26px 24px;box-shadow:var(--shadow-sm)}.section.alt .feature{background:var(--bg)}.feature h3{font-family:var(--font-body);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--text-heading);margin-bottom:8px;line-height:1.3}.feature p{font-size:15px;color:var(--text-body);margin:0}.feature code{font-size:.88em;color:var(--accent)}.feature-shot{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-sm);background:var(--bg-alt);border:1px solid var(--border);margin-bottom:18px}.card-open{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;color:var(--accent);text-decoration:none}.card-open:hover,.card-open:focus-visible{text-decoration:underline}.restyle{max-width:860px;margin:0 auto}.restyle-stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-alt);box-shadow:var(--shadow-md)}.restyle-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.restyle-swatches{display:flex;flex-wrap:wrap;gap:9px}.restyle-swatches .swatch{width:22px;height:22px;padding:0;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.restyle-swatches .swatch:hover{transform:scale(1.12)}.restyle-swatches .swatch.active{border-color:var(--text-heading);transform:scale(1.2)}.restyle-name{margin:0;font-weight:600;font-size:15px;color:var(--text-heading);min-width:7ch;text-align:right}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.next-card{display:block;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:26px 24px;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.next-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.next-card h3{font-family:var(--font-body);font-weight:600;font-size:19px;color:var(--text-heading);margin-bottom:8px}.next-card p{font-size:15px;color:var(--text-body);margin:0 0 14px}.next-card .go{font-size:14px;font-weight:600;color:var(--accent)}.foot{border-top:1px solid var(--border);background:var(--bg-alt);padding:40px 0}.foot-inner{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center}.foot .brand-mark{font-size:18px}.foot nav{display:flex;gap:22px;flex-wrap:wrap}.foot nav a{font-size:14px;color:var(--text-body)}.foot nav a:hover{color:var(--accent)}.foot .legal{margin-left:auto;font-size:13px;color:var(--text-muted)}.for-dark,html[data-mode=dark] .for-light{display:none}html[data-mode=dark] .for-dark{display:block}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.proof{order:-1}.feature-grid,.next-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav-toggle{display:inline-flex}.topbar-actions{margin-left:auto}.topnav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 0;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg)}.topbar.nav-open .topnav{display:flex}.topnav a.navlink{font-size:16px;padding:12px 24px}}@media(max-width:620px){.feature-grid,.next-grid{grid-template-columns:1fr}.foot .legal{margin-left:0}}