:root {

  
  --oracle-color-white: #FAFBFC;
  --oracle-color-page: #F6F7F9;
  --oracle-color-surface: #EFF1F5;
  --oracle-color-surface-2: #E5E8EF;
  --oracle-color-cloud: #DDE3EC;
  --oracle-color-ink: #181A1F;
  --oracle-color-ink-soft: #3A3D47;
  --oracle-color-ink-muted: #6B7080;
  --oracle-color-sky: #6A9FB5;
  --oracle-color-sky-pale: #A8C4D4;
  --oracle-color-sky-ghost: #E8F0F5;
  --oracle-color-silver: #8FA0AF;
  --oracle-color-silver-pale: #C4CDD6;
  --oracle-color-gold: #B89A52;
  --oracle-color-gold-ghost: #F0E8D2;
  --oracle-color-error: #B04040;

  
  --oracle-font-display: "Cinzel", serif;
  --oracle-font-body: "Cormorant Garamond", serif;
  --oracle-font-reading: "Source Serif 4", serif;
  --oracle-font-mono: "JetBrains Mono", monospace;

  
  --oracle-size-wordmark: clamp(3.5893rem, 0.0751vw + 3.4376rem, 4.7680rem);
  --oracle-size-display: clamp(2.8702rem, 0.0602vw + 2.7483rem, 3.8150rem);
  --oracle-size-h1: clamp(2.2956rem, 0.0482vw + 2.1979rem, 3.0520rem);
  --oracle-size-h2: clamp(1.8377rem, 0.0384vw + 1.7601rem, 2.4410rem);
  --oracle-size-h3: 1.953rem;
  --oracle-size-lead: 1.563rem;
  --oracle-size-body: 1.25rem;
  --oracle-size-doc-body: 1.25rem;
  --oracle-size-doc-lead: 1.563rem;
  --oracle-size-data: 1.0rem;
  --oracle-size-label: 0.8rem;
  --oracle-size-caption: 0.64rem;

  
  --oracle-weight-display: 400;
  --oracle-weight-h1: 400;
  --oracle-weight-h2: 400;
  --oracle-weight-body: 400;
  --oracle-weight-body-light: 300;
  --oracle-weight-label: 500;
  --oracle-weight-caption: 400;
  --oracle-weight-reading: 400;
  --oracle-weight-reading-strong: 600;

  
  --oracle-tracking-wordmark: 0.1em;
  --oracle-tracking-display: 0.06em;
  --oracle-tracking-h1: 0.04em;
  --oracle-tracking-h2: 0.02em;
  --oracle-tracking-label: 0.15em;
  --oracle-tracking-caption: 0.12em;
  --oracle-tracking-body: 0.0em;

  
  --oracle-lh-display: 1.0;
  --oracle-lh-h1: 1.05;
  --oracle-lh-h2: 1.1;
  --oracle-lh-h3: 1.2;
  --oracle-lh-lead: 1.55;
  --oracle-lh-body: 1.75;
  --oracle-lh-doc-body: 1.7;
  --oracle-lh-doc-lead: 1.5;
  --oracle-lh-data: 1.5;
  --oracle-lh-label: 1.4;
  --oracle-lh-caption: 1.5;

  
  --oracle-space-component-padding: 24px;
  --oracle-space-section-gap: 96px;
  --oracle-space-half: 4px;
  --oracle-space-s1: 8px;
  --oracle-space-s2: 16px;
  --oracle-space-s3: 24px;
  --oracle-space-s4: 32px;
  --oracle-space-s5: 48px;
  --oracle-space-s6: 64px;
  --oracle-space-s7: 96px;
  --oracle-space-s8: 128px;
  --oracle-space-s9: 192px;

  
  --oracle-layout-content-max-width: 720px;
  --oracle-layout-page-max-width: 1600px;

  
  --oracle-grid-mobile-columns: 4;
  --oracle-grid-mobile-gutter: 16px;
  --oracle-grid-mobile-margin: 16px;
  --oracle-grid-tablet-columns: 8;
  --oracle-grid-tablet-gutter: 24px;
  --oracle-grid-tablet-margin: 24px;
  --oracle-grid-desktop-columns: 12;
  --oracle-grid-desktop-gutter: 32px;
  --oracle-grid-desktop-margin: 48px;
  --oracle-grid-wide-columns: 12;
  --oracle-grid-wide-gutter: 32px;
  --oracle-grid-wide-margin: 64px;

  
  --oracle-border-radius: 2px;
  --oracle-border-width: 1px;
  --oracle-border-color: var(--oracle-color-cloud);

  
  --oracle-elevation-0: none;
  --oracle-elevation-1: 0 1px 3px rgba(24,26,31,0.06), 0 1px 2px rgba(24,26,31,0.04);
  --oracle-elevation-2: 0 4px 12px rgba(24,26,31,0.08), 0 2px 4px rgba(24,26,31,0.04);

  
  --oracle-motion-duration-fast: 150ms;
  --oracle-motion-duration-standard: 250ms;
  --oracle-motion-duration-slow: 400ms;
  --oracle-motion-easing: cubic-bezier(0.4, 0.0, 0.2, 1.0);

  
  --oracle-component-hero-spacing-section-pad-top: 128px;
  --oracle-component-hero-spacing-section-pad-bottom: 96px;
  --oracle-component-hero-spacing-body-to-cta: 48px;
  --oracle-component-hero-spacing-heading-gap: 24px;
  --oracle-component-hero-spacing-tagline-gap: 32px;
  --oracle-component-hero-spacing-max-width: 720px;
  --oracle-component-hero-color-eyebrow: var(--oracle-color-sky);
  --oracle-component-hero-color-heading: var(--oracle-color-ink);
  --oracle-component-hero-color-tagline: var(--oracle-color-sky);
  --oracle-component-hero-color-label: var(--oracle-color-ink-soft);
  --oracle-component-hero-color-body: var(--oracle-color-ink-soft);
  --oracle-component-hero-type-eyebrow-size: var(--oracle-size-label);
  --oracle-component-hero-type-eyebrow-weight: var(--oracle-weight-label);
  --oracle-component-hero-type-eyebrow-family: var(--oracle-font-mono);
  --oracle-component-hero-type-eyebrow-tracking: var(--oracle-tracking-label);
  --oracle-component-hero-type-eyebrow-transform: uppercase;
  --oracle-component-hero-type-heading-size: var(--oracle-size-display);
  --oracle-component-hero-type-heading-weight: var(--oracle-weight-display);
  --oracle-component-hero-type-heading-family: var(--oracle-font-display);
  --oracle-component-hero-type-heading-tracking: var(--oracle-tracking-display);
  --oracle-component-hero-type-heading-lh: var(--oracle-lh-display);
  --oracle-component-hero-type-tagline-size: var(--oracle-size-lead);
  --oracle-component-hero-type-tagline-weight: var(--oracle-weight-body-light);
  --oracle-component-hero-type-tagline-family: var(--oracle-font-body);
  --oracle-component-hero-type-tagline-lh: var(--oracle-lh-lead);
  --oracle-component-hero-type-tagline-style: italic;
  --oracle-component-hero-type-label-size: var(--oracle-size-lead);
  --oracle-component-hero-type-label-weight: var(--oracle-weight-body);
  --oracle-component-hero-type-label-family: var(--oracle-font-body);
  --oracle-component-hero-type-label-lh: var(--oracle-lh-lead);
  --oracle-component-hero-type-label-style: italic;
  --oracle-component-hero-type-body-size: var(--oracle-size-body);
  --oracle-component-hero-type-body-weight: var(--oracle-weight-body);
  --oracle-component-hero-type-body-family: var(--oracle-font-body);
  --oracle-component-hero-type-body-lh: var(--oracle-lh-body);
  --oracle-component-hero-cta-style: btn-outline;
  --oracle-component-hero-border-bottom: 1;
  --oracle-component-hero-border-bottom-colour: var(--oracle-color-cloud);
  --oracle-component-prose-section-spacing-section-gap: var(--oracle-space-section-gap);
  --oracle-component-prose-section-spacing-label-col-width: 200px;
  --oracle-component-prose-section-spacing-col-gap: 64px;
  --oracle-component-prose-section-spacing-heading-gap: 32px;
  --oracle-component-prose-section-spacing-paragraph-gap: 24px;
  --oracle-component-prose-section-color-eyebrow: var(--oracle-color-sky);
  --oracle-component-prose-section-color-heading: var(--oracle-color-ink);
  --oracle-component-prose-section-color-body: var(--oracle-color-ink-soft);
  --oracle-component-prose-section-type-eyebrow-size: var(--oracle-size-label);
  --oracle-component-prose-section-type-eyebrow-weight: var(--oracle-weight-label);
  --oracle-component-prose-section-type-eyebrow-family: var(--oracle-font-mono);
  --oracle-component-prose-section-type-eyebrow-tracking: var(--oracle-tracking-label);
  --oracle-component-prose-section-type-eyebrow-transform: uppercase;
  --oracle-component-prose-section-type-heading-size: var(--oracle-size-h2);
  --oracle-component-prose-section-type-heading-weight: var(--oracle-weight-h2);
  --oracle-component-prose-section-type-heading-family: var(--oracle-font-display);
  --oracle-component-prose-section-type-heading-tracking: var(--oracle-tracking-h2);
  --oracle-component-prose-section-type-heading-lh: var(--oracle-lh-h2);
  --oracle-component-prose-section-type-body-size: var(--oracle-size-body);
  --oracle-component-prose-section-type-body-weight: var(--oracle-weight-body);
  --oracle-component-prose-section-type-body-family: var(--oracle-font-body);
  --oracle-component-prose-section-type-body-lh: var(--oracle-lh-body);
  --oracle-component-prose-section-layout-breakpoint-collapse: 648px;
  --oracle-component-spec-grid-spacing-section-gap: var(--oracle-space-section-gap);
  --oracle-component-spec-grid-spacing-heading-gap: 48px;
  --oracle-component-spec-grid-spacing-grid-gap: 32px;
  --oracle-component-spec-grid-spacing-card-padding: var(--oracle-space-component-padding);
  --oracle-component-spec-grid-spacing-max-heading-width: 800px;
  --oracle-component-spec-grid-color-eyebrow: var(--oracle-color-sky);
  --oracle-component-spec-grid-color-heading: var(--oracle-color-ink);
  --oracle-component-spec-grid-color-item-label: var(--oracle-color-sky);
  --oracle-component-spec-grid-color-item-body: var(--oracle-color-ink-soft);
  --oracle-component-spec-grid-card-background: var(--oracle-color-surface);
  --oracle-component-spec-grid-card-border: var(--oracle-color-cloud);
  --oracle-component-spec-grid-card-accent-border: var(--oracle-color-sky-pale);
  --oracle-component-spec-grid-card-accent-position: top;
  --oracle-component-spec-grid-type-eyebrow-size: var(--oracle-size-label);
  --oracle-component-spec-grid-type-eyebrow-weight: var(--oracle-weight-label);
  --oracle-component-spec-grid-type-eyebrow-family: var(--oracle-font-mono);
  --oracle-component-spec-grid-type-eyebrow-tracking: var(--oracle-tracking-label);
  --oracle-component-spec-grid-type-eyebrow-transform: uppercase;
  --oracle-component-spec-grid-type-heading-size: var(--oracle-size-h1);
  --oracle-component-spec-grid-type-heading-weight: var(--oracle-weight-h1);
  --oracle-component-spec-grid-type-heading-family: var(--oracle-font-display);
  --oracle-component-spec-grid-type-heading-tracking: var(--oracle-tracking-h1);
  --oracle-component-spec-grid-type-heading-lh: var(--oracle-lh-h1);
  --oracle-component-spec-grid-type-item-label-size: var(--oracle-size-label);
  --oracle-component-spec-grid-type-item-label-weight: var(--oracle-weight-label);
  --oracle-component-spec-grid-type-item-label-family: var(--oracle-font-mono);
  --oracle-component-spec-grid-type-item-label-tracking: var(--oracle-tracking-label);
  --oracle-component-spec-grid-type-item-label-transform: uppercase;
  --oracle-component-spec-grid-type-item-body-size: var(--oracle-size-body);
  --oracle-component-spec-grid-type-item-body-weight: var(--oracle-weight-body);
  --oracle-component-spec-grid-type-item-body-family: var(--oracle-font-body);
  --oracle-component-spec-grid-type-item-body-lh: var(--oracle-lh-body);
  --oracle-component-spec-grid-layout-cols-mobile: 1px;
  --oracle-component-spec-grid-layout-cols-tablet: 2px;
  --oracle-component-spec-grid-layout-cols-desktop: 3px;
  --oracle-component-spec-grid-layout-breakpoint-tablet: 768px;
  --oracle-component-spec-grid-layout-breakpoint-desktop: 1280px;
  --oracle-component-fact-list-spacing-section-gap: var(--oracle-space-section-gap);
  --oracle-component-fact-list-spacing-heading-gap: 48px;
  --oracle-component-fact-list-spacing-col-gap: 32px;
  --oracle-component-fact-list-spacing-item-gap: 16px;
  --oracle-component-fact-list-spacing-item-indent: 24px;
  --oracle-component-fact-list-spacing-rule-gap: 16px;
  --oracle-component-fact-list-color-eyebrow: var(--oracle-color-sky);
  --oracle-component-fact-list-color-heading: var(--oracle-color-ink);
  --oracle-component-fact-list-color-col-a-label: var(--oracle-color-ink-muted);
  --oracle-component-fact-list-color-col-b-label: var(--oracle-color-sky);
  --oracle-component-fact-list-color-col-a-item: var(--oracle-color-ink-muted);
  --oracle-component-fact-list-color-col-b-item: var(--oracle-color-ink-soft);
  --oracle-component-fact-list-color-col-a-rule: var(--oracle-color-cloud);
  --oracle-component-fact-list-color-col-b-rule: var(--oracle-color-cloud);
  --oracle-component-fact-list-color-col-a-marker: var(--oracle-color-cloud);
  --oracle-component-fact-list-color-col-b-marker: var(--oracle-color-sky-pale);
  --oracle-component-fact-list-type-eyebrow-size: var(--oracle-size-label);
  --oracle-component-fact-list-type-eyebrow-weight: var(--oracle-weight-label);
  --oracle-component-fact-list-type-eyebrow-family: var(--oracle-font-mono);
  --oracle-component-fact-list-type-eyebrow-tracking: var(--oracle-tracking-label);
  --oracle-component-fact-list-type-eyebrow-transform: uppercase;
  --oracle-component-fact-list-type-heading-size: var(--oracle-size-h1);
  --oracle-component-fact-list-type-heading-weight: var(--oracle-weight-h1);
  --oracle-component-fact-list-type-heading-family: var(--oracle-font-display);
  --oracle-component-fact-list-type-heading-tracking: var(--oracle-tracking-h1);
  --oracle-component-fact-list-type-heading-lh: var(--oracle-lh-h1);
  --oracle-component-fact-list-type-col-label-size: var(--oracle-size-label);
  --oracle-component-fact-list-type-col-label-weight: var(--oracle-weight-label);
  --oracle-component-fact-list-type-col-label-family: var(--oracle-font-mono);
  --oracle-component-fact-list-type-col-label-tracking: var(--oracle-tracking-label);
  --oracle-component-fact-list-type-col-label-transform: uppercase;
  --oracle-component-fact-list-type-item-size: var(--oracle-size-body);
  --oracle-component-fact-list-type-item-weight: var(--oracle-weight-body);
  --oracle-component-fact-list-type-item-family: var(--oracle-font-body);
  --oracle-component-fact-list-type-item-lh: var(--oracle-lh-body);
  --oracle-component-fact-list-layout-breakpoint-collapse: 648px;
  --oracle-component-tier-grid-spacing-section-gap: var(--oracle-space-section-gap);
  --oracle-component-tier-grid-spacing-heading-gap: 48px;
  --oracle-component-tier-grid-spacing-grid-gap: 32px;
  --oracle-component-tier-grid-spacing-card-padding: var(--oracle-space-component-padding);
  --oracle-component-tier-grid-color-eyebrow: var(--oracle-color-sky);
  --oracle-component-tier-grid-color-heading: var(--oracle-color-ink);
  --oracle-component-tier-grid-color-item-label: var(--oracle-color-ink-muted);
  --oracle-component-tier-grid-color-item-body: var(--oracle-color-ink-soft);
  --oracle-component-tier-grid-card-background: var(--oracle-color-surface);
  --oracle-component-tier-grid-card-border: var(--oracle-color-cloud);
  --oracle-component-tier-grid-card-accent-border: var(--oracle-color-gold);
  --oracle-component-tier-grid-card-accent-position: top;
  --oracle-component-tier-grid-type-eyebrow-size: var(--oracle-size-label);
  --oracle-component-tier-grid-type-eyebrow-weight: var(--oracle-weight-label);
  --oracle-component-tier-grid-type-eyebrow-family: var(--oracle-font-mono);
  --oracle-component-tier-grid-type-eyebrow-tracking: var(--oracle-tracking-label);
  --oracle-component-tier-grid-type-eyebrow-transform: uppercase;
  --oracle-component-tier-grid-type-heading-size: var(--oracle-size-h1);
  --oracle-component-tier-grid-type-heading-weight: var(--oracle-weight-h1);
  --oracle-component-tier-grid-type-heading-family: var(--oracle-font-display);
  --oracle-component-tier-grid-type-heading-tracking: var(--oracle-tracking-h1);
  --oracle-component-tier-grid-type-heading-lh: var(--oracle-lh-h1);
  --oracle-component-tier-grid-type-item-label-size: var(--oracle-size-label);
  --oracle-component-tier-grid-type-item-label-weight: var(--oracle-weight-label);
  --oracle-component-tier-grid-type-item-label-family: var(--oracle-font-mono);
  --oracle-component-tier-grid-type-item-label-tracking: var(--oracle-tracking-label);
  --oracle-component-tier-grid-type-item-label-transform: uppercase;
  --oracle-component-tier-grid-type-item-body-size: var(--oracle-size-body);
  --oracle-component-tier-grid-type-item-body-weight: var(--oracle-weight-body);
  --oracle-component-tier-grid-type-item-body-family: var(--oracle-font-body);
  --oracle-component-tier-grid-type-item-body-lh: var(--oracle-lh-body);
  --oracle-component-tier-grid-layout-cols-mobile: 1px;
  --oracle-component-tier-grid-layout-cols-tablet: 3px;
  --oracle-component-tier-grid-layout-breakpoint-tablet: 768px;
  --oracle-component-cta-section-spacing-section-gap: 128px;
  --oracle-component-cta-section-spacing-heading-gap: 24px;
  --oracle-component-cta-section-spacing-body-gap: 48px;
  --oracle-component-cta-section-spacing-max-width: 600px;
  --oracle-component-cta-section-color-background: var(--oracle-color-surface);
  --oracle-component-cta-section-color-heading: var(--oracle-color-ink);
  --oracle-component-cta-section-color-body: var(--oracle-color-ink-soft);
  --oracle-component-cta-section-type-heading-size: var(--oracle-size-h1);
  --oracle-component-cta-section-type-heading-weight: var(--oracle-weight-h1);
  --oracle-component-cta-section-type-heading-family: var(--oracle-font-display);
  --oracle-component-cta-section-type-heading-tracking: var(--oracle-tracking-h1);
  --oracle-component-cta-section-type-heading-lh: var(--oracle-lh-h1);
  --oracle-component-cta-section-type-body-size: var(--oracle-size-body);
  --oracle-component-cta-section-type-body-weight: var(--oracle-weight-body);
  --oracle-component-cta-section-type-body-family: var(--oracle-font-body);
  --oracle-component-cta-section-type-body-lh: var(--oracle-lh-body);
  --oracle-component-cta-section-cta-style: btn-outline;
  --oracle-component-product-card-spacing-card-padding: var(--oracle-space-component-padding);
  --oracle-component-product-card-spacing-rule-gap: 16px;
  --oracle-component-product-card-spacing-rule-width: 24px;
  --oracle-component-product-card-spacing-rule-height: 1px;
  --oracle-component-product-card-spacing-body-gap: 32px;
  --oracle-component-product-card-color-label: var(--oracle-color-sky);
  --oracle-component-product-card-color-heading: var(--oracle-color-ink);
  --oracle-component-product-card-color-body: var(--oracle-color-ink);
  --oracle-component-product-card-color-link: var(--oracle-color-ink-muted);
  --oracle-component-product-card-color-rule: var(--oracle-color-gold);
  --oracle-component-product-card-card-background: var(--oracle-color-surface);
  --oracle-component-product-card-card-border: var(--oracle-color-cloud);
  --oracle-component-product-card-card-accent-border: var(--oracle-color-sky-pale);
  --oracle-component-product-card-card-accent-position: top;
  --oracle-component-product-card-type-label-size: var(--oracle-size-label);
  --oracle-component-product-card-type-label-weight: var(--oracle-weight-label);
  --oracle-component-product-card-type-label-family: var(--oracle-font-mono);
  --oracle-component-product-card-type-label-tracking: var(--oracle-tracking-label);
  --oracle-component-product-card-type-label-transform: uppercase;
  --oracle-component-product-card-type-heading-size: var(--oracle-size-h2);
  --oracle-component-product-card-type-heading-weight: var(--oracle-weight-h2);
  --oracle-component-product-card-type-heading-family: var(--oracle-font-display);
  --oracle-component-product-card-type-heading-tracking: var(--oracle-tracking-h2);
  --oracle-component-product-card-type-heading-lh: var(--oracle-lh-h2);
  --oracle-component-product-card-type-body-size: var(--oracle-size-body);
  --oracle-component-product-card-type-body-weight: var(--oracle-weight-body);
  --oracle-component-product-card-type-body-family: var(--oracle-font-body);
  --oracle-component-product-card-type-body-lh: var(--oracle-lh-body);
  --oracle-component-product-card-type-link-size: var(--oracle-size-label);
  --oracle-component-product-card-type-link-weight: var(--oracle-weight-label);
  --oracle-component-product-card-type-link-family: var(--oracle-font-mono);
  --oracle-component-product-card-type-link-tracking: var(--oracle-tracking-caption);
  --oracle-component-product-card-type-link-transform: uppercase;
  --oracle-component-section-rule-spacing-height: 1px;
  --oracle-component-section-rule-color-line: var(--oracle-color-cloud);
  --oracle-component-footer-spacing-border-top: Truepx;
  --oracle-component-footer-spacing-pad-block: 48px;
  --oracle-component-footer-spacing-margin-top: 128px;
  --oracle-component-footer-spacing-col-gap: 24px;
  --oracle-component-footer-color-border: var(--oracle-color-cloud);
  --oracle-component-footer-color-legal: var(--oracle-color-ink-muted);
  --oracle-component-footer-color-location: var(--oracle-color-ink-muted);
  --oracle-component-footer-type-legal-size: var(--oracle-size-label);
  --oracle-component-footer-type-legal-weight: var(--oracle-weight-label);
  --oracle-component-footer-type-legal-family: var(--oracle-font-mono);
  --oracle-component-footer-type-legal-tracking: var(--oracle-tracking-label);
  --oracle-component-footer-type-legal-transform: uppercase;
  --oracle-component-footer-type-location-size: var(--oracle-size-label);
  --oracle-component-footer-type-location-weight: var(--oracle-weight-label);
  --oracle-component-footer-type-location-family: var(--oracle-font-mono);
  --oracle-component-footer-type-location-tracking: var(--oracle-tracking-label);
  --oracle-component-footer-type-location-transform: uppercase;
  --oracle-component-footer-layout-breakpoint-collapse: 648px;
  --oracle-component-nav-spacing-pad-block-inline: 24px;
  --oracle-component-nav-spacing-item-gap-inline: 32px;
  --oracle-component-nav-spacing-item-gap-compact: 24px;
  --oracle-component-nav-spacing-overlay-item-gap: 64px;
  --oracle-component-nav-spacing-overlay-pad-block: 128px;
  --oracle-component-nav-spacing-overlay-pad-inline: 48px;
  --oracle-component-nav-color-background: var(--oracle-color-page);
  --oracle-component-nav-color-border-bottom: var(--oracle-color-cloud);
  --oracle-component-nav-color-hairline: var(--oracle-color-sky);
  --oracle-component-nav-color-wordmark: var(--oracle-color-ink);
  --oracle-component-nav-color-item-default: var(--oracle-color-ink-muted);
  --oracle-component-nav-color-item-active: var(--oracle-color-ink);
  --oracle-component-nav-color-item-hover: var(--oracle-color-ink);
  --oracle-component-nav-color-toggle: var(--oracle-color-ink);
  --oracle-component-nav-color-overlay-bg: var(--oracle-color-page);
  --oracle-component-nav-color-overlay-item: var(--oracle-color-ink);
  --oracle-component-nav-color-overlay-item-active: var(--oracle-color-sky);
  --oracle-component-nav-type-wordmark-size: var(--oracle-size-label);
  --oracle-component-nav-type-wordmark-weight: var(--oracle-weight-label);
  --oracle-component-nav-type-wordmark-family: var(--oracle-font-display);
  --oracle-component-nav-type-wordmark-tracking: var(--oracle-tracking-wordmark);
  --oracle-component-nav-type-wordmark-transform: uppercase;
  --oracle-component-nav-type-item-size: var(--oracle-size-label);
  --oracle-component-nav-type-item-weight: var(--oracle-weight-label);
  --oracle-component-nav-type-item-family: var(--oracle-font-mono);
  --oracle-component-nav-type-item-tracking: var(--oracle-tracking-label);
  --oracle-component-nav-type-item-transform: uppercase;
  --oracle-component-nav-type-toggle-size: var(--oracle-size-label);
  --oracle-component-nav-type-toggle-weight: var(--oracle-weight-label);
  --oracle-component-nav-type-toggle-family: var(--oracle-font-mono);
  --oracle-component-nav-type-toggle-tracking: var(--oracle-tracking-label);
  --oracle-component-nav-type-toggle-transform: uppercase;
  --oracle-component-nav-type-item-overlay-size: var(--oracle-size-h2);
  --oracle-component-nav-type-item-overlay-weight: var(--oracle-weight-display);
  --oracle-component-nav-type-item-overlay-family: var(--oracle-font-display);
  --oracle-component-nav-type-item-overlay-tracking: var(--oracle-tracking-h2);
  --oracle-component-nav-type-item-overlay-lh: var(--oracle-lh-h2);
  --oracle-component-research-card-spacing-card-padding: var(--oracle-space-component-padding);
  --oracle-component-research-card-spacing-rule-gap: 16px;
  --oracle-component-research-card-spacing-rule-width: 24px;
  --oracle-component-research-card-spacing-rule-height: 1px;
  --oracle-component-research-card-spacing-heading-gap: 16px;
  --oracle-component-research-card-spacing-meta-gap: 24px;
  --oracle-component-research-card-spacing-excerpt-gap: 32px;
  --oracle-component-research-card-color-topic: var(--oracle-color-sky);
  --oracle-component-research-card-color-rule: var(--oracle-color-gold);
  --oracle-component-research-card-color-heading: var(--oracle-color-ink);
  --oracle-component-research-card-color-datestamp: var(--oracle-color-ink-muted);
  --oracle-component-research-card-color-excerpt: var(--oracle-color-ink-soft);
  --oracle-component-research-card-color-link: var(--oracle-color-ink-muted);
  --oracle-component-research-card-card-background: var(--oracle-color-surface);
  --oracle-component-research-card-card-border: var(--oracle-color-cloud);
  --oracle-component-research-card-card-accent-border: var(--oracle-color-sky-pale);
  --oracle-component-research-card-card-accent-position: top;
  --oracle-component-research-card-type-topic-size: var(--oracle-size-label);
  --oracle-component-research-card-type-topic-weight: var(--oracle-weight-label);
  --oracle-component-research-card-type-topic-family: var(--oracle-font-mono);
  --oracle-component-research-card-type-topic-tracking: var(--oracle-tracking-label);
  --oracle-component-research-card-type-topic-transform: uppercase;
  --oracle-component-research-card-type-heading-size: var(--oracle-size-h2);
  --oracle-component-research-card-type-heading-weight: var(--oracle-weight-h2);
  --oracle-component-research-card-type-heading-family: var(--oracle-font-display);
  --oracle-component-research-card-type-heading-tracking: var(--oracle-tracking-h2);
  --oracle-component-research-card-type-heading-lh: var(--oracle-lh-h2);
  --oracle-component-research-card-type-datestamp-size: var(--oracle-size-caption);
  --oracle-component-research-card-type-datestamp-weight: var(--oracle-weight-caption);
  --oracle-component-research-card-type-datestamp-family: var(--oracle-font-mono);
  --oracle-component-research-card-type-datestamp-tracking: var(--oracle-tracking-caption);
  --oracle-component-research-card-type-excerpt-size: var(--oracle-size-body);
  --oracle-component-research-card-type-excerpt-weight: var(--oracle-weight-body);
  --oracle-component-research-card-type-excerpt-family: var(--oracle-font-body);
  --oracle-component-research-card-type-excerpt-lh: var(--oracle-lh-body);
  --oracle-component-research-card-type-link-size: var(--oracle-size-label);
  --oracle-component-research-card-type-link-weight: var(--oracle-weight-label);
  --oracle-component-research-card-type-link-family: var(--oracle-font-mono);
  --oracle-component-research-card-type-link-tracking: var(--oracle-tracking-label);
  --oracle-component-research-card-type-link-transform: uppercase;
  --oracle-component-research-brief-header-spacing-section-pad-top: 128px;
  --oracle-component-research-brief-header-spacing-section-pad-bottom: 64px;
  --oracle-component-research-brief-header-spacing-heading-gap: 24px;
  --oracle-component-research-brief-header-spacing-meta-gap: 24px;
  --oracle-component-research-brief-header-spacing-max-width: 720px;
  --oracle-component-research-brief-header-color-topic: var(--oracle-color-sky);
  --oracle-component-research-brief-header-color-heading: var(--oracle-color-ink);
  --oracle-component-research-brief-header-color-version: var(--oracle-color-ink-muted);
  --oracle-component-research-brief-header-color-datestamp: var(--oracle-color-ink-muted);
  --oracle-component-research-brief-header-color-author: var(--oracle-color-ink-muted);
  --oracle-component-research-brief-header-type-topic-size: var(--oracle-size-label);
  --oracle-component-research-brief-header-type-topic-weight: var(--oracle-weight-label);
  --oracle-component-research-brief-header-type-topic-family: var(--oracle-font-mono);
  --oracle-component-research-brief-header-type-topic-tracking: var(--oracle-tracking-label);
  --oracle-component-research-brief-header-type-topic-transform: uppercase;
  --oracle-component-research-brief-header-type-heading-size: var(--oracle-size-display);
  --oracle-component-research-brief-header-type-heading-weight: var(--oracle-weight-display);
  --oracle-component-research-brief-header-type-heading-family: var(--oracle-font-display);
  --oracle-component-research-brief-header-type-heading-tracking: var(--oracle-tracking-display);
  --oracle-component-research-brief-header-type-heading-lh: var(--oracle-lh-display);
  --oracle-component-research-brief-header-type-version-size: var(--oracle-size-caption);
  --oracle-component-research-brief-header-type-version-weight: var(--oracle-weight-label);
  --oracle-component-research-brief-header-type-version-family: var(--oracle-font-mono);
  --oracle-component-research-brief-header-type-version-tracking: var(--oracle-tracking-caption);
  --oracle-component-research-brief-header-type-datestamp-size: var(--oracle-size-caption);
  --oracle-component-research-brief-header-type-datestamp-weight: var(--oracle-weight-caption);
  --oracle-component-research-brief-header-type-datestamp-family: var(--oracle-font-mono);
  --oracle-component-research-brief-header-type-datestamp-tracking: var(--oracle-tracking-caption);
  --oracle-component-research-brief-header-type-author-size: var(--oracle-size-caption);
  --oracle-component-research-brief-header-type-author-weight: var(--oracle-weight-caption);
  --oracle-component-research-brief-header-type-author-family: var(--oracle-font-mono);
  --oracle-component-research-brief-header-type-author-tracking: var(--oracle-tracking-caption);
  --oracle-component-research-brief-header-border-bottom: 1;
  --oracle-component-research-brief-header-border-bottom-colour: var(--oracle-color-cloud);
  --oracle-component-research-summary-spacing-section-gap: 96px;
  --oracle-component-research-summary-spacing-label-gap: 24px;
  --oracle-component-research-summary-spacing-paragraph-gap: 24px;
  --oracle-component-research-summary-spacing-pad-inline: 32px;
  --oracle-component-research-summary-spacing-border-width: 2px;
  --oracle-component-research-summary-spacing-max-width: 720px;
  --oracle-component-research-summary-color-label: var(--oracle-color-sky);
  --oracle-component-research-summary-color-body: var(--oracle-color-ink);
  --oracle-component-research-summary-color-border: var(--oracle-color-sky);
  --oracle-component-research-summary-type-label-size: var(--oracle-size-label);
  --oracle-component-research-summary-type-label-weight: var(--oracle-weight-label);
  --oracle-component-research-summary-type-label-family: var(--oracle-font-mono);
  --oracle-component-research-summary-type-label-tracking: var(--oracle-tracking-label);
  --oracle-component-research-summary-type-label-transform: uppercase;
  --oracle-component-research-summary-type-body-size: var(--oracle-size-doc-lead);
  --oracle-component-research-summary-type-body-weight: var(--oracle-weight-reading);
  --oracle-component-research-summary-type-body-family: var(--oracle-font-reading);
  --oracle-component-research-summary-type-body-lh: var(--oracle-lh-doc-lead);
  --oracle-component-research-section-spacing-section-gap: 64px;
  --oracle-component-research-section-spacing-heading-gap: 24px;
  --oracle-component-research-section-spacing-paragraph-gap: 24px;
  --oracle-component-research-section-spacing-max-width: 720px;
  --oracle-component-research-section-color-heading: var(--oracle-color-ink);
  --oracle-component-research-section-color-subheading: var(--oracle-color-ink-soft);
  --oracle-component-research-section-color-body: var(--oracle-color-ink);
  --oracle-component-research-section-color-strong: var(--oracle-color-ink);
  --oracle-component-research-section-type-heading-size: var(--oracle-size-h2);
  --oracle-component-research-section-type-heading-weight: var(--oracle-weight-h2);
  --oracle-component-research-section-type-heading-family: var(--oracle-font-display);
  --oracle-component-research-section-type-heading-tracking: var(--oracle-tracking-h2);
  --oracle-component-research-section-type-heading-lh: var(--oracle-lh-h2);
  --oracle-component-research-section-type-subheading-size: var(--oracle-size-h3);
  --oracle-component-research-section-type-subheading-weight: var(--oracle-weight-h2);
  --oracle-component-research-section-type-subheading-family: var(--oracle-font-display);
  --oracle-component-research-section-type-subheading-tracking: var(--oracle-tracking-h2);
  --oracle-component-research-section-type-subheading-lh: var(--oracle-lh-h3);
  --oracle-component-research-section-type-subheading-style: italic;
  --oracle-component-research-section-type-body-size: var(--oracle-size-doc-body);
  --oracle-component-research-section-type-body-weight: var(--oracle-weight-reading);
  --oracle-component-research-section-type-body-family: var(--oracle-font-reading);
  --oracle-component-research-section-type-body-lh: var(--oracle-lh-doc-body);
  --oracle-component-research-section-type-strong-size: var(--oracle-size-doc-body);
  --oracle-component-research-section-type-strong-weight: var(--oracle-weight-reading-strong);
  --oracle-component-research-section-type-strong-family: var(--oracle-font-reading);
  --oracle-component-research-section-type-strong-lh: var(--oracle-lh-doc-body);
  --oracle-component-pull-quote-spacing-block-gap: 48px;
  --oracle-component-pull-quote-spacing-pad-inline: 48px;
  --oracle-component-pull-quote-spacing-border-width: 2px;
  --oracle-component-pull-quote-spacing-attribution-gap: 16px;
  --oracle-component-pull-quote-color-border: var(--oracle-color-sky);
  --oracle-component-pull-quote-color-quote: var(--oracle-color-ink-soft);
  --oracle-component-pull-quote-color-attribution: var(--oracle-color-ink-muted);
  --oracle-component-pull-quote-type-quote-size: var(--oracle-size-lead);
  --oracle-component-pull-quote-type-quote-weight: var(--oracle-weight-body-light);
  --oracle-component-pull-quote-type-quote-family: var(--oracle-font-body);
  --oracle-component-pull-quote-type-quote-lh: var(--oracle-lh-lead);
  --oracle-component-pull-quote-type-quote-style: italic;
  --oracle-component-pull-quote-type-attribution-size: var(--oracle-size-caption);
  --oracle-component-pull-quote-type-attribution-weight: var(--oracle-weight-label);
  --oracle-component-pull-quote-type-attribution-family: var(--oracle-font-mono);
  --oracle-component-pull-quote-type-attribution-tracking: var(--oracle-tracking-caption);
  --oracle-component-methodology-note-spacing-section-gap: 64px;
  --oracle-component-methodology-note-spacing-pad-top: 32px;
  --oracle-component-methodology-note-spacing-border-width: 1px;
  --oracle-component-methodology-note-color-border: var(--oracle-color-cloud);
  --oracle-component-methodology-note-color-heading: var(--oracle-color-ink-muted);
  --oracle-component-methodology-note-color-body: var(--oracle-color-ink-soft);
  --oracle-component-methodology-note-type-heading-size: var(--oracle-size-label);
  --oracle-component-methodology-note-type-heading-weight: var(--oracle-weight-label);
  --oracle-component-methodology-note-type-heading-family: var(--oracle-font-mono);
  --oracle-component-methodology-note-type-heading-tracking: var(--oracle-tracking-label);
  --oracle-component-methodology-note-type-heading-transform: uppercase;
  --oracle-component-methodology-note-type-body-size: var(--oracle-size-data);
  --oracle-component-methodology-note-type-body-weight: var(--oracle-weight-reading);
  --oracle-component-methodology-note-type-body-family: var(--oracle-font-reading);
  --oracle-component-methodology-note-type-body-lh: var(--oracle-lh-doc-body);
  --oracle-component-reference-list-spacing-section-gap: 64px;
  --oracle-component-reference-list-spacing-pad-top: 32px;
  --oracle-component-reference-list-spacing-item-gap: 16px;
  --oracle-component-reference-list-spacing-border-width: 1px;
  --oracle-component-reference-list-color-border: var(--oracle-color-cloud);
  --oracle-component-reference-list-color-heading: var(--oracle-color-ink-muted);
  --oracle-component-reference-list-color-item-index: var(--oracle-color-ink-muted);
  --oracle-component-reference-list-color-item-text: var(--oracle-color-ink-soft);
  --oracle-component-reference-list-color-item-link: var(--oracle-color-sky);
  --oracle-component-reference-list-type-heading-size: var(--oracle-size-label);
  --oracle-component-reference-list-type-heading-weight: var(--oracle-weight-label);
  --oracle-component-reference-list-type-heading-family: var(--oracle-font-mono);
  --oracle-component-reference-list-type-heading-tracking: var(--oracle-tracking-label);
  --oracle-component-reference-list-type-heading-transform: uppercase;
  --oracle-component-reference-list-type-item-index-size: var(--oracle-size-caption);
  --oracle-component-reference-list-type-item-index-weight: var(--oracle-weight-label);
  --oracle-component-reference-list-type-item-index-family: var(--oracle-font-mono);
  --oracle-component-reference-list-type-item-index-tracking: var(--oracle-tracking-caption);
  --oracle-component-reference-list-type-item-text-size: var(--oracle-size-data);
  --oracle-component-reference-list-type-item-text-weight: var(--oracle-weight-reading);
  --oracle-component-reference-list-type-item-text-family: var(--oracle-font-reading);
  --oracle-component-reference-list-type-item-text-lh: var(--oracle-lh-doc-body);
  --oracle-component-benchmark-hero-spacing-section-pad-top: 128px;
  --oracle-component-benchmark-hero-spacing-section-pad-bottom: 64px;
  --oracle-component-benchmark-hero-spacing-heading-gap: 24px;
  --oracle-component-benchmark-hero-spacing-body-gap: 32px;
  --oracle-component-benchmark-hero-spacing-max-width: 720px;
  --oracle-component-benchmark-hero-color-eyebrow: var(--oracle-color-sky);
  --oracle-component-benchmark-hero-color-heading: var(--oracle-color-ink);
  --oracle-component-benchmark-hero-color-body: var(--oracle-color-ink-soft);
  --oracle-component-benchmark-hero-type-eyebrow-size: var(--oracle-size-label);
  --oracle-component-benchmark-hero-type-eyebrow-weight: var(--oracle-weight-label);
  --oracle-component-benchmark-hero-type-eyebrow-family: var(--oracle-font-mono);
  --oracle-component-benchmark-hero-type-eyebrow-tracking: var(--oracle-tracking-label);
  --oracle-component-benchmark-hero-type-eyebrow-transform: uppercase;
  --oracle-component-benchmark-hero-type-heading-size: var(--oracle-size-display);
  --oracle-component-benchmark-hero-type-heading-weight: var(--oracle-weight-display);
  --oracle-component-benchmark-hero-type-heading-family: var(--oracle-font-display);
  --oracle-component-benchmark-hero-type-heading-tracking: var(--oracle-tracking-display);
  --oracle-component-benchmark-hero-type-heading-lh: var(--oracle-lh-display);
  --oracle-component-benchmark-hero-type-body-size: var(--oracle-size-lead);
  --oracle-component-benchmark-hero-type-body-weight: var(--oracle-weight-body-light);
  --oracle-component-benchmark-hero-type-body-family: var(--oracle-font-body);
  --oracle-component-benchmark-hero-type-body-lh: var(--oracle-lh-lead);
  --oracle-component-benchmark-hero-border-bottom: 1;
  --oracle-component-benchmark-hero-border-bottom-colour: var(--oracle-color-cloud);
  --oracle-component-research-callout-spacing-pad: var(--oracle-space-component-padding);
  --oracle-component-research-callout-spacing-summary-gap: 24px;
  --oracle-component-research-callout-spacing-border-width: 1px;
  --oracle-component-research-callout-color-border: var(--oracle-color-sky);
  --oracle-component-research-callout-color-label: var(--oracle-color-sky);
  --oracle-component-research-callout-color-summary: var(--oracle-color-ink-soft);
  --oracle-component-research-callout-color-link: var(--oracle-color-ink-muted);
  --oracle-component-research-callout-card-background: var(--oracle-color-sky-ghost);
  --oracle-component-research-callout-card-border: var(--oracle-color-cloud);
  --oracle-component-research-callout-type-label-size: var(--oracle-size-label);
  --oracle-component-research-callout-type-label-weight: var(--oracle-weight-label);
  --oracle-component-research-callout-type-label-family: var(--oracle-font-mono);
  --oracle-component-research-callout-type-label-tracking: var(--oracle-tracking-label);
  --oracle-component-research-callout-type-label-transform: uppercase;
  --oracle-component-research-callout-type-summary-size: var(--oracle-size-body);
  --oracle-component-research-callout-type-summary-weight: var(--oracle-weight-body);
  --oracle-component-research-callout-type-summary-family: var(--oracle-font-body);
  --oracle-component-research-callout-type-summary-lh: var(--oracle-lh-body);
  --oracle-component-research-callout-type-link-size: var(--oracle-size-label);
  --oracle-component-research-callout-type-link-weight: var(--oracle-weight-label);
  --oracle-component-research-callout-type-link-family: var(--oracle-font-mono);
  --oracle-component-research-callout-type-link-tracking: var(--oracle-tracking-label);
  --oracle-component-research-callout-type-link-transform: uppercase;
  --oracle-component-leaderboard-table-spacing-section-gap: 64px;
  --oracle-component-leaderboard-table-spacing-cell-pad-block: 8px;
  --oracle-component-leaderboard-table-spacing-cell-pad-inline: 16px;
  --oracle-component-leaderboard-table-spacing-rank-col-width: 32px;
  --oracle-component-leaderboard-table-color-caption: var(--oracle-color-ink-muted);
  --oracle-component-leaderboard-table-color-header-bg: var(--oracle-color-surface);
  --oracle-component-leaderboard-table-color-header-text: var(--oracle-color-sky);
  --oracle-component-leaderboard-table-color-row-bg: var(--oracle-color-page);
  --oracle-component-leaderboard-table-color-row-bg-alt: var(--oracle-color-surface);
  --oracle-component-leaderboard-table-color-row-border: var(--oracle-color-cloud);
  --oracle-component-leaderboard-table-color-rank: var(--oracle-color-ink-muted);
  --oracle-component-leaderboard-table-color-cell: var(--oracle-color-ink-soft);
  --oracle-component-leaderboard-table-color-cell-highlight: var(--oracle-color-ink);
  --oracle-component-leaderboard-table-color-ci: var(--oracle-color-ink-muted);
  --oracle-component-leaderboard-table-color-sort-active: var(--oracle-color-sky);
  --oracle-component-leaderboard-table-type-caption-size: var(--oracle-size-label);
  --oracle-component-leaderboard-table-type-caption-weight: var(--oracle-weight-label);
  --oracle-component-leaderboard-table-type-caption-family: var(--oracle-font-mono);
  --oracle-component-leaderboard-table-type-caption-tracking: var(--oracle-tracking-label);
  --oracle-component-leaderboard-table-type-caption-transform: uppercase;
  --oracle-component-leaderboard-table-type-col-header-size: var(--oracle-size-label);
  --oracle-component-leaderboard-table-type-col-header-weight: var(--oracle-weight-label);
  --oracle-component-leaderboard-table-type-col-header-family: var(--oracle-font-mono);
  --oracle-component-leaderboard-table-type-col-header-tracking: var(--oracle-tracking-label);
  --oracle-component-leaderboard-table-type-col-header-transform: uppercase;
  --oracle-component-leaderboard-table-type-rank-size: var(--oracle-size-data);
  --oracle-component-leaderboard-table-type-rank-weight: var(--oracle-weight-label);
  --oracle-component-leaderboard-table-type-rank-family: var(--oracle-font-mono);
  --oracle-component-leaderboard-table-type-rank-tracking: var(--oracle-tracking-caption);
  --oracle-component-leaderboard-table-type-rank-lh: var(--oracle-lh-data);
  --oracle-component-leaderboard-table-type-cell-size: var(--oracle-size-body);
  --oracle-component-leaderboard-table-type-cell-weight: var(--oracle-weight-body);
  --oracle-component-leaderboard-table-type-cell-family: var(--oracle-font-body);
  --oracle-component-leaderboard-table-type-cell-lh: var(--oracle-lh-body);
  --oracle-component-leaderboard-table-type-cell-mono-size: var(--oracle-size-data);
  --oracle-component-leaderboard-table-type-cell-mono-weight: var(--oracle-weight-caption);
  --oracle-component-leaderboard-table-type-cell-mono-family: var(--oracle-font-mono);
  --oracle-component-leaderboard-table-type-cell-mono-tracking: var(--oracle-tracking-caption);
  --oracle-component-leaderboard-table-type-cell-mono-lh: var(--oracle-lh-data);
  --oracle-component-leaderboard-table-type-ci-size: var(--oracle-size-label);
  --oracle-component-leaderboard-table-type-ci-weight: var(--oracle-weight-caption);
  --oracle-component-leaderboard-table-type-ci-family: var(--oracle-font-mono);
  --oracle-component-leaderboard-table-type-ci-tracking: var(--oracle-tracking-caption);
  --oracle-component-leaderboard-table-layout-overflow: scroll-x;
  --oracle-component-benchmark-methodology-spacing-section-gap: 96px;
  --oracle-component-benchmark-methodology-spacing-pad-top: 48px;
  --oracle-component-benchmark-methodology-spacing-item-gap: 32px;
  --oracle-component-benchmark-methodology-spacing-border-width: 1px;
  --oracle-component-benchmark-methodology-color-border: var(--oracle-color-cloud);
  --oracle-component-benchmark-methodology-color-heading: var(--oracle-color-ink);
  --oracle-component-benchmark-methodology-color-item-label: var(--oracle-color-sky);
  --oracle-component-benchmark-methodology-color-item-body: var(--oracle-color-ink-soft);
  --oracle-component-benchmark-methodology-type-heading-size: var(--oracle-size-h2);
  --oracle-component-benchmark-methodology-type-heading-weight: var(--oracle-weight-h2);
  --oracle-component-benchmark-methodology-type-heading-family: var(--oracle-font-display);
  --oracle-component-benchmark-methodology-type-heading-tracking: var(--oracle-tracking-h2);
  --oracle-component-benchmark-methodology-type-heading-lh: var(--oracle-lh-h2);
  --oracle-component-benchmark-methodology-type-item-label-size: var(--oracle-size-label);
  --oracle-component-benchmark-methodology-type-item-label-weight: var(--oracle-weight-label);
  --oracle-component-benchmark-methodology-type-item-label-family: var(--oracle-font-mono);
  --oracle-component-benchmark-methodology-type-item-label-tracking: var(--oracle-tracking-label);
  --oracle-component-benchmark-methodology-type-item-label-transform: uppercase;
  --oracle-component-benchmark-methodology-type-item-body-size: var(--oracle-size-body);
  --oracle-component-benchmark-methodology-type-item-body-weight: var(--oracle-weight-body);
  --oracle-component-benchmark-methodology-type-item-body-family: var(--oracle-font-body);
  --oracle-component-benchmark-methodology-type-item-body-lh: var(--oracle-lh-body);

}

:root {
  --oracle-space-component-padding: 16px;
  --oracle-space-section-gap: 48px;
}

@media (min-width: 416px) {
  
  :root {
    --oracle-space-component-padding: 16px;
    --oracle-space-section-gap: 48px;
  }
}

@media (min-width: 447px) {
  
  :root {
    --oracle-space-component-padding: 16px;
    --oracle-space-section-gap: 48px;
  }
}

@media (min-width: 648px) {
  
  :root {
    --oracle-space-component-padding: 16px;
    --oracle-space-section-gap: 48px;
  }
}

@media (min-width: 972px) {
  
  :root {
    --oracle-space-component-padding: 16px;
    --oracle-space-section-gap: 48px;
  }
}

@media (min-width: 1246px) {
  
  :root {
    --oracle-space-component-padding: 24px;
    --oracle-space-section-gap: 96px;
  }
}

@media (min-width: 1649px) {
  
  :root {
    --oracle-space-component-padding: 32px;
    --oracle-space-section-gap: 128px;
  }
}

@media (min-width: 1955px) {
  
  :root {
    --oracle-space-component-padding: 32px;
    --oracle-space-section-gap: 128px;
  }
}

[data-page="home"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="ultrakrill"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="veil"] {
  --oracle-page-hero-background: var(--oracle-color-surface);
  --oracle-page-cta-background:  var(--oracle-color-surface-2);
}

[data-page="services"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="about"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="contact"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="products"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="research"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}

[data-page="benchmarks"] {
  --oracle-page-hero-background: var(--oracle-color-page);
  --oracle-page-cta-background:  var(--oracle-color-surface);
}