/* ──────────────────────────────────────────────────────────────────
 * tokens.css — Hexcoded design tokens for the landing page.
 *
 * AUTO-GENERATED from @one-impression/tokens-hexcoded@1.1.0
 * (published to GitHub Packages on 2026-05-26).
 *
 * To resync after a token update:
 *   npm run sync-tokens
 *
 * Do not edit the :root block by hand — change it in
 * One-Impression/amplify-design-system → publish → resync here.
 *
 * Landing-local additions (composition aliases + Phantom keyframe)
 * live at the BOTTOM of this file and are safe to edit.
 * ────────────────────────────────────────────────────────────── */

/* Auto-generated by build-tokens.js — do not edit */
:root {
  --amp-hexcoded-breakpoint-sm: 640px;
  --amp-hexcoded-breakpoint-md: 768px;
  --amp-hexcoded-breakpoint-lg: 1024px;
  --amp-hexcoded-breakpoint-xl: 1280px;
  --amp-hexcoded-breakpoint-2xl: 1536px;
  --amp-hexcoded-color-violet-50: #FAF5FF;
  --amp-hexcoded-color-violet-100: #F3E8FF;
  --amp-hexcoded-color-violet-200: #E9D5FF;
  --amp-hexcoded-color-violet-300: #D8B4FE;
  --amp-hexcoded-color-violet-400: #C084FC;
  --amp-hexcoded-color-violet-500: #A855F7;
  --amp-hexcoded-color-violet-600: #7C3AED;
  --amp-hexcoded-color-violet-700: #6D28D9;
  --amp-hexcoded-color-violet-800: #5B21B6;
  --amp-hexcoded-color-violet-900: #4C1D95;
  --amp-hexcoded-color-stone-50: #FAFAF9;
  --amp-hexcoded-color-stone-100: #F5F5F4;
  --amp-hexcoded-color-stone-200: #E7E5E4;
  --amp-hexcoded-color-stone-300: #D6D3D1;
  --amp-hexcoded-color-stone-400: #A8A29E;
  --amp-hexcoded-color-stone-500: #78716C;
  --amp-hexcoded-color-stone-600: #57534E;
  --amp-hexcoded-color-stone-700: #44403C;
  --amp-hexcoded-color-stone-800: #292524;
  --amp-hexcoded-color-stone-900: #1C1917;
  --amp-hexcoded-color-stone-950: #0C0A09;
  --amp-hexcoded-color-red-50: #FEF2F2;
  --amp-hexcoded-color-red-100: #FEE2E2;
  --amp-hexcoded-color-red-500: #EF4444;
  --amp-hexcoded-color-red-600: #DC2626;
  --amp-hexcoded-color-red-700: #B91C1C;
  --amp-hexcoded-color-green-50: #ECFDF5;
  --amp-hexcoded-color-green-100: #D1FAE5;
  --amp-hexcoded-color-green-500: #10B981;
  --amp-hexcoded-color-green-600: #059669;
  --amp-hexcoded-color-green-700: #047857;
  --amp-hexcoded-color-amber-50: #FFFBEB;
  --amp-hexcoded-color-amber-100: #FEF3C7;
  --amp-hexcoded-color-amber-500: #F59E0B;
  --amp-hexcoded-color-amber-600: #D97706;
  --amp-hexcoded-color-amber-700: #B45309;
  --amp-hexcoded-color-blue-50: #EFF6FF;
  --amp-hexcoded-color-blue-100: #DBEAFE;
  --amp-hexcoded-color-blue-500: #3B82F6;
  --amp-hexcoded-color-blue-600: #2563EB;
  --amp-hexcoded-color-blue-700: #1D4ED8;
  --amp-hexcoded-color-rose-500: #F43F5E;
  --amp-hexcoded-color-rose-600: #E11D48;
  --amp-hexcoded-color-white: #FFFFFF;
  --amp-hexcoded-color-black: #000000;
  --amp-hexcoded-color-transparent: transparent;
  --amp-hexcoded-motion-duration-instant: 60ms;
  --amp-hexcoded-motion-duration-fast: 150ms;
  --amp-hexcoded-motion-duration-normal: 250ms;
  --amp-hexcoded-motion-duration-slow: 400ms;
  --amp-hexcoded-motion-duration-lazy: 700ms;
  --amp-hexcoded-motion-duration-slower: 600ms;
  --amp-hexcoded-motion-stagger-1: 50ms;
  --amp-hexcoded-motion-stagger-2: 100ms;
  --amp-hexcoded-motion-stagger-3: 200ms;
  --amp-hexcoded-motion-stagger-delay: 50ms;
  --amp-hexcoded-motion-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --amp-hexcoded-motion-d-fast: 120ms;
  --amp-hexcoded-motion-d-base: 200ms;
  --amp-hexcoded-motion-d-slow: 320ms;
  --amp-hexcoded-opacity-disabled: 0.5;
  --amp-hexcoded-opacity-hover: 0.04;
  --amp-hexcoded-opacity-pressed: 0.08;
  --amp-hexcoded-opacity-overlay: 0.5;
  --amp-hexcoded-opacity-status-bg: 0.08;
  --amp-hexcoded-radius-none: 0px;
  --amp-hexcoded-radius-sm: 4px;
  --amp-hexcoded-radius-md: 8px;
  --amp-hexcoded-radius-lg: 12px;
  --amp-hexcoded-radius-xl: 16px;
  --amp-hexcoded-radius-2xl: 24px;
  --amp-hexcoded-radius-full: 9999px;
  --amp-hexcoded-shadow-0: none;
  --amp-hexcoded-shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --amp-hexcoded-shadow-2: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --amp-hexcoded-shadow-3: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --amp-hexcoded-shadow-4: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --amp-hexcoded-shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --amp-hexcoded-shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.04);
  --amp-hexcoded-shadow-md: 0 2px 8px rgba(28, 25, 23, 0.06);
  --amp-hexcoded-shadow-lg: 0 8px 24px rgba(28, 25, 23, 0.08);
  --amp-hexcoded-shadow-sm-dark: 0 1px 3px rgba(0, 0, 0, 0.2);
  --amp-hexcoded-shadow-md-dark: 0 2px 8px rgba(0, 0, 0, 0.3);
  --amp-hexcoded-shadow-lg-dark: 0 8px 24px rgba(0, 0, 0, 0.4);
  --amp-hexcoded-shadow-accent-sm: 0 1px 4px 0 rgba(101, 49, 255, 0.15);
  --amp-hexcoded-shadow-accent-md: 0 4px 12px -2px rgba(101, 49, 255, 0.25);
  --amp-hexcoded-shadow-accent-lg: 0 10px 25px -4px rgba(101, 49, 255, 0.35);
  --amp-hexcoded-shadow-ring-accent: 0 0 0 2px var(--amp-semantic-border-accent);
  --amp-hexcoded-shadow-composer: 0 -4px 12px -4px rgba(28, 25, 23, 0.08);
  --amp-hexcoded-shadow-device: 0 12px 32px -8px rgba(28, 25, 23, 0.18), 0 4px 12px -4px rgba(28, 25, 23, 0.10);
  --amp-hexcoded-spacing-1: 4px;
  --amp-hexcoded-spacing-2: 8px;
  --amp-hexcoded-spacing-3: 12px;
  --amp-hexcoded-spacing-4: 16px;
  --amp-hexcoded-spacing-5: 20px;
  --amp-hexcoded-spacing-6: 24px;
  --amp-hexcoded-spacing-8: 32px;
  --amp-hexcoded-spacing-10: 40px;
  --amp-hexcoded-spacing-12: 48px;
  --amp-hexcoded-spacing-16: 64px;
  --amp-hexcoded-spacing-20: 80px;
  --amp-hexcoded-spacing-24: 96px;
  --amp-hexcoded-font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --amp-hexcoded-font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Menlo, monospace;
  --amp-hexcoded-font-weight-light: 300;
  --amp-hexcoded-font-weight-regular: 400;
  --amp-hexcoded-font-weight-medium: 500;
  --amp-hexcoded-font-weight-semibold: 600;
  --amp-hexcoded-font-weight-bold: 700;
  --amp-hexcoded-font-size-display: 34px;
  --amp-hexcoded-font-size-h-lg: 24px;
  --amp-hexcoded-font-size-h-md: 18px;
  --amp-hexcoded-font-size-h-sm: 15px;
  --amp-hexcoded-font-size-body: 14px;
  --amp-hexcoded-font-size-body-sm: 12px;
  --amp-hexcoded-font-size-mono: 13px;
  --amp-hexcoded-font-lineHeight-tight: 1.2;
  --amp-hexcoded-font-lineHeight-normal: 1.5;
  --amp-hexcoded-font-lineHeight-relaxed: 1.6;
  --amp-hexcoded-font-display: 'Outfit', sans-serif;
  --amp-hexcoded-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --amp-hexcoded-font-mono: 'JetBrains Mono', SFMono-Regular, monospace;
  --amp-hexcoded-z-index-base: 0;
  --amp-hexcoded-z-index-dropdown: 1000;
  --amp-hexcoded-z-index-sticky: 1020;
  --amp-hexcoded-z-index-fixed: 1030;
  --amp-hexcoded-z-index-modal-backdrop: 1040;
  --amp-hexcoded-z-index-modal: 1050;
  --amp-hexcoded-z-index-popover: 1060;
  --amp-hexcoded-z-index-tooltip: 1070;
  --amp-hexcoded-z-index-toast: 1080;
  --amp-hexcoded-semantic-accent: #7C3AED;
  --amp-hexcoded-semantic-accent-hover: #6D28D9;
  --amp-hexcoded-semantic-accent-light: #F3E8FF;
  --amp-hexcoded-semantic-accent-subtle: #FAF5FF;
  --amp-hexcoded-semantic-bg-primary: #FAFAF9;
  --amp-hexcoded-semantic-bg-surface: #FFFFFF;
  --amp-hexcoded-semantic-bg-raised: #FFFFFF;
  --amp-hexcoded-semantic-bg-sunken: #F5F5F4;
  --amp-hexcoded-semantic-bg-overlay: rgba(28, 25, 23, 0.5);
  --amp-hexcoded-semantic-text-primary: #1C1917;
  --amp-hexcoded-semantic-text-secondary: #57534E;
  --amp-hexcoded-semantic-text-muted: #78716C;
  --amp-hexcoded-semantic-text-disabled: #A8A29E;
  --amp-hexcoded-semantic-text-inverse: #FFFFFF;
  --amp-hexcoded-semantic-text-accent: #7C3AED;
  --amp-hexcoded-semantic-border-default: #E7E5E4;
  --amp-hexcoded-semantic-border-strong: #D6D3D1;
  --amp-hexcoded-semantic-border-subtle: #F5F5F4;
  --amp-hexcoded-semantic-border-accent: #E9D5FF;
  --amp-hexcoded-semantic-border-focus: #7C3AED;
  --amp-hexcoded-semantic-status-success: #059669;
  --amp-hexcoded-semantic-status-success-bg: rgba(5, 150, 105, 0.08);
  --amp-hexcoded-semantic-status-warning: #D97706;
  --amp-hexcoded-semantic-status-warning-bg: rgba(217, 119, 6, 0.08);
  --amp-hexcoded-semantic-status-error: #DC2626;
  --amp-hexcoded-semantic-status-error-bg: rgba(220, 38, 38, 0.08);
  --amp-hexcoded-semantic-status-info: #2563EB;
  --amp-hexcoded-semantic-status-info-bg: rgba(37, 99, 235, 0.08);
  --amp-hexcoded-semantic-color-info-soft: rgba(37, 99, 235, 0.08);
  --amp-hexcoded-theme-color-bg: #FAFAFA;
  --amp-hexcoded-theme-color-bg-elev: #FFFFFF;
  --amp-hexcoded-theme-color-bg-soft: #F5F5F7;
  --amp-hexcoded-theme-color-accent: #22C55E;
  --amp-hexcoded-theme-color-accent-deep: #16A34A;
  --amp-hexcoded-theme-color-accent-light: #86EFAC;
  --amp-hexcoded-theme-color-accent-whisper: #DCFCE7;
  --amp-hexcoded-theme-color-text-primary: #0B0B0F;
  --amp-hexcoded-theme-color-text-secondary: #3B3B42;
  --amp-hexcoded-theme-color-text-tertiary: #86868B;
  --amp-hexcoded-theme-color-border: #E5E5EA;
  --amp-hexcoded-status-success: #22C55E;
  --amp-hexcoded-status-warning: #FBBF24;
  --amp-hexcoded-status-danger: #EF4444;
  --amp-hexcoded-status-info: #0EA5E9;
  --amp-hexcoded-weight-display: 900;
  --amp-hexcoded-weight-body-default: 400;
  --amp-hexcoded-weight-body-emphasis: 500;
  --amp-hexcoded-letter-spacing-tight: -0.025em;
  --amp-hexcoded-layout-max-width: 1400px;
}

/* ──────────────────────────────────────────────────────────────────
   Product-agnostic semantic aliases — resolve to active product theme.
   Consumed by Canvas v2 primitives in @one-impression/ui via Tailwind
   arbitrary classes (e.g. bg-[var(--amp-semantic-bg-accent-subtle)]).
   Dark mode cascades through var() indirection automatically.
   ────────────────────────────────────────────────────────────────── */
:root {
  --amp-semantic-bg-surface: var(--amp-hexcoded-semantic-bg-surface);
  --amp-semantic-bg-base: var(--amp-hexcoded-semantic-bg-primary);
  --amp-semantic-bg-canvas: var(--amp-hexcoded-semantic-bg-sunken);
  --amp-semantic-bg-subtle: var(--amp-hexcoded-semantic-bg-sunken);
  --amp-semantic-bg-sunken: var(--amp-hexcoded-semantic-bg-sunken);
  --amp-semantic-bg-raised: var(--amp-hexcoded-semantic-bg-raised);
  --amp-semantic-bg-accent: var(--amp-hexcoded-semantic-accent);
  --amp-semantic-bg-accent-subtle: var(--amp-hexcoded-semantic-accent-subtle);
  --amp-semantic-bg-success-subtle: var(--amp-hexcoded-semantic-status-success-bg);
  --amp-semantic-bg-warning-subtle: var(--amp-hexcoded-semantic-status-warning-bg);
  --amp-semantic-bg-error-subtle: var(--amp-hexcoded-semantic-status-error-bg);
  --amp-semantic-bg-info-subtle: var(--amp-hexcoded-semantic-status-info-bg);
  --amp-semantic-text-default: var(--amp-hexcoded-semantic-text-primary);
  --amp-semantic-text-primary: var(--amp-hexcoded-semantic-text-primary);
  --amp-semantic-text-secondary: var(--amp-hexcoded-semantic-text-secondary);
  --amp-semantic-text-tertiary: var(--amp-hexcoded-semantic-text-muted);
  --amp-semantic-text-muted: var(--amp-hexcoded-semantic-text-muted);
  --amp-semantic-text-inverse: var(--amp-hexcoded-semantic-text-inverse);
  --amp-semantic-text-on-accent: var(--amp-hexcoded-semantic-text-inverse);
  --amp-semantic-text-accent: var(--amp-hexcoded-semantic-text-accent);
  --amp-semantic-status-success: var(--amp-hexcoded-semantic-status-success);
  --amp-semantic-status-warning: var(--amp-hexcoded-semantic-status-warning);
  --amp-semantic-status-error: var(--amp-hexcoded-semantic-status-error);
  --amp-semantic-status-info: var(--amp-hexcoded-semantic-status-info);
  --amp-semantic-status-error-bg: var(--amp-hexcoded-semantic-status-error-bg);
  --amp-semantic-status-warning-bg: var(--amp-hexcoded-semantic-status-warning-bg);
  --amp-semantic-status-success-bg: var(--amp-hexcoded-semantic-status-success-bg);
  --amp-semantic-status-info-bg: var(--amp-hexcoded-semantic-status-info-bg);
  --amp-semantic-border-default: var(--amp-hexcoded-semantic-border-default);
  --amp-semantic-border-strong: var(--amp-hexcoded-semantic-border-strong);
  --amp-semantic-border-subtle: var(--amp-hexcoded-semantic-border-subtle);
  --amp-semantic-border-accent: var(--amp-hexcoded-semantic-border-accent);
  --amp-semantic-border-success: var(--amp-hexcoded-semantic-status-success);
  --amp-semantic-border-error: var(--amp-hexcoded-semantic-status-error);
  --amp-semantic-border-warning: var(--amp-hexcoded-semantic-status-warning);
  --amp-semantic-border-info: var(--amp-hexcoded-semantic-status-info);
  --amp-semantic-border-focus: var(--amp-hexcoded-semantic-border-focus);
  --amp-semantic-accent: var(--amp-hexcoded-semantic-accent);
  --amp-semantic-accent-light: var(--amp-hexcoded-semantic-accent-light);
  --amp-semantic-accent-primary: var(--amp-hexcoded-semantic-accent);
  --amp-semantic-accent-soft: var(--amp-hexcoded-semantic-accent-light);
}

/* Dark mode overrides */
[data-theme="dark"] {
  --amp-hexcoded-breakpoint-sm: 640px;
  --amp-hexcoded-breakpoint-md: 768px;
  --amp-hexcoded-breakpoint-lg: 1024px;
  --amp-hexcoded-breakpoint-xl: 1280px;
  --amp-hexcoded-breakpoint-2xl: 1536px;
  --amp-hexcoded-color-violet-50: #FAF5FF;
  --amp-hexcoded-color-violet-100: #F3E8FF;
  --amp-hexcoded-color-violet-200: #E9D5FF;
  --amp-hexcoded-color-violet-300: #D8B4FE;
  --amp-hexcoded-color-violet-400: #C084FC;
  --amp-hexcoded-color-violet-500: #A855F7;
  --amp-hexcoded-color-violet-600: #7C3AED;
  --amp-hexcoded-color-violet-700: #6D28D9;
  --amp-hexcoded-color-violet-800: #5B21B6;
  --amp-hexcoded-color-violet-900: #4C1D95;
  --amp-hexcoded-color-stone-50: #FAFAF9;
  --amp-hexcoded-color-stone-100: #F5F5F4;
  --amp-hexcoded-color-stone-200: #E7E5E4;
  --amp-hexcoded-color-stone-300: #D6D3D1;
  --amp-hexcoded-color-stone-400: #A8A29E;
  --amp-hexcoded-color-stone-500: #78716C;
  --amp-hexcoded-color-stone-600: #57534E;
  --amp-hexcoded-color-stone-700: #44403C;
  --amp-hexcoded-color-stone-800: #292524;
  --amp-hexcoded-color-stone-900: #1C1917;
  --amp-hexcoded-color-stone-950: #0C0A09;
  --amp-hexcoded-color-red-50: #FEF2F2;
  --amp-hexcoded-color-red-100: #FEE2E2;
  --amp-hexcoded-color-red-500: #EF4444;
  --amp-hexcoded-color-red-600: #DC2626;
  --amp-hexcoded-color-red-700: #B91C1C;
  --amp-hexcoded-color-green-50: #ECFDF5;
  --amp-hexcoded-color-green-100: #D1FAE5;
  --amp-hexcoded-color-green-500: #10B981;
  --amp-hexcoded-color-green-600: #059669;
  --amp-hexcoded-color-green-700: #047857;
  --amp-hexcoded-color-amber-50: #FFFBEB;
  --amp-hexcoded-color-amber-100: #FEF3C7;
  --amp-hexcoded-color-amber-500: #F59E0B;
  --amp-hexcoded-color-amber-600: #D97706;
  --amp-hexcoded-color-amber-700: #B45309;
  --amp-hexcoded-color-blue-50: #EFF6FF;
  --amp-hexcoded-color-blue-100: #DBEAFE;
  --amp-hexcoded-color-blue-500: #3B82F6;
  --amp-hexcoded-color-blue-600: #2563EB;
  --amp-hexcoded-color-blue-700: #1D4ED8;
  --amp-hexcoded-color-rose-500: #F43F5E;
  --amp-hexcoded-color-rose-600: #E11D48;
  --amp-hexcoded-color-white: #FFFFFF;
  --amp-hexcoded-color-black: #000000;
  --amp-hexcoded-color-transparent: transparent;
  --amp-hexcoded-motion-duration-instant: 60ms;
  --amp-hexcoded-motion-duration-fast: 150ms;
  --amp-hexcoded-motion-duration-normal: 250ms;
  --amp-hexcoded-motion-duration-slow: 400ms;
  --amp-hexcoded-motion-duration-lazy: 700ms;
  --amp-hexcoded-motion-duration-slower: 600ms;
  --amp-hexcoded-motion-stagger-1: 50ms;
  --amp-hexcoded-motion-stagger-2: 100ms;
  --amp-hexcoded-motion-stagger-3: 200ms;
  --amp-hexcoded-motion-stagger-delay: 50ms;
  --amp-hexcoded-opacity-disabled: 0.5;
  --amp-hexcoded-opacity-hover: 0.04;
  --amp-hexcoded-opacity-pressed: 0.08;
  --amp-hexcoded-opacity-overlay: 0.5;
  --amp-hexcoded-opacity-status-bg: 0.08;
  --amp-hexcoded-radius-none: 0px;
  --amp-hexcoded-radius-sm: 4px;
  --amp-hexcoded-radius-md: 8px;
  --amp-hexcoded-radius-lg: 12px;
  --amp-hexcoded-radius-xl: 16px;
  --amp-hexcoded-radius-2xl: 24px;
  --amp-hexcoded-radius-full: 9999px;
  --amp-hexcoded-shadow-0: none;
  --amp-hexcoded-shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --amp-hexcoded-shadow-2: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --amp-hexcoded-shadow-3: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --amp-hexcoded-shadow-4: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --amp-hexcoded-shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --amp-hexcoded-shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.04);
  --amp-hexcoded-shadow-md: 0 2px 8px rgba(28, 25, 23, 0.06);
  --amp-hexcoded-shadow-lg: 0 8px 24px rgba(28, 25, 23, 0.08);
  --amp-hexcoded-shadow-sm-dark: 0 1px 3px rgba(0, 0, 0, 0.2);
  --amp-hexcoded-shadow-md-dark: 0 2px 8px rgba(0, 0, 0, 0.3);
  --amp-hexcoded-shadow-lg-dark: 0 8px 24px rgba(0, 0, 0, 0.4);
  --amp-hexcoded-shadow-accent-sm: 0 1px 4px 0 rgba(101, 49, 255, 0.15);
  --amp-hexcoded-shadow-accent-md: 0 4px 12px -2px rgba(101, 49, 255, 0.25);
  --amp-hexcoded-shadow-accent-lg: 0 10px 25px -4px rgba(101, 49, 255, 0.35);
  --amp-hexcoded-shadow-ring-accent: 0 0 0 2px var(--amp-semantic-border-accent);
  --amp-hexcoded-shadow-composer: 0 -4px 12px -4px rgba(28, 25, 23, 0.08);
  --amp-hexcoded-shadow-device: 0 12px 32px -8px rgba(28, 25, 23, 0.18), 0 4px 12px -4px rgba(28, 25, 23, 0.10);
  --amp-hexcoded-spacing-1: 4px;
  --amp-hexcoded-spacing-2: 8px;
  --amp-hexcoded-spacing-3: 12px;
  --amp-hexcoded-spacing-4: 16px;
  --amp-hexcoded-spacing-5: 20px;
  --amp-hexcoded-spacing-6: 24px;
  --amp-hexcoded-spacing-8: 32px;
  --amp-hexcoded-spacing-10: 40px;
  --amp-hexcoded-spacing-12: 48px;
  --amp-hexcoded-spacing-16: 64px;
  --amp-hexcoded-spacing-20: 80px;
  --amp-hexcoded-spacing-24: 96px;
  --amp-hexcoded-font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --amp-hexcoded-font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Menlo, monospace;
  --amp-hexcoded-font-weight-light: 300;
  --amp-hexcoded-font-weight-regular: 400;
  --amp-hexcoded-font-weight-medium: 500;
  --amp-hexcoded-font-weight-semibold: 600;
  --amp-hexcoded-font-weight-bold: 700;
  --amp-hexcoded-font-size-display: 34px;
  --amp-hexcoded-font-size-h-lg: 24px;
  --amp-hexcoded-font-size-h-md: 18px;
  --amp-hexcoded-font-size-h-sm: 15px;
  --amp-hexcoded-font-size-body: 14px;
  --amp-hexcoded-font-size-body-sm: 12px;
  --amp-hexcoded-font-size-mono: 13px;
  --amp-hexcoded-font-lineHeight-tight: 1.2;
  --amp-hexcoded-font-lineHeight-normal: 1.5;
  --amp-hexcoded-font-lineHeight-relaxed: 1.6;
  --amp-hexcoded-z-index-base: 0;
  --amp-hexcoded-z-index-dropdown: 1000;
  --amp-hexcoded-z-index-sticky: 1020;
  --amp-hexcoded-z-index-fixed: 1030;
  --amp-hexcoded-z-index-modal-backdrop: 1040;
  --amp-hexcoded-z-index-modal: 1050;
  --amp-hexcoded-z-index-popover: 1060;
  --amp-hexcoded-z-index-tooltip: 1070;
  --amp-hexcoded-z-index-toast: 1080;
  --amp-hexcoded-semantic-accent: #A855F7;
  --amp-hexcoded-semantic-accent-hover: #C084FC;
  --amp-hexcoded-semantic-accent-light: rgba(168, 85, 247, 0.12);
  --amp-hexcoded-semantic-accent-subtle: rgba(168, 85, 247, 0.06);
  --amp-hexcoded-semantic-bg-primary: #1C1917;
  --amp-hexcoded-semantic-bg-surface: #292524;
  --amp-hexcoded-semantic-bg-raised: #44403C;
  --amp-hexcoded-semantic-bg-sunken: #0C0A09;
  --amp-hexcoded-semantic-bg-overlay: rgba(0, 0, 0, 0.6);
  --amp-hexcoded-semantic-text-primary: #E7E5E4;
  --amp-hexcoded-semantic-text-secondary: #A8A29E;
  --amp-hexcoded-semantic-text-muted: #78716C;
  --amp-hexcoded-semantic-text-disabled: #57534E;
  --amp-hexcoded-semantic-text-inverse: #1C1917;
  --amp-hexcoded-semantic-text-accent: #C084FC;
  --amp-hexcoded-semantic-border-default: #44403C;
  --amp-hexcoded-semantic-border-strong: #57534E;
  --amp-hexcoded-semantic-border-subtle: rgba(255, 255, 255, 0.06);
  --amp-hexcoded-semantic-border-accent: rgba(168, 85, 247, 0.3);
  --amp-hexcoded-semantic-border-focus: #A855F7;
  --amp-hexcoded-semantic-status-success: #10B981;
  --amp-hexcoded-semantic-status-success-bg: rgba(16, 185, 129, 0.12);
  --amp-hexcoded-semantic-status-warning: #F59E0B;
  --amp-hexcoded-semantic-status-warning-bg: rgba(245, 158, 11, 0.12);
  --amp-hexcoded-semantic-status-error: #EF4444;
  --amp-hexcoded-semantic-status-error-bg: rgba(239, 68, 68, 0.12);
  --amp-hexcoded-semantic-status-info: #3B82F6;
  --amp-hexcoded-semantic-status-info-bg: rgba(59, 130, 246, 0.12);
  --amp-hexcoded-semantic-color-info-soft: rgba(59, 130, 246, 0.12);
  --amp-hexcoded-theme-color-bg: #0B0B0F;
  --amp-hexcoded-theme-color-bg-elev: #1C1C22;
  --amp-hexcoded-theme-color-bg-soft: #15151B;
  --amp-hexcoded-theme-color-accent: #22C55E;
  --amp-hexcoded-theme-color-accent-deep: #16A34A;
  --amp-hexcoded-theme-color-accent-light: #86EFAC;
  --amp-hexcoded-theme-color-accent-whisper: #DCFCE7;
  --amp-hexcoded-theme-color-text-primary: #FAFAFA;
  --amp-hexcoded-theme-color-text-secondary: #C8C8CD;
  --amp-hexcoded-theme-color-text-tertiary: #86868B;
  --amp-hexcoded-theme-color-border: #2C2C30;
  --amp-hexcoded-status-success: #22C55E;
  --amp-hexcoded-status-warning: #FBBF24;
  --amp-hexcoded-status-danger: #EF4444;
  --amp-hexcoded-status-info: #0EA5E9;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --amp-hexcoded-breakpoint-sm: 640px;
    --amp-hexcoded-breakpoint-md: 768px;
    --amp-hexcoded-breakpoint-lg: 1024px;
    --amp-hexcoded-breakpoint-xl: 1280px;
    --amp-hexcoded-breakpoint-2xl: 1536px;
    --amp-hexcoded-color-violet-50: #FAF5FF;
    --amp-hexcoded-color-violet-100: #F3E8FF;
    --amp-hexcoded-color-violet-200: #E9D5FF;
    --amp-hexcoded-color-violet-300: #D8B4FE;
    --amp-hexcoded-color-violet-400: #C084FC;
    --amp-hexcoded-color-violet-500: #A855F7;
    --amp-hexcoded-color-violet-600: #7C3AED;
    --amp-hexcoded-color-violet-700: #6D28D9;
    --amp-hexcoded-color-violet-800: #5B21B6;
    --amp-hexcoded-color-violet-900: #4C1D95;
    --amp-hexcoded-color-stone-50: #FAFAF9;
    --amp-hexcoded-color-stone-100: #F5F5F4;
    --amp-hexcoded-color-stone-200: #E7E5E4;
    --amp-hexcoded-color-stone-300: #D6D3D1;
    --amp-hexcoded-color-stone-400: #A8A29E;
    --amp-hexcoded-color-stone-500: #78716C;
    --amp-hexcoded-color-stone-600: #57534E;
    --amp-hexcoded-color-stone-700: #44403C;
    --amp-hexcoded-color-stone-800: #292524;
    --amp-hexcoded-color-stone-900: #1C1917;
    --amp-hexcoded-color-stone-950: #0C0A09;
    --amp-hexcoded-color-red-50: #FEF2F2;
    --amp-hexcoded-color-red-100: #FEE2E2;
    --amp-hexcoded-color-red-500: #EF4444;
    --amp-hexcoded-color-red-600: #DC2626;
    --amp-hexcoded-color-red-700: #B91C1C;
    --amp-hexcoded-color-green-50: #ECFDF5;
    --amp-hexcoded-color-green-100: #D1FAE5;
    --amp-hexcoded-color-green-500: #10B981;
    --amp-hexcoded-color-green-600: #059669;
    --amp-hexcoded-color-green-700: #047857;
    --amp-hexcoded-color-amber-50: #FFFBEB;
    --amp-hexcoded-color-amber-100: #FEF3C7;
    --amp-hexcoded-color-amber-500: #F59E0B;
    --amp-hexcoded-color-amber-600: #D97706;
    --amp-hexcoded-color-amber-700: #B45309;
    --amp-hexcoded-color-blue-50: #EFF6FF;
    --amp-hexcoded-color-blue-100: #DBEAFE;
    --amp-hexcoded-color-blue-500: #3B82F6;
    --amp-hexcoded-color-blue-600: #2563EB;
    --amp-hexcoded-color-blue-700: #1D4ED8;
    --amp-hexcoded-color-rose-500: #F43F5E;
    --amp-hexcoded-color-rose-600: #E11D48;
    --amp-hexcoded-color-white: #FFFFFF;
    --amp-hexcoded-color-black: #000000;
    --amp-hexcoded-color-transparent: transparent;
    --amp-hexcoded-motion-duration-instant: 60ms;
    --amp-hexcoded-motion-duration-fast: 150ms;
    --amp-hexcoded-motion-duration-normal: 250ms;
    --amp-hexcoded-motion-duration-slow: 400ms;
    --amp-hexcoded-motion-duration-lazy: 700ms;
    --amp-hexcoded-motion-duration-slower: 600ms;
    --amp-hexcoded-motion-stagger-1: 50ms;
    --amp-hexcoded-motion-stagger-2: 100ms;
    --amp-hexcoded-motion-stagger-3: 200ms;
    --amp-hexcoded-motion-stagger-delay: 50ms;
    --amp-hexcoded-opacity-disabled: 0.5;
    --amp-hexcoded-opacity-hover: 0.04;
    --amp-hexcoded-opacity-pressed: 0.08;
    --amp-hexcoded-opacity-overlay: 0.5;
    --amp-hexcoded-opacity-status-bg: 0.08;
    --amp-hexcoded-radius-none: 0px;
    --amp-hexcoded-radius-sm: 4px;
    --amp-hexcoded-radius-md: 8px;
    --amp-hexcoded-radius-lg: 12px;
    --amp-hexcoded-radius-xl: 16px;
    --amp-hexcoded-radius-2xl: 24px;
    --amp-hexcoded-radius-full: 9999px;
    --amp-hexcoded-shadow-0: none;
    --amp-hexcoded-shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --amp-hexcoded-shadow-2: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --amp-hexcoded-shadow-3: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --amp-hexcoded-shadow-4: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --amp-hexcoded-shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --amp-hexcoded-shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.04);
    --amp-hexcoded-shadow-md: 0 2px 8px rgba(28, 25, 23, 0.06);
    --amp-hexcoded-shadow-lg: 0 8px 24px rgba(28, 25, 23, 0.08);
    --amp-hexcoded-shadow-sm-dark: 0 1px 3px rgba(0, 0, 0, 0.2);
    --amp-hexcoded-shadow-md-dark: 0 2px 8px rgba(0, 0, 0, 0.3);
    --amp-hexcoded-shadow-lg-dark: 0 8px 24px rgba(0, 0, 0, 0.4);
    --amp-hexcoded-shadow-accent-sm: 0 1px 4px 0 rgba(101, 49, 255, 0.15);
    --amp-hexcoded-shadow-accent-md: 0 4px 12px -2px rgba(101, 49, 255, 0.25);
    --amp-hexcoded-shadow-accent-lg: 0 10px 25px -4px rgba(101, 49, 255, 0.35);
    --amp-hexcoded-shadow-ring-accent: 0 0 0 2px var(--amp-semantic-border-accent);
    --amp-hexcoded-shadow-composer: 0 -4px 12px -4px rgba(28, 25, 23, 0.08);
    --amp-hexcoded-shadow-device: 0 12px 32px -8px rgba(28, 25, 23, 0.18), 0 4px 12px -4px rgba(28, 25, 23, 0.10);
    --amp-hexcoded-spacing-1: 4px;
    --amp-hexcoded-spacing-2: 8px;
    --amp-hexcoded-spacing-3: 12px;
    --amp-hexcoded-spacing-4: 16px;
    --amp-hexcoded-spacing-5: 20px;
    --amp-hexcoded-spacing-6: 24px;
    --amp-hexcoded-spacing-8: 32px;
    --amp-hexcoded-spacing-10: 40px;
    --amp-hexcoded-spacing-12: 48px;
    --amp-hexcoded-spacing-16: 64px;
    --amp-hexcoded-spacing-20: 80px;
    --amp-hexcoded-spacing-24: 96px;
    --amp-hexcoded-font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --amp-hexcoded-font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Menlo, monospace;
    --amp-hexcoded-font-weight-light: 300;
    --amp-hexcoded-font-weight-regular: 400;
    --amp-hexcoded-font-weight-medium: 500;
    --amp-hexcoded-font-weight-semibold: 600;
    --amp-hexcoded-font-weight-bold: 700;
    --amp-hexcoded-font-size-display: 34px;
    --amp-hexcoded-font-size-h-lg: 24px;
    --amp-hexcoded-font-size-h-md: 18px;
    --amp-hexcoded-font-size-h-sm: 15px;
    --amp-hexcoded-font-size-body: 14px;
    --amp-hexcoded-font-size-body-sm: 12px;
    --amp-hexcoded-font-size-mono: 13px;
    --amp-hexcoded-font-lineHeight-tight: 1.2;
    --amp-hexcoded-font-lineHeight-normal: 1.5;
    --amp-hexcoded-font-lineHeight-relaxed: 1.6;
    --amp-hexcoded-z-index-base: 0;
    --amp-hexcoded-z-index-dropdown: 1000;
    --amp-hexcoded-z-index-sticky: 1020;
    --amp-hexcoded-z-index-fixed: 1030;
    --amp-hexcoded-z-index-modal-backdrop: 1040;
    --amp-hexcoded-z-index-modal: 1050;
    --amp-hexcoded-z-index-popover: 1060;
    --amp-hexcoded-z-index-tooltip: 1070;
    --amp-hexcoded-z-index-toast: 1080;
    --amp-hexcoded-semantic-accent: #A855F7;
    --amp-hexcoded-semantic-accent-hover: #C084FC;
    --amp-hexcoded-semantic-accent-light: rgba(168, 85, 247, 0.12);
    --amp-hexcoded-semantic-accent-subtle: rgba(168, 85, 247, 0.06);
    --amp-hexcoded-semantic-bg-primary: #1C1917;
    --amp-hexcoded-semantic-bg-surface: #292524;
    --amp-hexcoded-semantic-bg-raised: #44403C;
    --amp-hexcoded-semantic-bg-sunken: #0C0A09;
    --amp-hexcoded-semantic-bg-overlay: rgba(0, 0, 0, 0.6);
    --amp-hexcoded-semantic-text-primary: #E7E5E4;
    --amp-hexcoded-semantic-text-secondary: #A8A29E;
    --amp-hexcoded-semantic-text-muted: #78716C;
    --amp-hexcoded-semantic-text-disabled: #57534E;
    --amp-hexcoded-semantic-text-inverse: #1C1917;
    --amp-hexcoded-semantic-text-accent: #C084FC;
    --amp-hexcoded-semantic-border-default: #44403C;
    --amp-hexcoded-semantic-border-strong: #57534E;
    --amp-hexcoded-semantic-border-subtle: rgba(255, 255, 255, 0.06);
    --amp-hexcoded-semantic-border-accent: rgba(168, 85, 247, 0.3);
    --amp-hexcoded-semantic-border-focus: #A855F7;
    --amp-hexcoded-semantic-status-success: #10B981;
    --amp-hexcoded-semantic-status-success-bg: rgba(16, 185, 129, 0.12);
    --amp-hexcoded-semantic-status-warning: #F59E0B;
    --amp-hexcoded-semantic-status-warning-bg: rgba(245, 158, 11, 0.12);
    --amp-hexcoded-semantic-status-error: #EF4444;
    --amp-hexcoded-semantic-status-error-bg: rgba(239, 68, 68, 0.12);
    --amp-hexcoded-semantic-status-info: #3B82F6;
    --amp-hexcoded-semantic-status-info-bg: rgba(59, 130, 246, 0.12);
    --amp-hexcoded-semantic-color-info-soft: rgba(59, 130, 246, 0.12);
    --amp-hexcoded-theme-color-bg: #0B0B0F;
    --amp-hexcoded-theme-color-bg-elev: #1C1C22;
    --amp-hexcoded-theme-color-bg-soft: #15151B;
    --amp-hexcoded-theme-color-accent: #22C55E;
    --amp-hexcoded-theme-color-accent-deep: #16A34A;
    --amp-hexcoded-theme-color-accent-light: #86EFAC;
    --amp-hexcoded-theme-color-accent-whisper: #DCFCE7;
    --amp-hexcoded-theme-color-text-primary: #FAFAFA;
    --amp-hexcoded-theme-color-text-secondary: #C8C8CD;
    --amp-hexcoded-theme-color-text-tertiary: #86868B;
    --amp-hexcoded-theme-color-border: #2C2C30;
    --amp-hexcoded-status-success: #22C55E;
    --amp-hexcoded-status-warning: #FBBF24;
    --amp-hexcoded-status-danger: #EF4444;
    --amp-hexcoded-status-info: #0EA5E9;
  }
}
/* ──────────────────────────────────────────────────────────────────
 * Landing-local composition layer
 * Short semantic aliases used 100s of times in index.html.
 * NOT part of the @one-impression/tokens-hexcoded package — these
 * are landing-specific shortcuts that map the published tokens
 * to terse names.
 * ────────────────────────────────────────────────────────────── */
:root {
  --bg:           var(--amp-hexcoded-theme-color-bg);
  --paper:        var(--amp-hexcoded-theme-color-bg-elev);
  --soft:         var(--amp-hexcoded-theme-color-bg-soft);
  --accent:       var(--amp-hexcoded-theme-color-accent);
  --accent-deep:  var(--amp-hexcoded-theme-color-accent-deep);
  --accent-light: var(--amp-hexcoded-theme-color-accent-light);
  --accent-whisper: var(--amp-hexcoded-theme-color-accent-whisper);
  --ink:          var(--amp-hexcoded-theme-color-text-primary);
  --ink-2:        var(--amp-hexcoded-theme-color-text-secondary);
  --muted:        var(--amp-hexcoded-theme-color-text-tertiary);
  --line:         var(--amp-hexcoded-theme-color-border);

  --font-display: var(--amp-hexcoded-font-display);
  --font-body:    var(--amp-hexcoded-font-body);
  --font-mono:    var(--amp-hexcoded-font-mono);

  --ease:   var(--amp-hexcoded-motion-ease);
  --d-fast: var(--amp-hexcoded-motion-d-fast);
  --d-base: var(--amp-hexcoded-motion-d-base);
  --d-slow: var(--amp-hexcoded-motion-d-slow);

  --max: var(--amp-hexcoded-layout-max-width);
}

/* Phantom keyframe — landing-local (the brand's only canonical animation).
   The animated wordmark SVG in @one-impression/brand-hexcoded uses its own
   inline keyframe; this version is for HTML-based hero text on the landing. */
@keyframes hexcoded-phantom-breath {
  0%, 100% { opacity: var(--phantom-opacity, 0.85); }
  50%      { opacity: calc(var(--phantom-opacity, 0.85) * 0.4); }
}