:root{--bg-deep: #070b16;--bg-surface: rgba(255, 255, 255, .06);--bg-elevated: rgba(255, 255, 255, .1);--bg-overlay: rgba(7, 11, 22, .88);--bg-header: rgba(7, 11, 22, .55);--text-strong: rgba(238, 242, 255, .92);--text: rgba(238, 242, 255, .88);--muted: rgba(238, 242, 255, .72);--subtle: rgba(238, 242, 255, .56);--faint: rgba(238, 242, 255, .5);--border: rgba(238, 242, 255, .14);--border-soft: rgba(238, 242, 255, .08);--border-strong: rgba(238, 242, 255, .16);--shadow: 0 20px 80px rgba(0, 0, 0, .55);--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .04);--surface-3: rgba(255, 255, 255, .05);--surface-4: rgba(255, 255, 255, .06);--accent-a: #2dd4bf;--accent-b: #60a5fa;--accent-c: #a78bfa;--accent-d: #22c55e;--on-accent: #071019;--bg-noise-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch' seed='7'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");--bg-noise-opacity: .06;--bg-noise-blend: overlay;--bg-vignette: radial-gradient( circle at 50% 10%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 78% );--accent-a-12: rgba(45, 212, 191, .12);--accent-a-16: rgba(45, 212, 191, .16);--accent-a-18: rgba(45, 212, 191, .18);--accent-a-22: rgba(45, 212, 191, .22);--accent-a-24: rgba(45, 212, 191, .24);--accent-a-28: rgba(45, 212, 191, .28);--accent-a-35: rgba(45, 212, 191, .35);--accent-a-90: rgba(45, 212, 191, .9);--accent-a-92: rgba(45, 212, 191, .92);--accent-a-98: rgba(45, 212, 191, .98);--accent-b-08: rgba(96, 165, 250, .08);--accent-b-10: rgba(96, 165, 250, .1);--accent-b-12: rgba(96, 165, 250, .12);--accent-b-14: rgba(96, 165, 250, .14);--accent-b-18: rgba(96, 165, 250, .18);--accent-b-22: rgba(96, 165, 250, .22);--accent-b-24: rgba(96, 165, 250, .24);--accent-b-35: rgba(96, 165, 250, .35);--accent-b-40: rgba(96, 165, 250, .4);--accent-b-50: rgba(96, 165, 250, .5);--accent-b-55: rgba(96, 165, 250, .55);--accent-b-90: rgba(96, 165, 250, .9);--accent-b-100: rgba(96, 165, 250, 1);--accent-c-08: rgba(167, 139, 250, .08);--accent-c-12: rgba(167, 139, 250, .12);--accent-c-18: rgba(167, 139, 250, .18);--accent-c-24: rgba(167, 139, 250, .24);--accent-c-30: rgba(167, 139, 250, .3);--accent-c-55: rgba(167, 139, 250, .55);--accent-c-90: rgba(167, 139, 250, .9);--accent-c-92: rgba(167, 139, 250, .92);--accent-c-100: rgba(167, 139, 250, 1);--accent-d-12: rgba(34, 197, 94, .12);--accent-d-24: rgba(34, 197, 94, .24);--focus-ring: rgba(96, 165, 250, .9);--selection-bg: rgba(45, 212, 191, .35);--bg-dot: rgba(238, 242, 255, .12);--bg-dot-a: rgba(45, 212, 191, .16);--bg-dot-b: rgba(96, 165, 250, .18);--bg-grid-a: rgba(238, 242, 255, .06);--bg-grid-b: rgba(238, 242, 255, .05);--ui-dot: rgba(238, 242, 255, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(96, 165, 250, .8), rgba(167, 139, 250, .12) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(45, 212, 191, .75), rgba(34, 197, 94, .1) 55%, rgba(0, 0, 0, 0) 70% );--theme-picker-display: flex;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}:root[data-theme=light]{--bg-deep: #f6f8fc;--bg-surface: rgba(2, 6, 23, .045);--bg-elevated: rgba(2, 6, 23, .075);--bg-overlay: rgba(246, 248, 252, .92);--bg-header: rgba(246, 248, 252, .7);--text-strong: rgba(2, 6, 23, .94);--text: rgba(2, 6, 23, .88);--muted: rgba(2, 6, 23, .72);--subtle: rgba(2, 6, 23, .56);--faint: rgba(2, 6, 23, .5);--border: rgba(2, 6, 23, .16);--border-soft: rgba(2, 6, 23, .1);--border-strong: rgba(2, 6, 23, .22);--shadow: 0 18px 70px rgba(2, 6, 23, .14);--surface-1: rgba(2, 6, 23, .035);--surface-2: rgba(2, 6, 23, .045);--surface-3: rgba(2, 6, 23, .055);--surface-4: rgba(2, 6, 23, .07);--accent-a: #0ea5e9;--accent-b: #2563eb;--accent-c: #7c3aed;--accent-d: #16a34a;--on-accent: #ffffff;--focus-ring: rgba(37, 99, 235, .92);--selection-bg: rgba(37, 99, 235, .18);--bg-dot: rgba(2, 6, 23, .085);--bg-dot-a: rgba(14, 165, 233, .14);--bg-dot-b: rgba(37, 99, 235, .16);--bg-grid-a: rgba(2, 6, 23, .08);--bg-grid-b: rgba(2, 6, 23, .065);--ui-dot: rgba(2, 6, 23, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(37, 99, 235, .22), rgba(124, 58, 237, .12) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(14, 165, 233, .2), rgba(22, 163, 74, .1) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .035;--bg-noise-blend: multiply;--bg-vignette: radial-gradient( circle at 50% 0%, rgba(2, 6, 23, .05) 0%, rgba(2, 6, 23, 0) 55%, rgba(2, 6, 23, .08) 100% );color-scheme:light}:root[data-theme=blueLight]{--bg-deep: #f7fbff;--bg-surface: rgba(29, 78, 216, .045);--bg-elevated: rgba(29, 78, 216, .075);--bg-overlay: rgba(247, 251, 255, .92);--bg-header: rgba(247, 251, 255, .72);--text-strong: rgba(2, 6, 23, .94);--text: rgba(2, 6, 23, .88);--muted: rgba(2, 6, 23, .72);--subtle: rgba(2, 6, 23, .56);--faint: rgba(2, 6, 23, .5);--border: rgba(2, 6, 23, .16);--border-soft: rgba(2, 6, 23, .1);--border-strong: rgba(2, 6, 23, .22);--shadow: 0 18px 70px rgba(2, 6, 23, .14);--surface-1: rgba(2, 6, 23, .03);--surface-2: rgba(2, 6, 23, .04);--surface-3: rgba(2, 6, 23, .05);--surface-4: rgba(2, 6, 23, .065);--accent-a: #0ea5e9;--accent-b: #1d4ed8;--accent-c: #7c3aed;--accent-d: #16a34a;--on-accent: #ffffff;--focus-ring: rgba(29, 78, 216, .92);--selection-bg: rgba(29, 78, 216, .16);--bg-dot: rgba(2, 6, 23, .08);--bg-dot-a: rgba(14, 165, 233, .12);--bg-dot-b: rgba(29, 78, 216, .14);--bg-grid-a: rgba(2, 6, 23, .07);--bg-grid-b: rgba(2, 6, 23, .06);--ui-dot: rgba(2, 6, 23, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(29, 78, 216, .18), rgba(14, 165, 233, .1) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(14, 165, 233, .14), rgba(124, 58, 237, .08) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .03;--bg-noise-blend: multiply;--bg-vignette: radial-gradient( circle at 50% 0%, rgba(29, 78, 216, .05) 0%, rgba(0, 0, 0, 0) 58%, rgba(2, 6, 23, .06) 100% );color-scheme:light}:root[data-theme=blueNight]{--bg-deep: #050b1f;--bg-surface: rgba(59, 130, 246, .08);--bg-elevated: rgba(59, 130, 246, .12);--bg-overlay: rgba(5, 11, 31, .9);--bg-header: rgba(5, 11, 31, .62);--accent-a: #22d3ee;--accent-b: #3b82f6;--accent-c: #a78bfa;--accent-d: #22c55e;--on-accent: #071019;--focus-ring: rgba(59, 130, 246, .95);--selection-bg: rgba(59, 130, 246, .22);--bg-dot: rgba(238, 242, 255, .11);--bg-dot-a: rgba(34, 211, 238, .14);--bg-dot-b: rgba(59, 130, 246, .18);--bg-grid-a: rgba(238, 242, 255, .055);--bg-grid-b: rgba(238, 242, 255, .045);--ui-dot: rgba(238, 242, 255, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(59, 130, 246, .8), rgba(34, 211, 238, .12) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(34, 211, 238, .6), rgba(167, 139, 250, .12) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .08;--bg-noise-blend: overlay;--bg-vignette: radial-gradient( circle at 50% 10%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 80% );color-scheme:dark}:root[data-theme=slatePro]{--bg-deep: #0b1020;--bg-surface: rgba(148, 163, 184, .06);--bg-elevated: rgba(148, 163, 184, .1);--bg-overlay: rgba(11, 16, 32, .9);--bg-header: rgba(11, 16, 32, .68);--text-strong: rgba(241, 245, 249, .92);--text: rgba(241, 245, 249, .86);--muted: rgba(241, 245, 249, .7);--subtle: rgba(241, 245, 249, .54);--faint: rgba(241, 245, 249, .48);--border: rgba(241, 245, 249, .14);--border-soft: rgba(241, 245, 249, .08);--border-strong: rgba(241, 245, 249, .18);--shadow: 0 18px 70px rgba(0, 0, 0, .5);--surface-1: rgba(148, 163, 184, .06);--surface-2: rgba(148, 163, 184, .08);--surface-3: rgba(148, 163, 184, .1);--surface-4: rgba(148, 163, 184, .12);--accent-a: #94a3b8;--accent-b: #60a5fa;--accent-c: #a78bfa;--accent-d: #22c55e;--on-accent: #071019;--focus-ring: rgba(96, 165, 250, .95);--selection-bg: rgba(148, 163, 184, .22);--bg-dot: rgba(241, 245, 249, .1);--bg-dot-a: rgba(148, 163, 184, .12);--bg-dot-b: rgba(96, 165, 250, .14);--bg-grid-a: rgba(241, 245, 249, .045);--bg-grid-b: rgba(241, 245, 249, .035);--ui-dot: rgba(241, 245, 249, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(96, 165, 250, .25), rgba(148, 163, 184, .12) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(148, 163, 184, .18), rgba(167, 139, 250, .1) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .05;--bg-noise-blend: overlay;--bg-vignette: radial-gradient( circle at 50% 10%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .62) 82% );color-scheme:dark}:root[data-theme=aurora]{--bg-deep: #070a16;--bg-surface: rgba(255, 255, 255, .06);--bg-elevated: rgba(255, 255, 255, .1);--bg-overlay: rgba(7, 10, 22, .88);--bg-header: rgba(7, 10, 22, .6);--accent-a: #22d3ee;--accent-b: #60a5fa;--accent-c: #c084fc;--accent-d: #22c55e;--on-accent: #071019;--focus-ring: rgba(96, 165, 250, .95);--selection-bg: rgba(192, 132, 252, .22);--bg-dot: rgba(238, 242, 255, .11);--bg-dot-a: rgba(34, 211, 238, .14);--bg-dot-b: rgba(192, 132, 252, .14);--bg-grid-a: rgba(238, 242, 255, .055);--bg-grid-b: rgba(238, 242, 255, .045);--ui-dot: rgba(238, 242, 255, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(96, 165, 250, .82), rgba(192, 132, 252, .14) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(34, 211, 238, .72), rgba(34, 197, 94, .1) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .07;--bg-noise-blend: overlay;--bg-vignette: radial-gradient( circle at 50% 10%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .65) 82% );color-scheme:dark}:root[data-theme=neonTech]{--bg-deep: #060612;--bg-surface: rgba(255, 255, 255, .055);--bg-elevated: rgba(255, 255, 255, .095);--bg-overlay: rgba(6, 6, 18, .88);--bg-header: rgba(6, 6, 18, .62);--accent-a: #22d3ee;--accent-b: #a3e635;--accent-c: #f472b6;--accent-d: #22c55e;--on-accent: #071019;--focus-ring: rgba(163, 230, 53, .95);--selection-bg: rgba(34, 211, 238, .22);--bg-dot: rgba(238, 242, 255, .1);--bg-dot-a: rgba(163, 230, 53, .14);--bg-dot-b: rgba(34, 211, 238, .14);--bg-grid-a: rgba(238, 242, 255, .05);--bg-grid-b: rgba(238, 242, 255, .04);--ui-dot: rgba(238, 242, 255, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(163, 230, 53, .55), rgba(34, 211, 238, .12) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(244, 114, 182, .35), rgba(96, 165, 250, .1) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .08;--bg-noise-blend: overlay;--bg-vignette: radial-gradient( circle at 50% 10%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 84% );color-scheme:dark}:root[data-theme=warmSand]{--bg-deep: #fbf7f1;--bg-surface: rgba(69, 26, 3, .04);--bg-elevated: rgba(69, 26, 3, .075);--bg-overlay: rgba(251, 247, 241, .94);--bg-header: rgba(251, 247, 241, .76);--text-strong: rgba(17, 24, 39, .94);--text: rgba(17, 24, 39, .88);--muted: rgba(17, 24, 39, .72);--subtle: rgba(17, 24, 39, .56);--faint: rgba(17, 24, 39, .5);--border: rgba(17, 24, 39, .16);--border-soft: rgba(17, 24, 39, .1);--border-strong: rgba(17, 24, 39, .22);--shadow: 0 18px 70px rgba(17, 24, 39, .12);--surface-1: rgba(69, 26, 3, .03);--surface-2: rgba(69, 26, 3, .04);--surface-3: rgba(69, 26, 3, .05);--surface-4: rgba(69, 26, 3, .065);--accent-a: #0d9488;--accent-b: #f97316;--accent-c: #7c3aed;--accent-d: #16a34a;--on-accent: #111827;--focus-ring: rgba(249, 115, 22, .85);--selection-bg: rgba(13, 148, 136, .18);--bg-dot: rgba(17, 24, 39, .075);--bg-dot-a: rgba(249, 115, 22, .12);--bg-dot-b: rgba(13, 148, 136, .12);--bg-grid-a: rgba(17, 24, 39, .065);--bg-grid-b: rgba(17, 24, 39, .055);--ui-dot: rgba(17, 24, 39, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(249, 115, 22, .16), rgba(13, 148, 136, .08) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(13, 148, 136, .14), rgba(124, 58, 237, .08) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .04;--bg-noise-blend: multiply;--bg-vignette: radial-gradient( circle at 50% 0%, rgba(249, 115, 22, .06) 0%, rgba(0, 0, 0, 0) 62%, rgba(17, 24, 39, .06) 100% );color-scheme:light}:root[data-theme=forest]{--bg-deep: #07130c;--bg-surface: rgba(34, 197, 94, .08);--bg-elevated: rgba(34, 197, 94, .12);--bg-overlay: rgba(7, 19, 12, .9);--bg-header: rgba(7, 19, 12, .64);--accent-a: #22c55e;--accent-b: #14b8a6;--accent-c: #60a5fa;--accent-d: #a3e635;--on-accent: #071019;--focus-ring: rgba(34, 197, 94, .92);--selection-bg: rgba(20, 184, 166, .22);--bg-dot: rgba(236, 253, 245, .11);--bg-dot-a: rgba(34, 197, 94, .14);--bg-dot-b: rgba(20, 184, 166, .14);--bg-grid-a: rgba(236, 253, 245, .055);--bg-grid-b: rgba(236, 253, 245, .045);--ui-dot: rgba(236, 253, 245, .22);--glow-a: radial-gradient( circle at 30% 30%, rgba(34, 197, 94, .65), rgba(20, 184, 166, .1) 60%, rgba(0, 0, 0, 0) 70% );--glow-b: radial-gradient( circle at 30% 30%, rgba(20, 184, 166, .45), rgba(163, 230, 53, .1) 55%, rgba(0, 0, 0, 0) 70% );--bg-noise-opacity: .08;--bg-noise-blend: overlay;--bg-vignette: radial-gradient( circle at 50% 10%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .72) 85% );color-scheme:dark}:root[data-theme=mono]{--bg-deep: #ffffff;--bg-surface: rgba(2, 6, 23, .04);--bg-elevated: rgba(2, 6, 23, .07);--bg-overlay: rgba(255, 255, 255, .92);--bg-header: rgba(255, 255, 255, .78);--text-strong: rgba(2, 6, 23, .96);--text: rgba(2, 6, 23, .9);--muted: rgba(2, 6, 23, .74);--subtle: rgba(2, 6, 23, .58);--faint: rgba(2, 6, 23, .52);--border: rgba(2, 6, 23, .18);--border-soft: rgba(2, 6, 23, .12);--border-strong: rgba(2, 6, 23, .26);--shadow: 0 18px 70px rgba(2, 6, 23, .1);--surface-1: rgba(2, 6, 23, .03);--surface-2: rgba(2, 6, 23, .04);--surface-3: rgba(2, 6, 23, .05);--surface-4: rgba(2, 6, 23, .065);--accent-a: #111827;--accent-b: #0f172a;--accent-c: #334155;--accent-d: #0f172a;--on-accent: #ffffff;--focus-ring: rgba(2, 6, 23, .92);--selection-bg: rgba(2, 6, 23, .12);--bg-dot: rgba(2, 6, 23, 0);--bg-dot-a: rgba(2, 6, 23, 0);--bg-dot-b: rgba(2, 6, 23, 0);--bg-grid-a: rgba(2, 6, 23, 0);--bg-grid-b: rgba(2, 6, 23, 0);--ui-dot: rgba(2, 6, 23, .22);--glow-a: radial-gradient(circle at 30% 30%, rgba(0, 0, 0, .06), rgba(0, 0, 0, 0) 70%);--glow-b: radial-gradient(circle at 30% 30%, rgba(0, 0, 0, .04), rgba(0, 0, 0, 0) 70%);--bg-noise-opacity: .03;--bg-noise-blend: multiply;--bg-vignette: radial-gradient( circle at 50% 0%, rgba(2, 6, 23, .04) 0%, rgba(0, 0, 0, 0) 62%, rgba(2, 6, 23, .05) 100% );color-scheme:light}@supports (color: color-mix(in srgb,white 50%,transparent)){:root{--accent-a-12: color-mix(in srgb, var(--accent-a) 12%, transparent);--accent-a-16: color-mix(in srgb, var(--accent-a) 16%, transparent);--accent-a-18: color-mix(in srgb, var(--accent-a) 18%, transparent);--accent-a-22: color-mix(in srgb, var(--accent-a) 22%, transparent);--accent-a-24: color-mix(in srgb, var(--accent-a) 24%, transparent);--accent-a-28: color-mix(in srgb, var(--accent-a) 28%, transparent);--accent-a-35: color-mix(in srgb, var(--accent-a) 35%, transparent);--accent-a-90: color-mix(in srgb, var(--accent-a) 90%, transparent);--accent-a-92: color-mix(in srgb, var(--accent-a) 92%, transparent);--accent-a-98: color-mix(in srgb, var(--accent-a) 98%, transparent);--accent-b-08: color-mix(in srgb, var(--accent-b) 8%, transparent);--accent-b-10: color-mix(in srgb, var(--accent-b) 10%, transparent);--accent-b-12: color-mix(in srgb, var(--accent-b) 12%, transparent);--accent-b-14: color-mix(in srgb, var(--accent-b) 14%, transparent);--accent-b-18: color-mix(in srgb, var(--accent-b) 18%, transparent);--accent-b-22: color-mix(in srgb, var(--accent-b) 22%, transparent);--accent-b-24: color-mix(in srgb, var(--accent-b) 24%, transparent);--accent-b-35: color-mix(in srgb, var(--accent-b) 35%, transparent);--accent-b-40: color-mix(in srgb, var(--accent-b) 40%, transparent);--accent-b-50: color-mix(in srgb, var(--accent-b) 50%, transparent);--accent-b-55: color-mix(in srgb, var(--accent-b) 55%, transparent);--accent-b-90: color-mix(in srgb, var(--accent-b) 90%, transparent);--accent-c-08: color-mix(in srgb, var(--accent-c) 8%, transparent);--accent-c-12: color-mix(in srgb, var(--accent-c) 12%, transparent);--accent-c-18: color-mix(in srgb, var(--accent-c) 18%, transparent);--accent-c-24: color-mix(in srgb, var(--accent-c) 24%, transparent);--accent-c-30: color-mix(in srgb, var(--accent-c) 30%, transparent);--accent-c-55: color-mix(in srgb, var(--accent-c) 55%, transparent);--accent-c-90: color-mix(in srgb, var(--accent-c) 90%, transparent);--accent-c-92: color-mix(in srgb, var(--accent-c) 92%, transparent);--accent-d-12: color-mix(in srgb, var(--accent-d) 12%, transparent);--accent-d-24: color-mix(in srgb, var(--accent-d) 24%, transparent)}}*{box-sizing:border-box}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:10px}::selection{background:var(--selection-bg)}.skipLink{position:absolute;top:8px;left:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-overlay);transform:translateY(-140%);transition:transform .16s ease;z-index:50}.skipLink:focus{transform:translateY(0)}.themePicker{position:fixed;top:72px;right:12px;z-index:60;display:var(--theme-picker-display);gap:6px;padding:8px;border-radius:16px;border:1px solid var(--border);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 50px #00000040;max-width:min(92vw,520px);flex-wrap:wrap;justify-content:flex-end}.themePickerTextBtn{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--surface-1);color:var(--muted);font-size:12px;font-weight:650;letter-spacing:-.01em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease;white-space:nowrap}.themePickerTextBtn:hover{transform:translateY(-1px);border-color:var(--accent-b-50);color:var(--text-strong);background:var(--surface-2)}.themePickerTextBtnActive{border-color:var(--accent-b-55);background:linear-gradient(135deg,var(--accent-b-12),var(--accent-a-12));color:var(--text-strong)}@media(max-width:520px){.themePicker{top:72px}}.bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.bgVignette{position:absolute;inset:0;background:var(--bg-vignette)}.bgNoise{position:absolute;inset:0;opacity:var(--bg-noise-opacity);background-image:var(--bg-noise-image);background-size:240px 240px;mix-blend-mode:var(--bg-noise-blend)}.bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--bg-dot) 1px,transparent 1px);background-size:120px 120px;opacity:.18;-webkit-mask-image:radial-gradient(circle at 50% 15%,#000,#0000 60%);mask-image:radial-gradient(circle at 50% 15%,#000,#0000 60%)}.bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--bg-dot-b) 1px,transparent 1px),radial-gradient(var(--bg-dot-a) 1px,transparent 1px);background-size:220px 220px,180px 180px;background-position:0 0,90px 50px;opacity:.12;filter:blur(.2px);-webkit-mask-image:radial-gradient(circle at 50% 15%,#000,#0000 62%);mask-image:radial-gradient(circle at 50% 15%,#000,#0000 62%)}.bgGlow{position:absolute;width:900px;height:900px;border-radius:999px;filter:blur(60px);opacity:.9}.bgGlowA{top:-320px;right:-220px;background:var(--glow-a)}.bgGlowB{bottom:-360px;left:-260px;background:var(--glow-b)}.bgGrid{position:absolute;inset:-40px;background-image:linear-gradient(to right,var(--bg-grid-a) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-b) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at 40% 20%,#000,#0000 62%);mask-image:radial-gradient(circle at 40% 20%,#000,#0000 62%);opacity:.9}.shell{min-height:100vh}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.header{position:sticky;top:0;z-index:15;border-bottom:1px solid var(--border-soft);background:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.headerInner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}.brand{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.brandMark{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border-strong);background:linear-gradient(135deg,var(--accent-b),var(--accent-c),var(--accent-a));box-shadow:0 10px 30px #00000059;font-weight:800;letter-spacing:-.03em}.brandText{font-weight:700;letter-spacing:-.02em}.nav{display:none;gap:18px;align-items:center}.navLink{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:12px}.navLink:hover{background:var(--surface-3);color:var(--text-strong)}.headerActions{display:flex;align-items:center;gap:10px}.btn{border:1px solid var(--border);border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;color:var(--text-strong);background:var(--surface-2);transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{border-color:var(--accent-b-50);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btnPrimary{border-color:var(--accent-b-35);background:linear-gradient(135deg,var(--accent-b),var(--accent-a));color:var(--on-accent)}.btnPrimary:hover{border-color:var(--accent-c-55)}.btnGhost{background:var(--surface-1)}.menuBtn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:var(--surface-1);cursor:pointer;display:grid;place-items:center}.menuBars{width:18px;height:12px;background:linear-gradient(to bottom,var(--text-strong) 2px,transparent 2px,transparent 5px,var(--text-strong) 5px,var(--text-strong) 7px,transparent 7px,transparent 10px,var(--text-strong) 10px);border-radius:999px}.mobileNav{display:none;border-top:1px solid var(--border-soft)}.mobileNavOpen{display:block}.mobileNavInner{padding:14px 0 18px;display:grid;gap:10px}.mobileNavLink{padding:12px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-1);color:var(--text)}.mobileNavCta{width:100%;justify-content:center}.hero{padding:54px 0 34px}.heroInner{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}.heroMark{width:62px;height:62px;border-radius:22px;border:1px solid var(--border-strong);background:linear-gradient(135deg,var(--accent-b),var(--accent-c),var(--accent-a));box-shadow:0 18px 60px #00000073;display:grid;place-items:center;font-weight:900;font-size:22px;letter-spacing:-.05em;margin-bottom:14px}.badgeRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.badge{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.badge.ghost{border-color:var(--accent-b-22);background:var(--accent-b-08)}.heroTitle{margin:0;font-size:clamp(34px,4.8vw,56px);line-height:1.05;letter-spacing:-.04em}.heroClaim{margin:0 0 12px;color:var(--muted);font-size:14px;max-width:70ch}.heroKicker{display:inline-block;margin-right:10px;background:linear-gradient(135deg,var(--accent-b),var(--accent-a),var(--accent-c));-webkit-background-clip:text;background-clip:text;color:transparent}.heroLead{margin:16px 0 0;font-size:16px;color:var(--muted);max-width:60ch}.heroLeadMuted{color:var(--subtle)}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.trustRow{margin-top:20px;display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:16px}.trustItem{display:grid;gap:2px;min-width:110px}.trustMetric{font-weight:800;letter-spacing:-.02em}.trustLabel{font-size:12px;color:var(--subtle)}.visualCard{border:1px solid var(--border);background:var(--surface-2);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.visualTop{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--border-soft);background:var(--surface-1)}.dots{display:inline-flex;gap:6px}.dots span{width:9px;height:9px;border-radius:999px;background:var(--ui-dot)}.visualTitle{font-size:13px;color:var(--text);flex:1}.visualPill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--accent-a-35);background:var(--accent-a-12);color:var(--accent-a-92)}.visualBody{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:14px}.visualSidebar{border:1px solid var(--border-soft);border-radius:16px;padding:10px;background:var(--surface-1);display:grid;gap:8px}.sideItem{font-size:12px;padding:10px;border-radius:12px;color:var(--muted);background:var(--surface-1);border:1px solid var(--border-soft)}.sideItem.active{color:var(--text-strong);border-color:var(--accent-b-35);background:var(--accent-b-10)}.visualMain{display:grid;gap:12px}.panel{border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-1);padding:12px}.panelHeader{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.panelHint{font-size:11px;color:var(--subtle)}.panelRows{margin-top:10px;display:grid;gap:10px}.row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}.rowDot{width:10px;height:10px;border-radius:999px}.rowDotA{background:var(--accent-b-90)}.rowDotB{background:var(--accent-a-90)}.rowDotC{background:var(--accent-c-90)}.rowText{font-size:12px;color:var(--text)}.rowMeta{font-size:12px;color:var(--subtle)}.chat{margin-top:10px;display:grid;gap:10px}.bubble{padding:10px 12px;border-radius:14px;font-size:12px;border:1px solid var(--border-soft)}.bubble.bot{background:var(--surface-1);color:var(--text)}.bubble.me{background:var(--accent-a-12);border-color:var(--accent-a-22);color:var(--text-strong)}.visualFooter{padding:12px 14px 14px;border-top:1px solid var(--border-soft);display:flex;gap:8px;align-items:center;color:var(--muted)}.kbd{font-size:12px;border:1px solid var(--border-strong);border-radius:10px;padding:6px 8px;background:var(--surface-1);color:var(--muted)}.visualFooterText{font-size:12px}.section{padding:64px 0}.sectionTitle{margin:0;font-size:28px;letter-spacing:-.03em}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--subtle);border:1px solid var(--border-soft);background:var(--surface-1);padding:8px 10px;border-radius:999px;margin-bottom:12px}.sectionLead{margin:12px 0 0;color:var(--muted);max-width:70ch}.grid3{margin-top:26px;display:grid;grid-template-columns:1fr;gap:14px}.card{border:1px solid var(--border);background:var(--surface-2);border-radius:20px;padding:18px;box-shadow:0 14px 60px #0000004d}.cardIcon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;font-weight:800;border:1px solid var(--border)}.iconA{background:var(--accent-b-12);border-color:var(--accent-b-24)}.iconB{background:var(--accent-a-12);border-color:var(--accent-a-24)}.iconC{background:var(--accent-c-12);border-color:var(--accent-c-24)}.iconD{background:var(--accent-d-12);border-color:var(--accent-d-24)}.iconE{background:var(--accent-b-08);border-color:var(--accent-b-18)}.iconF{background:var(--accent-c-08);border-color:var(--accent-c-18)}.cardTitle{margin:12px 0 0;font-size:16px;letter-spacing:-.02em}.cardText{margin:8px 0 0;color:var(--muted);font-size:14px}.sectionHeaderRow{display:grid;gap:16px;align-items:end}.chipRow{display:flex;flex-wrap:wrap;gap:8px}.chip{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--muted)}.showcase{margin-top:24px;border:1px solid var(--border);background:var(--surface-1);border-radius:24px;overflow:hidden}.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px;border-bottom:1px solid var(--border-soft)}.tab{border:1px solid var(--border);background:var(--surface-1);color:var(--muted);border-radius:999px;padding:8px 10px;font-size:13px;cursor:pointer}.tabActive{color:var(--text-strong);border-color:var(--accent-b-40);background:var(--accent-b-10)}.showcaseBody{display:grid;grid-template-columns:1fr;gap:18px;padding:18px}.showcaseTitle{margin:0;font-size:22px;letter-spacing:-.03em}.showcaseLead{margin:10px 0 0;color:var(--muted)}.checkList{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px}.checkItem{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;color:var(--text);font-size:14px}.checkMark{width:18px;height:18px;border-radius:999px;background:var(--accent-a-16);border:1px solid var(--accent-a-24);color:var(--accent-a-98);display:grid;place-items:center;font-weight:900;font-size:12px;margin-top:2px}.showcaseActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.glowPanel{border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at 20% 20%,var(--accent-b-14),rgba(0,0,0,0) 55%),radial-gradient(circle at 70% 50%,var(--accent-a-12),rgba(0,0,0,0) 55%),var(--surface-1);padding:16px}.glowPanelTitle{font-size:13px;color:var(--text)}.glowSteps{margin-top:14px;display:grid;gap:10px}.step{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:10px;border-radius:16px;border:1px solid var(--border-soft);background:var(--surface-1)}.stepNum{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:var(--accent-b-12);border:1px solid var(--accent-b-22)}.stepBody{font-size:13px;color:var(--text)}.stepSub{margin-top:4px;font-size:12px;color:var(--subtle)}.miniLog{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:12px;display:grid;gap:8px;color:var(--muted);font-size:13px}.miniLogLine{display:flex;gap:10px;align-items:center}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);font-size:12px}.pill.ok{border-color:var(--accent-a-28);background:var(--accent-a-12);color:var(--accent-a-92)}.pill.warn{border-color:var(--accent-c-30);background:var(--accent-c-12);color:var(--accent-c-92)}.split{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.list2{margin-top:18px;display:grid;grid-template-columns:1fr;gap:12px}.miniCard{border:1px solid var(--border);border-radius:18px;background:var(--surface-1);padding:14px}.miniCardTitle{font-weight:700;letter-spacing:-.02em}.miniCardText{margin-top:6px;color:var(--muted);font-size:13px}.sidePanel{border:1px solid var(--border);border-radius:22px;background:var(--surface-1);padding:16px;box-shadow:var(--shadow)}.sidePanelTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-soft)}.sidePanelTitle{font-weight:700;letter-spacing:-.02em}.sidePanelRows{margin-top:14px;display:grid;gap:10px}.sideRow{display:flex;justify-content:space-between;color:var(--text);font-size:13px}.sideKey{color:var(--subtle)}.sidePanelFoot{margin-top:12px;border-top:1px solid var(--border-soft);padding-top:12px}.hint{font-size:12px;color:var(--subtle)}.faq{margin-top:22px;display:grid;gap:10px}.faqItem{border:1px solid var(--border);border-radius:18px;background:var(--surface-1);overflow:hidden}.faqSummary{padding:14px;cursor:pointer;font-weight:650;color:var(--text-strong);list-style:none}.faqSummary::-webkit-details-marker{display:none}.faqBody{padding:0 14px 14px;color:var(--muted);font-size:14px}.cta{margin-top:26px;border-radius:26px;border:1px solid var(--border);background:radial-gradient(circle at 20% 30%,var(--accent-b-22),rgba(0,0,0,0) 58%),radial-gradient(circle at 70% 50%,var(--accent-a-18),rgba(0,0,0,0) 60%),var(--surface-1);overflow:hidden}.ctaInner{padding:22px}.ctaTitle{margin:0;font-size:22px;letter-spacing:-.03em}.ctaLead{margin:10px 0 0;color:var(--muted)}.ctaActions{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.newsletter{margin-top:16px;border-radius:24px;border:1px solid var(--border);background:var(--surface-1)}.newsletterInner{padding:18px;display:grid;gap:14px}.newsletterTitle{font-weight:800;letter-spacing:-.03em}.newsletterLead{margin-top:6px;color:var(--subtle);font-size:13px}.newsletterForm{display:grid;gap:10px}.newsletterInput{width:100%}.newsletterMsg{font-size:13px;color:var(--muted)}.newsletterMsgOk{color:var(--accent-a-92)}.newsletterMsgErr{color:var(--accent-c-92)}.footer{padding:26px 0 40px;border-top:1px solid var(--border-soft);background:var(--bg-header)}.footerInner{display:grid;gap:16px}.footerNote{margin-top:10px;color:var(--subtle);font-size:13px}.brandSmall{display:inline-flex;align-items:center;gap:10px}.footerLinks{display:flex;flex-wrap:wrap;gap:10px}.footerLink{padding:8px 10px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-1);color:var(--muted);font-size:13px}.footerLink:hover{border-color:var(--accent-b-50);color:var(--text-strong)}.footerLegal{display:flex;gap:10px;flex-wrap:wrap}.footerMuted{font-size:12px;color:var(--faint)}.dialog{width:min(560px,calc(100% - 24px));border:1px solid var(--border);border-radius:22px;background:var(--bg-overlay);color:var(--text-strong);box-shadow:var(--shadow);padding:0}.dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialogInner{padding:18px;display:grid;gap:12px}.dialogTop{display:flex;justify-content:space-between;gap:14px;align-items:start;padding-bottom:10px;border-bottom:1px solid var(--border-soft)}.dialogTitle{font-weight:800;letter-spacing:-.03em;font-size:18px}.dialogSub{margin-top:6px;color:var(--subtle);font-size:13px}.dialogClose{width:40px;height:40px;border-radius:14px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-strong);cursor:pointer;font-size:22px;line-height:1}.field{display:grid;gap:6px}.fieldLabel{font-size:12px;color:var(--muted)}.input{border:1px solid var(--border);border-radius:14px;background:var(--surface-1);color:var(--text-strong);padding:12px;font-size:14px}.textarea{resize:vertical;min-height:110px}.dialogActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:6px}.dialogFineprint{font-size:12px;color:var(--subtle)}@media(min-width:880px){.nav{display:flex}.menuBtn{display:none}.hero{padding:84px 0 44px}.heroInner{grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.grid3{grid-template-columns:repeat(3,1fr)}.sectionHeaderRow{grid-template-columns:1fr auto}.showcaseBody{grid-template-columns:1.1fr .9fr;align-items:center}.split{grid-template-columns:1.1fr .9fr;gap:28px}.list2{grid-template-columns:repeat(2,1fr)}.footerInner{grid-template-columns:1.2fr 1fr 1fr;align-items:start}.newsletterInner{grid-template-columns:1fr auto;align-items:center}.newsletterForm{grid-template-columns:minmax(240px,320px) auto;align-items:center}}