:root{
  /* ===== COLOURS — auto-extracted. Rename to semantic roles, then
     run `tokenize_css.py rename`. See references/token-format.md. ===== */
  --color-1: #00000000;   /* seen in: .button, .button.is-link, .button.is-secondary, .button.is-tertiary */
  --color-fg: #000000;   /* seen in: .form_checkbox-icon.w--redirected-checked, .form_checkbox-icon.w--redirected-focus, .form_input:focus, .form_radio-icon.w--redirected-checked */
  --color-3: #ffff00;   /* seen in: mark */
  --color-fg-muted: #333333;   /* seen in: .w-file-upload-default,.w-file-upload-uploading,.w-file-uplo, .w-input,.w-select, .w-nav-brand, body */
  --color-bg: #ffffff;   /* seen in: .article-hero_image-holder.is-podcast, .blog-grid_item-tag, .blog-grid_item-tag-dot, .footer_soc-link */
  --color-6: #3898ec;   /* seen in: .w-button, .w-input:focus,.w-select:focus */
  --color-7: #0000001a;   /* seen in: .shadow-small, .shadow-xsmall, .w-webflow-badge */
  --color-8: #aaadb0;   /* seen in: .w-webflow-badge */
  --color-border-light: #e2e2e2;   /* seen in: blockquote */
  --color-10: #dddddd;   /* seen in: .w-dropdown-list, .w-dyn-empty, .w-form-done, .w-nav */
  --color-11: #ffdede;   /* seen in: .w-form-fail */
  --color-12: #cccccc;   /* seen in: .w-file-upload-file, .w-file-upload-label, .w-file-upload-uploading-btn, .w-input,.w-select */
  --color-13: #999999;   /* seen in: .w-input::placeholder,.w-select::placeholder, .w-widget-twitter-count-shim .w-widget-twitter-count-inner */
  --color-14: #eeeeee;   /* seen in: .w-input[disabled]:not(.w-input-disabled),.w-select[disabled, :root */
  --color-15: #f3f3f3;   /* seen in: .w-select */
  --color-16: #fafafa;   /* seen in: .w-file-upload-file, .w-file-upload-label, .w-file-upload-uploading-btn */
  --color-17: #ea384c;   /* seen in: .w-file-upload-error-msg */
  --color-18: #758696;   /* seen in: .w-widget-twitter-count-shim */
  --color-19: #75869600;   /* seen in: .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim:not(.w--vertical):before */
  --color-20: #5d6c7b;   /* seen in: .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim:not(.w--vertical):before */
  --color-21: #ffffff00;   /* seen in: .w-widget-twitter-count-shim.w--vertical:after, .w-widget-twitter-count-shim:not(.w--vertical):after */
  --color-22: #33333366;   /* seen in: .w-slider-nav.w-shadow>div */
  --color-23: #22222266;   /* seen in: .w-slider-nav-invert>div */
  --color-24: #222222;   /* seen in: .w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link, .w-dropdown-link, .w-lightbox-thumbnail, .w-nav-link */
  --color-25: #ffffff66;   /* seen in: .w-slider-dot */
  --color-26: #0082f3;   /* seen in: .w-dropdown-link.w--current, .w-nav-link.w--current */
  --color-27: #000000e6;   /* seen in: .w-lightbox-backdrop */
  --color-28: #00000066;   /* seen in: .w-lightbox-caption, .w-lightbox-spinner */
  --color-29: #2895f7;   /* seen in: .w-richtext .w-richtext-figure-selected.w-richtext-figure-ty */
  --color-30: #c8c8c8;   /* seen in: .w-nav-button.w--open, .w-tab-link.w--current, [data-nav-menu-open] */
  --color-accent: #6c2bd9;   /* seen in: :root */
  --color-32: #aaaaaa;   /* seen in: :root */
  --color-fg-subtle: #666666;   /* seen in: :root */
  --color-34: #444444;   /* seen in: :root */
  --color-35: #111111;   /* seen in: :root */
  --color-border: #e1e1e1;   /* seen in: :root */
  --color-success: #027a48;   /* seen in: :root */
  --color-38: #ecfdf3;   /* seen in: :root */
  --color-error: #b42318;   /* seen in: :root */
  --color-40: #fef3f2;   /* seen in: :root */
  --color-41: #6c2bd926;   /* seen in: .rl-styleguide_callout-link-wrapper-colors */
  --color-42: #ff484826;   /* seen in: .rl-styleguide_callout-link-wrapper-colors */
  --color-43: #6248ff26;   /* seen in: .rl-styleguide_callout-link-wrapper-colors */
  --color-44: #00000024;   /* seen in: .shadow-xxlarge */
  --color-45: #0000002e;   /* seen in: .shadow-xlarge */
  --color-46: #1e51f7;   /* seen in: .rl-styleguide_label */
  --color-47: #ebeffa;   /* seen in: .rl-styleguide_label */
  --color-48: #bb4198;   /* seen in: .rl-styleguide_label.is-html-tag */
  --color-49: #f9eff6;   /* seen in: .rl-styleguide_label.is-html-tag */
  --color-50: #0000000f;   /* seen in: .form_input, .shadow-small, .shadow-xsmall */
  --color-51: #00000099;   /* seen in: .form_input::placeholder */
  --color-52: #0000000d;   /* seen in: .article-template_blog-post-body_divider, .links5_newsletter-background-overlay, .links5_newsletter-link, .paper_slider-info */
  --color-53: #ff7448;   /* seen in: .rl-styleguide_callout-link_colors */
  --color-54: #ff4848;   /* seen in: .rl-styleguide_callout-link_colors */
  --color-55: #6248ff;   /* seen in: .rl-styleguide_callout-link_colors */
  --color-56: #00000014;   /* seen in: .shadow-large, .shadow-medium */
  --color-57: #00000008;   /* seen in: .shadow-large, .shadow-medium */
  --color-58: #ffffff40;   /* seen in: .dd */
  --color-59: #f2f2f2;   /* seen in: .services_tab-link, .table_row.is-head */
  --color-60: #00000005;   /* seen in: .table_row-hover-overlay:hover */
  --color-61: #00000033;   /* seen in: .section_article-hero.is-podcast */
  --color-62: #c7d9a7;   /* seen in: .blog-grid_item-tag-cat */
  --color-63: #1c63ff;   /* seen in: .card:hover */
  --color-64: #020014;   /* seen in: .footer_soc-link.is-download-pdf, .footer_soc-link.is-share */
  --color-65: #d1e6e1;   /* seen in: .podcast-tab-link */
  --color-66: #7c7b8b;   /* seen in: .podcast-tab-link:hover */
  --color-67: #14365db3;   /* seen in: .podcast-tab-link.w--current */
  --color-68: #02001433;   /* seen in: .article-white-paper_author-div */
  --color-69: #00000026;   /* seen in: .testimonial4_content */
  --color-70: #606663;   /* seen in: .table5_column */
  --color-71: #282c32;   /* seen in: .table5_column.is-width-large.is-highlighted-table, .table5_group-header-row */
  --color-72: #ffffff80;   /* seen in: .disclaimer */
  --color-73: #00000040;   /* seen in: .product-header2_modal-background-overlay */

  /* ===== FONTS — auto-extracted ===== */
  --font-1: sans-serif;   /* seen in: html */
  --font-2: monospace;   /* seen in: code,kbd,pre,samp */
  --font-3: webflow-icons;   /* seen in: @font-face */
  --font-4: webflow-icons!important;   /* seen in: [class^=w-icon-],[class*=\ w-icon-] */
  --font-5: Arial,sans-serif;   /* seen in: body */
  --font-6: unset;   /* seen in: .w-webflow-badge,.w-webflow-badge>img */
  --font-7: serif;   /* seen in: .w-widget-twitter-count-shim .w-widget-twitter-count-inner */
  --font-8: Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;   /* seen in: .w-lightbox-backdrop */
  --font-9: Gt Walsheim Trial;   /* seen in: @font-face */
  --font-10: Gt Super Text Trial;   /* seen in: @font-face */
  --font-11: Gt Super Text Book Trial;   /* seen in: @font-face */
  --font-12: Gt Alpina Typewriter Trial;   /* seen in: @font-face */
  --font-body: Gt Walsheim Trial,sans-serif;   /* seen in: body */
  --font-heading: Gt Super Text Trial,sans-serif;   /* seen in: .button_rounded, .custom-h2-size, .heading-style-h5, .l-header_review_number */
  --font-display: Gt Super Text Book Trial,sans-serif;   /* seen in: .footer_title.heading-style-h4.text-style-italic, .heading-style-h1, .heading-style-h3.is-location, .heading-style-h3.text-weight-light */
  --font-mono: Gt Alpina Typewriter Trial,sans-serif;   /* seen in: .l-header_info_value, .pro_available-text, .review-link, .table_head-text */

  /* ===== EXTRA SEMANTIC COLOUR ROLES (hand-added to complete the vocabulary).
     The colours/fonts above are wired into vendor/webflow.css — swapping this
     file re-skins the whole site. These extra roles round out the standard
     vocabulary (references/token-format.md) for re-authoring. ===== */
  --color-accent-hover: #5a23b5;       /* darker tint of --color-accent */
  --color-bg-surface: #f2f2f2;
  --color-bg-elevated: #ffffff;
  --color-warning: #b25e00;

  /* ===== TYPOGRAPHY ===== */
  --font-serif: var(--font-display);
  --text-hero: 11.25rem;
  --text-h1: 7.5rem;
  --text-h2: 3.5rem;
  --text-h3: 2.75rem;
  --text-h4: 2.25rem;
  --text-body: 1.125rem;
  --text-small: 1rem;
  --text-caption: .875rem;
  --leading-tight: 1;
  --leading-normal: 1.2;
  --leading-relaxed: 1.5;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-black: 900;
  --tracking-tight: -.02em;
  --tracking-normal: 0;
  --tracking-wide: .05em;

  /* ===== SPACING ===== */
  --space-xs: .25rem;
  --space-sm: .5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 5rem;
  --section-padding-y: 5rem;
  --section-padding-x: 1.5rem;
  --card-padding: 1.25rem;
  --card-gap: 1.5rem;
  --container-max: 80rem;
  --container-narrow: 48rem;

  /* ===== SHAPE ===== */
  --radius-sm: .3125rem;
  --radius-md: .75rem;
  --radius-lg: 1.5rem;
  --radius-full: 100px;
  --border-width: 1px;

  /* ===== EFFECTS ===== */
  --shadow-sm: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
  --shadow-md: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
  --shadow-lg: 0 24px 48px -12px #0000002e;
  --transition-fast: .15s ease;
  --transition-normal: .3s ease;
  --transition-slow: .6s ease;

  /* ===== LAYOUT ===== */
  --nav-height: 5rem;
  --nav-bg: var(--color-bg);
}