:root {
  /* Home / Hero */
  --home-hero-min-height: 322px;
  --home-hero-copy-width: 760px;
  --home-hero-image-width: 860px;
  --home-hero-title-size: 50px;
  --home-hero-title-line-height: 1.18;
  --home-hero-subtitle-size: 16px;

  /* Home / Industry Tabs */
  --home-industry-tabs-container-max-width: 1544px;
  --home-industry-tabs-height: 48px;
  --home-industry-tabs-padding-x: 32px;
  --home-industry-tabs-gap: 20px;
  --home-industry-tab-height: 44px;
  --home-industry-tab-font-size: 13px;
  --home-industry-tab-icon-size: 32px;
  --home-industry-tab-gap: 3px;
  --home-industry-tab-padding-x: 8px;
  --home-industry-tab-padding-y: 6px;

  /* Home / Case Grid */
  --home-case-grid-max-width: 1544px;
  --home-case-grid-columns: 4;
  --home-case-grid-gap-x: 36px;
  --home-case-grid-gap-y: 24px;

  /* Home / Case Card */
  --home-case-card-width: 420px;
  --home-case-card-min-width: 220px;
  --home-case-card-padding-x: 28px;
  --home-case-card-padding-y: 20px;
  --home-case-card-padding-bottom: 18px;
  --home-case-card-min-height: 162px;
  --home-case-card-badge-top: 20px;
  --home-case-card-header-gap: 8px;
  --home-case-card-body-max-width: 360px;
  --home-case-card-icon-size: 26px;
  --home-case-card-icon-title-offset-y: 1.6px;
  --home-case-card-title-box-width: 320px;
  --home-case-card-title-box-min-width: 120px;
  --home-case-card-title-box-max-width: 360px;
  --home-case-card-title-size: 15px;
  --home-case-card-title-line-height: 1.63;
  --home-case-card-body-size: 13px;
  --home-case-card-body-line-height: 1.45;
  --home-case-card-link-size: 14px;

  /* Detail / Page */
  --detail-page-max-width: 1280px;
  --detail-section-max-width: 1180px;
  --detail-section-padding-x: 22px;
  --detail-section-padding-y: 20px;
  --detail-section-gap: 20px;
  --detail-section-min-height: 0px;

  /* Detail / Hero */
  --detail-hero-title-size: 38px;
  --detail-hero-title-line-height: 1.34;
  --detail-hero-subtitle-size: 19px;
  --detail-hero-meta-size: 14px;
  --detail-hero-meta-icon-size: 14px;
  --detail-hero-copy-width: 640px;
  --detail-hero-title-max-width: 640px;
  --detail-hero-column-gap: 40px;
  --detail-hero-meta-gap-x: 42px;
  --detail-hero-meta-gap-y: 12px;
  --detail-hero-image-width: 500px;

  /* Detail / Section */
  --detail-section-title-size: 22px;
  --detail-section-header-gap: 10px;
  --detail-section-body-size: 15px;
  --detail-section-body-line-height: 1.72;

  /* Detail / Profile Facts */
  --detail-profile-facts-grid-width: 560px;
  --detail-profile-body-width: 520px;
  --detail-profile-layout-gap: 36px;
  --detail-profile-facts-columns: 4;
  --detail-profile-facts-gap: 16px;
  --detail-profile-facts-gap-y: 14px;
  --detail-profile-fact-card-width: 128px;
  --detail-profile-fact-card-min-width: 124px;
  --detail-profile-fact-card-min-height: 72px;
  --detail-profile-fact-padding-x: 12px;
  --detail-profile-fact-padding-y: 12px;
  --detail-profile-fact-icon-size: 24px;
  --detail-profile-fact-label-size: 11px;
  --detail-profile-fact-value-size: 13px;

  /* Detail / Cards */
  --detail-pain-grid-gap: 28px;
  --detail-pain-card-min-height: 112px;
  --detail-pain-card-padding-x: 20px;
  --detail-pain-card-padding-y: 18px;
  --detail-pain-card-title-size: 18px;
  --detail-pain-card-body-size: 15px;
  --detail-step-grid-gap: 30px;
  --detail-step-card-min-height: 124px;
  --detail-step-card-padding-x: 14px;
  --detail-step-card-padding-y: 14px;
  --detail-step-card-title-size: 16px;
  --detail-step-card-body-size: 13px;
  --detail-config-row-columns: 2;
  --detail-config-row-gap: 24px;
  --detail-config-grid-columns: 2;
  --detail-config-grid-gap: 24px;
  --detail-config-card-min-width: 240px;
  --detail-config-card-width: 900px;
  --detail-config-card-min-height: 132px;
  --detail-config-card-padding-x: 24px;
  --detail-config-card-padding-y: 20px;
  --detail-config-card-gap: 14px;
  --detail-config-card-icon-size: 34px;
  --detail-config-card-title-width: 220px;
  --detail-config-card-body-min-width: 220px;
  --detail-config-card-copy-min-width: 220px;
  --detail-config-card-copy-max-width: 760px;
  --detail-config-card-title-size: 16px;
  --detail-config-card-body-size: 14px;

  /* Detail / Metrics */
  --detail-metric-grid-columns: 3;
  --detail-metric-card-min-width: 260px;
  --detail-result-grid-gap: 48px;
  --detail-metric-card-width: 360px;
  --detail-metric-card-min-height: 128px;
  --detail-metric-card-padding-x: 20px;
  --detail-metric-card-padding-y: 18px;
  --detail-metric-copy-min-width: 180px;
  --detail-metric-copy-max-width: 360px;
  --detail-metric-copy-min-height: 0px;
  --detail-metric-label-size: 17px;
  --detail-metric-value-size: 34px;
  --detail-metric-body-size: 15px;

  /* Detail / FAQ */
  --detail-faq-list-gap: 10px;
  --detail-faq-item-min-height: 74px;
  --detail-faq-item-padding-x: 18px;
  --detail-faq-item-padding-y: 14px;
  --detail-faq-question-size: 16px;
  --detail-faq-answer-size: 14px;
}

@media (min-width: 861px) {
  html[data-density="standard"] {
    --desktop-density-ratio: 1;

    --header-desktop-height: 64px;
    --header-desktop-inner-width: 1440px;
    --header-desktop-padding-x: 32px;
    --header-desktop-logo-width: 148px;
    --header-desktop-logo-height: 32px;
    --header-desktop-tagline-margin: 12px;
    --header-desktop-tagline-padding: 12px;
    --header-desktop-tagline-size: 13px;
    --header-desktop-tagline-line-height: 18px;

    --home-desktop-hero-inner-max-width: 1440px;
    --home-desktop-hero-height: 210px;
    --home-desktop-hero-copy-left: 120px;
    --home-desktop-hero-copy-top: 20px;
    --home-desktop-hero-copy-width: 520px;
    --home-desktop-hero-copy-height: 190px;
    --home-desktop-title-size: 42px;
    --home-desktop-title-line-height: 50px;
    --home-desktop-title-box-height: 110px;
    --home-desktop-title-subtitle-gap: 12px;
    --home-desktop-subtitle-size: 15px;
    --home-desktop-subtitle-line-height: 24px;
    --home-desktop-visual-left: 680px;
    --home-desktop-visual-width: 640px;
    --home-desktop-visual-height: 210px;
    --home-desktop-content-max-width: 1200px;
    --home-desktop-tabs-height: 52px;
    --home-desktop-tab-height: 44px;
    --home-desktop-tab-padding-x: 8px;
    --home-desktop-tab-gap: 8px;
    --home-desktop-tab-radius: 10px;
    --home-desktop-tab-icon-size: 26px;
    --home-desktop-tab-font-size: 13px;
    --home-desktop-tab-line-height: 18px;
    --home-desktop-cases-padding-top: 16px;
    --home-desktop-cases-padding-bottom: 48px;
    --home-desktop-card-width: 286px;
    --home-desktop-card-height: 178px;
    --home-desktop-grid-gap-x: 16px;
    --home-desktop-grid-gap-y: 14px;
    --home-desktop-card-padding: 16px;
    --home-desktop-card-radius: 9px;
    --home-desktop-card-icon-size: 26px;
    --home-desktop-card-top-height: 26px;
    --home-desktop-card-title-top: 17px;
    --home-desktop-card-title-left: 49px;
    --home-desktop-card-title-size: 15px;
    --home-desktop-card-title-line-height: 24px;
    --home-desktop-card-summary-top: 58px;
    --home-desktop-card-summary-inset: 16px;
    --home-desktop-card-summary-height: 38px;
    --home-desktop-card-summary-size: 13px;
    --home-desktop-card-summary-line-height: 19px;
    --home-desktop-card-bullets-top: 103px;
    --home-desktop-card-bullets-left: 16px;
    --home-desktop-card-bullets-height: 34px;
    --home-desktop-card-bullet-padding-left: 9px;
    --home-desktop-card-bullet-size: 12px;
    --home-desktop-card-bullet-line-height: 18px;
    --home-desktop-card-cta-right: 16px;
    --home-desktop-card-cta-bottom: 13px;
    --home-desktop-card-cta-size: 14px;
    --home-desktop-card-cta-line-height: 20px;
    --home-desktop-responsive-gutter: 64px;
    --home-desktop-responsive-gap: 32px;
    --home-desktop-tablet-gutter: 48px;
    --home-desktop-tablet-width: 960px;

    --detail-desktop-content-width: 1200px;
    --detail-desktop-content-gutter: 64px;
    --detail-desktop-hero-min-height: 305px;
    --detail-desktop-hero-copy-width: 610px;
    --detail-desktop-hero-image-width: 540px;
    --detail-desktop-hero-image-height: 260px;
    --detail-desktop-hero-gap: 48px;
    --detail-desktop-responsive-hero-gap: 32px;
    --detail-desktop-tablet-hero-gap: 28px;
    --detail-desktop-title-size: 34px;
    --detail-desktop-title-line-height: 45px;
    --detail-desktop-subtitle-margin-top: 14px;
    --detail-desktop-subtitle-size: 17px;
    --detail-desktop-subtitle-line-height: 26px;
    --detail-desktop-meta-margin-top: 24px;
    --detail-desktop-meta-gap-x: 28px;
    --detail-desktop-meta-gap-y: 12px;
    --detail-desktop-meta-size: 14px;
    --detail-desktop-meta-line-height: 20px;
    --detail-desktop-meta-icon-size: 14px;
    --detail-desktop-content-padding-top: 24px;
    --detail-desktop-content-padding-bottom: 72px;
    --detail-desktop-section-margin-top: 20px;
    --detail-desktop-section-padding: 28px;
    --detail-desktop-section-radius: 14px;
    --detail-desktop-section-heading-margin: 20px;
    --detail-desktop-section-heading-gap: 10px;
    --detail-desktop-index-width: 36px;
    --detail-desktop-index-height: 26px;
    --detail-desktop-index-radius: 6px;
    --detail-desktop-index-font-size: 13px;
    --detail-desktop-section-title-size: 22px;
    --detail-desktop-section-title-line-height: 30px;
    --detail-desktop-body-size: 15px;
    --detail-desktop-body-line-height: 26px;
    --detail-desktop-body-gap: 8px;
    --detail-desktop-profile-copy-width: 520px;
    --detail-desktop-profile-gap: 36px;
    --detail-desktop-fact-gap-x: 16px;
    --detail-desktop-fact-gap-y: 14px;
    --detail-desktop-fact-height: 72px;
    --detail-desktop-fact-padding: 12px;
    --detail-desktop-fact-radius: 8px;
    --detail-desktop-fact-icon: 24px;
    --detail-desktop-fact-icon-gap: 9px;
    --detail-desktop-fact-label-size: 11px;
    --detail-desktop-fact-label-line: 15px;
    --detail-desktop-fact-value-size: 13px;
    --detail-desktop-fact-value-line: 18px;
    --detail-desktop-pain-margin: 18px;
    --detail-desktop-pain-gap: 20px;
    --detail-desktop-pain-height: 112px;
    --detail-desktop-pain-padding: 20px;
    --detail-desktop-pain-radius: 10px;
    --detail-desktop-pain-title-size: 17px;
    --detail-desktop-pain-title-line: 24px;
    --detail-desktop-pain-body-size: 14px;
    --detail-desktop-pain-body-line: 22px;
    --detail-desktop-step-gap: 20px;
    --detail-desktop-step-height: 124px;
    --detail-desktop-step-padding: 16px;
    --detail-desktop-step-radius: 10px;
    --detail-desktop-step-badge: 30px;
    --detail-desktop-step-title-size: 16px;
    --detail-desktop-step-title-line: 22px;
    --detail-desktop-step-body-size: 13px;
    --detail-desktop-step-body-line: 20px;
    --detail-desktop-platform-gap: 20px;
    --detail-desktop-platform-height: 112px;
    --detail-desktop-platform-padding: 16px;
    --detail-desktop-platform-icon: 36px;
    --detail-desktop-platform-icon-gap: 12px;
    --detail-desktop-platform-radius: 10px;
    --detail-desktop-platform-title-size: 16px;
    --detail-desktop-platform-title-line: 22px;
    --detail-desktop-platform-body-size: 13px;
    --detail-desktop-platform-body-line: 19px;
    --detail-desktop-matrix-width: 1144px;
    --detail-desktop-matrix-dimension: 160px;
    --detail-desktop-matrix-gap: 8px;
    --detail-desktop-matrix-radius: 9px;
    --detail-desktop-matrix-label-padding-y: 12px;
    --detail-desktop-matrix-label-padding-x: 16px;
    --detail-desktop-matrix-label-size: 14px;
    --detail-desktop-matrix-label-line: 20px;
    --detail-desktop-sku-height: 112px;
    --detail-desktop-sku-padding: 14px;
    --detail-desktop-sku-badge-height: 20px;
    --detail-desktop-sku-badge-margin: 5px;
    --detail-desktop-sku-badge-padding-y: 2px;
    --detail-desktop-sku-badge-padding-x: 7px;
    --detail-desktop-sku-badge-size: 11px;
    --detail-desktop-sku-badge-line: 16px;
    --detail-desktop-sku-name-size: 18px;
    --detail-desktop-sku-name-line: 25px;
    --detail-desktop-sku-subtitle-size: 13px;
    --detail-desktop-sku-subtitle-line: 19px;
    --detail-desktop-cell-height: 48px;
    --detail-desktop-cell-padding-y: 10px;
    --detail-desktop-cell-padding-x: 14px;
    --detail-desktop-cell-size: 13px;
    --detail-desktop-cell-line: 19px;
    --detail-desktop-scene-height: 62px;
    --detail-desktop-unified-margin: 18px;
    --detail-desktop-unified-gap: 12px;
    --detail-desktop-unified-height: 100px;
    --detail-desktop-unified-padding-y: 12px;
    --detail-desktop-unified-padding-x: 18px;
    --detail-desktop-unified-radius: 14px;
    --detail-desktop-unified-icon-frame: 64px;
    --detail-desktop-unified-icon: 32px;
    --detail-desktop-unified-label-size: 16px;
    --detail-desktop-unified-label-line: 21px;
    --detail-desktop-unified-title-size: 18px;
    --detail-desktop-unified-title-line: 24px;
    --detail-desktop-unified-body-size: 13px;
    --detail-desktop-unified-body-line: 19px;
    --detail-desktop-metric-gap: 20px;
    --detail-desktop-metric-height: 128px;
    --detail-desktop-metric-padding: 20px;
    --detail-desktop-metric-radius: 10px;
    --detail-desktop-metric-label-size: 16px;
    --detail-desktop-metric-label-line: 22px;
    --detail-desktop-metric-value-margin: 10px;
    --detail-desktop-metric-value-gap: 8px;
    --detail-desktop-metric-value-size: 34px;
    --detail-desktop-metric-value-line: 36px;
    --detail-desktop-metric-body-size: 14px;
    --detail-desktop-metric-body-line: 21px;
    --detail-desktop-faq-gap: 10px;
    --detail-desktop-faq-padding-y: 14px;
    --detail-desktop-faq-padding-x: 18px;
    --detail-desktop-faq-radius: 8px;
    --detail-desktop-faq-icon: 18px;
    --detail-desktop-faq-title-size: 16px;
    --detail-desktop-faq-title-line: 22px;
    --detail-desktop-faq-body-size: 14px;
    --detail-desktop-faq-body-line: 24px;
  }

  html[data-density="compact"] {
    --desktop-density-ratio: 0.9;

    --header-desktop-height: 58px;
    --header-desktop-inner-width: 1296px;
    --header-desktop-padding-x: 29px;
    --header-desktop-logo-width: 133px;
    --header-desktop-logo-height: 29px;
    --header-desktop-tagline-margin: 11px;
    --header-desktop-tagline-padding: 11px;
    --header-desktop-tagline-size: 12px;
    --header-desktop-tagline-line-height: 16px;

    --home-desktop-hero-inner-max-width: 1296px;
    --home-desktop-hero-height: 189px;
    --home-desktop-hero-copy-left: 108px;
    --home-desktop-hero-copy-top: 18px;
    --home-desktop-hero-copy-width: 468px;
    --home-desktop-hero-copy-height: 171px;
    --home-desktop-title-size: 38px;
    --home-desktop-title-line-height: 45px;
    --home-desktop-title-box-height: 99px;
    --home-desktop-title-subtitle-gap: 11px;
    --home-desktop-subtitle-size: 14px;
    --home-desktop-subtitle-line-height: 22px;
    --home-desktop-visual-left: 612px;
    --home-desktop-visual-width: 576px;
    --home-desktop-visual-height: 189px;
    --home-desktop-content-max-width: 1080px;
    --home-desktop-tabs-height: 47px;
    --home-desktop-tab-height: 40px;
    --home-desktop-tab-padding-x: 7px;
    --home-desktop-tab-gap: 7px;
    --home-desktop-tab-radius: 9px;
    --home-desktop-tab-icon-size: 23px;
    --home-desktop-tab-font-size: 12px;
    --home-desktop-tab-line-height: 16px;
    --home-desktop-cases-padding-top: 14px;
    --home-desktop-cases-padding-bottom: 43px;
    --home-desktop-card-width: 257px;
    --home-desktop-card-height: 160px;
    --home-desktop-grid-gap-x: 14px;
    --home-desktop-grid-gap-y: 13px;
    --home-desktop-card-padding: 14px;
    --home-desktop-card-radius: 8px;
    --home-desktop-card-icon-size: 23px;
    --home-desktop-card-top-height: 23px;
    --home-desktop-card-title-top: 15px;
    --home-desktop-card-title-left: 44px;
    --home-desktop-card-title-size: 14px;
    --home-desktop-card-title-line-height: 22px;
    --home-desktop-card-summary-top: 52px;
    --home-desktop-card-summary-inset: 14px;
    --home-desktop-card-summary-height: 34px;
    --home-desktop-card-summary-size: 12px;
    --home-desktop-card-summary-line-height: 17px;
    --home-desktop-card-bullets-top: 93px;
    --home-desktop-card-bullets-left: 14px;
    --home-desktop-card-bullets-height: 31px;
    --home-desktop-card-bullet-padding-left: 8px;
    --home-desktop-card-bullet-size: 11px;
    --home-desktop-card-bullet-line-height: 16px;
    --home-desktop-card-cta-right: 14px;
    --home-desktop-card-cta-bottom: 12px;
    --home-desktop-card-cta-size: 13px;
    --home-desktop-card-cta-line-height: 18px;
    --home-desktop-responsive-gutter: 58px;
    --home-desktop-responsive-gap: 29px;
    --home-desktop-tablet-gutter: 43px;
    --home-desktop-tablet-width: 864px;

    --detail-desktop-content-width: 1080px;
    --detail-desktop-content-gutter: 58px;
    --detail-desktop-hero-min-height: 275px;
    --detail-desktop-hero-copy-width: 549px;
    --detail-desktop-hero-image-width: 486px;
    --detail-desktop-hero-image-height: 234px;
    --detail-desktop-hero-gap: 43px;
    --detail-desktop-responsive-hero-gap: 29px;
    --detail-desktop-tablet-hero-gap: 25px;
    --detail-desktop-title-size: 31px;
    --detail-desktop-title-line-height: 41px;
    --detail-desktop-subtitle-margin-top: 13px;
    --detail-desktop-subtitle-size: 15px;
    --detail-desktop-subtitle-line-height: 23px;
    --detail-desktop-meta-margin-top: 22px;
    --detail-desktop-meta-gap-x: 25px;
    --detail-desktop-meta-gap-y: 11px;
    --detail-desktop-meta-size: 13px;
    --detail-desktop-meta-line-height: 18px;
    --detail-desktop-meta-icon-size: 13px;
    --detail-desktop-content-padding-top: 22px;
    --detail-desktop-content-padding-bottom: 65px;
    --detail-desktop-section-margin-top: 18px;
    --detail-desktop-section-padding: 25px;
    --detail-desktop-section-radius: 13px;
    --detail-desktop-section-heading-margin: 18px;
    --detail-desktop-section-heading-gap: 9px;
    --detail-desktop-index-width: 32px;
    --detail-desktop-index-height: 23px;
    --detail-desktop-index-radius: 5px;
    --detail-desktop-index-font-size: 12px;
    --detail-desktop-section-title-size: 20px;
    --detail-desktop-section-title-line-height: 27px;
    --detail-desktop-body-size: 14px;
    --detail-desktop-body-line-height: 23px;
    --detail-desktop-body-gap: 7px;
    --detail-desktop-profile-copy-width: 468px;
    --detail-desktop-profile-gap: 32px;
    --detail-desktop-fact-gap-x: 14px;
    --detail-desktop-fact-gap-y: 13px;
    --detail-desktop-fact-height: 65px;
    --detail-desktop-fact-padding: 11px;
    --detail-desktop-fact-radius: 7px;
    --detail-desktop-fact-icon: 22px;
    --detail-desktop-fact-icon-gap: 8px;
    --detail-desktop-fact-label-size: 10px;
    --detail-desktop-fact-label-line: 14px;
    --detail-desktop-fact-value-size: 12px;
    --detail-desktop-fact-value-line: 16px;
    --detail-desktop-pain-margin: 16px;
    --detail-desktop-pain-gap: 18px;
    --detail-desktop-pain-height: 101px;
    --detail-desktop-pain-padding: 18px;
    --detail-desktop-pain-radius: 9px;
    --detail-desktop-pain-title-size: 15px;
    --detail-desktop-pain-title-line: 22px;
    --detail-desktop-pain-body-size: 13px;
    --detail-desktop-pain-body-line: 20px;
    --detail-desktop-step-gap: 18px;
    --detail-desktop-step-height: 112px;
    --detail-desktop-step-padding: 14px;
    --detail-desktop-step-radius: 9px;
    --detail-desktop-step-badge: 27px;
    --detail-desktop-step-title-size: 14px;
    --detail-desktop-step-title-line: 20px;
    --detail-desktop-step-body-size: 12px;
    --detail-desktop-step-body-line: 18px;
    --detail-desktop-platform-gap: 18px;
    --detail-desktop-platform-height: 101px;
    --detail-desktop-platform-padding: 14px;
    --detail-desktop-platform-icon: 32px;
    --detail-desktop-platform-icon-gap: 11px;
    --detail-desktop-platform-radius: 9px;
    --detail-desktop-platform-title-size: 14px;
    --detail-desktop-platform-title-line: 20px;
    --detail-desktop-platform-body-size: 12px;
    --detail-desktop-platform-body-line: 17px;
    --detail-desktop-matrix-width: 1030px;
    --detail-desktop-matrix-dimension: 144px;
    --detail-desktop-matrix-gap: 7px;
    --detail-desktop-matrix-radius: 8px;
    --detail-desktop-matrix-label-padding-y: 11px;
    --detail-desktop-matrix-label-padding-x: 14px;
    --detail-desktop-matrix-label-size: 13px;
    --detail-desktop-matrix-label-line: 18px;
    --detail-desktop-sku-height: 101px;
    --detail-desktop-sku-padding: 11px;
    --detail-desktop-sku-badge-height: 18px;
    --detail-desktop-sku-badge-margin: 5px;
    --detail-desktop-sku-badge-padding-y: 2px;
    --detail-desktop-sku-badge-padding-x: 6px;
    --detail-desktop-sku-badge-size: 10px;
    --detail-desktop-sku-badge-line: 14px;
    --detail-desktop-sku-name-size: 16px;
    --detail-desktop-sku-name-line: 23px;
    --detail-desktop-sku-subtitle-size: 12px;
    --detail-desktop-sku-subtitle-line: 17px;
    --detail-desktop-cell-height: 43px;
    --detail-desktop-cell-padding-y: 9px;
    --detail-desktop-cell-padding-x: 13px;
    --detail-desktop-cell-size: 12px;
    --detail-desktop-cell-line: 17px;
    --detail-desktop-scene-height: 56px;
    --detail-desktop-unified-margin: 16px;
    --detail-desktop-unified-gap: 11px;
    --detail-desktop-unified-height: 90px;
    --detail-desktop-unified-padding-y: 11px;
    --detail-desktop-unified-padding-x: 16px;
    --detail-desktop-unified-radius: 13px;
    --detail-desktop-unified-icon-frame: 58px;
    --detail-desktop-unified-icon: 29px;
    --detail-desktop-unified-label-size: 14px;
    --detail-desktop-unified-label-line: 19px;
    --detail-desktop-unified-title-size: 16px;
    --detail-desktop-unified-title-line: 22px;
    --detail-desktop-unified-body-size: 12px;
    --detail-desktop-unified-body-line: 17px;
    --detail-desktop-metric-gap: 18px;
    --detail-desktop-metric-height: 115px;
    --detail-desktop-metric-padding: 18px;
    --detail-desktop-metric-radius: 9px;
    --detail-desktop-metric-label-size: 14px;
    --detail-desktop-metric-label-line: 20px;
    --detail-desktop-metric-value-margin: 9px;
    --detail-desktop-metric-value-gap: 7px;
    --detail-desktop-metric-value-size: 31px;
    --detail-desktop-metric-value-line: 32px;
    --detail-desktop-metric-body-size: 13px;
    --detail-desktop-metric-body-line: 19px;
    --detail-desktop-faq-gap: 9px;
    --detail-desktop-faq-padding-y: 13px;
    --detail-desktop-faq-padding-x: 16px;
    --detail-desktop-faq-radius: 7px;
    --detail-desktop-faq-icon: 16px;
    --detail-desktop-faq-title-size: 14px;
    --detail-desktop-faq-title-line: 20px;
    --detail-desktop-faq-body-size: 13px;
    --detail-desktop-faq-body-line: 22px;
  }
}

@media (max-width: 1440px) {
  :root {
    --home-hero-min-height: 232px;
    --home-hero-title-size: 50px;
    --home-hero-title-line-height: 1.18;
    --home-hero-subtitle-size: 16px;
    --home-industry-tabs-container-max-width: 1180px;
    --home-industry-tabs-height: 48px;
    --home-industry-tabs-padding-x: 28px;
    --home-industry-tabs-gap: 18px;
    --home-case-grid-max-width: 1180px;
    --home-case-grid-columns: 4;
    --home-case-grid-gap-x: 22px;
    --home-case-grid-gap-y: 18px;
    --home-case-card-padding-x: 18px;
    --home-case-card-padding-y: 14px;
    --home-case-card-padding-bottom: 11px;
    --home-case-card-width: 320px;
    --home-case-card-min-height: 136px;
    --home-case-card-badge-top: 14px;
    --home-case-card-min-width: 220px;
    --home-industry-tab-height: 44px;
    --home-industry-tab-font-size: 13px;
    --home-industry-tab-icon-size: 32px;
    --home-industry-tab-gap: 3px;
    --home-industry-tab-padding-x: 8px;
    --home-industry-tab-padding-y: 6px;
    --home-case-card-header-gap: 8px;
    --home-case-card-icon-size: 26px;
    --home-case-card-title-box-width: 300px;
    --home-case-card-title-box-max-width: 320px;
    --home-case-card-icon-title-offset-y: 1.6px;
    --home-case-card-title-size: 15px;
    --home-case-card-title-line-height: 1.63;
    --home-case-card-body-size: 13px;
    --home-case-card-body-line-height: 1.4;
    --home-case-card-link-size: 14px;
  }
}

@media (max-width: 860px) {
  :root {
    --detail-hero-title-size: 27px;
    --detail-hero-subtitle-size: 15px;
    --detail-section-max-width: 100%;
  }
}

@media (max-width: 768px) {
  :root {
    --home-hero-title-size: 30px;
    --home-hero-subtitle-size: 14px;
    --home-industry-tabs-height: 44px;
    --home-industry-tabs-padding-x: 16px;
    --home-industry-tabs-gap: 10px;
    --home-industry-tab-height: 40px;
    --home-industry-tab-font-size: 15px;
    --home-industry-tab-icon-size: 28px;
    --home-industry-tab-padding-x: 14px;
    --home-industry-tab-padding-y: 6px;
    --home-case-grid-gap-x: 12px;
    --home-case-grid-gap-y: 12px;
    --home-case-grid-columns: 2;
    --home-case-card-padding-x: 12px;
    --home-case-card-padding-y: 14px;
    --home-case-card-padding-bottom: 10px;
    --home-case-card-min-height: 122px;
    --home-case-card-badge-top: 14px;
    --home-case-card-width: 280px;
    --home-case-card-min-width: 0px;
    --home-case-card-icon-title-offset-y: 13.8px;
    --home-case-card-header-gap: 6px;
    --home-case-card-title-size: 16px;
    --home-case-card-body-size: 15px;
  }
}

@media (max-width: 560px) {
  :root {
    --detail-hero-title-size: 24px;
    --detail-section-padding-x: 14px;
    --detail-section-padding-y: 16px;
    --detail-profile-facts-columns: 1;
  }
}