:root {
  /* Palette: Corporate & Trustworthy */
  --c1: #4f46e5; /* Professional Indigo */
  --c2: #1d4ed8; /* Strong Blue */
  --c3: #059669; /* Trustworthy Green */
  --c4: #f59e0b; /* Retain Gold for highlight */
  --c5: #7c3aed; /* Deep Purple accent */

  --bg: #f8f9fa; /* Soft Off-White Background */
  --bg-alt: #ffffff; /* Alternating section background */

  --text-main: #111827; /* Near Black for headings */
  --text-body: #374151; /* Dark Grey for body text */
  --text-subtle: #6b7280; /* Lighter Grey for subtle text */

  --border-light: rgba(0, 0, 0, 0.05);
  --border-glass: rgba(255, 255, 255, 0.3);
  --grad-angle: 130deg;
}

html { scroll-behavior: smooth; }
body {
  background-color: var(--bg);
  color: var(--text-body);
}

/* Main Panel Style */
.panel {
  background: var(--bg-alt);
  border: 1px solid var(--border-light);
  border-radius: 1.25rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}

/* Light Glassmorphism Panel Style */
.glass-panel {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid var(--border-glass);
  box-shadow: 0 4px 30px rgba(0,0,0,0.1);
  border-radius: 1.25rem;
}

#particles { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .5; }

.headline { letter-spacing: -0.02em; }
h1, h2, h3, h4, .font-display { color: var(--text-main); }
.subtle { color: var(--text-subtle); }
.mono { font-family: 'JetBrains Mono', ui-monospace; }

.grad { background-image: linear-gradient(var(--grad-angle), var(--c1), var(--c2) 40%, var(--c5)); }

/* Floating blobs for hero */
.blob {
    position: absolute;
    border-radius: 9999px;
    filter: blur(100px);
    opacity: 0.2;
    will-change: transform;
}