:root {
  --color-page: #f7f8fd;
  --color-canvas: #f0f3fc;
  --color-surface: #ffffff;
  --color-surface-soft: #fafbff;
  --color-foreground: #141b38;
  --color-muted: #58647f;
  --color-border: #dfe5f2;
  --color-border-hover: #aaa4e9;
  --color-border-success: #ace8d0;
  --color-primary: #5649bd;
  --color-primary-strong: #302877;
  --color-badjo: #087d64;
  --color-ogma: #6957ce;
  --color-focus: #5d44de;
  --color-success-soft: #e7f8f1;
  --color-lavender-soft: #efedff;
  --color-blue-soft: #eaf4ff;
  --color-amber-soft: #fff5e5;
  --color-icon-blue: #087da9;
  --color-icon-amber: #a96500;
  --color-demo-text: #f2f4ff;
  --color-demo-navy: #10162d;
  --color-demo-navy-end: #1d2d4d;
  --color-demo-active: #3d5dab;
  --color-demo-active-border: #8eb7ff;
  --color-table-line: #edf0f6;
  --color-detail-border: #bce7d6;
  --surface-translucent: rgba(255,255,255,.78);
  --surface-translucent-soft: rgba(255,255,255,.7);
  --surface-caption: rgba(16, 22, 45, .82);
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --text-hero: clamp(2.35rem, 4.4vw, 4.7rem);
  --text-section: clamp(1.85rem, 2.8vw, 2.75rem);
  --text-card: 1.05rem;
  --text-body: 1rem;
  --text-caption: .78rem;
  --text-label: .85rem;
  --weight-body: 400;
  --weight-strong: 700;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --radius-control: .85rem;
  --radius-card: 1.4rem;
  --radius-panel: 2rem;
  --shadow-card: 0 12px 35px rgba(40, 49, 104, .08);
  --shadow-hover: 0 18px 42px rgba(40, 49, 104, .15);
  --shadow-selected: 0 10px 25px rgba(8,125,100,.12);
  --shadow-demo: 0 15px 28px rgba(35,46,89,.13);
  --gradient-page: radial-gradient(circle at 90% 4%, rgba(190, 183, 255, .42), transparent 30%), radial-gradient(circle at 4% 48%, rgba(198, 250, 226, .28), transparent 30%), var(--color-page);
  --gradient-panel: linear-gradient(135deg, #fff, #f9faff 75%, #f0eeff);
  --gradient-header: linear-gradient(90deg, transparent, rgba(220, 218, 255, .3), transparent);
  --gradient-demo: linear-gradient(160deg, #effbf5, #fff 55%);
  --container-max: 1440px;
  --landing-content-max: clamp(1100px, 72.2vw, 1386px);
  --landing-column-gap: 2.25rem;
  --landing-row-gap: 2.25rem;
  --landing-card-gap: 1.125rem;
  --landing-card-height: clamp(254px, 14.5vw, 278px);
  --landing-card-padding: clamp(1.35rem, 1.56vw, 1.875rem);
  --landing-card-title: clamp(1.5rem, 1.45vw, 1.75rem);
  --landing-hero-size: clamp(2.7rem, 3.15vw, 3.55rem);
  --landing-icon-size: 42px;
  --landing-video-controls-space: 58px;
  --landing-vertical-padding: clamp(40px, 8vh, 84px);
  --focus-ring: 0 0 0 3px rgba(93, 68, 222, .34);
  --motion-fast: 160ms;
  --motion-normal: 240ms;
  --breakpoint-wide: 1200px;
  --breakpoint-tablet: 768px;
  --breakpoint-mobile: 520px;
}