/* 1. Base Geometry & Shared Tokens */
        .chx-default {
          --chx-font: 'Space Grotesk', system-ui, -apple-system, sans-serif;
          --chx-radius: 16px;
          --chx-radius-sm: 10px;
          --chx-border-width: 1px;

          /* Modern Easing for transitions */
          --chx-ease: cubic-bezier(0.4, 0, 0.2, 1);
          --chx-transition: 0.25s var(--chx-ease);
          --chx-shadow-sm: 0 4px 12px rgba(0,0,0,0.08);
          --chx-shadow: 0 14px 30px rgba(0,0,0,0.12);
          --chx-shadow-lg: 0 24px 50px rgba(0,0,0,0.18);
        }

        /* 2. Light Mode: Clean, soft, and breathable */
        .chx-default.light {
          /* Brand / Primary (Deep Ink Blue) */
          --chx-primary: #0f172a;
          --chx-primary-hover: #1f2937;
          --chx-primary-fg: #ffffff;

          /* Surfaces */
          --chx-bg: #f6f7fb;
          --chx-surface: #ffffff;
          --chx-surface-2: #f1f5f9;
          --chx-border: #e2e8f0;
          --chx-border-strong: #cbd5f5;

          /* Text */
          --chx-text-main: #0f172a;
          --chx-text-muted: #64748b;

          /* Status/Accents */
          --chx-accent: #2563eb; /* Trust Blue */
          --chx-error: #ef4444;
          --chx-success: #10b981;

          /* Soft Elevation */
          --chx-ring: rgba(15, 23, 42, 0.08);
        }

        /* 3. Dark Mode: Deep navy depth, high legibility */
        .chx-default.dark {
          /* Brand / Primary (Brightened for Contrast) */
          --chx-primary: #f8fafc;
          --chx-primary-hover: #e2e8f0;
          --chx-primary-fg: #0b1120;

          /* Surfaces */
          --chx-bg: #060b16; /* Deepest Navy */
          --chx-surface: #0b1220;
          --chx-surface-2: #0f172a;
          --chx-border: #1e293b;
          --chx-border-strong: #334155;

          /* Text */
          --chx-text-main: #f1f5f9;
          --chx-text-muted: #94a3b8;

          /* Status/Accents */
          --chx-accent: #60a5fa;
          --chx-error: #f87171;
          --chx-success: #34d399;

          /* Soft Glow Elevation */
          --chx-ring: rgba(248, 250, 252, 0.15);
        }

        body.chx-default {
          background: var(--chx-bg);
          color: var(--chx-text-main);
          font-family: var(--chx-font);
        }
    .rAVR1Te{}body { margin:0;overflow-x:hidden;}* { box-sizing:border-box;}h1, h2, h3 { font-weight:800;letter-spacing:-0.02em;}.container { max-width:1200px;margin:0 auto;padding:0 2rem;}.rBNBk23{}.header { position:fixed;top:0;left:0;right:0;z-index:1000;background: rgba(10 10 12 / 0.7);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255 255 255 / 0.08);height:64px;padding:0 2rem;}.header-content { display:flex;justify-content:space-between;align-items:center;height:100%;}.logo { font-size:1.25rem;font-weight:900;color:#fff;text-decoration:none;display:flex;align-items:center;gap:0.5rem ;}.logo-icon { width:24px;height:24px;background:linear-gradient(135deg,#00d4ff,#9130ff);border-radius:6px;transform:rotate(45deg);}.nav-links { display:flex;gap:2.5rem ;}.nav-links a { color:#888;text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.3s;position:relative;}.nav-links a:hover { color:#fff;}.nav-links a.active { color:#fff;}.nav-links a.active::after { content:'';position:absolute;bottom:-6px;left:0;right:0;height:2px;background: #00d4ff;border-radius:2px;}.hDuHmF1{padding:0.75rem 2rem;border-radius:12px;border:none;font-weight:700;background:linear-gradient(135deg,#00d4ff,#9130ff);color:#fff;box-shadow:0 10px 30px rgba(0 212 255 / 0.3);letter-spacing:0.05em;}.rBjy2v8{}.page-header { padding:12rem 0 4rem;text-align:center;}.page-header h1 { font-size:3.5rem;margin-bottom:1rem;}.page-header p { color:#666;max-width:600px;margin:0 auto;}.comp-showcase { display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem ;margin-top:4rem;}.comp-item { animation:float 6s ease-in-out infinite;}.comp-item:nth-child(2) { animation-delay:1s;}.comp-item:nth-child(3) { animation-delay:2s;}.rABJDBe{}.footer { padding:8rem 0 4rem;text-align:center;}.footer-logo { font-weight:900;color:#fff;margin-bottom:2rem;font-size:1.5rem;opacity:0.5;}.footer-links { display:flex;justify-content:center;gap:3rem ;margin-bottom:3rem;}.footer-links a { color:#666;text-decoration:none;font-size:0.85rem;transition:color 0.3s;}.footer-links a:hover { color:#aaa;}.copyright { color:#444;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;}