/* AithingX shared theme system — tokens (20 palettes) + component CSS, consumed by all 8 pages */
:root{
  --surface-0: #f4f6f9;
  --surface-1: #eef2f6;
  --surface-2: #ffffff;
  --surface-3: #ffffff;
  --text-primary: #0e1d35;
  --text-secondary: #5f7083;
  --text-tertiary: #939fac;
  --text-on-accent: #ffffff;
  --border-subtle: rgba(14,29,53,0.11);
  --border-strong: rgba(14,29,53,0.18);
  --input-border: rgba(14,29,53,0.5);
  --focus-ring: #1b8fb5;
  --accent: #1b8fb5;
  --accent-2: #0e8b7d;
  --accent-info: #2755c7;
  --accent-alt: #6256b6;
  --accent-warn: #b48a43;
  --grid-line: rgba(28,56,91,.034);
  --aurora-1: rgba(55,84,196,.17);
  --aurora-2: rgba(20,148,135,.145);
  --aurora-3: rgba(181,139,67,.085);
  --aurora-4: rgba(85,117,171,.105);
  --aurora-5: rgba(98,86,182,0.075);
  --aurora-base-1: #fbfcfe;
  --aurora-base-2: #eef2f6;
  --aurora-base-3: #f8f9fb;
  --aurora-base-4: #edf3f2;
  --liquid-1-a: rgba(52,88,204,.28);
  --liquid-1-b: rgba(40,97,183,.10);
  --liquid-2-a: rgba(14,151,134,.24);
  --liquid-2-b: rgba(178,139,69,.075);
  --hero-grad-1: #173f91;
  --hero-grad-2: #2c65d4;
  --hero-grad-3: #118f82;
  --brand-grad-1: #17799a;
  --brand-grad-2: #0d8073;
  --nav-tint-1: rgba(39,85,199,0.07);
  --nav-tint-2: rgba(255,255,255,0.91);
  --nav-tint-3: rgba(14,139,125,0.06);
  --panel-grad-1: #ffffff;
  --panel-grad-2: #eef2f6;
  --orb-grad-1: #ffffff;
  --orb-grad-2: #eef2f6;
  --orb-border: rgba(14,29,53,0.1);
  --orb-glow: rgba(27,143,181,0.1);
  --tile-grad-1: rgba(27,143,181,0.14);
  --tile-grad-2: rgba(14,139,125,0.08);
  --tile-fg: #1b8fb5;
  --icon-bg-1: #eef2ff;
  --icon-bg-2: #edf8f6;
  --icon-fg: #2959a5;
  --shadow-color: rgba(14,29,53,0.12);
  --shadow-sm: 0 8px 24px rgba(14,29,53,0.08);
  --shadow-md: 0 16px 44px rgba(14,29,53,0.1);
  --shadow-lg: 0 24px 72px rgba(14,29,53,0.12);
  --selection-bg: rgba(27,143,181,0.2);
  --tint-warn: rgba(180,138,67,0.1);
  --tint-warn-border: rgba(180,138,67,0.22);
  --tint-warn-text: #755a2c;
  --tint-ok: rgba(14,139,125,0.1);
  --tint-ok-border: rgba(14,139,125,0.2);
  --tint-ok-text: #095a51;
  --tint-info: rgba(39,85,199,0.1);
  --tint-info-border: rgba(39,85,199,0.2);
  --tint-info-text: #193781;
  --cta-grad-1: #122554;
  --cta-grad-2: #0f4459;
  --cta-grad-3: #083938;
  --cta-highlight: rgba(27,143,181,0.16);
  --cta-text: #ffffff;
  --footer-bg-1: #0d3748;
  --footer-bg-2: #132657;
  --footer-bg-3: #083534;
  --footer-text: rgba(255,255,255,.76);
  --footer-text-strong: #ffffff;
  --footer-border: rgba(255,255,255,.08);
  --stat-strong: #183f76;
}

[data-theme="platinum"][data-mode="light"]{--surface-0:#f4f6f9;--surface-1:#eef2f6;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#0e1d35;--text-secondary:#5f7083;--text-tertiary:#939fac;--text-on-accent:#ffffff;--border-subtle:rgba(14,29,53,0.11);--border-strong:rgba(14,29,53,0.18);--input-border:rgba(14,29,53,0.5);--focus-ring:#1b8fb5;--accent:#1b8fb5;--accent-2:#0e8b7d;--accent-info:#2755c7;--accent-alt:#6256b6;--accent-warn:#b48a43;--grid-line:rgba(28,56,91,.034);--aurora-1:rgba(55,84,196,.17);--aurora-2:rgba(20,148,135,.145);--aurora-3:rgba(181,139,67,.085);--aurora-4:rgba(85,117,171,.105);--aurora-5:rgba(98,86,182,0.075);--aurora-base-1:#fbfcfe;--aurora-base-2:#eef2f6;--aurora-base-3:#f8f9fb;--aurora-base-4:#edf3f2;--liquid-1-a:rgba(52,88,204,.28);--liquid-1-b:rgba(40,97,183,.10);--liquid-2-a:rgba(14,151,134,.24);--liquid-2-b:rgba(178,139,69,.075);--hero-grad-1:#173f91;--hero-grad-2:#2c65d4;--hero-grad-3:#118f82;--brand-grad-1:#17799a;--brand-grad-2:#0d8073;--nav-tint-1:rgba(39,85,199,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(14,139,125,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#eef2f6;--orb-grad-1:#ffffff;--orb-grad-2:#eef2f6;--orb-border:rgba(14,29,53,0.1);--orb-glow:rgba(27,143,181,0.1);--tile-grad-1:rgba(27,143,181,0.14);--tile-grad-2:rgba(14,139,125,0.08);--tile-fg:#1b8fb5;--icon-bg-1:#eef2ff;--icon-bg-2:#edf8f6;--icon-fg:#2959a5;--shadow-color:rgba(14,29,53,0.12);--shadow-sm:0 8px 24px rgba(14,29,53,0.08);--shadow-md:0 16px 44px rgba(14,29,53,0.1);--shadow-lg:0 24px 72px rgba(14,29,53,0.12);--selection-bg:rgba(27,143,181,0.2);--tint-warn:rgba(180,138,67,0.1);--tint-warn-border:rgba(180,138,67,0.22);--tint-warn-text:#755a2c;--tint-ok:rgba(14,139,125,0.1);--tint-ok-border:rgba(14,139,125,0.2);--tint-ok-text:#095a51;--tint-info:rgba(39,85,199,0.1);--tint-info-border:rgba(39,85,199,0.2);--tint-info-text:#193781;--cta-grad-1:#122554;--cta-grad-2:#0f4459;--cta-grad-3:#083938;--cta-highlight:rgba(27,143,181,0.16);--cta-text:#ffffff;--footer-bg-1:#0d3748;--footer-bg-2:#132657;--footer-bg-3:#083534;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#183f76}
[data-theme="platinum"][data-mode="dark"]{--surface-0:#0a1424;--surface-1:#10192c;--surface-2:#182238;--surface-3:#182238;--text-primary:#eef3fb;--text-secondary:#9fb0c6;--text-tertiary:#6b798d;--text-on-accent:#ffffff;--border-subtle:rgba(238,243,251,0.14);--border-strong:rgba(238,243,251,0.24);--input-border:rgba(238,243,251,0.55);--focus-ring:#4fd3ff;--accent:#4fd3ff;--accent-2:#38e6c2;--accent-info:#6f8fff;--accent-alt:#a594f5;--accent-warn:#e0b35f;--grid-line:rgba(238,243,251,0.05);--aurora-1:rgba(111,143,255,0.22);--aurora-2:rgba(56,230,194,0.2);--aurora-3:rgba(224,179,95,0.12);--aurora-4:rgba(79,211,255,0.16);--aurora-5:rgba(165,148,245,0.12);--aurora-base-1:#182238;--aurora-base-2:#10192c;--aurora-base-3:#0a1424;--aurora-base-4:#10192c;--liquid-1-a:rgba(79,211,255,0.55);--liquid-1-b:rgba(111,143,255,0.22);--liquid-2-a:rgba(56,230,194,0.48);--liquid-2-b:rgba(165,148,245,0.2);--hero-grad-1:#6f8fff;--hero-grad-2:#4fd3ff;--hero-grad-3:#38e6c2;--brand-grad-1:#2c768f;--brand-grad-2:#1f816d;--nav-tint-1:rgba(111,143,255,0.1);--nav-tint-2:rgba(24,34,56,0.85);--nav-tint-3:rgba(56,230,194,0.09);--panel-grad-1:#182238;--panel-grad-2:#10192c;--orb-grad-1:#182238;--orb-grad-2:#10192c;--orb-border:rgba(238,243,251,0.16);--orb-glow:rgba(79,211,255,0.14);--tile-grad-1:rgba(79,211,255,0.2);--tile-grad-2:rgba(56,230,194,0.12);--tile-fg:#4fd3ff;--icon-bg-1:rgba(79,211,255,0.2);--icon-bg-2:rgba(56,230,194,0.12);--icon-fg:#4fd3ff;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(79,211,255,0.3);--tint-warn:rgba(224,179,95,0.16);--tint-warn-border:rgba(224,179,95,0.3);--tint-warn-text:#ebce97;--tint-ok:rgba(56,230,194,0.16);--tint-ok-border:rgba(56,230,194,0.3);--tint-ok-text:#7eefd7;--tint-info:rgba(111,143,255,0.16);--tint-info-border:rgba(111,143,255,0.3);--tint-info-text:#a1b6ff;--cta-grad-1:#4fd3ff;--cta-grad-2:#38e6c2;--cta-grad-3:#6f8fff;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#10192c;--footer-bg-2:#0a1424;--footer-bg-3:#10192c;--footer-text:#9fb0c6;--footer-text-strong:#eef3fb;--footer-border:rgba(238,243,251,0.14);--stat-strong:#eef3fb}
[data-theme="nord"][data-mode="light"]{--surface-0:#eceff4;--surface-1:#e5e9f0;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#2e3440;--text-secondary:#4c566a;--text-tertiary:#848c9a;--text-on-accent:#ffffff;--border-subtle:rgba(46,52,64,0.11);--border-strong:rgba(46,52,64,0.18);--input-border:rgba(46,52,64,0.54);--focus-ring:#5e81ac;--accent:#5e81ac;--accent-2:#88c0d0;--accent-info:#81a1c1;--accent-alt:#b48ead;--accent-warn:#d08770;--grid-line:rgba(46,52,64,0.034);--aurora-1:rgba(129,161,193,0.17);--aurora-2:rgba(136,192,208,0.145);--aurora-3:rgba(208,135,112,0.085);--aurora-4:rgba(94,129,172,0.105);--aurora-5:rgba(180,142,173,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#e5e9f0;--aurora-base-3:#eceff4;--aurora-base-4:#e5e9f0;--liquid-1-a:rgba(94,129,172,0.45);--liquid-1-b:rgba(129,161,193,0.15);--liquid-2-a:rgba(136,192,208,0.4);--liquid-2-b:rgba(180,142,173,0.14);--hero-grad-1:#81a1c1;--hero-grad-2:#5e81ac;--hero-grad-3:#88c0d0;--brand-grad-1:#56779e;--brand-grad-2:#53757e;--nav-tint-1:rgba(129,161,193,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(136,192,208,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#e5e9f0;--orb-grad-1:#ffffff;--orb-grad-2:#e5e9f0;--orb-border:rgba(46,52,64,0.1);--orb-glow:rgba(94,129,172,0.1);--tile-grad-1:rgba(94,129,172,0.14);--tile-grad-2:rgba(136,192,208,0.08);--tile-fg:#5e81ac;--icon-bg-1:rgba(94,129,172,0.14);--icon-bg-2:rgba(136,192,208,0.08);--icon-fg:#5e81ac;--shadow-color:rgba(46,52,64,0.12);--shadow-sm:0 8px 24px rgba(46,52,64,0.08);--shadow-md:0 16px 44px rgba(46,52,64,0.1);--shadow-lg:0 24px 72px rgba(46,52,64,0.12);--selection-bg:rgba(94,129,172,0.2);--tint-warn:rgba(208,135,112,0.1);--tint-warn-border:rgba(208,135,112,0.22);--tint-warn-text:#875849;--tint-ok:rgba(136,192,208,0.1);--tint-ok-border:rgba(136,192,208,0.2);--tint-ok-text:#587d87;--tint-info:rgba(129,161,193,0.1);--tint-info-border:rgba(129,161,193,0.2);--tint-info-text:#54697d;--cta-grad-1:#344251;--cta-grad-2:#2d3e55;--cta-grad-3:#374d57;--cta-highlight:rgba(94,129,172,0.16);--cta-text:#ffffff;--footer-bg-1:#243245;--footer-bg-2:#374555;--footer-bg-3:#334851;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#2e3440}
[data-theme="nord"][data-mode="dark"]{--surface-0:#2e3440;--surface-1:#3b4252;--surface-2:#434c5e;--surface-3:#434c5e;--text-primary:#eceff4;--text-secondary:#d8dee9;--text-tertiary:#9da3ae;--text-on-accent:#ffffff;--border-subtle:rgba(236,239,244,0.14);--border-strong:rgba(236,239,244,0.24);--input-border:rgba(236,239,244,0.55);--focus-ring:#88c0d0;--accent:#88c0d0;--accent-2:#8fbcbb;--accent-info:#81a1c1;--accent-alt:#b48ead;--accent-warn:#ebcb8b;--grid-line:rgba(236,239,244,0.05);--aurora-1:rgba(129,161,193,0.22);--aurora-2:rgba(143,188,187,0.2);--aurora-3:rgba(235,203,139,0.12);--aurora-4:rgba(136,192,208,0.16);--aurora-5:rgba(180,142,173,0.12);--aurora-base-1:#434c5e;--aurora-base-2:#3b4252;--aurora-base-3:#2e3440;--aurora-base-4:#3b4252;--liquid-1-a:rgba(136,192,208,0.55);--liquid-1-b:rgba(129,161,193,0.22);--liquid-2-a:rgba(143,188,187,0.48);--liquid-2-b:rgba(180,142,173,0.2);--hero-grad-1:#81a1c1;--hero-grad-2:#88c0d0;--hero-grad-3:#8fbcbb;--brand-grad-1:#53757e;--brand-grad-2:#5e7b7a;--nav-tint-1:rgba(129,161,193,0.1);--nav-tint-2:rgba(67,76,94,0.85);--nav-tint-3:rgba(143,188,187,0.09);--panel-grad-1:#434c5e;--panel-grad-2:#3b4252;--orb-grad-1:#434c5e;--orb-grad-2:#3b4252;--orb-border:rgba(236,239,244,0.16);--orb-glow:rgba(136,192,208,0.14);--tile-grad-1:rgba(136,192,208,0.2);--tile-grad-2:rgba(143,188,187,0.12);--tile-fg:#88c0d0;--icon-bg-1:rgba(136,192,208,0.2);--icon-bg-2:rgba(143,188,187,0.12);--icon-fg:#88c0d0;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(136,192,208,0.3);--tint-warn:rgba(235,203,139,0.16);--tint-warn-border:rgba(235,203,139,0.3);--tint-warn-text:#f2ddb4;--tint-ok:rgba(143,188,187,0.16);--tint-ok-border:rgba(143,188,187,0.3);--tint-ok-text:#b6d3d3;--tint-info:rgba(129,161,193,0.16);--tint-info-border:rgba(129,161,193,0.3);--tint-info-text:#adc2d7;--cta-grad-1:#88c0d0;--cta-grad-2:#8fbcbb;--cta-grad-3:#81a1c1;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#3b4252;--footer-bg-2:#2e3440;--footer-bg-3:#3b4252;--footer-text:#d8dee9;--footer-text-strong:#eceff4;--footer-border:rgba(236,239,244,0.14);--stat-strong:#eceff4}
[data-theme="dracula"][data-mode="light"]{--surface-0:#f7f3fb;--surface-1:#efe9f7;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#2b2a3d;--text-secondary:#5f5a72;--text-tertiary:#9490a2;--text-on-accent:#ffffff;--border-subtle:rgba(43,42,61,0.11);--border-strong:rgba(43,42,61,0.18);--input-border:rgba(43,42,61,0.52);--focus-ring:#9357e0;--accent:#9357e0;--accent-2:#d6409f;--accent-info:#3fa7c7;--accent-alt:#2fae63;--accent-warn:#e0a23f;--grid-line:rgba(43,42,61,0.034);--aurora-1:rgba(63,167,199,0.17);--aurora-2:rgba(214,64,159,0.145);--aurora-3:rgba(224,162,63,0.085);--aurora-4:rgba(147,87,224,0.105);--aurora-5:rgba(47,174,99,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#efe9f7;--aurora-base-3:#f7f3fb;--aurora-base-4:#efe9f7;--liquid-1-a:rgba(147,87,224,0.45);--liquid-1-b:rgba(63,167,199,0.15);--liquid-2-a:rgba(214,64,159,0.4);--liquid-2-b:rgba(47,174,99,0.14);--hero-grad-1:#3fa7c7;--hero-grad-2:#9357e0;--hero-grad-3:#d6409f;--brand-grad-1:#8750ce;--brand-grad-2:#c53b92;--nav-tint-1:rgba(63,167,199,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(214,64,159,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#efe9f7;--orb-grad-1:#ffffff;--orb-grad-2:#efe9f7;--orb-border:rgba(43,42,61,0.1);--orb-glow:rgba(147,87,224,0.1);--tile-grad-1:rgba(147,87,224,0.14);--tile-grad-2:rgba(214,64,159,0.08);--tile-fg:#9357e0;--icon-bg-1:rgba(147,87,224,0.14);--icon-bg-2:rgba(214,64,159,0.08);--icon-fg:#9357e0;--shadow-color:rgba(43,42,61,0.12);--shadow-sm:0 8px 24px rgba(43,42,61,0.08);--shadow-md:0 16px 44px rgba(43,42,61,0.1);--shadow-lg:0 24px 72px rgba(43,42,61,0.12);--selection-bg:rgba(147,87,224,0.2);--tint-warn:rgba(224,162,63,0.1);--tint-warn-border:rgba(224,162,63,0.22);--tint-warn-text:#926929;--tint-ok:rgba(214,64,159,0.1);--tint-ok-border:rgba(214,64,159,0.2);--tint-ok-text:#8b2a67;--tint-info:rgba(63,167,199,0.1);--tint-info-border:rgba(63,167,199,0.2);--tint-info-text:#296d81;--cta-grad-1:#1b4454;--cta-grad-2:#452b6c;--cta-grad-3:#541d44;--cta-highlight:rgba(147,87,224,0.16);--cta-text:#ffffff;--footer-bg-1:#372357;--footer-bg-2:#1c4757;--footer-bg-3:#4e1b40;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#2b2a3d}
[data-theme="dracula"][data-mode="dark"]{--surface-0:#282a36;--surface-1:#313341;--surface-2:#343746;--surface-3:#343746;--text-primary:#f8f8f2;--text-secondary:#bfbfd1;--text-tertiary:#8a8b9b;--text-on-accent:#ffffff;--border-subtle:rgba(248,248,242,0.14);--border-strong:rgba(248,248,242,0.24);--input-border:rgba(248,248,242,0.55);--focus-ring:#bd93f9;--accent:#bd93f9;--accent-2:#ff79c6;--accent-info:#8be9fd;--accent-alt:#50fa7b;--accent-warn:#f1fa8c;--grid-line:rgba(248,248,242,0.05);--aurora-1:rgba(139,233,253,0.22);--aurora-2:rgba(255,121,198,0.2);--aurora-3:rgba(241,250,140,0.12);--aurora-4:rgba(189,147,249,0.16);--aurora-5:rgba(80,250,123,0.12);--aurora-base-1:#343746;--aurora-base-2:#313341;--aurora-base-3:#282a36;--aurora-base-4:#313341;--liquid-1-a:rgba(189,147,249,0.55);--liquid-1-b:rgba(139,233,253,0.22);--liquid-2-a:rgba(255,121,198,0.48);--liquid-2-b:rgba(80,250,123,0.2);--hero-grad-1:#8be9fd;--hero-grad-2:#bd93f9;--hero-grad-3:#ff79c6;--brand-grad-1:#7c61a4;--brand-grad-2:#a84f83;--nav-tint-1:rgba(139,233,253,0.1);--nav-tint-2:rgba(52,55,70,0.85);--nav-tint-3:rgba(255,121,198,0.09);--panel-grad-1:#343746;--panel-grad-2:#313341;--orb-grad-1:#343746;--orb-grad-2:#313341;--orb-border:rgba(248,248,242,0.16);--orb-glow:rgba(189,147,249,0.14);--tile-grad-1:rgba(189,147,249,0.2);--tile-grad-2:rgba(255,121,198,0.12);--tile-fg:#bd93f9;--icon-bg-1:rgba(189,147,249,0.2);--icon-bg-2:rgba(255,121,198,0.12);--icon-fg:#bd93f9;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(189,147,249,0.3);--tint-warn:rgba(241,250,140,0.16);--tint-warn-border:rgba(241,250,140,0.3);--tint-warn-text:#f6fcb4;--tint-ok:rgba(255,121,198,0.16);--tint-ok-border:rgba(255,121,198,0.3);--tint-ok-text:#ffa8da;--tint-info:rgba(139,233,253,0.16);--tint-info-border:rgba(139,233,253,0.3);--tint-info-text:#b4f1fe;--cta-grad-1:#bd93f9;--cta-grad-2:#ff79c6;--cta-grad-3:#8be9fd;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#313341;--footer-bg-2:#282a36;--footer-bg-3:#313341;--footer-text:#bfbfd1;--footer-text-strong:#f8f8f2;--footer-border:rgba(248,248,242,0.14);--stat-strong:#f8f8f2}
[data-theme="catppuccin"][data-mode="light"]{--surface-0:#eff1f5;--surface-1:#e6e9ef;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#4c4f69;--text-secondary:#64677d;--text-tertiary:#9597a7;--text-on-accent:#ffffff;--border-subtle:rgba(76,79,105,0.11);--border-strong:rgba(76,79,105,0.18);--input-border:rgba(76,79,105,0.62);--focus-ring:#8839ef;--accent:#8839ef;--accent-2:#179299;--accent-info:#1e66f5;--accent-alt:#ea76cb;--accent-warn:#df8e1d;--grid-line:rgba(76,79,105,0.034);--aurora-1:rgba(30,102,245,0.17);--aurora-2:rgba(23,146,153,0.145);--aurora-3:rgba(223,142,29,0.085);--aurora-4:rgba(136,57,239,0.105);--aurora-5:rgba(234,118,203,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#e6e9ef;--aurora-base-3:#eff1f5;--aurora-base-4:#e6e9ef;--liquid-1-a:rgba(136,57,239,0.45);--liquid-1-b:rgba(30,102,245,0.15);--liquid-2-a:rgba(23,146,153,0.4);--liquid-2-b:rgba(234,118,203,0.14);--hero-grad-1:#1e66f5;--hero-grad-2:#8839ef;--hero-grad-3:#179299;--brand-grad-1:#8839ef;--brand-grad-2:#137b82;--nav-tint-1:rgba(30,102,245,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(23,146,153,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#e6e9ef;--orb-grad-1:#ffffff;--orb-grad-2:#e6e9ef;--orb-border:rgba(76,79,105,0.1);--orb-glow:rgba(136,57,239,0.1);--tile-grad-1:rgba(136,57,239,0.14);--tile-grad-2:rgba(23,146,153,0.08);--tile-fg:#8839ef;--icon-bg-1:rgba(136,57,239,0.14);--icon-bg-2:rgba(23,146,153,0.08);--icon-fg:#8839ef;--shadow-color:rgba(76,79,105,0.12);--shadow-sm:0 8px 24px rgba(76,79,105,0.08);--shadow-md:0 16px 44px rgba(76,79,105,0.1);--shadow-lg:0 24px 72px rgba(76,79,105,0.12);--selection-bg:rgba(136,57,239,0.2);--tint-warn:rgba(223,142,29,0.1);--tint-warn-border:rgba(223,142,29,0.22);--tint-warn-text:#915c13;--tint-ok:rgba(23,146,153,0.1);--tint-ok-border:rgba(23,146,153,0.2);--tint-ok-text:#0f5f63;--tint-info:rgba(30,102,245,0.1);--tint-info-border:rgba(30,102,245,0.2);--tint-info-text:#14429f;--cta-grad-1:#0f2b65;--cta-grad-2:#401d73;--cta-grad-3:#0c3c42;--cta-highlight:rgba(136,57,239,0.16);--cta-text:#ffffff;--footer-bg-1:#33195c;--footer-bg-2:#0f2d6a;--footer-bg-3:#0b383e;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#4c4f69}
[data-theme="catppuccin"][data-mode="dark"]{--surface-0:#1e1e2e;--surface-1:#252536;--surface-2:#313244;--surface-3:#313244;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--text-tertiary:#767b92;--text-on-accent:#ffffff;--border-subtle:rgba(205,214,244,0.14);--border-strong:rgba(205,214,244,0.24);--input-border:rgba(205,214,244,0.55);--focus-ring:#cba6f7;--accent:#cba6f7;--accent-2:#94e2d5;--accent-info:#89b4fa;--accent-alt:#f5c2e7;--accent-warn:#f9e2af;--grid-line:rgba(205,214,244,0.05);--aurora-1:rgba(137,180,250,0.22);--aurora-2:rgba(148,226,213,0.2);--aurora-3:rgba(249,226,175,0.12);--aurora-4:rgba(203,166,247,0.16);--aurora-5:rgba(245,194,231,0.12);--aurora-base-1:#313244;--aurora-base-2:#252536;--aurora-base-3:#1e1e2e;--aurora-base-4:#252536;--liquid-1-a:rgba(203,166,247,0.55);--liquid-1-b:rgba(137,180,250,0.22);--liquid-2-a:rgba(148,226,213,0.48);--liquid-2-b:rgba(245,194,231,0.2);--hero-grad-1:#89b4fa;--hero-grad-2:#cba6f7;--hero-grad-3:#94e2d5;--brand-grad-1:#7a6596;--brand-grad-2:#537e78;--nav-tint-1:rgba(137,180,250,0.1);--nav-tint-2:rgba(49,50,68,0.85);--nav-tint-3:rgba(148,226,213,0.09);--panel-grad-1:#313244;--panel-grad-2:#252536;--orb-grad-1:#313244;--orb-grad-2:#252536;--orb-border:rgba(205,214,244,0.16);--orb-glow:rgba(203,166,247,0.14);--tile-grad-1:rgba(203,166,247,0.2);--tile-grad-2:rgba(148,226,213,0.12);--tile-fg:#cba6f7;--icon-bg-1:rgba(203,166,247,0.2);--icon-bg-2:rgba(148,226,213,0.12);--icon-fg:#cba6f7;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(203,166,247,0.3);--tint-warn:rgba(249,226,175,0.16);--tint-warn-border:rgba(249,226,175,0.3);--tint-warn-text:#fbeccb;--tint-ok:rgba(148,226,213,0.16);--tint-ok-border:rgba(148,226,213,0.3);--tint-ok-text:#b9ece4;--tint-info:rgba(137,180,250,0.16);--tint-info-border:rgba(137,180,250,0.3);--tint-info-text:#b2cefc;--cta-grad-1:#cba6f7;--cta-grad-2:#94e2d5;--cta-grad-3:#89b4fa;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#252536;--footer-bg-2:#1e1e2e;--footer-bg-3:#252536;--footer-text:#a6adc8;--footer-text-strong:#cdd6f4;--footer-border:rgba(205,214,244,0.14);--stat-strong:#cdd6f4}
[data-theme="solar"][data-mode="light"]{--surface-0:#fdf6e3;--surface-1:#eee8d5;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#073642;--text-secondary:#5c7179;--text-tertiary:#94a09e;--text-on-accent:#ffffff;--border-subtle:rgba(7,54,66,0.11);--border-strong:rgba(7,54,66,0.18);--input-border:rgba(7,54,66,0.52);--focus-ring:#aa8100;--accent:#b58900;--accent-2:#cb4b16;--accent-info:#268bd2;--accent-alt:#6c71c4;--accent-warn:#dc322f;--grid-line:rgba(7,54,66,0.034);--aurora-1:rgba(38,139,210,0.17);--aurora-2:rgba(203,75,22,0.145);--aurora-3:rgba(220,50,47,0.085);--aurora-4:rgba(181,137,0,0.105);--aurora-5:rgba(108,113,196,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#eee8d5;--aurora-base-3:#fdf6e3;--aurora-base-4:#eee8d5;--liquid-1-a:rgba(181,137,0,0.45);--liquid-1-b:rgba(38,139,210,0.15);--liquid-2-a:rgba(203,75,22,0.4);--liquid-2-b:rgba(108,113,196,0.14);--hero-grad-1:#268bd2;--hero-grad-2:#b58900;--hero-grad-3:#cb4b16;--brand-grad-1:#8e6b00;--brand-grad-2:#cb4b16;--nav-tint-1:rgba(38,139,210,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(203,75,22,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#eee8d5;--orb-grad-1:#ffffff;--orb-grad-2:#eee8d5;--orb-border:rgba(7,54,66,0.1);--orb-glow:rgba(181,137,0,0.1);--tile-grad-1:rgba(181,137,0,0.14);--tile-grad-2:rgba(203,75,22,0.08);--tile-fg:#b58900;--icon-bg-1:rgba(181,137,0,0.14);--icon-bg-2:rgba(203,75,22,0.08);--icon-fg:#b58900;--shadow-color:rgba(7,54,66,0.12);--shadow-sm:0 8px 24px rgba(7,54,66,0.08);--shadow-md:0 16px 44px rgba(7,54,66,0.1);--shadow-lg:0 24px 72px rgba(7,54,66,0.12);--selection-bg:rgba(181,137,0,0.2);--tint-warn:rgba(220,50,47,0.1);--tint-warn-border:rgba(220,50,47,0.22);--tint-warn-text:#8f211f;--tint-ok:rgba(203,75,22,0.1);--tint-ok-border:rgba(203,75,22,0.2);--tint-ok-text:#84310e;--tint-info:rgba(38,139,210,0.1);--tint-info-border:rgba(38,139,210,0.2);--tint-info-text:#195a89;--cta-grad-1:#123958;--cta-grad-2:#544207;--cta-grad-3:#502110;--cta-highlight:rgba(181,137,0,0.16);--cta-text:#ffffff;--footer-bg-1:#433508;--footer-bg-2:#123c5c;--footer-bg-3:#4a1f10;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#073642}
[data-theme="solar"][data-mode="dark"]{--surface-0:#002b36;--surface-1:#073642;--surface-2:#0c3e4a;--surface-3:#0c3e4a;--text-primary:#eee8d5;--text-secondary:#9eacac;--text-tertiary:#677f83;--text-on-accent:#ffffff;--border-subtle:rgba(238,232,213,0.14);--border-strong:rgba(238,232,213,0.24);--input-border:rgba(238,232,213,0.55);--focus-ring:#b58900;--accent:#b58900;--accent-2:#cb4b16;--accent-info:#2aa5e0;--accent-alt:#8187d8;--accent-warn:#e5534b;--grid-line:rgba(238,232,213,0.05);--aurora-1:rgba(42,165,224,0.22);--aurora-2:rgba(203,75,22,0.2);--aurora-3:rgba(229,83,75,0.12);--aurora-4:rgba(181,137,0,0.16);--aurora-5:rgba(129,135,216,0.12);--aurora-base-1:#0c3e4a;--aurora-base-2:#073642;--aurora-base-3:#002b36;--aurora-base-4:#073642;--liquid-1-a:rgba(181,137,0,0.55);--liquid-1-b:rgba(42,165,224,0.22);--liquid-2-a:rgba(203,75,22,0.48);--liquid-2-b:rgba(129,135,216,0.2);--hero-grad-1:#2aa5e0;--hero-grad-2:#b58900;--hero-grad-3:#cb4b16;--brand-grad-1:#8e6b00;--brand-grad-2:#cb4b16;--nav-tint-1:rgba(42,165,224,0.1);--nav-tint-2:rgba(12,62,74,0.85);--nav-tint-3:rgba(203,75,22,0.09);--panel-grad-1:#0c3e4a;--panel-grad-2:#073642;--orb-grad-1:#0c3e4a;--orb-grad-2:#073642;--orb-border:rgba(238,232,213,0.16);--orb-glow:rgba(181,137,0,0.14);--tile-grad-1:rgba(181,137,0,0.2);--tile-grad-2:rgba(203,75,22,0.12);--tile-fg:#b58900;--icon-bg-1:rgba(181,137,0,0.2);--icon-bg-2:rgba(203,75,22,0.12);--icon-fg:#b58900;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(181,137,0,0.3);--tint-warn:rgba(229,83,75,0.16);--tint-warn-border:rgba(229,83,75,0.3);--tint-warn-text:#ee8f8a;--tint-ok:rgba(203,75,22,0.16);--tint-ok-border:rgba(203,75,22,0.3);--tint-ok-text:#dd8a68;--tint-info:rgba(42,165,224,0.16);--tint-info-border:rgba(42,165,224,0.3);--tint-info-text:#75c5eb;--cta-grad-1:#b58900;--cta-grad-2:#cb4b16;--cta-grad-3:#2aa5e0;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#073642;--footer-bg-2:#002b36;--footer-bg-3:#073642;--footer-text:#9eacac;--footer-text-strong:#eee8d5;--footer-border:rgba(238,232,213,0.14);--stat-strong:#eee8d5}
[data-theme="terracotta"][data-mode="light"]{--surface-0:#faf6f0;--surface-1:#f3ebe0;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#3a2e26;--text-secondary:#7a6a5c;--text-tertiary:#a79b90;--text-on-accent:#ffffff;--border-subtle:rgba(58,46,38,0.11);--border-strong:rgba(58,46,38,0.18);--input-border:rgba(58,46,38,0.52);--focus-ring:#c1603e;--accent:#c1603e;--accent-2:#5c7a52;--accent-info:#6c8aa5;--accent-alt:#a97c50;--accent-warn:#c98a2c;--grid-line:rgba(58,46,38,0.034);--aurora-1:rgba(108,138,165,0.17);--aurora-2:rgba(92,122,82,0.145);--aurora-3:rgba(201,138,44,0.085);--aurora-4:rgba(193,96,62,0.105);--aurora-5:rgba(169,124,80,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#f3ebe0;--aurora-base-3:#faf6f0;--aurora-base-4:#f3ebe0;--liquid-1-a:rgba(193,96,62,0.45);--liquid-1-b:rgba(108,138,165,0.15);--liquid-2-a:rgba(92,122,82,0.4);--liquid-2-b:rgba(169,124,80,0.14);--hero-grad-1:#6c8aa5;--hero-grad-2:#c1603e;--hero-grad-3:#5c7a52;--brand-grad-1:#b25839;--brand-grad-2:#5c7a52;--nav-tint-1:rgba(108,138,165,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(92,122,82,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#f3ebe0;--orb-grad-1:#ffffff;--orb-grad-2:#f3ebe0;--orb-border:rgba(58,46,38,0.1);--orb-glow:rgba(193,96,62,0.1);--tile-grad-1:rgba(193,96,62,0.14);--tile-grad-2:rgba(92,122,82,0.08);--tile-fg:#c1603e;--icon-bg-1:rgba(193,96,62,0.14);--icon-bg-2:rgba(92,122,82,0.08);--icon-fg:#c1603e;--shadow-color:rgba(58,46,38,0.12);--shadow-sm:0 8px 24px rgba(58,46,38,0.08);--shadow-md:0 16px 44px rgba(58,46,38,0.1);--shadow-lg:0 24px 72px rgba(58,46,38,0.12);--selection-bg:rgba(193,96,62,0.2);--tint-warn:rgba(201,138,44,0.1);--tint-warn-border:rgba(201,138,44,0.22);--tint-warn-text:#835a1d;--tint-ok:rgba(92,122,82,0.1);--tint-ok-border:rgba(92,122,82,0.2);--tint-ok-text:#3c4f35;--tint-info:rgba(108,138,165,0.1);--tint-info-border:rgba(108,138,165,0.2);--tint-info-text:#465a6b;--cta-grad-1:#2c3947;--cta-grad-2:#5a2f23;--cta-grad-3:#263327;--cta-highlight:rgba(193,96,62,0.16);--cta-text:#ffffff;--footer-bg-1:#47261e;--footer-bg-2:#2e3b4a;--footer-bg-3:#232f25;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#3a2e26}
[data-theme="terracotta"][data-mode="dark"]{--surface-0:#211b16;--surface-1:#2b241e;--surface-2:#352c24;--surface-3:#352c24;--text-primary:#f1e7dc;--text-secondary:#c3b2a2;--text-tertiary:#8a7d71;--text-on-accent:#ffffff;--border-subtle:rgba(241,231,220,0.14);--border-strong:rgba(241,231,220,0.24);--input-border:rgba(241,231,220,0.55);--focus-ring:#e2865e;--accent:#e2865e;--accent-2:#8fb27f;--accent-info:#8fa8bf;--accent-alt:#c9a06a;--accent-warn:#e0a94a;--grid-line:rgba(241,231,220,0.05);--aurora-1:rgba(143,168,191,0.22);--aurora-2:rgba(143,178,127,0.2);--aurora-3:rgba(224,169,74,0.12);--aurora-4:rgba(226,134,94,0.16);--aurora-5:rgba(201,160,106,0.12);--aurora-base-1:#352c24;--aurora-base-2:#2b241e;--aurora-base-3:#211b16;--aurora-base-4:#2b241e;--liquid-1-a:rgba(226,134,94,0.55);--liquid-1-b:rgba(143,168,191,0.22);--liquid-2-a:rgba(143,178,127,0.48);--liquid-2-b:rgba(201,160,106,0.2);--hero-grad-1:#8fa8bf;--hero-grad-2:#e2865e;--hero-grad-3:#8fb27f;--brand-grad-1:#a26043;--brand-grad-2:#5e7654;--nav-tint-1:rgba(143,168,191,0.1);--nav-tint-2:rgba(53,44,36,0.85);--nav-tint-3:rgba(143,178,127,0.09);--panel-grad-1:#352c24;--panel-grad-2:#2b241e;--orb-grad-1:#352c24;--orb-grad-2:#2b241e;--orb-border:rgba(241,231,220,0.16);--orb-glow:rgba(226,134,94,0.14);--tile-grad-1:rgba(226,134,94,0.2);--tile-grad-2:rgba(143,178,127,0.12);--tile-fg:#e2865e;--icon-bg-1:rgba(226,134,94,0.2);--icon-bg-2:rgba(143,178,127,0.12);--icon-fg:#e2865e;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(226,134,94,0.3);--tint-warn:rgba(224,169,74,0.16);--tint-warn-border:rgba(224,169,74,0.3);--tint-warn-text:#ebc789;--tint-ok:rgba(143,178,127,0.16);--tint-ok-border:rgba(143,178,127,0.3);--tint-ok-text:#b6cdac;--tint-info:rgba(143,168,191,0.16);--tint-info-border:rgba(143,168,191,0.3);--tint-info-text:#b6c6d5;--cta-grad-1:#e2865e;--cta-grad-2:#8fb27f;--cta-grad-3:#8fa8bf;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#2b241e;--footer-bg-2:#211b16;--footer-bg-3:#2b241e;--footer-text:#c3b2a2;--footer-text-strong:#f1e7dc;--footer-border:rgba(241,231,220,0.14);--stat-strong:#f1e7dc}
[data-theme="emerald"][data-mode="light"]{--surface-0:#f5f7fa;--surface-1:#eceff4;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#10243e;--text-secondary:#536178;--text-tertiary:#8c96a6;--text-on-accent:#ffffff;--border-subtle:rgba(16,36,62,0.11);--border-strong:rgba(16,36,62,0.18);--input-border:rgba(16,36,62,0.5);--focus-ring:#0e9f6e;--accent:#0e9f6e;--accent-2:#4338ca;--accent-info:#0891b2;--accent-alt:#7c5cf0;--accent-warn:#c9941f;--grid-line:rgba(16,36,62,0.034);--aurora-1:rgba(8,145,178,0.17);--aurora-2:rgba(67,56,202,0.145);--aurora-3:rgba(201,148,31,0.085);--aurora-4:rgba(14,159,110,0.105);--aurora-5:rgba(124,92,240,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#eceff4;--aurora-base-3:#f5f7fa;--aurora-base-4:#eceff4;--liquid-1-a:rgba(14,159,110,0.45);--liquid-1-b:rgba(8,145,178,0.15);--liquid-2-a:rgba(67,56,202,0.4);--liquid-2-b:rgba(124,92,240,0.14);--hero-grad-1:#0891b2;--hero-grad-2:#0e9f6e;--hero-grad-3:#4338ca;--brand-grad-1:#0c865d;--brand-grad-2:#4338ca;--nav-tint-1:rgba(8,145,178,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(67,56,202,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#eceff4;--orb-grad-1:#ffffff;--orb-grad-2:#eceff4;--orb-border:rgba(16,36,62,0.1);--orb-glow:rgba(14,159,110,0.1);--tile-grad-1:rgba(14,159,110,0.14);--tile-grad-2:rgba(67,56,202,0.08);--tile-fg:#0e9f6e;--icon-bg-1:rgba(14,159,110,0.14);--icon-bg-2:rgba(67,56,202,0.08);--icon-fg:#0e9f6e;--shadow-color:rgba(16,36,62,0.12);--shadow-sm:0 8px 24px rgba(16,36,62,0.08);--shadow-md:0 16px 44px rgba(16,36,62,0.1);--shadow-lg:0 24px 72px rgba(16,36,62,0.12);--selection-bg:rgba(14,159,110,0.2);--tint-warn:rgba(201,148,31,0.1);--tint-warn-border:rgba(201,148,31,0.22);--tint-warn-text:#836014;--tint-ok:rgba(67,56,202,0.1);--tint-ok-border:rgba(67,56,202,0.2);--tint-ok-text:#2c2483;--tint-info:rgba(8,145,178,0.1);--tint-info-border:rgba(8,145,178,0.2);--tint-info-text:#055e74;--cta-grad-1:#063b4c;--cta-grad-2:#094b39;--cta-grad-3:#1d1a55;--cta-highlight:rgba(14,159,110,0.16);--cta-text:#ffffff;--footer-bg-1:#083c2f;--footer-bg-2:#063e4f;--footer-bg-3:#1b184f;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#10243e}
[data-theme="emerald"][data-mode="dark"]{--surface-0:#0b1020;--surface-1:#121829;--surface-2:#1a2236;--surface-3:#1a2236;--text-primary:#e7ecf7;--text-secondary:#a3aec4;--text-tertiary:#6e778b;--text-on-accent:#ffffff;--border-subtle:rgba(231,236,247,0.14);--border-strong:rgba(231,236,247,0.24);--input-border:rgba(231,236,247,0.55);--focus-ring:#34d399;--accent:#34d399;--accent-2:#818cf8;--accent-info:#22d3ee;--accent-alt:#a78bfa;--accent-warn:#f2c14e;--grid-line:rgba(231,236,247,0.05);--aurora-1:rgba(34,211,238,0.22);--aurora-2:rgba(129,140,248,0.2);--aurora-3:rgba(242,193,78,0.12);--aurora-4:rgba(52,211,153,0.16);--aurora-5:rgba(167,139,250,0.12);--aurora-base-1:#1a2236;--aurora-base-2:#121829;--aurora-base-3:#0b1020;--aurora-base-4:#121829;--liquid-1-a:rgba(52,211,153,0.55);--liquid-1-b:rgba(34,211,238,0.22);--liquid-2-a:rgba(129,140,248,0.48);--liquid-2-b:rgba(167,139,250,0.2);--hero-grad-1:#22d3ee;--hero-grad-2:#34d399;--hero-grad-3:#818cf8;--brand-grad-1:#1f805d;--brand-grad-2:#646dc1;--nav-tint-1:rgba(34,211,238,0.1);--nav-tint-2:rgba(26,34,54,0.85);--nav-tint-3:rgba(129,140,248,0.09);--panel-grad-1:#1a2236;--panel-grad-2:#121829;--orb-grad-1:#1a2236;--orb-grad-2:#121829;--orb-border:rgba(231,236,247,0.16);--orb-glow:rgba(52,211,153,0.14);--tile-grad-1:rgba(52,211,153,0.2);--tile-grad-2:rgba(129,140,248,0.12);--tile-fg:#34d399;--icon-bg-1:rgba(52,211,153,0.2);--icon-bg-2:rgba(129,140,248,0.12);--icon-fg:#34d399;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(52,211,153,0.3);--tint-warn:rgba(242,193,78,0.16);--tint-warn-border:rgba(242,193,78,0.3);--tint-warn-text:#f7d78c;--tint-ok:rgba(129,140,248,0.16);--tint-ok-border:rgba(129,140,248,0.3);--tint-ok-text:#adb4fa;--tint-info:rgba(34,211,238,0.16);--tint-info-border:rgba(34,211,238,0.3);--tint-info-text:#6fe2f4;--cta-grad-1:#34d399;--cta-grad-2:#818cf8;--cta-grad-3:#22d3ee;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#121829;--footer-bg-2:#0b1020;--footer-bg-3:#121829;--footer-text:#a3aec4;--footer-text-strong:#e7ecf7;--footer-border:rgba(231,236,247,0.14);--stat-strong:#e7ecf7}
[data-theme="midnight"][data-mode="light"]{--surface-0:#f4f7fa;--surface-1:#e9eef3;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#0c1726;--text-secondary:#4c5c70;--text-tertiary:#8792a0;--text-on-accent:#ffffff;--border-subtle:rgba(12,23,38,0.11);--border-strong:rgba(12,23,38,0.18);--input-border:rgba(12,23,38,0.5);--focus-ring:#0098a8;--accent:#0098a8;--accent-2:#0f9d58;--accent-info:#2f6fed;--accent-alt:#7c4fe0;--accent-warn:#d98c1d;--grid-line:rgba(12,23,38,0.034);--aurora-1:rgba(47,111,237,0.17);--aurora-2:rgba(15,157,88,0.145);--aurora-3:rgba(217,140,29,0.085);--aurora-4:rgba(0,152,168,0.105);--aurora-5:rgba(124,79,224,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#e9eef3;--aurora-base-3:#f4f7fa;--aurora-base-4:#e9eef3;--liquid-1-a:rgba(0,152,168,0.45);--liquid-1-b:rgba(47,111,237,0.15);--liquid-2-a:rgba(15,157,88,0.4);--liquid-2-b:rgba(124,79,224,0.14);--hero-grad-1:#2f6fed;--hero-grad-2:#0098a8;--hero-grad-3:#0f9d58;--brand-grad-1:#00818f;--brand-grad-2:#0d844b;--nav-tint-1:rgba(47,111,237,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(15,157,88,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#e9eef3;--orb-grad-1:#ffffff;--orb-grad-2:#e9eef3;--orb-border:rgba(12,23,38,0.1);--orb-glow:rgba(0,152,168,0.1);--tile-grad-1:rgba(0,152,168,0.14);--tile-grad-2:rgba(15,157,88,0.08);--tile-fg:#0098a8;--icon-bg-1:rgba(0,152,168,0.14);--icon-bg-2:rgba(15,157,88,0.08);--icon-fg:#0098a8;--shadow-color:rgba(12,23,38,0.12);--shadow-sm:0 8px 24px rgba(12,23,38,0.08);--shadow-md:0 16px 44px rgba(12,23,38,0.1);--shadow-lg:0 24px 72px rgba(12,23,38,0.12);--selection-bg:rgba(0,152,168,0.2);--tint-warn:rgba(217,140,29,0.1);--tint-warn-border:rgba(217,140,29,0.22);--tint-warn-text:#8d5b13;--tint-ok:rgba(15,157,88,0.1);--tint-ok-border:rgba(15,157,88,0.2);--tint-ok-text:#0a6639;--tint-info:rgba(47,111,237,0.1);--tint-info-border:rgba(47,111,237,0.2);--tint-info-text:#1f489a;--cta-grad-1:#152f62;--cta-grad-2:#034853;--cta-grad-3:#09402a;--cta-highlight:rgba(0,152,168,0.16);--cta-text:#ffffff;--footer-bg-1:#033a43;--footer-bg-2:#163167;--footer-bg-3:#093c27;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#0c1726}
[data-theme="midnight"][data-mode="dark"]{--surface-0:#0a0e14;--surface-1:#10151f;--surface-2:#161c28;--surface-3:#161c28;--text-primary:#e7f3ff;--text-secondary:#8ea0b8;--text-tertiary:#606d7f;--text-on-accent:#ffffff;--border-subtle:rgba(231,243,255,0.14);--border-strong:rgba(231,243,255,0.24);--input-border:rgba(231,243,255,0.55);--focus-ring:#39e8ff;--accent:#39e8ff;--accent-2:#39ff8a;--accent-info:#5c8dff;--accent-alt:#b98bff;--accent-warn:#ffcc66;--grid-line:rgba(231,243,255,0.05);--aurora-1:rgba(92,141,255,0.22);--aurora-2:rgba(57,255,138,0.2);--aurora-3:rgba(255,204,102,0.12);--aurora-4:rgba(57,232,255,0.16);--aurora-5:rgba(185,139,255,0.12);--aurora-base-1:#161c28;--aurora-base-2:#10151f;--aurora-base-3:#0a0e14;--aurora-base-4:#10151f;--liquid-1-a:rgba(57,232,255,0.55);--liquid-1-b:rgba(92,141,255,0.22);--liquid-2-a:rgba(57,255,138,0.48);--liquid-2-b:rgba(185,139,255,0.2);--hero-grad-1:#5c8dff;--hero-grad-2:#39e8ff;--hero-grad-3:#39ff8a;--brand-grad-1:#1f828f;--brand-grad-2:#1d8447;--nav-tint-1:rgba(92,141,255,0.1);--nav-tint-2:rgba(22,28,40,0.85);--nav-tint-3:rgba(57,255,138,0.09);--panel-grad-1:#161c28;--panel-grad-2:#10151f;--orb-grad-1:#161c28;--orb-grad-2:#10151f;--orb-border:rgba(231,243,255,0.16);--orb-glow:rgba(57,232,255,0.14);--tile-grad-1:rgba(57,232,255,0.2);--tile-grad-2:rgba(57,255,138,0.12);--tile-fg:#39e8ff;--icon-bg-1:rgba(57,232,255,0.2);--icon-bg-2:rgba(57,255,138,0.12);--icon-fg:#39e8ff;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(57,232,255,0.3);--tint-warn:rgba(255,204,102,0.16);--tint-warn-border:rgba(255,204,102,0.3);--tint-warn-text:#ffde9c;--tint-ok:rgba(57,255,138,0.16);--tint-ok-border:rgba(57,255,138,0.3);--tint-ok-text:#7effb3;--tint-info:rgba(92,141,255,0.16);--tint-info-border:rgba(92,141,255,0.3);--tint-info-text:#95b5ff;--cta-grad-1:#39e8ff;--cta-grad-2:#39ff8a;--cta-grad-3:#5c8dff;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#10151f;--footer-bg-2:#0a0e14;--footer-bg-3:#10151f;--footer-text:#8ea0b8;--footer-text-strong:#e7f3ff;--footer-border:rgba(231,243,255,0.14);--stat-strong:#e7f3ff}
[data-theme="steel"][data-mode="light"]{--surface-0:#f3f4f6;--surface-1:#e9ebee;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#1f2430;--text-secondary:#5b6372;--text-tertiary:#9096a0;--text-on-accent:#ffffff;--border-subtle:rgba(31,36,48,0.11);--border-strong:rgba(31,36,48,0.18);--input-border:rgba(31,36,48,0.5);--focus-ring:#2f6fed;--accent:#2f6fed;--accent-2:#5c87e8;--accent-info:#2f6fed;--accent-alt:#7a86a8;--accent-warn:#c9941f;--grid-line:rgba(31,36,48,0.034);--aurora-1:rgba(47,111,237,0.17);--aurora-2:rgba(92,135,232,0.145);--aurora-3:rgba(201,148,31,0.085);--aurora-4:rgba(47,111,237,0.105);--aurora-5:rgba(122,134,168,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#e9ebee;--aurora-base-3:#f3f4f6;--aurora-base-4:#e9ebee;--liquid-1-a:rgba(47,111,237,0.45);--liquid-1-b:rgba(47,111,237,0.15);--liquid-2-a:rgba(92,135,232,0.4);--liquid-2-b:rgba(122,134,168,0.14);--hero-grad-1:#2f6fed;--hero-grad-2:#2f6fed;--hero-grad-3:#5c87e8;--brand-grad-1:#2f6fed;--brand-grad-2:#4e72c4;--nav-tint-1:rgba(47,111,237,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(92,135,232,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#e9ebee;--orb-grad-1:#ffffff;--orb-grad-2:#e9ebee;--orb-border:rgba(31,36,48,0.1);--orb-glow:rgba(47,111,237,0.1);--tile-grad-1:rgba(47,111,237,0.14);--tile-grad-2:rgba(92,135,232,0.08);--tile-fg:#2f6fed;--icon-bg-1:rgba(47,111,237,0.14);--icon-bg-2:rgba(92,135,232,0.08);--icon-fg:#2f6fed;--shadow-color:rgba(31,36,48,0.12);--shadow-sm:0 8px 24px rgba(31,36,48,0.08);--shadow-md:0 16px 44px rgba(31,36,48,0.1);--shadow-lg:0 24px 72px rgba(31,36,48,0.12);--selection-bg:rgba(47,111,237,0.2);--tint-warn:rgba(201,148,31,0.1);--tint-warn-border:rgba(201,148,31,0.22);--tint-warn-text:#836014;--tint-ok:rgba(92,135,232,0.1);--tint-ok-border:rgba(92,135,232,0.2);--tint-ok-text:#3c5897;--tint-info:rgba(47,111,237,0.1);--tint-info-border:rgba(47,111,237,0.2);--tint-info-text:#1f489a;--cta-grad-1:#152f62;--cta-grad-2:#183672;--cta-grad-3:#263860;--cta-highlight:rgba(47,111,237,0.16);--cta-text:#ffffff;--footer-bg-1:#142b5b;--footer-bg-2:#163167;--footer-bg-3:#23345a;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#1f2430}
[data-theme="steel"][data-mode="dark"]{--surface-0:#16181d;--surface-1:#1d2026;--surface-2:#252830;--surface-3:#252830;--text-primary:#e7e9ee;--text-secondary:#9aa1ae;--text-tertiary:#6c717b;--text-on-accent:#ffffff;--border-subtle:rgba(231,233,238,0.14);--border-strong:rgba(231,233,238,0.24);--input-border:rgba(231,233,238,0.55);--focus-ring:#5c8dff;--accent:#5c8dff;--accent-2:#7fa3ff;--accent-info:#5c8dff;--accent-alt:#949fc2;--accent-warn:#e0b35f;--grid-line:rgba(231,233,238,0.05);--aurora-1:rgba(92,141,255,0.22);--aurora-2:rgba(127,163,255,0.2);--aurora-3:rgba(224,179,95,0.12);--aurora-4:rgba(92,141,255,0.16);--aurora-5:rgba(148,159,194,0.12);--aurora-base-1:#252830;--aurora-base-2:#1d2026;--aurora-base-3:#16181d;--aurora-base-4:#1d2026;--liquid-1-a:rgba(92,141,255,0.55);--liquid-1-b:rgba(92,141,255,0.22);--liquid-2-a:rgba(127,163,255,0.48);--liquid-2-b:rgba(148,159,194,0.2);--hero-grad-1:#5c8dff;--hero-grad-2:#5c8dff;--hero-grad-3:#7fa3ff;--brand-grad-1:#486ec7;--brand-grad-2:#546ca8;--nav-tint-1:rgba(92,141,255,0.1);--nav-tint-2:rgba(37,40,48,0.85);--nav-tint-3:rgba(127,163,255,0.09);--panel-grad-1:#252830;--panel-grad-2:#1d2026;--orb-grad-1:#252830;--orb-grad-2:#1d2026;--orb-border:rgba(231,233,238,0.16);--orb-glow:rgba(92,141,255,0.14);--tile-grad-1:rgba(92,141,255,0.2);--tile-grad-2:rgba(127,163,255,0.12);--tile-fg:#5c8dff;--icon-bg-1:rgba(92,141,255,0.2);--icon-bg-2:rgba(127,163,255,0.12);--icon-fg:#5c8dff;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(92,141,255,0.3);--tint-warn:rgba(224,179,95,0.16);--tint-warn-border:rgba(224,179,95,0.3);--tint-warn-text:#ebce97;--tint-ok:rgba(127,163,255,0.16);--tint-ok-border:rgba(127,163,255,0.3);--tint-ok-text:#acc3ff;--tint-info:rgba(92,141,255,0.16);--tint-info-border:rgba(92,141,255,0.3);--tint-info-text:#95b5ff;--cta-grad-1:#5c8dff;--cta-grad-2:#7fa3ff;--cta-grad-3:#5c8dff;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#1d2026;--footer-bg-2:#16181d;--footer-bg-3:#1d2026;--footer-text:#9aa1ae;--footer-text-strong:#e7e9ee;--footer-border:rgba(231,233,238,0.14);--stat-strong:#e7e9ee}
[data-theme="crimson"][data-mode="light"]{--surface-0:#f7f5f3;--surface-1:#efe9e4;--surface-2:#ffffff;--surface-3:#ffffff;--text-primary:#231b18;--text-secondary:#6b5c54;--text-tertiary:#9c928c;--text-on-accent:#ffffff;--border-subtle:rgba(35,27,24,0.11);--border-strong:rgba(35,27,24,0.18);--input-border:rgba(35,27,24,0.5);--focus-ring:#d6572c;--accent:#d6572c;--accent-2:#3a5a78;--accent-info:#3a5a78;--accent-alt:#8a4a3a;--accent-warn:#c9941f;--grid-line:rgba(35,27,24,0.034);--aurora-1:rgba(58,90,120,0.17);--aurora-2:rgba(58,90,120,0.145);--aurora-3:rgba(201,148,31,0.085);--aurora-4:rgba(214,87,44,0.105);--aurora-5:rgba(138,74,58,0.075);--aurora-base-1:#ffffff;--aurora-base-2:#efe9e4;--aurora-base-3:#f7f5f3;--aurora-base-4:#efe9e4;--liquid-1-a:rgba(214,87,44,0.45);--liquid-1-b:rgba(58,90,120,0.15);--liquid-2-a:rgba(58,90,120,0.4);--liquid-2-b:rgba(138,74,58,0.14);--hero-grad-1:#3a5a78;--hero-grad-2:#d6572c;--hero-grad-3:#3a5a78;--brand-grad-1:#c55028;--brand-grad-2:#3a5a78;--nav-tint-1:rgba(58,90,120,0.07);--nav-tint-2:rgba(255,255,255,0.91);--nav-tint-3:rgba(58,90,120,0.06);--panel-grad-1:#ffffff;--panel-grad-2:#efe9e4;--orb-grad-1:#ffffff;--orb-grad-2:#efe9e4;--orb-border:rgba(35,27,24,0.1);--orb-glow:rgba(214,87,44,0.1);--tile-grad-1:rgba(214,87,44,0.14);--tile-grad-2:rgba(58,90,120,0.08);--tile-fg:#d6572c;--icon-bg-1:rgba(214,87,44,0.14);--icon-bg-2:rgba(58,90,120,0.08);--icon-fg:#d6572c;--shadow-color:rgba(35,27,24,0.12);--shadow-sm:0 8px 24px rgba(35,27,24,0.08);--shadow-md:0 16px 44px rgba(35,27,24,0.1);--shadow-lg:0 24px 72px rgba(35,27,24,0.12);--selection-bg:rgba(214,87,44,0.2);--tint-warn:rgba(201,148,31,0.1);--tint-warn-border:rgba(201,148,31,0.22);--tint-warn-text:#836014;--tint-ok:rgba(58,90,120,0.1);--tint-ok-border:rgba(58,90,120,0.2);--tint-ok-text:#263b4e;--tint-info:rgba(58,90,120,0.1);--tint-info-border:rgba(58,90,120,0.2);--tint-info-text:#263b4e;--cta-grad-1:#192736;--cta-grad-2:#632b1b;--cta-grad-3:#192736;--cta-highlight:rgba(214,87,44,0.16);--cta-text:#ffffff;--footer-bg-1:#4e2318;--footer-bg-2:#1a2838;--footer-bg-3:#182432;--footer-text:rgba(255,255,255,.76);--footer-text-strong:#ffffff;--footer-border:rgba(255,255,255,.08);--stat-strong:#231b18}
[data-theme="crimson"][data-mode="dark"]{--surface-0:#171310;--surface-1:#211b17;--surface-2:#2a221d;--surface-3:#2a221d;--text-primary:#f5ece4;--text-secondary:#c9b7aa;--text-tertiary:#8b7e74;--text-on-accent:#ffffff;--border-subtle:rgba(245,236,228,0.14);--border-strong:rgba(245,236,228,0.24);--input-border:rgba(245,236,228,0.55);--focus-ring:#ff7a45;--accent:#ff7a45;--accent-2:#6f9bc2;--accent-info:#6f9bc2;--accent-alt:#c98f7a;--accent-warn:#e0b35f;--grid-line:rgba(245,236,228,0.05);--aurora-1:rgba(111,155,194,0.22);--aurora-2:rgba(111,155,194,0.2);--aurora-3:rgba(224,179,95,0.12);--aurora-4:rgba(255,122,69,0.16);--aurora-5:rgba(201,143,122,0.12);--aurora-base-1:#2a221d;--aurora-base-2:#211b17;--aurora-base-3:#171310;--aurora-base-4:#211b17;--liquid-1-a:rgba(255,122,69,0.55);--liquid-1-b:rgba(111,155,194,0.22);--liquid-2-a:rgba(111,155,194,0.48);--liquid-2-b:rgba(201,143,122,0.2);--hero-grad-1:#6f9bc2;--hero-grad-2:#ff7a45;--hero-grad-3:#6f9bc2;--brand-grad-1:#b75731;--brand-grad-2:#567997;--nav-tint-1:rgba(111,155,194,0.1);--nav-tint-2:rgba(42,34,29,0.85);--nav-tint-3:rgba(111,155,194,0.09);--panel-grad-1:#2a221d;--panel-grad-2:#211b17;--orb-grad-1:#2a221d;--orb-grad-2:#211b17;--orb-border:rgba(245,236,228,0.16);--orb-glow:rgba(255,122,69,0.14);--tile-grad-1:rgba(255,122,69,0.2);--tile-grad-2:rgba(111,155,194,0.12);--tile-fg:#ff7a45;--icon-bg-1:rgba(255,122,69,0.2);--icon-bg-2:rgba(111,155,194,0.12);--icon-fg:#ff7a45;--shadow-color:rgba(0,0,0,.45);--shadow-sm:0 8px 24px rgba(0,0,0,.40);--shadow-md:0 16px 44px rgba(0,0,0,.42);--shadow-lg:0 24px 72px rgba(0,0,0,.45);--selection-bg:rgba(255,122,69,0.3);--tint-warn:rgba(224,179,95,0.16);--tint-warn-border:rgba(224,179,95,0.3);--tint-warn-text:#ebce97;--tint-ok:rgba(111,155,194,0.16);--tint-ok-border:rgba(111,155,194,0.3);--tint-ok-text:#a1bed7;--tint-info:rgba(111,155,194,0.16);--tint-info-border:rgba(111,155,194,0.3);--tint-info-text:#a1bed7;--cta-grad-1:#ff7a45;--cta-grad-2:#6f9bc2;--cta-grad-3:#6f9bc2;--cta-highlight:rgba(255,255,255,0.14);--cta-text:#ffffff;--footer-bg-1:#211b17;--footer-bg-2:#171310;--footer-bg-3:#211b17;--footer-text:#c9b7aa;--footer-text-strong:#f5ece4;--footer-border:rgba(245,236,228,0.14);--stat-strong:#f5ece4}

/* ===== AithingX shared design system (theme.css) ===== */
/* Reset / base */
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--surface-0);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background .25s ease,color .25s ease}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea{font:inherit}
::selection{background:var(--selection-bg);color:var(--text-primary)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}

/* Background layers */
.site-bg{position:fixed;inset:0;z-index:-3;background:
 radial-gradient(1100px 690px at -8% -8%,var(--aurora-1),transparent 63%),
 radial-gradient(900px 620px at 106% 5%,var(--aurora-2),transparent 62%),
 radial-gradient(850px 600px at 96% 94%,var(--aurora-3),transparent 68%),
 radial-gradient(760px 540px at 8% 88%,var(--aurora-4),transparent 68%),
 linear-gradient(135deg,var(--aurora-base-1) 0%,var(--aurora-base-2) 34%,var(--aurora-base-3) 67%,var(--aurora-base-4) 100%)}
.site-grid{position:fixed;inset:0;z-index:-2;opacity:.14;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.liquid{position:fixed;z-index:-1;border-radius:45% 55% 62% 38%/44% 40% 60% 56%;filter:blur(20px);opacity:.34;animation:morph 18s ease-in-out infinite alternate;pointer-events:none}
.liquid.one{width:360px;height:360px;right:-100px;top:16%;background:radial-gradient(circle at 35% 35%,var(--liquid-1-a),var(--liquid-1-b) 54%,transparent 74%)}
.liquid.two{width:300px;height:300px;left:-110px;top:58%;background:radial-gradient(circle at 60% 42%,var(--liquid-2-a),var(--liquid-2-b) 58%,transparent 76%);animation-duration:23s}
@keyframes morph{0%{transform:translate3d(0,0,0) rotate(0deg);border-radius:45% 55% 62% 38%/44% 40% 60% 56%}50%{transform:translate3d(-20px,18px,0) rotate(8deg);border-radius:62% 38% 44% 56%/53% 63% 37% 47%}100%{transform:translate3d(16px,-18px,0) rotate(-7deg);border-radius:40% 60% 55% 45%/58% 42% 58% 42%}}

/* Shell / eyebrow */
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-info);font-weight:800}
.eyebrow::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}

/* Navbar / brand / nav links */
.navbar{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--nav-tint-1) 0%,var(--nav-tint-2) 45%,var(--nav-tint-3) 100%);border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 34px var(--shadow-color);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}
.brand-mark{width:58px;height:58px;border-radius:18px;position:relative;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border-subtle);box-shadow:inset 0 1px rgba(255,255,255,.45),0 12px 30px var(--shadow-color);padding:7px;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand span small{display:block;color:var(--text-tertiary);font-size:.69rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:-2px}
.hero-logo{width:min(280px,58vw);margin:0 0 16px;display:flex;align-items:center;justify-content:flex-start}
.hero-logo img{width:100%;height:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{padding:10px 12px;border-radius:999px;color:var(--text-secondary);font-size:.92rem;font-weight:650}
.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:var(--tile-grad-1)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font-weight:800;transition:.25s ease;cursor:pointer;border:1px solid transparent}
.nav-cta{padding:10px 16px;background:var(--text-primary);color:var(--surface-2)}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px var(--shadow-color)}
.menu-btn{display:none;background:none;border:0;color:var(--text-primary);font-size:1.5rem}

/* Hero */
.hero{padding:92px 0 20px;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}
.hero h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.90;letter-spacing:-.062em;margin:22px 0 25px;max-width:920px;color:var(--text-primary)}
.hero h1 .grad{background:linear-gradient(96deg,var(--hero-grad-1) 0%,var(--hero-grad-2) 44%,var(--hero-grad-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(1.05rem,1.8vw,1.27rem);color:var(--text-secondary);max-width:700px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn{padding:14px 20px}
.btn.primary{background:linear-gradient(120deg,var(--brand-grad-1),var(--brand-grad-2));color:var(--text-on-accent);box-shadow:0 14px 34px var(--shadow-color)}
.btn.primary:hover{transform:translateY(-2px)}
.btn.secondary{border-color:var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);box-shadow:0 8px 24px var(--shadow-color)}
.btn.secondary:hover{background:var(--surface-1);border-color:var(--border-strong)}
.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px;color:var(--text-tertiary);font-size:.88rem}
.trust span{display:flex;align-items:center;gap:8px}
.trust i{width:7px;height:7px;border-radius:99px;background:var(--accent-2);box-shadow:0 0 18px var(--accent-2)}

/* Hero visual: orb / machine-core / nodes */
.hero-visual{min-height:570px;position:relative;display:grid;place-items:center}
.orb{width:min(480px,92vw);aspect-ratio:1;position:relative;border-radius:46% 54% 59% 41%/45% 38% 62% 55%;background:linear-gradient(145deg,var(--orb-grad-1),var(--orb-grad-2));border:1px solid var(--orb-border);box-shadow:inset 0 0 70px var(--orb-glow),0 42px 100px var(--shadow-color);animation:morph 15s ease-in-out infinite alternate;overflow:hidden}
.orb::before{content:"";position:absolute;inset:12%;border-radius:inherit;background:radial-gradient(circle at 35% 28%,var(--tile-grad-1),transparent 42%),radial-gradient(circle at 72% 70%,var(--tile-grad-2),transparent 45%),var(--surface-2);border:1px solid var(--border-subtle)}
.machine-map{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.machine-core{width:210px;height:210px;border-radius:44% 56% 42% 58%/50% 40% 60% 50%;background:linear-gradient(145deg,var(--panel-grad-1),var(--panel-grad-2));border:1px solid var(--border-subtle);display:grid;place-items:center;box-shadow:inset 0 0 44px var(--orb-glow)}
.machine-core svg{width:128px;opacity:.95}
.machine-core svg text{fill:var(--text-primary)!important}
.node{position:absolute;padding:10px 13px;border-radius:15px;background:var(--surface-3);border:1px solid var(--border-subtle);backdrop-filter:blur(12px);font-size:.75rem;color:var(--text-secondary);box-shadow:0 14px 36px var(--shadow-color)}
.node b{display:block;color:var(--text-primary);font-size:.84rem}
.n1{left:3%;top:18%}.n2{right:1%;top:25%}.n3{left:0%;bottom:19%}.n4{right:4%;bottom:15%}
.pulse{position:absolute;inset:26%;border:1px solid var(--border-subtle);border-radius:50%;animation:pulse 3s ease-out infinite}
.pulse.p2{animation-delay:1.5s}
@keyframes pulse{0%{transform:scale(.72);opacity:0}25%{opacity:1}100%{transform:scale(1.65);opacity:0}}

/* Stat bar */
.statbar{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-subtle);border-radius:24px;overflow:hidden;background:var(--surface-2);backdrop-filter:blur(16px);box-shadow:0 18px 50px var(--shadow-color)}
.stat{padding:22px}
.stat+.stat{border-left:1px solid var(--border-subtle)}
.stat strong{font-size:1.55rem;display:block;letter-spacing:-.03em;color:var(--stat-strong)}
.stat span{color:var(--text-secondary);font-size:.83rem}

/* Sections */
.section{padding:92px 0}
.section.soft{background:
 radial-gradient(680px 280px at 5% 10%,var(--aurora-1),transparent 72%),
 radial-gradient(720px 300px at 95% 90%,var(--aurora-2),transparent 72%),
 linear-gradient(135deg,var(--aurora-base-1),var(--aurora-base-2) 52%,var(--aurora-base-3));
 border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.section-title{font-size:clamp(2.1rem,4.7vw,4.3rem);line-height:1.02;letter-spacing:-.045em;margin:14px 0 18px;max-width:850px;color:var(--text-primary)}
.section-copy{color:var(--text-secondary);font-size:1.06rem;max-width:760px}
.section-head{margin-bottom:44px}

/* Roadmap / stage cards */
.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.roadmap::before{content:"";position:absolute;left:12%;right:12%;top:54px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-alt),var(--accent-2));opacity:.5}
.stage{position:relative;padding:28px 26px 25px;border-radius:26px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));box-shadow:var(--shadow-md);min-height:300px;overflow:hidden}
.stage::after{content:"";position:absolute;width:150px;height:150px;right:-60px;bottom:-55px;border-radius:50%;filter:blur(8px);opacity:.15}
.stage.s1::after{background:var(--accent)}.stage.s2::after{background:var(--accent-alt)}.stage.s3::after{background:var(--accent-2)}
.stage-num{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--icon-bg-1),var(--icon-bg-2));border:1px solid var(--border-subtle);color:var(--icon-fg);font-weight:900;position:relative;z-index:2}
.stage h3{font-size:1.32rem;line-height:1.18;margin:24px 0 12px;color:var(--text-primary)}
.stage p{color:var(--text-secondary);margin:0}
.stage .tag{display:inline-block;margin-top:20px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}
.stage:hover{transform:translateY(-5px);background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}
.arrow-link{display:inline-flex;margin-top:24px;align-items:center;gap:8px;font-weight:800;color:var(--text-primary)}

/* Feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{padding:24px;border-radius:22px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));transition:.25s ease;min-height:185px}
.feature:hover{transform:translateY(-5px);background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}
.icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--icon-bg-1),var(--icon-bg-2));border:1px solid var(--border-subtle);display:grid;place-items:center;color:var(--icon-fg);margin-bottom:18px}
.feature h3{margin:0 0 9px;font-size:1.02rem;color:var(--text-primary)}
.feature p{margin:0;color:var(--text-secondary);font-size:.92rem}

/* Flow */
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch}
.flow-card{padding:25px;border-radius:24px;background:var(--surface-1);border:1px solid var(--border-subtle)}
.flow-card small{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.flow-card h3{margin:9px 0 8px;color:var(--text-primary)}
.flow-card p{color:var(--text-secondary);margin:0}
.flow-icon{display:block;margin-bottom:14px;color:var(--accent)}
.flow-arrow{align-self:center;color:var(--accent);font-size:1.7rem}

/* Demo panel / dashboard */
.demo-panel{border:1px solid var(--border-subtle);border-radius:30px;background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));overflow:hidden;box-shadow:var(--shadow-lg)}
.demo-top{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--border-subtle)}
.demo-top strong{color:var(--text-primary)}
.demo-dots{display:flex;gap:7px}
.demo-dots i{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}
.demo-dots i:first-child{background:var(--accent-2)}
.demo-body{padding:24px;display:grid;grid-template-columns:.76fr 1.24fr;gap:20px}
.asset-card,.decision-card{border-radius:23px;background:var(--surface-2);border:1px solid var(--border-subtle);padding:22px}
.asset-card h3,.decision-card h4{margin:0;color:var(--text-primary)}
.decision-card p{color:var(--text-secondary)}
.risk{display:inline-flex;margin:14px 0 18px;padding:6px 10px;border-radius:999px;background:var(--tint-warn);border:1px solid var(--tint-warn-border);color:var(--tint-warn-text);font-weight:850;font-size:.75rem}
.risk.medium{background:var(--tint-warn);border-color:var(--tint-warn-border);color:var(--tint-warn-text)}
.risk.low{background:var(--tint-ok);border-color:var(--tint-ok-border);color:var(--tint-ok-text)}
.risk.info{background:var(--tint-info);border-color:var(--tint-info-border);color:var(--tint-info-text)}
.meter{height:9px;border-radius:999px;background:var(--surface-1);overflow:hidden;margin:7px 0 6px}
.meter i{display:block;width:58%;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent-warn));border-radius:inherit}
.kv{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:.88rem;color:var(--text-secondary);border-top:1px solid var(--border-subtle);padding-top:13px;margin-top:13px}
.kv b{color:var(--text-primary)}
.evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}
.evidence div{background:var(--surface-1);border:1px solid var(--border-subtle);padding:13px;border-radius:15px}
.evidence span{display:block;color:var(--text-secondary);font-size:.72rem}
.evidence b{font-size:.82rem;color:var(--text-primary)}
.action{padding:16px;border-radius:17px;background:linear-gradient(120deg,var(--tile-grad-2),var(--tile-grad-1));border:1px solid var(--border-subtle);color:var(--text-primary)}

/* Per-product "Live dashboard" simulated-telemetry widget (CPAI/CDT-II/CAAI) */
.product-live{position:relative;border:1px solid var(--border-subtle);border-radius:30px;background:linear-gradient(150deg,var(--panel-grad-1) 0%,var(--panel-grad-2) 100%);box-shadow:var(--shadow-lg);overflow:hidden}
.product-live::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-info),var(--accent-2),var(--accent-warn))}
.live-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--border-subtle);background:var(--surface-2)}
.live-title{display:flex;align-items:center;gap:12px}
.live-title b{color:var(--text-primary);font-size:1.03rem}
.live-title small{display:block;color:var(--text-secondary);margin-top:2px}
.live-dot{width:11px;height:11px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 6px var(--tint-ok);animation:livePulse 1.8s ease-in-out infinite}
@keyframes livePulse{0%,100%{transform:scale(.9);opacity:.7}50%{transform:scale(1.12);opacity:1}}
.live-badge{padding:7px 11px;border-radius:999px;background:var(--tint-ok);color:var(--tint-ok-text);border:1px solid var(--tint-ok-border);font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.live-body{padding:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.live-left{display:grid;gap:16px}
.live-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.live-kpi{padding:16px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}
.live-kpi span{display:block;color:var(--text-secondary);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.live-kpi strong{display:block;color:var(--text-primary);font-size:1.45rem;line-height:1.15;margin-top:5px}
.live-kpi em{display:block;color:var(--text-tertiary);font-style:normal;font-size:.75rem;margin-top:5px}
.live-chart{padding:18px;border-radius:20px;background:linear-gradient(145deg,var(--panel-grad-1),var(--panel-grad-2));border:1px solid var(--border-subtle)}
.live-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.live-chart-head b{color:var(--text-primary)}
.live-chart-head span{font-size:.76rem;color:var(--text-secondary)}
.live-bars{height:170px;display:flex;align-items:flex-end;gap:8px}
.live-bars i{flex:1;min-width:7px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--accent-info),var(--accent-2));opacity:.88;transition:height .65s cubic-bezier(.2,.8,.2,1)}
.live-right{display:flex;flex-direction:column;gap:12px}
.decision-box{padding:20px;border-radius:20px;background:var(--surface-2);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}
.decision-box h3{color:var(--text-primary);margin:0 0 9px;font-size:1.07rem}
.decision-box p{color:var(--text-secondary);margin:0;font-size:.9rem}
.decision-box .decision-value{font-size:1.45rem;color:var(--accent-2);font-weight:900;letter-spacing:-.03em;margin:7px 0}
.decision-box.warning .decision-value{color:var(--accent-warn)}
.decision-list{display:grid;gap:8px;margin-top:12px}
.decision-list div{display:flex;justify-content:space-between;gap:14px;padding-top:9px;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.82rem}
.decision-list b{color:var(--text-primary);text-align:right}
@media(max-width:680px){.live-body{grid-template-columns:1fr}.product-live{border-radius:22px}.live-kpis{grid-template-columns:1fr 1fr}}
.video-showcase{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:center}
.video-shell{position:relative;padding:10px;border-radius:28px;background:linear-gradient(145deg,var(--panel-grad-1),var(--panel-grad-2));border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}
.video-shell video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;background:var(--surface-1)}
.video-copy{padding:10px 6px}
.video-copy h3{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.05;color:var(--text-primary);margin:10px 0 14px}
.video-copy p{color:var(--text-secondary);margin:0 0 16px}
.video-points{display:grid;gap:10px}
.video-points div{display:flex;gap:10px;align-items:flex-start;color:var(--text-secondary)}
.video-points i{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,var(--accent-info),var(--accent-2));margin-top:7px}
.video-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--tint-info);color:var(--tint-info-text);border:1px solid var(--tint-info-border);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.video-showcase{grid-template-columns:1fr}.video-copy{padding:8px 2px}}


/* ROI (legacy, kept for forward-compat even though CPAI's formulas were replaced with a diagram) */
.roi{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.roi-card{padding:30px;border-radius:28px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2))}
.formula{font-size:clamp(1.5rem,3vw,2.7rem);letter-spacing:-.03em;margin:28px 0;color:var(--text-primary)}
.mini-list{display:grid;gap:10px}
.mini-list div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--border-subtle);color:var(--text-secondary)}
.mini-list b{color:var(--text-primary)}

/* CTA — deliberate "pull quote" panel, bolder than the page, same bookend language as the footer */
.cta{padding:42px;border-radius:34px;border:1px solid var(--cta-highlight);background:linear-gradient(120deg,var(--cta-grad-1) 0%,var(--cta-grad-2) 54%,var(--cta-grad-3) 100%);display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:var(--shadow-lg)}
.cta h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em;margin:0 0 12px;color:var(--cta-text)}
.cta p{margin:0;color:var(--cta-text);opacity:.84;max-width:720px}
.cta .eyebrow{color:var(--cta-text);opacity:.9}
.cta .eyebrow::before{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.cta .btn.primary{background:var(--surface-2);color:var(--cta-grad-1);box-shadow:0 14px 36px rgba(0,0,0,.18)}
/* Homepage product-launch banner for Haul (haul.aithingx.com). Deep panel uses the footer tokens, which stay dark in both modes (the dark-mode --cta-grad tokens are bright). */
.haul-launch{padding:8px 0 0}
.haul-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:24px;padding:46px 22px 46px 50px;border-radius:32px;border:1px solid var(--footer-border);background:linear-gradient(120deg,var(--footer-bg-2) 0%,var(--footer-bg-1) 58%,var(--footer-bg-3) 100%);color:var(--footer-text-strong);box-shadow:var(--shadow-lg);overflow:hidden}
.haul-banner :focus-visible{outline-color:var(--footer-text-strong)}
.haul-kicker{display:block;font-size:.9rem;font-weight:600;color:var(--footer-text)}
.haul-copy h2{margin:10px 0 14px;text-wrap:balance;font-size:clamp(1.45rem,2.5vw,2.05rem);line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--footer-text-strong)}
.haul-wordmark{display:block;margin-bottom:14px;font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(3.8rem,8vw,6.4rem);line-height:.86;letter-spacing:-.045em}
.haul-copy p{margin:0;max-width:52ch;color:var(--footer-text)}
.haul-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:28px}
.haul-actions .btn.primary{gap:8px;background:var(--footer-text-strong);color:var(--footer-bg-2);box-shadow:var(--shadow-md)}
.haul-domain{font-size:.92rem;color:var(--footer-text)}
.haul-visual{min-width:0}
.haul-pit{display:block;width:100%;height:auto;overflow:visible}
.haul-contours path{fill:none;stroke:var(--footer-text-strong);stroke-opacity:.17;stroke-width:1}
.haul-contours path:last-child{fill:var(--footer-text-strong);fill-opacity:.06}
.haul-road{fill:none;stroke:var(--footer-text-strong);stroke-opacity:.13;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.haul-road-dash{fill:none;stroke:var(--footer-text-strong);stroke-opacity:.55;stroke-width:1.3;stroke-dasharray:5 7;stroke-linecap:round}
.haul-mark circle{fill:var(--footer-bg-1);stroke:var(--footer-text-strong);stroke-width:2}
.haul-mark text{fill:var(--footer-text-strong);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;paint-order:stroke;stroke:var(--footer-bg-1);stroke-width:5px;stroke-linejoin:round}
.haul-truck circle{fill:var(--footer-text-strong)}
.haul-truck .haul-truck-halo{fill:var(--accent);fill-opacity:.5}
@media(max-width:980px){.haul-banner{grid-template-columns:1fr;gap:12px;padding:36px 30px 26px}}
@media(max-width:680px){.haul-banner{padding:28px 20px 18px;border-radius:24px}.haul-mark text{font-size:19px;stroke-width:6px}}
/* Homepage one-line Haul announcement strip under the navbar (alternative to the .haul-banner; same deep footer tokens) */
.haul-strip{display:block;position:relative;background:linear-gradient(90deg,var(--footer-bg-2) 0%,var(--footer-bg-1) 55%,var(--footer-bg-3) 100%);color:var(--footer-text-strong);border-bottom:1px solid var(--footer-border)}
.haul-strip-inner{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font-size:.9rem;line-height:1.2;white-space:nowrap}
.haul-strip-tag{flex:0 0 auto;padding:2px 8px;border-radius:999px;border:1px solid var(--footer-text);color:var(--footer-text-strong);font-size:.72rem;font-weight:700}
.haul-strip-name{flex:0 0 auto;font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:-.02em}
.haul-strip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--footer-text)}
.haul-strip-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 12px;border-radius:999px;background:var(--footer-text-strong);color:var(--footer-bg-2);font-size:.82rem;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.haul-strip:hover .haul-strip-cta{transform:translateY(-1px);box-shadow:0 6px 16px var(--shadow-color)}}
.haul-strip:focus-visible{outline-color:var(--footer-text-strong);outline-offset:-4px}
@media(max-width:680px){.haul-strip-inner{justify-content:flex-start;gap:9px;font-size:.84rem}.haul-strip-cta{margin-left:auto}}

/* Page hero / chips */
.page-hero{padding:82px 0 52px}
.page-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em;margin:18px 0;color:var(--text-primary)}
.page-hero p{max-width:820px;color:var(--text-secondary);font-size:1.1rem}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.chip{padding:8px 11px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface-1);color:var(--text-secondary);font-size:.82rem;box-shadow:0 6px 18px var(--shadow-color)}

/* Numbered list */
.numbered{counter-reset:item;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.numbered .item{counter-increment:item;padding:22px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));border-radius:20px;display:grid;grid-template-columns:48px 1fr;gap:15px}
.numbered .item::before{content:counter(item,decimal-leading-zero);width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--icon-bg-1),var(--icon-bg-2));color:var(--icon-fg);font-weight:900}
.numbered h3{margin:2px 0 6px;color:var(--text-primary)}
.numbered p{margin:0;color:var(--text-secondary)}

/* Contact form */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}
.contact-card,.contact-form{padding:28px;border:1px solid var(--border-subtle);border-radius:26px;background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2))}
.contact-form label{display:block;color:var(--text-secondary);font-size:.84rem;margin-bottom:7px}
.contact-form input,.contact-form textarea{width:100%;border-radius:14px;border:1px solid var(--input-border);background:var(--surface-2);color:var(--text-primary);padding:13px 14px;outline:none}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-tertiary)}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--tile-grad-1)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form .field{margin-bottom:13px}
.form-status{margin-top:14px;font-size:.88rem;min-height:1.2em}
.form-status.success{color:var(--accent-2);font-weight:650}
.form-status.error{color:var(--accent-warn);font-weight:650}
.form-status a{text-decoration:underline;text-underline-offset:2px}

/* Footer */
.footer{border-top:1px solid var(--footer-border);margin-top:78px;padding:42px 0 28px;background:linear-gradient(135deg,var(--footer-bg-1) 0%,var(--footer-bg-2) 62%,var(--footer-bg-3) 100%);color:var(--footer-text)}
.footer .brand,.footer h4{color:var(--footer-text-strong)}
.footer .brand span small{color:var(--footer-text)}
.footer .brand-mark{background:var(--surface-2)}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:35px}
.footer h4{margin:0 0 12px}
.footer p,.footer a{color:var(--footer-text);font-size:.9rem}
.footer a{display:block;margin:7px 0}
.footer a:hover{color:var(--footer-text-strong)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--footer-border);margin-top:30px;padding-top:22px;color:var(--footer-text);font-size:.82rem}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width:980px){
.hero-grid,.contact-grid{grid-template-columns:1fr}
.hero{padding-top:60px}.hero-visual{min-height:490px}
.roadmap,.feature-grid{grid-template-columns:1fr 1fr}.roadmap::before{display:none}
.flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center}
.footer-grid{grid-template-columns:1fr 1fr}
.demo-body,.roi{grid-template-columns:1fr}
.nav-cta{display:none}
}
@media (max-width:680px){
.shell{width:min(100% - 28px,1180px)}
.hero h1{font-size:3.55rem}
.statbar{grid-template-columns:1fr 1fr}
.stat:nth-child(3){border-left:0;border-top:1px solid var(--border-subtle)}
.stat:nth-child(4){border-top:1px solid var(--border-subtle)}
.roadmap,.feature-grid,.numbered{grid-template-columns:1fr}
.hero-visual{min-height:410px}.orb{width:360px}
.node{font-size:.66rem;padding:8px 9px}
.machine-core{width:160px;height:160px}.machine-core svg{width:100px}
.evidence,.row{grid-template-columns:1fr}
.cta{padding:28px;align-items:flex-start;flex-direction:column}
.footer-grid{grid-template-columns:1fr}
.footer-bottom{flex-direction:column}
.section{padding:72px 0}
}

/* Use cases + industries */
.usecase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.usecase-card{position:relative;min-height:230px;padding:25px 23px;border:1px solid var(--border-subtle);border-radius:24px;background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));overflow:hidden;transition:.28s ease;backdrop-filter:blur(16px)}
.usecase-card::after{content:"";position:absolute;width:145px;height:145px;right:-70px;bottom:-72px;border-radius:50%;background:radial-gradient(circle,var(--tile-grad-1),transparent 68%);filter:blur(6px);transition:.3s ease}
.usecase-card:nth-child(2n)::after{background:radial-gradient(circle,var(--tile-grad-2),transparent 68%)}
.usecase-card:nth-child(3n)::after{background:radial-gradient(circle,var(--aurora-2),transparent 68%)}
.usecase-card:hover{transform:translateY(-6px);border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-lg)}
.usecase-card:hover::after{transform:scale(1.25)}
.usecase-no{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--accent);margin-bottom:25px}
.usecase-card h3{font-size:1.08rem;line-height:1.2;margin:0 0 10px;color:var(--text-primary)}
.usecase-card p{margin:0;color:var(--text-secondary);font-size:.91rem}
.usecase-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.usecase-tags span{font-size:.68rem;font-weight:750;padding:5px 8px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-secondary)}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.industry-card{position:relative;min-height:210px;padding:25px;border-radius:26px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));overflow:hidden;transition:.28s ease}
.industry-card:before{content:"";position:absolute;inset:auto -55px -75px auto;width:170px;height:170px;border-radius:48% 52% 58% 42%/43% 48% 52% 57%;background:linear-gradient(145deg,var(--tile-grad-1),var(--tile-grad-2));filter:blur(2px);transition:.35s ease}
.industry-card:nth-child(2n):before{background:linear-gradient(145deg,var(--aurora-5),var(--aurora-1))}
.industry-card:hover{transform:translateY(-5px);border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-lg)}
.industry-card:hover:before{transform:rotate(10deg) scale(1.13)}
.industry-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--border-subtle);background:linear-gradient(145deg,var(--icon-bg-1),var(--icon-bg-2));margin-bottom:22px;color:var(--icon-fg);font-size:1.25rem;font-weight:900}
.industry-card h3{margin:0 0 9px;font-size:1.13rem;color:var(--text-primary)}
.industry-card p{margin:0;color:var(--text-secondary);font-size:.92rem;max-width:330px}
.serve-strip{margin-top:18px;padding:19px 22px;border-radius:20px;border:1px solid var(--border-subtle);background:linear-gradient(90deg,var(--aurora-1),var(--aurora-5),var(--aurora-2));color:var(--text-secondary)}
.serve-strip b{color:var(--text-primary)}
@media (max-width:1080px){.usecase-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){.industry-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.usecase-grid,.industry-grid{grid-template-columns:1fr}.usecase-card,.industry-card{min-height:auto}}

/* About / partners / clients */
.about-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch}
.about-panel{padding:36px;border-radius:28px;border:1px solid var(--border-subtle);background:linear-gradient(145deg,var(--panel-grad-1),var(--panel-grad-2));box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.about-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--accent-info),var(--accent-2),var(--accent-warn))}
.about-panel::after{content:"";position:absolute;width:230px;height:230px;right:-100px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,var(--tile-grad-1),var(--tile-grad-2) 48%,transparent 70%);pointer-events:none}
.about-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:var(--tile-grad-1);border:1px solid var(--border-subtle);color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
.about-panel h3{font-size:1.55rem;line-height:1.25;margin:0 0 14px;color:var(--text-primary);position:relative;z-index:1}
.about-panel p{color:var(--text-secondary);margin:0;font-size:1.02rem;line-height:1.78;position:relative;z-index:1}
.about-panel p+p{margin-top:15px}.about-panel b{color:var(--text-primary)}
.about-points{display:grid;gap:12px}
.about-point{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:19px;border-radius:20px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));box-shadow:var(--shadow-sm)}
.about-point .ap-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--icon-bg-1),var(--icon-bg-2));border:1px solid var(--border-subtle);font-weight:900;color:var(--icon-fg)}
.about-point h4{margin:1px 0 5px;font-size:1rem;color:var(--text-primary)}
.about-point p{margin:0;color:var(--text-secondary);font-size:.91rem;line-height:1.55}
.ecosystem{overflow:hidden;position:relative;padding:2px 0}
.ecosystem::before,.ecosystem::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:4;pointer-events:none}
.ecosystem::before{left:0;background:linear-gradient(90deg,var(--surface-0) 14%,transparent)}
.ecosystem::after{right:0;background:linear-gradient(270deg,var(--surface-0) 14%,transparent)}
.scroll-track{display:flex;width:max-content;gap:14px;animation:brandScroll 32s linear infinite;padding:10px 0 16px}
.scroll-track.reverse{animation-direction:reverse;animation-duration:36s}
.ecosystem:hover .scroll-track{animation-play-state:paused}
.scroll-card{min-width:245px;height:92px;border-radius:22px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;padding:16px 18px;backdrop-filter:blur(14px)}
.scroll-card .logo-token{width:50px;height:50px;flex:0 0 50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--icon-bg-1),var(--icon-bg-2));border:1px solid var(--border-subtle);color:var(--icon-fg);font-weight:900;letter-spacing:-.03em;box-shadow:0 8px 20px var(--shadow-color)}
.scroll-card strong{display:block;font-size:.96rem;line-height:1.2;color:var(--text-primary)}
.scroll-card span{display:block;color:var(--text-tertiary);font-size:.78rem;margin-top:4px;line-height:1.25}
.scroll-card em{font-style:normal;color:var(--accent-2);font-weight:800;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:4px}
.partner-note{margin-top:18px;color:var(--text-secondary);font-size:.84rem}
.partner-note b{color:var(--text-primary)}
@keyframes brandScroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:850px){.about-wrap{grid-template-columns:1fr}.ecosystem::before,.ecosystem::after{width:42px}.scroll-card{min-width:215px}.about-panel{padding:27px}.nav-links{background:var(--surface-3);box-shadow:var(--shadow-lg)}}
@media(prefers-reduced-motion:reduce){.scroll-track{animation:none;flex-wrap:wrap;width:100%}.ecosystem{overflow:visible}.ecosystem::before,.ecosystem::after{display:none}.dashboard-track{transition:none}.dashboard-progress i{animation:none;width:100%}}

/* Success stories */
.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.success-card{position:relative;overflow:hidden;padding:26px;border-radius:26px;border:1px solid var(--border-subtle);background:linear-gradient(150deg,var(--panel-grad-1) 0%,var(--panel-grad-2) 70%);box-shadow:var(--shadow-md);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.success-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}
.success-card::after{content:"";position:absolute;width:170px;height:170px;right:-75px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,var(--tile-grad-1),var(--tile-grad-2) 48%,transparent 72%);pointer-events:none}
.success-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.success-sector{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--accent);font-size:.70rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.success-demo{font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);background:var(--surface-1);border:1px solid var(--border-subtle);padding:6px 8px;border-radius:999px;white-space:nowrap}
.success-card h3{margin:0 0 8px;font-size:1.20rem;line-height:1.25;color:var(--text-primary)}
.success-client{color:var(--text-secondary);font-size:.86rem;font-weight:750;margin-bottom:16px}
.success-card p{color:var(--text-secondary);margin:0;line-height:1.63;font-size:.92rem}
.success-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 16px}
.success-metric{padding:14px;border-radius:16px;background:linear-gradient(145deg,var(--panel-grad-1),var(--panel-grad-2));border:1px solid var(--border-subtle)}
.success-metric b{display:block;color:var(--text-primary);font-size:1.22rem;line-height:1.1}
.success-metric span{display:block;color:var(--text-tertiary);font-size:.72rem;margin-top:5px;line-height:1.25}
.success-foot{padding-top:14px;border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.82rem;line-height:1.5;position:relative;z-index:1}
.success-foot b{color:var(--text-primary)}
.success-note{margin-top:20px;padding:15px 18px;border-radius:18px;background:linear-gradient(90deg,var(--aurora-1),var(--aurora-2));border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.84rem}
.success-note b{color:var(--text-primary)}
@media(max-width:980px){.success-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.success-grid{grid-template-columns:1fr}.success-card{padding:22px}}

/* Decision/success dashboard carousel */
.dashboard-carousel{position:relative;border:1px solid var(--border-subtle);border-radius:32px;background:linear-gradient(150deg,var(--panel-grad-1) 0%,var(--panel-grad-2) 68%);box-shadow:var(--shadow-lg);overflow:hidden}
.dashboard-viewport{overflow:hidden;position:relative}
.dashboard-track{display:grid;position:relative;transition:none}
.dashboard-slide{grid-area:1/1;min-width:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transform:none;transition:opacity .38s ease,visibility 0s linear .38s}
.dashboard-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .38s ease,visibility 0s linear 0s}
.dashboard-slide .demo-panel{border:0;border-radius:0;box-shadow:none;background:transparent}
.dashboard-slide .demo-top{padding:19px 24px;background:var(--surface-2);border-bottom:1px solid var(--border-subtle)}
.dashboard-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.dashboard-index{display:grid;place-items:center;min-width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--icon-bg-1),var(--icon-bg-2));border:1px solid var(--border-subtle);color:var(--icon-fg);font-weight:900;font-size:.76rem}
.dashboard-subtitle{display:block;color:var(--text-tertiary);font-size:.74rem;font-weight:700;letter-spacing:.03em;margin-top:1px}
.dashboard-slide .demo-body{min-height:344px}
.dashboard-slide .asset-card h3,.dashboard-slide .decision-card h4{color:var(--text-primary)}
.dashboard-slide .decision-card p{color:var(--text-secondary)!important}
.dashboard-status{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.75rem;font-weight:800}
.dashboard-status i{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 5px var(--tile-grad-1)}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}
.metric-tile{padding:13px 14px;border-radius:15px;background:var(--surface-1);border:1px solid var(--border-subtle)}
.metric-tile span{display:block;color:var(--text-tertiary);font-size:.72rem}
.metric-tile b{display:block;color:var(--text-primary);font-size:1rem;margin-top:2px}
.dashboard-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 20px;background:var(--surface-1);border-top:1px solid var(--border-subtle)}
.dash-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);display:grid;place-items:center;font-weight:900;cursor:pointer;box-shadow:var(--shadow-sm);transition:.2s ease}
.dash-btn:hover{transform:translateY(-1px);background:var(--surface-1)}
.dashboard-dots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.dashboard-dot{width:9px;height:9px;border:0;border-radius:999px;background:var(--border-strong);padding:0;cursor:pointer;transition:.25s ease}
.dashboard-dot.active{width:28px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.dashboard-progress{height:3px;background:var(--surface-1);position:relative;overflow:hidden}
.dashboard-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:dashProgress 3s linear infinite}
.dashboard-carousel.is-paused .dashboard-progress i{animation-play-state:paused}
@keyframes dashProgress{from{width:0}to{width:100%}}
.dashboard-note{margin-top:14px;color:var(--text-tertiary);font-size:.82rem;text-align:center}
.dashboard-note b{color:var(--text-secondary)}
@media(max-width:680px){.dashboard-slide .demo-body{min-height:auto;padding:18px}.dashboard-nav{grid-template-columns:auto 1fr auto;padding:13px}.metric-grid{grid-template-columns:1fr}.dashboard-title-wrap{gap:8px}.dashboard-index{min-width:30px;height:30px}.dashboard-status{display:none}}

/* Integrated decision + success story block */
.story-impact{display:grid;grid-template-columns:1.05fr 1.65fr 1fr;border-top:1px solid var(--border-subtle);background:var(--surface-1)}
.story-identity,.story-narrative,.story-kpis{padding:18px 20px;min-width:0}
.story-narrative,.story-kpis{border-left:1px solid var(--border-subtle)}
.story-identity{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px}
.story-identity strong{display:block;width:100%;color:var(--text-primary);font-size:.94rem;margin-top:5px;line-height:1.35}
.story-sector,.story-demo{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.63rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.story-sector{background:var(--tile-grad-1);color:var(--accent-info);border:1px solid var(--border-subtle)}
.story-demo{background:var(--surface-2);color:var(--text-tertiary);border:1px solid var(--border-subtle)}
.story-narrative small{display:block;color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}
.story-narrative p{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.52}
.story-layer{display:block;margin-top:7px;color:var(--text-tertiary);font-size:.72rem}
.story-layer b{color:var(--text-secondary)}
.story-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center}
.story-kpis>div{padding:11px 12px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border-subtle)}
.story-kpis b{display:block;color:var(--text-primary);font-size:1.05rem;line-height:1.1}
.story-kpis span{display:block;color:var(--text-tertiary);font-size:.66rem;line-height:1.28;margin-top:4px}
@media(max-width:900px){.story-impact{grid-template-columns:1fr 1.5fr}.story-kpis{grid-column:1/-1;border-left:0;border-top:1px solid var(--border-subtle)}.story-narrative{border-left:1px solid var(--border-subtle)}}
@media(max-width:620px){.story-impact{grid-template-columns:1fr}.story-narrative,.story-kpis{border-left:0;border-top:1px solid var(--border-subtle)}.story-identity,.story-narrative,.story-kpis{padding:15px 16px}.story-kpis{grid-template-columns:1fr 1fr}}

/* "Platform" mega-menu dropdown */
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown>a{display:inline-flex;align-items:center;gap:5px}
.nav-dropdown>a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .2s ease}
.nav-dropdown:hover>a::after,.nav-dropdown:focus-within>a::after{transform:rotate(225deg) translateY(1px)}
.dropdown-menu{position:absolute;top:100%;left:0;margin-top:10px;min-width:300px;background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:80}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{display:block;padding:11px 13px;border-radius:12px}
.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--tile-grad-1)}
.dropdown-menu a b{display:block;font-size:.92rem;font-weight:800;color:var(--text-primary)}
.dropdown-menu a small{display:block;margin-top:2px;font-size:.76rem;font-weight:500;color:var(--text-secondary);line-height:1.35}
.nav-sub-toggle{display:none}
@media(max-width:980px){
/* Mobile menu: the Platform link keeps navigating; the chevron button (injected by theme.js) expands its products, collapsed by default */
.nav-dropdown{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;position:static}
.nav-dropdown>a::after{display:none}
.nav-sub-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:none;color:var(--text-secondary);cursor:pointer}
.nav-sub-toggle:hover{color:var(--text-primary);background:var(--tile-grad-1)}
.nav-sub-toggle::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.nav-dropdown.open .nav-sub-toggle::after{transform:rotate(225deg) translateY(1px)}
.dropdown-menu{grid-column:1/-1;display:none;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;margin:2px 0 6px 12px;padding:0;min-width:0}
.nav-dropdown.open>.dropdown-menu{display:block}
.dropdown-menu a{padding:8px 10px}
}

/* Theme picker + light/dark mode toggle */
.theme-picker{position:relative;display:inline-flex;align-items:center}
.theme-picker-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);font-size:.86rem;font-weight:650;cursor:pointer;transition:border-color .2s ease,color .2s ease;width:178px}
.theme-picker-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}
.theme-picker-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.theme-picker-btn::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;transition:transform .2s ease}
.theme-picker-btn[aria-expanded="true"]::after{transform:rotate(225deg) translateY(1px)}
.theme-swatch{display:inline-flex;width:18px;height:18px;border-radius:50%;overflow:hidden;flex:0 0 18px}
.theme-swatch svg{display:block}
.theme-menu{position:absolute;top:100%;right:0;margin-top:10px;min-width:270px;max-height:380px;overflow-y:auto;background:linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:85}
.theme-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
.theme-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-radius:12px;background:none;cursor:pointer;font:inherit;padding:10px 11px}
.theme-option:hover,.theme-option:focus-visible{background:var(--tile-grad-1)}
.theme-option[aria-checked="true"]{background:var(--tile-grad-1)}
.theme-option .theme-swatch{width:22px;height:22px;flex:0 0 22px}
.theme-option b{font-size:.88rem;font-weight:700;color:var(--text-primary);display:block}
.theme-option span.theme-option-tag{display:block;font-size:.70rem;font-weight:600;color:var(--text-tertiary);margin-top:1px}
.mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:.2s ease;margin-left:6px;flex:0 0 auto}
.mode-toggle:hover{border-color:var(--border-strong);color:var(--text-primary)}
.mode-toggle svg{width:18px;height:18px;display:block}
@media(max-width:980px){
.theme-picker{display:flex;flex-direction:column;align-items:stretch;position:static}
.theme-picker-btn{justify-content:space-between;width:100%}
.theme-menu{display:none;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;margin:2px 0 6px 4px;padding:0;min-width:0;max-height:none;overflow:visible}
.theme-menu.open{display:block}
}
/* Mobile navigation (<=980px). Top bar: brand, then the mode toggle and menu button (theme.js moves the toggle
   there and draws the menu icon). Menu: a full-width sheet under the navbar with divided rows. */
.menu-btn-bars{display:none}
@media(max-width:980px){
.nav-inner{height:68px;justify-content:flex-start;gap:8px}
.brand{gap:10px;min-width:0;margin-right:auto}
.brand-mark{width:44px;height:44px;border-radius:14px;padding:5px;flex:0 0 auto}
.brand>span{min-width:0}
.brand>span small{font-size:.56rem;letter-spacing:.05em;line-height:1.3;margin-top:1px}
.nav-inner>.mode-toggle{width:44px;height:44px;margin:0;border-radius:999px}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-primary);font-size:0;cursor:pointer}
.menu-btn-bars{display:block;position:relative;width:18px;height:12px}
.menu-btn-bars i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .22s ease,opacity .18s ease}
.menu-btn-bars i:nth-child(1){top:0}
.menu-btn-bars i:nth-child(2){top:5px}
.menu-btn-bars i:nth-child(3){top:10px}
.menu-btn[aria-expanded="true"] .menu-btn-bars i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-btn-bars i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .menu-btn-bars i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.nav-links{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:4px 20px 20px;background:var(--surface-3);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0 0 24px 24px;box-shadow:var(--shadow-lg);max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}
.nav-links.open{display:flex;animation:athx-nav-sheet .2s ease-out}
@keyframes athx-nav-sheet{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Lock body (not html): overflow on <html> stops body's overflow-x from propagating to the viewport, making body its own scroller, which breaks the sticky navbar once the page is scrolled */
html.nav-open body{overflow:hidden}
.nav-links>a,.nav-links>.nav-dropdown:not(.theme-picker){border-bottom:1px solid var(--border-subtle)}
.nav-links>a,.nav-dropdown>a{position:relative;display:flex;align-items:center;min-height:54px;padding:0 4px;border-radius:0;background:none;font-size:1.02rem;font-weight:650;color:var(--text-secondary)}
.nav-links>a:hover,.nav-dropdown>a:hover{background:none;color:var(--text-primary)}
.nav-links>a.active,.nav-dropdown>a.active{background:none;color:var(--text-primary);font-weight:800}
.nav-links>a.active::before,.nav-dropdown>a.active::before{content:"";position:absolute;left:-20px;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.nav-dropdown:not(.theme-picker)>.dropdown-menu{margin:0 0 12px 4px;padding:0 0 0 12px;border-left:2px solid var(--border-subtle)}
.nav-dropdown:not(.theme-picker)>.dropdown-menu a{padding:10px;border-radius:12px}
.theme-picker{margin-top:18px}
.theme-picker-btn{min-height:50px;padding:0 14px;border-radius:14px;font-size:.95rem}
.theme-menu{margin:8px 0 0}
.theme-menu.open{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.theme-option{padding:10px}
}
@media(max-width:980px) and (prefers-reduced-motion:reduce){.nav-links.open{animation:none}.menu-btn-bars i{transition:none}}
/* Phone/touch comfort: calmer motion, smooth menu open AND close, no sticky hover lifts, cheaper scrolling */
html{-webkit-tap-highlight-color:transparent}
@media(hover:none){
.nav-cta:hover,.btn.primary:hover,.stage:hover,.feature:hover,.usecase-card:hover,.industry-card:hover,.success-card:hover,.dash-btn:hover{transform:none}
}
@media(max-width:980px){
/* Scroll performance: the blurred blobs stop morphing (animating border-radius repaints a blurred layer every
   frame), and the sticky navbar drops its live backdrop blur for an opaque base under its tint. */
.liquid{animation:none}
.navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,var(--nav-tint-1) 0%,var(--nav-tint-2) 45%,var(--nav-tint-3) 100%),var(--surface-3)}
.reveal{transform:translateY(10px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}
/* Menu sheet: always laid out, faded/slid in and out instead of display toggling */
.nav-links,.nav-links.open{display:flex;animation:none}
.nav-links{visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .28s ease,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s linear .34s}
.nav-links.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .28s ease,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s}
/* Platform submenu + theme list: smooth expand/collapse via max-height */
.nav-dropdown:not(.theme-picker)>.dropdown-menu,.theme-menu{display:block;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .34s cubic-bezier(.22,.61,.36,1),opacity .24s ease,margin .34s ease,visibility 0s linear .34s}
.nav-dropdown:not(.theme-picker)>.dropdown-menu{margin-bottom:0}
.nav-dropdown.open>.dropdown-menu{max-height:420px;opacity:1;visibility:visible;margin-bottom:12px;transition:max-height .34s cubic-bezier(.22,.61,.36,1),opacity .28s ease .06s,margin .34s ease,visibility 0s}
.theme-menu{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:0;padding:3px}
.theme-menu.open{display:grid;max-height:560px;opacity:1;visibility:visible;margin-top:8px;transition:max-height .34s cubic-bezier(.22,.61,.36,1),opacity .28s ease .06s,margin .34s ease,visibility 0s}
.menu-btn-bars i,.nav-sub-toggle::after,.theme-picker-btn::after{transition-duration:.3s}
}
@media(max-width:980px) and (prefers-reduced-motion:reduce){
.reveal{opacity:1;transform:none;transition:none}
.nav-links,.nav-links.open,.nav-dropdown:not(.theme-picker)>.dropdown-menu,.theme-menu{transition:none}
}
/* Phone menu, themed: tinted panel + accent stripe, tinted pills for the current page / pressed rows */
@media(max-width:980px){
.nav-links{padding:10px 14px 18px;background:linear-gradient(180deg,var(--nav-tint-1),transparent 140px),linear-gradient(150deg,var(--panel-grad-1),var(--panel-grad-2));border-bottom:1px solid var(--border-strong)}
.nav-links::before{content:"";position:sticky;top:-10px;display:block;flex:0 0 auto;height:3px;margin:-10px -14px 8px;background:linear-gradient(90deg,var(--accent-info),var(--accent-2),var(--accent-warn))}
.nav-links>a,.nav-links>.nav-dropdown:not(.theme-picker){border-bottom:0}
.nav-links>a,.nav-dropdown>a{min-height:50px;margin:1px 0;padding:0 14px;border-radius:14px}
.nav-links>a:hover,.nav-dropdown>a:hover,.nav-links>a:active,.nav-dropdown>a:active{background:var(--tile-grad-2);color:var(--text-primary)}
.nav-links>a.active,.nav-dropdown>a.active{background:var(--tile-grad-1);color:var(--text-primary)}
.nav-links>a.active::before,.nav-dropdown>a.active::before{left:0;top:14px;bottom:14px}
.nav-dropdown:not(.theme-picker){column-gap:4px}
.nav-dropdown.open>.nav-sub-toggle,.nav-sub-toggle:active{background:var(--tile-grad-1);color:var(--accent)}
.nav-dropdown:not(.theme-picker)>.dropdown-menu{margin-left:18px;border-left-color:var(--tile-grad-1)}
.nav-dropdown:not(.theme-picker)>.dropdown-menu a:active{background:var(--tile-grad-1)}
.theme-picker{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-subtle)}
.menu-btn[aria-expanded="true"]{background:var(--tile-grad-1);border-color:var(--accent);color:var(--accent)}
}
/* Phone top bar, themed: no live blur (scroll cost), so the theme comes from an accent wash over an opaque base
   plus the accent stripe along its bottom edge (which also tops the open menu sheet) */
@media(max-width:980px){
.navbar{background:linear-gradient(115deg,var(--tile-grad-1) 0%,transparent 55%,var(--tile-grad-2) 100%),linear-gradient(135deg,var(--nav-tint-1) 0%,var(--nav-tint-2) 45%,var(--nav-tint-3) 100%),var(--surface-3);border-bottom:0}
.navbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--accent-info),var(--accent-2),var(--accent-warn));z-index:2;pointer-events:none}
.nav-links::before{content:none}
.nav-links{padding-top:12px}
}