:root {
  --hf-font: "IRANSansXFaNum", sans-serif;
  --hf-line: 1.5;
  --hf-weight-regular: 400;
  --hf-weight-medium: 500;
  --hf-weight-demi: 600;
  --hf-weight-bold: 700;
  --hf-weight-extra: 800;

  --hf-color-base: #ffffff;
  --hf-color-primary: #1e5eff;
  --hf-color-primary-dark: #174fd8;
  --hf-color-primary-plus-2: #123faf;
  --hf-color-nav-link: #0071c1;
  --hf-color-primary-plus-4: #0a2466;
  --hf-color-primary-3: #b8d2ff;
  --hf-color-primary-4: #d9e7ff;
  --hf-color-primary-5: #eef4ff;
  --hf-color-heading: #171717;
  --hf-color-caption: #6e6e6e;
  --hf-color-body: #000000;
  --hf-color-neutral: #6b7280;
  --hf-color-neutral-2: #d1d5db;
  --hf-color-preview-surface: #f8faff;
  --hf-color-preview-muted: #66758c;
  --hf-color-preview-done: #13b8a6;
  --hf-color-preview-done-bg: #e8f9f5;
  --hf-color-neutral-plus-2: #374151;
  --hf-color-neutral-plus-4: #111827;
  --hf-color-steps: #eef4ff;
  --hf-color-cta: #1e5eff;
  --hf-color-on-primary: #ffffff;
  --hf-color-on-primary-72: rgba(255, 255, 255, 0.72);
  --hf-color-on-primary-85: rgba(255, 255, 255, 0.85);
  --hf-color-hairline: rgba(0, 0, 0, 0.05);
  --hf-color-support-border: #e1e8f2;
  --hf-color-divider: #d9d9d9;

  --hf-font-size-hero: 62px;
  --hf-font-size-section: 36px;
  --hf-font-size-h3: 22px;
  --hf-font-size-h4: 20px;
  --hf-font-size-subtitle-1: 18px;
  --hf-font-size-copy: 16px;
  --hf-font-size-label: 14px;
  --hf-font-size-caption: 12px;

  --hf-space-4: 4px;
  --hf-space-8: 8px;
  --hf-space-12: 12px;
  --hf-space-16: 16px;
  --hf-space-20: 20px;
  --hf-space-24: 24px;
  --hf-space-28: 28px;
  --hf-space-32: 32px;
  --hf-space-40: 40px;
  --hf-space-48: 48px;
  --hf-space-80: 80px;
  --hf-space-104: 104px;
  --hf-space-page-x: 120px;
  --hf-space-tablet-x: 40px;
  --hf-space-mobile-x: 24px;
  --hf-space-badge-x: 14px;
  --hf-space-badge-y: 7px;
  --hf-hero-badge-width: 99px;
  --hf-footer-copy-height: 32px;
  --hf-trade-preview-card-top: 65.5px;
  --hf-trade-preview-card-top-tablet: 36px;
  --hf-trade-callout-top: 504px;
  --hf-trade-callout-left: 2px;
  --hf-trade-callout-left-tablet: 0.5px;
  --hf-trade-callout-width: 237px;

  --hf-radius-avatar: 10px;
  --hf-radius-control: 12px;
  --hf-radius-card: 16px;
  --hf-radius-panel: 24px;
  --hf-radius-pill: 999px;
  --hf-radius-art: 32px;
  --hf-border-hover: 1.5px;
  --hf-stroke: 1px;
  --hf-trade-trust-height: 87px;

  --hf-shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --hf-shadow-button: 0 6px 16px #1e5eff26;
  --hf-shadow-trust: 0 12px 32px #0a246614;
  --hf-shadow-focus: 0 0 0 3px #8db6ff80;
  --hf-shadow-card-focus: 0 2px 4px rgba(0, 0, 0, 0.1);
  --hf-shadow-card-disabled: 0 1px 2px 0 #00000014;
  --hf-opacity-disabled: 0.5;
  --hf-shadow-preview: 0 18px 48px #0a246614;
  --hf-shadow-preview-mobile: 0 0 20px #d9e7ff;

  --hf-bar-height: 88px;
  --hf-content: 1200px;
  --hf-button-height: 54px;
  --hf-button-width: 200px;
  --hf-support-button-height: 40px;
  --hf-login-height: 44px;
  --hf-avatar: 40px;
  --hf-icon: 20px;
  --hf-icon-sm: 16px;
  --hf-icon-md: 24px;
  --hf-step-badge: 48px;
  --hf-feature-min: 360px;
  --hf-card-row: 200px;
  --hf-compare-row: 76px;
  --hf-compare-row-mobile-tall: 93px;
  --hf-cta-copy-mobile: 380px;
  --hf-step-details-mobile-fixed: 84px;
  --hf-icon-frame: 28px;
  --hf-hero-visual-mobile: 362px;
  /* Contract SVG is 560x440 with the illustration inset 30/25 at 500x390; scale 362/500 = 0.724. */
  --hf-spot-contract-mobile-width: 405.44px;
  --hf-spot-contract-mobile-inset: -21.72px;
  --hf-spot-contract-mobile-top: -1.1px;
  --hf-footer-col-trade-mobile: 165px;
  --hf-hero-copy-min: 360px;
  --hf-trust-tablet-column-gap: 55px;
  --hf-trust-row-first: 437px;
  --hf-trust-row-second: 447px;
  --hf-hero-visual-width: 593px;
  --hf-step-min: 280px;
  --hf-footer-lead-min: 115px;
  --hf-menu-tablet: 40px;
  --hf-menu-mobile: 24px;
  --hf-color-neutral-3: #e5e7eb;
  --hf-guide-icon-surface: rgba(255, 255, 255, 0.09);
  --hf-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  --hf-guide-hero-gap: 14px;
  --hf-guide-title-height: 72px;
  --hf-guide-title-mobile: 32px;
  --hf-guide-lead-height: 34px;
  --hf-guide-lead-line: 1.7;
  --hf-guide-milestone-gap: 34.2857px;
  --hf-guide-art-ratio: 274.29 / 257.14;
  --hf-guide-art-compact: 140px;
  --hf-guide-badge: 44px;
  --hf-guide-stage-icon: 52px;
  --hf-guide-number-wide: 46px;
  --hf-guide-spacer-rect: 13px;
  --hf-guide-vehicle-card: 223px;
  --hf-guide-vehicle-item: 116px;
  --hf-guide-vehicle-tablet: 315px;
  --hf-guide-vehicle-item-tablet: 255px;
  --hf-guide-divider-double: 2px;
  --hf-guide-milestone-tablet: 372px;
  --hf-guide-shot-review-mobile: 693.16px;
  --hf-guide-shot-final-mobile: 687.57px;
}