:root {
  --font-family-base: "Montserrat", Arial, sans-serif;

  --color-bg: #f3f3f3;
  --color-surface: #ffffff;
  --color-surface-dark: #242424;
  --color-surface-alt: #fafafa;
  --color-text: #202020;
  --color-text-muted: #666666;
  --color-text-inverse: #ffffff;
  --color-border: #d9d9d9;
  --color-accent: #d5132a;
  --color-accent-hover: #bd1126;
  --color-accent-active: #a20f20;
  --color-accent-contrast: #ffffff;
  --color-focus: #0d6efd;
  --color-overlay-dark: rgba(10, 12, 16, 0.58);
  --color-overlay-soft: rgba(10, 12, 16, 0.24);
  --color-divider-inverse: rgba(255, 255, 255, 0.22);

  --container-max: 82.5rem;
  --container-padding: 1rem;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 5rem;

  --radius-1: 0.5rem;
  --radius-2: 1rem;
  --radius-3: 1.5rem;
  --radius-round: 999px;

  --shadow-1: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
  --shadow-hero: 0 1rem 2.75rem rgba(21, 24, 29, 0.04);

  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --easing-base: ease;

  --section-space: 3rem;

  --bp-sm: 36rem;
  --bp-md: 48rem;
  --bp-lg: 62rem;
  --bp-xl: 75rem;
  --bp-2xl: 90rem;

  --site-header-section-padding-top: 1rem;
  --site-header-section-padding-bottom: 0.5rem;
  --site-header-layout-columns: 1fr;
  --site-header-panel-padding-top: 1rem;
  --site-header-panel-padding-right: 1rem;
  --site-header-panel-padding-bottom: 1rem;
  --site-header-panel-padding-left: 1rem;
  --site-header-panel-bg: #e8e8e8;
  --site-header-panel-radius: 0.75rem;
  --site-header-panel-gap: 1rem;
  --site-header-logo-width: 9rem;
  --site-header-logo-margin-top: 0;
  --site-header-logo-margin-right: 0;
  --site-header-nav-gap: 0.75rem;
  --site-header-nav-font-size: 0.875rem;
  --site-header-nav-line-height: 1.2;
  --site-header-nav-color: #595959;
  --site-header-nav-hover-color: var(--color-text);
  --site-header-nav-icon-size: 1rem;
  --site-header-services-arrow-gap: 0;
  --site-header-nav-arrow-width: 0.6875rem;
  --site-header-nav-arrow-height: 0.375rem;
  --site-header-phone-gap: 0.625rem;
  --site-header-phone-font-size: 0.9375rem;
  --site-header-phone-font-weight: 600;
  --site-header-phone-icon-size: 2.5rem;
  --site-header-actions-gap: 1rem;
  --site-header-cta-min-height: 3rem;
  --site-header-cta-padding-x: 1.375rem;
  --site-header-cta-font-size: 0.9375rem;
  --site-header-cta-font-weight: 600;
  --site-header-cta-bg: #232427;
  --site-header-cta-color: #ffffff;
  --site-header-cta-radius: 999px;

  --hero-container-max: 88.75rem;
  --hero-section-padding-top: 0.75rem;
  --hero-section-padding-bottom: 1.5rem;
  --hero-panel-columns: 1fr;
  --hero-panel-padding-top: 1.5rem;
  --hero-panel-padding-bottom: 2rem;
  --hero-panel-padding-x: 1rem;
  --hero-panel-radius: 0.75rem;
  --hero-panel-gap: 1.5rem;
  --hero-content-gap: 1.25rem;
  --hero-content-top-offset: 0;
  --hero-content-padding-left: 0;
  --hero-content-padding-right: 0;
  --hero-title-size: 2.25rem;
  --hero-title-line-height: 1.08;
  --hero-title-letter-spacing: -0.04em;
  --hero-description-offset-top: -0.5rem;
  --hero-description-size: 1rem;
  --hero-description-line-height: 1.375;
  --hero-description-width: 100%;
  --hero-description-color: var(--color-text-muted);
  --hero-button-padding-y: 1rem;
  --hero-button-padding-x: 1.875rem;
  --hero-button-font-size: 1rem;
  --hero-button-font-weight: 600;
  --hero-button-radius: 999px;
  --hero-button-offset-top: 0.875rem;
  --hero-aside-gap: 1rem;
  --hero-aside-padding-top: 0;
  --hero-aside-padding-bottom: 0;
  --hero-aside-max-width: 100%;
  --hero-aside-title-size: 1.75rem;
  --hero-aside-title-line-height: 1;
  --hero-cards-gap: 0.75rem;
  --hero-cards-columns: 1fr;
  --hero-card-radius: 1rem;
  --hero-card-padding: 1rem;
  --hero-card-padding-large: 1.25rem;
  --hero-card-project-height: 18rem;
  --hero-card-hours-height: 7.5rem;
  --hero-card-services-height: 12rem;
  --hero-card-value-xl: 4.5rem;
  --hero-card-value-lg: 3.25rem;
  --hero-card-value-line-height: 0.88;
  --hero-card-text-size: 0.9375rem;
  --hero-card-project-text-size: 1.25rem;
  --hero-card-text-line-height: 1.05;
  --hero-card-label-width: 8rem;
  --hero-card-hours-label-width: 6.5rem;
  --hero-metric-gap: 0.5rem;
  --hero-metric-columns: 1fr;
  --hero-metric-padding: 1rem;
  --hero-card-text-align: left;
  --hero-card-overlay-project: linear-gradient(180deg, rgba(8, 10, 15, 0.12) 0%, rgba(8, 10, 15, 0.82) 100%);
  --hero-card-overlay-hours: linear-gradient(90deg, rgba(8, 10, 15, 0.58) 0%, rgba(8, 10, 15, 0.22) 48%, rgba(8, 10, 15, 0.7) 100%);
  --hero-card-overlay-services: linear-gradient(180deg, rgba(8, 10, 15, 0.2) 0%, rgba(8, 10, 15, 0.82) 100%);
  --hero-features-section-padding-top: 0.875rem;
  --hero-features-section-padding-bottom: 2.5rem;
  --hero-features-gap: 1rem;
  --hero-features-card-min-height: 9rem;
  --hero-features-card-padding-top: 1.375rem;
  --hero-features-card-padding-right: 1.375rem;
  --hero-features-card-padding-bottom: 1.375rem;
  --hero-features-card-padding-left: 2.25rem;
  --hero-features-card-radius: 1.25rem;
  --hero-features-accent-width: 0.5rem;
  --hero-features-accent-height: 3.75rem;
  --hero-features-accent-left: 1.25rem;
  --hero-features-card-content-gap: 1rem;
  --hero-features-title-size: 1.5rem;
  --hero-features-title-line-height: 1.08;
  --hero-features-title-letter-spacing: -0.03em;
  --hero-features-title-max-width: 14rem;
  --hero-features-text-size: 1rem;
  --hero-features-text-line-height: 1.3;
  --hero-features-text-max-width: 15rem;
  --hero-features-text-color: #424242;
  --about-section-padding-top: 3rem;
  --about-section-padding-bottom: 3rem;
  --about-bg: #232427;
  --about-text-color: #ffffff;
  --about-muted-color: rgba(255, 255, 255, 0.94);
  --about-border-color: rgba(255, 255, 255, 0.16);
  --about-inner-columns: 1fr;
  --about-row-gap: 1.5rem;
  --about-column-gap: 1.5rem;
  --about-heading-max-width: 100%;
  --about-heading-size: 2.5rem;
  --about-heading-line-height: 1.02;
  --about-heading-letter-spacing: -0.04em;
  --about-badge-width: 100%;
  --about-badge-min-height: 5.5rem;
  --about-badge-radius: 1.5rem;
  --about-badge-size: 1.75rem;
  --about-badge-line-height: 1.12;
  --about-badge-padding-x: 1.5rem;
  --about-founder-columns: 1fr;
  --about-founder-gap: 1.25rem;
  --about-founder-padding: 1rem;
  --about-founder-radius: 1.25rem;
  --about-founder-media-width: 14rem;
  --about-founder-media-height: 17rem;
  --about-founder-title-size: 1.875rem;
  --about-founder-title-line-height: 1.02;
  --about-founder-text-size: 1rem;
  --about-founder-text-line-height: 1.28;
  --about-founder-link-size: 1rem;
  --about-advantages-columns: 1fr;
  --about-advantages-gap: 1.25rem;
  --about-advantage-gap: 0.75rem;
  --about-advantage-title-size: 1.5rem;
  --about-advantage-title-line-height: 1.06;
  --about-advantage-text-size: 1rem;
  --about-advantage-text-line-height: 1.34;
  --portfolio-section-padding-top: 3rem;
  --portfolio-section-padding-bottom: 3rem;
  --portfolio-heading-size: 2.5rem;
  --portfolio-heading-line-height: 1;
  --portfolio-heading-letter-spacing: -0.04em;
  --portfolio-grid-gap: 1rem;
  --portfolio-aside-gap: 1rem;
  --portfolio-row-gap: 1rem;
  --portfolio-card-radius: 1.25rem;
  --portfolio-featured-min-height: 20rem;
  --portfolio-card-sm-height: 10rem;
  --portfolio-card-md-height: 14rem;
  --portfolio-florissimo-padding: 1.25rem;
  --portfolio-florissimo-title-size: 1.5rem;
  --portfolio-florissimo-title-line-height: 1.05;
  --portfolio-florissimo-text-size: 1rem;
  --portfolio-florissimo-text-line-height: 1.2;
  --portfolio-link-size: 1rem;
  --portfolio-link-gap: 0.75rem;
  --portfolio-button-min-height: 3.5rem;
  --portfolio-button-radius: 999px;
  --portfolio-button-size: 1rem;
  --portfolio-button-margin-top: 1rem;
  --pricing-section-padding-top: 3rem;
  --pricing-section-padding-bottom: 3rem;
  --pricing-head-gap: 1rem;
  --pricing-heading-max-width: 100%;
  --pricing-note-max-width: 100%;
  --pricing-note-padding-top: 1rem;
  --pricing-note-padding-right: 1.125rem;
  --pricing-note-padding-bottom: 1rem;
  --pricing-note-padding-left: 1.125rem;
  --pricing-note-radius: 1rem;
  --pricing-note-bg: #e8e8e8;
  --pricing-note-size: 0.9375rem;
  --pricing-note-line-height: 1.28;
  --pricing-head-margin-bottom: 1.5rem;
  --pricing-grid-gap: 1rem;
  --pricing-card-min-height: 24rem;
  --pricing-card-padding-top: 1.5rem;
  --pricing-card-padding-right: 1.25rem;
  --pricing-card-padding-bottom: 1.5rem;
  --pricing-card-padding-left: 1.25rem;
  --pricing-card-radius: 1.25rem;
  --pricing-card-bg: #232427;
  --pricing-card-title-size: 1.5rem;
  --pricing-card-title-line-height: 1.02;
  --pricing-card-title-max-width: 15rem;
  --pricing-price-margin-top: 1.125rem;
  --pricing-price-padding-y: 0.75rem;
  --pricing-price-padding-x: 1.5rem;
  --pricing-price-radius: 999px;
  --pricing-price-size: 1.625rem;
  --pricing-price-line-height: 1;
  --pricing-price-bg: var(--color-accent);
  --pricing-price-color: var(--color-text-inverse);
  --pricing-text-margin-top: 1.5rem;
  --pricing-text-size: 1rem;
  --pricing-text-line-height: 1.35;
  --pricing-text-max-width: 22rem;
  --pricing-meta-margin-top: auto;
  --pricing-meta-size: 1.5rem;
  --pricing-meta-line-height: 1;
  --pricing-link-margin-top: 1.5rem;
  --pricing-link-size: 0.9375rem;
  --pricing-link-line-height: 1.2;
  --pricing-button-margin-top: 1.5rem;
  --pricing-button-min-height: 3.5rem;
  --pricing-button-radius: 999px;
  --pricing-button-size: 1rem;
  --pricing-button-border: rgba(255, 255, 255, 0.14);
  --support-section-padding-top: 3rem;
  --support-section-padding-bottom: 3.6rem;
  --support-bg: #232427;
  --support-heading-max-width: 100%;
  --support-heading-margin-bottom: 1.5rem;
  --support-grid-gap: 1rem;
  --support-card-min-height: 31rem;
  --support-card-radius: 1.25rem;
  --support-card-bg: #f1f1f1;
  --support-card-head-min-height: 5.5rem;
  --support-card-head-padding-top: 1rem;
  --support-card-head-padding-bottom: 0.875rem;
  --support-card-head-padding-x: 1.25rem;
  --support-card-head-bg: #d8d8db;
  --support-card-head-accent-bg: var(--color-accent);
  --support-card-head-radius: 1.25rem 1.25rem 0 0;
  --support-card-eyebrow-size: 0.875rem;
  --support-card-eyebrow-line-height: 1.2;
  --support-card-title-size: 1.5rem;
  --support-card-title-line-height: 1;
  --support-card-body-padding-top: 1rem;
  --support-card-body-padding-right: 1rem;
  --support-card-body-padding-bottom: 1.8rem;
  --support-card-body-padding-left: 1rem;
  --support-card-text-size: 0.9375rem;
  --support-card-text-line-height: 1.22;
  --support-card-text-min-height: 4.75rem;
  --support-scale-margin-top: 1.5rem;
  --support-scale-track-height: 0.1875rem;
  --support-scale-track-color: #dddddd;
  --support-scale-progress-color: var(--color-accent);
  --support-scale-thumb-size: 1.375rem;
  --support-scale-value-size: 0.8125rem;
  --support-scale-value-line-height: 1.2;
  --support-price-margin-top: 2.1rem;
  --support-price-size: 1.625rem;
  --support-price-line-height: 1;
  --support-price-color: var(--color-accent);
  --support-meta-margin-top: 2.1rem;
  --support-meta-gap: 0.75rem;
  --support-meta-size: 0.9375rem;
  --support-meta-line-height: 1.2;
  --support-link-margin-top: 1.5rem;
  --support-link-size: 0.9375rem;
  --support-button-margin-top: 1.75rem;
  --support-button-min-height: 3.25rem;
  --support-button-radius: 999px;
  --support-button-size: 1rem;
  --support-button-border: #a4a4a4;
  --clients-section-padding-top: 3rem;
  --clients-section-padding-bottom: 3rem;
  --clients-heading-max-width: 100%;
  --clients-heading-margin-bottom: 1.5rem;
  --clients-logos-max-width: 100%;
  --reviews-section-padding-top: 3rem;
  --reviews-section-padding-bottom: 3rem;
  --reviews-heading-max-width: 100%;
  --reviews-heading-margin-bottom: 1.5rem;
  --reviews-grid-gap: 1rem;
  --reviews-card-radius: 1.25rem;
  --reviews-card-bg: #f1f1f1;
  --reviews-card-padding-top: 1.5rem;
  --reviews-card-padding-right: 1.375rem;
  --reviews-card-padding-bottom: 1.5rem;
  --reviews-card-padding-left: 1.375rem;
  --reviews-card-min-height: 18rem;
  --reviews-card-featured-min-height: 25rem;
  --reviews-title-size: 1.25rem;
  --reviews-title-line-height: 1.2;
  --reviews-text-size: 1rem;
  --reviews-text-line-height: 1.3;
  --reviews-card-gap: 1rem;
  --reviews-link-size: 1rem;
  --reviews-link-line-height: 1.2;
  --reviews-quote-size: 4rem;
  --reviews-quote-top: 0.75rem;
  --reviews-quote-right: 1rem;
  --contact-section-padding-top: 3rem;
  --contact-section-padding-bottom: 3rem;
  --contact-columns: 1fr;
  --contact-column-gap: 1.5rem;
  --contact-row-gap: 1.5rem;
  --contact-title-size: 2.5rem;
  --contact-title-line-height: 1.02;
  --contact-title-max-width: 100%;
  --contact-text-size: 1rem;
  --contact-text-line-height: 1.3;
  --contact-text-max-width: 85%;
  --contact-intro-gap: 2.25rem;
  --contact-form-gap: 1rem;
  --contact-label-size: 1rem;
  --contact-label-line-height: 1.2;
  --contact-control-min-height: 4rem;
  --contact-control-textarea-min-height: 9rem;
  --contact-control-radius: 0.875rem;
  --contact-control-bg: #fefefe;
  --contact-control-border-color: rgba(255, 255, 255, 0.96);
  --contact-control-padding-x: 1rem;
  --contact-control-padding-y: 1rem;
  --contact-control-size: 1rem;
  --contact-checkbox-gap: 0.75rem;
  --contact-checkbox-size: 1rem;
  --contact-checkbox-text-size: 0.9375rem;
  --contact-checkbox-text-line-height: 1.24;
  --contact-button-min-height: 3.75rem;
  --contact-button-min-width: 16rem;
  --contact-button-padding-x: 2rem;
  --contact-button-margin-top: 0rem;
  --contact-button-size: 1rem;
  --contact-button-radius: 999px;
  --site-footer-padding-top: 3rem;
  --site-footer-padding-bottom: 3rem;
  --site-footer-bg: #26282d;
  --site-footer-columns: 1fr;
  --site-footer-column-gap: 1.5rem;
  --site-footer-row-gap: 2rem;
  --site-footer-logo-width: 10rem;
  --site-footer-brand-gap: 1rem;
  --site-footer-brand-line-width: 9.6875rem;
  --site-footer-brand-line-height: 1px;
  --site-footer-copyright-size: 0.9375rem;
  --site-footer-copyright-line-height: 1.2;
  --site-footer-nav-columns: 1fr;
  --site-footer-nav-column-gap: 2rem;
  --site-footer-nav-gap: 1rem;
  --site-footer-link-size: 1.25rem;
  --site-footer-link-line-height: 1.2;
  --site-footer-contacts-gap: 1rem;
  --site-footer-contact-gap: 0.875rem;
  --site-footer-contact-icon-size: 1.375rem;
  --site-footer-contact-divider-width: 1px;
  --site-footer-contact-divider-height: 2.5rem;
  --site-footer-contact-text-size: 1.125rem;
  --site-footer-contact-text-line-height: 1.25;
  --process-section-padding-top: 3rem;
  --process-section-padding-bottom: 3rem;
  --process-bg: #232427;
  --process-heading-max-width: 100%;
  --process-heading-size: 2.5rem;
  --process-heading-line-height: 1.02;
  --process-heading-letter-spacing: -0.04em;
  --process-heading-margin-bottom: 1.75rem;
  --process-grid-columns: 1fr;
  --process-grid-gap: 1rem;
  --process-card-min-height: 13rem;
  --process-card-padding-top: 1.25rem;
  --process-card-padding-right: 1.125rem;
  --process-card-padding-bottom: 1.25rem;
  --process-card-padding-left: 1.125rem;
  --process-card-radius: 1.25rem;
  --process-card-bg: #313133;
  --process-card-title-max-width: 11.5rem;
  --process-card-title-size: 1.375rem;
  --process-card-title-line-height: 1.04;
  --process-card-title-letter-spacing: -0.03em;
  --process-card-title-offset-bottom: 1.125rem;
  --process-card-list-gap: 0.25rem;
  --process-card-text-size: 0.9375rem;
  --process-card-text-line-height: 1.24;
  --process-card-bullet-size: 0.25rem;
  --process-card-bullet-offset-top: 0.5rem;
  --process-badge-size: 3rem;
  --process-badge-top: 1rem;
  --process-badge-right: 1rem;
  --process-badge-font-size: 1.625rem;
  --process-badge-line-height: 1;
  --process-badge-bg: #ffffff;
  --process-badge-color: var(--color-accent);
  --process-badge-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}

@media (min-width: 48rem) {
  :root {
    --site-header-section-padding-top: 1.125rem;
    --site-header-section-padding-bottom: 0.625rem;
    --site-header-layout-columns: auto minmax(0, 1fr);
    --site-header-panel-padding-top: 1rem;
    --site-header-panel-padding-right: 1.25rem;
    --site-header-panel-padding-bottom: 1rem;
    --site-header-panel-padding-left: 1.25rem;
    --site-header-panel-gap: 1rem;
    --site-header-logo-width: 10.75rem;
    --site-header-nav-gap: 1rem;
    --site-header-nav-font-size: 0.9375rem;
    --site-header-nav-icon-size: 1.0625rem;
    --site-header-nav-arrow-width: 1.35rem;
    --site-header-nav-arrow-height: 0.75rem;
    --site-header-phone-gap: 0.75rem;
    --site-header-phone-font-size: 1rem;
    --site-header-phone-icon-size: 2.75rem;
    --site-header-actions-gap: 1.25rem;
    --site-header-cta-min-height: 3.25rem;
    --site-header-cta-padding-x: 1.625rem;
    --site-header-cta-font-size: 1rem;

    --hero-section-padding-top: 0.875rem;
    --hero-section-padding-bottom: 1.75rem;
    --hero-panel-padding-top: 1.75rem;
    --hero-panel-padding-bottom: 2.5rem;
    --hero-panel-padding-x: 1.5rem;
    --hero-panel-gap: 1.75rem;
    --hero-content-gap: 1.5rem;
    --hero-title-size: 3.125rem;
    --hero-title-line-height: 1.03;
    --hero-description-offset-top: -0.625rem;
    --hero-description-size: 1.0625rem;
    --hero-button-padding-x: 2.125rem;
    --hero-button-offset-top: 1rem;
    --hero-aside-gap: 1.125rem;
    --hero-aside-title-size: 2.25rem;
    --hero-cards-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    --hero-card-project-height: 21rem;
    --hero-card-hours-height: 8rem;
    --hero-card-services-height: 13rem;
    --hero-card-value-xl: 5.25rem;
    --hero-card-value-lg: 3.625rem;
    --hero-card-project-text-size: 1.5rem;
    --hero-card-label-width: 8.75rem;
    --hero-card-hours-label-width: 7rem;
    --hero-metric-columns: repeat(2, minmax(0, 1fr));
    --hero-metric-padding: 1.125rem;
    --hero-features-section-padding-top: 1rem;
    --hero-features-section-padding-bottom: 2.75rem;
    --hero-features-gap: 1.25rem;
    --hero-features-card-min-height: 9.5rem;
    --hero-features-card-padding-top: 1.5rem;
    --hero-features-card-padding-right: 1.5rem;
    --hero-features-card-padding-bottom: 1.5rem;
    --hero-features-card-padding-left: 2.5rem;
    --hero-features-accent-left: 1.5rem;
    --hero-features-title-size: 1.625rem;
    --hero-features-title-max-width: 15rem;
    --hero-features-text-max-width: 16rem;
    --about-section-padding-top: 3.5rem;
    --about-section-padding-bottom: 3.5rem;
    --about-row-gap: 1.75rem;
    --about-column-gap: 1.75rem;
    --about-heading-size: 3rem;
    --about-badge-min-height: 6rem;
    --about-badge-size: 2rem;
    --about-founder-columns: 14rem minmax(0, 1fr);
    --about-founder-gap: 1.5rem;
    --about-founder-padding: 1.125rem;
    --about-founder-media-width: 14rem;
    --about-founder-media-height: 17.5rem;
    --about-founder-title-size: 2rem;
    --about-advantages-columns: repeat(2, minmax(0, 1fr));
    --about-advantages-gap: 1.5rem;
    --portfolio-section-padding-top: 3.5rem;
    --portfolio-section-padding-bottom: 3.5rem;
    --portfolio-heading-size: 3rem;
    --portfolio-grid-gap: 1.25rem;
    --portfolio-aside-gap: 1.25rem;
    --portfolio-row-gap: 1.25rem;
    --portfolio-featured-min-height: 24rem;
    --portfolio-card-sm-height: 11rem;
    --portfolio-card-md-height: 16rem;
    --portfolio-florissimo-padding: 1.5rem;
    --portfolio-florissimo-title-size: 1.75rem;
    --portfolio-florissimo-text-size: 1.125rem;
    --portfolio-button-min-height: 3.75rem;
    --pricing-section-padding-top: 3.5rem;
    --pricing-section-padding-bottom: 3.5rem;
    --pricing-head-gap: 1.25rem;
    --pricing-heading-max-width: 32rem;
    --pricing-note-max-width: 20rem;
    --pricing-note-padding-top: 1.125rem;
    --pricing-note-padding-right: 1.25rem;
    --pricing-note-padding-bottom: 1.125rem;
    --pricing-note-padding-left: 1.25rem;
    --pricing-head-margin-bottom: 1.75rem;
    --pricing-grid-gap: 1.25rem;
    --pricing-card-min-height: 26rem;
    --pricing-card-padding-top: 1.75rem;
    --pricing-card-padding-right: 1.5rem;
    --pricing-card-padding-bottom: 1.75rem;
    --pricing-card-padding-left: 1.5rem;
    --pricing-card-title-size: 1.625rem;
    --pricing-card-title-max-width: 16rem;
    --pricing-price-margin-top: 1.25rem;
    --pricing-price-size: 1.75rem;
    --pricing-text-margin-top: 1.625rem;
    --pricing-meta-size: 1.625rem;
    --pricing-link-margin-top: 1.625rem;
    --pricing-button-margin-top: 1.625rem;
    --pricing-button-min-height: 3.625rem;
    --support-section-padding-top: 3.5rem;
    --support-section-padding-bottom: 4.2rem;
    --support-heading-max-width: 34rem;
    --support-heading-margin-bottom: 1.75rem;
    --support-grid-gap: 1.25rem;
    --support-card-min-height: 32rem;
    --support-card-head-min-height: 5.75rem;
    --support-card-head-padding-top: 1.125rem;
    --support-card-head-padding-bottom: 0.9375rem;
    --support-card-head-padding-x: 1.375rem;
    --support-card-title-size: 1.625rem;
    --support-card-body-padding-top: 1.125rem;
    --support-card-body-padding-right: 1.125rem;
    --support-card-body-padding-bottom: 1.95rem;
    --support-card-body-padding-left: 1.125rem;
    --support-card-text-min-height: 5rem;
    --support-scale-margin-top: 1.625rem;
    --support-price-margin-top: 2.25rem;
    --support-price-size: 1.75rem;
    --support-meta-margin-top: 2.25rem;
    --support-button-margin-top: 1.875rem;
    --support-button-min-height: 3.375rem;
    --clients-section-padding-top: 3.5rem;
    --clients-section-padding-bottom: 3.5rem;
    --clients-heading-max-width: 22rem;
    --clients-heading-margin-bottom: 1.75rem;
    --reviews-section-padding-top: 3.5rem;
    --reviews-section-padding-bottom: 3.5rem;
    --reviews-heading-max-width: 18rem;
    --reviews-heading-margin-bottom: 1.75rem;
    --reviews-grid-gap: 1.25rem;
    --reviews-card-padding-top: 1.625rem;
    --reviews-card-padding-right: 1.5rem;
    --reviews-card-padding-bottom: 1.625rem;
    --reviews-card-padding-left: 1.5rem;
    --reviews-card-min-height: 19rem;
    --reviews-card-featured-min-height: 26rem;
    --reviews-title-size: 1.375rem;
    --reviews-text-line-height: 1.32;
    --contact-section-padding-top: 3.5rem;
    --contact-section-padding-bottom: 3.5rem;
    --contact-row-gap: 1.75rem;
    --contact-title-size: 3rem;
    --contact-title-max-width: 28rem;
    --contact-text-max-width: 85%;
    --contact-intro-gap: 1.875rem;
    --contact-form-gap: 1.125rem;
    --contact-control-min-height: 4.125rem;
    --contact-control-textarea-min-height: 9.5rem;
    --contact-control-padding-x: 1.125rem;
    --contact-control-padding-y: 1.125rem;
    --contact-button-min-height: 3.875rem;
    --contact-button-min-width: 16.5rem;
    --contact-button-padding-x: 2.25rem;
    --site-footer-padding-top: 3.5rem;
    --site-footer-padding-bottom: 3.5rem;
    --site-footer-columns: repeat(2, minmax(0, 1fr));
    --site-footer-column-gap: 2rem;
    --site-footer-row-gap: 2.25rem;
    --site-footer-logo-width: 11rem;
    --site-footer-brand-gap: 1.125rem;
    --site-footer-nav-columns: repeat(2, minmax(0, 1fr));
    --site-footer-nav-column-gap: 2.5rem;
    --site-footer-nav-gap: 1.125rem;
    --site-footer-link-size: 1.375rem;
    --site-footer-contact-text-size: 1.1875rem;
    --process-section-padding-top: 3.5rem;
    --process-section-padding-bottom: 3.5rem;
    --process-heading-size: 3rem;
    --process-heading-margin-bottom: 2rem;
    --process-grid-columns: repeat(2, minmax(0, 1fr));
    --process-grid-gap: 1.25rem;
    --process-card-min-height: 13.5rem;
    --process-card-padding-top: 1.375rem;
    --process-card-padding-right: 1.25rem;
    --process-card-padding-bottom: 1.375rem;
    --process-card-padding-left: 1.25rem;
    --process-card-title-size: 1.5rem;
    --process-card-title-max-width: 12rem;
    --process-card-title-offset-bottom: 1.25rem;
    --process-card-text-size: 1rem;
    --process-badge-size: 3.125rem;
    --process-badge-top: 1.125rem;
    --process-badge-right: 1.125rem;
  }
}

@media (min-width: 62rem) {
  :root {
    --site-header-section-padding-top: 1.25rem;
    --site-header-section-padding-bottom: 0.625rem;
    --site-header-layout-columns: auto minmax(0, 1fr);
    --site-header-panel-padding-top: 0.9375rem;
    --site-header-panel-padding-right: 1.25rem;
    --site-header-panel-padding-bottom: 0.9375rem;
    --site-header-panel-padding-left: 1.375rem;
    --site-header-panel-gap: 1.25rem;
    --site-header-logo-width: 12rem;
    --site-header-logo-margin-top: -0.95rem;
    --site-header-logo-margin-right: 0.625rem;
    --site-header-nav-gap: 1rem;
    --site-header-nav-font-size: 0.90625rem;
    --site-header-nav-icon-size: 1.0625rem;
    --site-header-nav-arrow-width: 1.671875rem;
    --site-header-nav-arrow-height: 0.91125rem;
    --site-header-phone-gap: 0.75rem;
    --site-header-phone-font-size: 0.9375rem;
    --site-header-phone-icon-size: 2.75rem;
    --site-header-actions-gap: 1.5rem;
    --site-header-cta-min-height: 3.375rem;
    --site-header-cta-padding-x: 1.75rem;
    --site-header-cta-font-size: 0.9375rem;

    --hero-section-padding-top: 0.5rem;
    --hero-section-padding-bottom: 2rem;
    --hero-panel-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    --hero-panel-padding-top: 2rem;
    --hero-panel-padding-bottom: 3rem;
    --hero-panel-padding-x: 2rem;
    --hero-panel-gap: 2rem;
    --hero-content-gap: 2rem;
    --hero-content-top-offset: 0.75rem;
    --hero-content-padding-left: 0.5rem;
    --hero-content-padding-right: 2.5rem;
    --hero-title-size: 3.125rem;
    --hero-title-line-height: 4rem;
    --hero-description-offset-top: -0.875rem;
    --hero-description-width: 100%;
    --hero-button-padding-x: 2.25rem;
    --hero-button-offset-top: 1.375rem;
    --hero-aside-gap: 1rem;
    --hero-aside-max-width: 34rem;
    --hero-aside-title-size: 1.625rem;
    --hero-cards-gap: 0.875rem;
    --hero-cards-columns: minmax(0, 0.89fr) minmax(0, 1.11fr);
    --hero-card-project-height: 21rem;
    --hero-card-hours-height: 7.25rem;
    --hero-card-services-height: 13.5rem;
    --hero-card-padding: 1.25rem;
    --hero-card-padding-large: 1.5rem;
    --hero-card-value-xl: 5.25rem;
    --hero-card-value-lg: 3.5rem;
    --hero-card-text-size: 1rem;
    --hero-card-project-text-size: 1.75rem;
    --hero-card-label-width: 9rem;
    --hero-card-hours-label-width: 7.5rem;
    --hero-metric-gap: 0.4375rem;
    --hero-metric-padding: 1.25rem;
    --hero-features-section-padding-top: 1.125rem;
    --hero-features-section-padding-bottom: 3rem;
    --hero-features-gap: 1.25rem;
    --hero-features-card-min-height: 8.75rem;
    --hero-features-card-padding-top: 1.375rem;
    --hero-features-card-padding-right: 1.125rem;
    --hero-features-card-padding-bottom: 1.25rem;
    --hero-features-card-padding-left: 2.125rem;
    --hero-features-accent-left: 1.5rem;
    --hero-features-card-content-gap: 0.875rem;
    --hero-features-title-size: 1.375rem;
    --hero-features-title-line-height: 1.05;
    --hero-features-title-max-width: 10rem;
    --hero-features-text-size: 0.9375rem;
    --hero-features-text-line-height: 1.24;
    --hero-features-text-max-width: 10.75rem;
    --about-section-padding-top: 3.5rem;
    --about-section-padding-bottom: 3.75rem;
    --about-inner-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    --about-row-gap: 1.625rem;
    --about-column-gap: 1.25rem;
    --about-heading-max-width: 32rem;
    --about-heading-size: 2.75rem;
    --about-heading-line-height: 3.25rem;
    --about-badge-width: 14.5rem;
    --about-badge-min-height: 5.75rem;
    --about-badge-radius: 1.375rem;
    --about-badge-size: 1.125rem;
    --about-badge-padding-x: 1.5rem;
    --about-founder-columns: 10.5rem minmax(0, 1fr);
    --about-founder-gap: 1.125rem;
    --about-founder-padding: 0.875rem;
    --about-founder-radius: 1.375rem;
    --about-founder-media-width: 10.5rem;
    --about-founder-media-height: 13.5rem;
    --about-founder-title-size: 1.25rem;
    --about-founder-text-size: 0.875rem;
    --about-founder-text-line-height: 1.28;
    --about-founder-link-size: 0.875rem;
    --about-advantages-columns: 1fr;
    --about-advantages-gap: 1rem;
    --about-advantage-gap: 0.75rem;
    --about-advantage-title-size: 1rem;
    --about-advantage-text-size: 0.875rem;
    --about-advantage-text-line-height: 1.28;
    --portfolio-section-padding-top: 4rem;
    --portfolio-section-padding-bottom: 4rem;
    --portfolio-heading-size: 3.5rem;
    --portfolio-grid-gap: 1rem;
    --portfolio-aside-gap: 1rem;
    --portfolio-row-gap: 1rem;
    --portfolio-featured-min-height: 22rem;
    --portfolio-card-sm-height: 9rem;
    --portfolio-card-md-height: 13rem;
    --portfolio-florissimo-padding: 1.25rem;
    --portfolio-florissimo-title-size: 1.375rem;
    --portfolio-florissimo-title-line-height: 1.05;
    --portfolio-florissimo-text-size: 0.875rem;
    --portfolio-link-size: 0.9375rem;
    --portfolio-link-gap: 0.625rem;
    --portfolio-button-min-height: 3.5rem;
    --portfolio-button-size: 1rem;
    --portfolio-button-margin-top: 1rem;
    --pricing-section-padding-top: 4rem;
    --pricing-section-padding-bottom: 4rem;
    --pricing-head-gap: 1.5rem;
    --pricing-heading-max-width: 36rem;
    --pricing-note-max-width: 17rem;
    --pricing-note-padding-top: 1rem;
    --pricing-note-padding-right: 1rem;
    --pricing-note-padding-bottom: 1rem;
    --pricing-note-padding-left: 1rem;
    --pricing-note-radius: 1rem;
    --pricing-note-size: 0.9375rem;
    --pricing-note-line-height: 1.2;
    --pricing-head-margin-bottom: 1.875rem;
    --pricing-grid-gap: 1rem;
    --pricing-card-min-height: 27rem;
    --pricing-card-padding-top: 1.75rem;
    --pricing-card-padding-right: 1.25rem;
    --pricing-card-padding-bottom: 1.5rem;
    --pricing-card-padding-left: 1.25rem;
    --pricing-card-title-size: 1.5rem;
    --pricing-card-title-line-height: 1.02;
    --pricing-card-title-max-width: 11rem;
    --pricing-price-margin-top: 1.375rem;
    --pricing-price-padding-y: 0.75rem;
    --pricing-price-padding-x: 1.375rem;
    --pricing-price-size: 1.5625rem;
    --pricing-text-margin-top: 1.625rem;
    --pricing-text-size: 0.9375rem;
    --pricing-text-line-height: 1.24;
    --pricing-text-max-width: 15.75rem;
    --pricing-meta-size: 1.375rem;
    --pricing-link-margin-top: 1.5rem;
    --pricing-link-size: 0.9375rem;
    --pricing-button-margin-top: 1.5rem;
    --pricing-button-min-height: 3.5rem;
    --pricing-button-size: 1rem;
    --support-section-padding-top: 4rem;
    --support-section-padding-bottom: 4.8rem;
    --support-heading-max-width: 39rem;
    --support-heading-margin-bottom: 2rem;
    --support-grid-gap: 1rem;
    --support-card-min-height: 31rem;
    --support-card-radius: 1rem;
    --support-card-head-min-height: 5.4375rem;
    --support-card-head-padding-top: 1rem;
    --support-card-head-padding-bottom: 0.8125rem;
    --support-card-head-padding-x: 1rem;
    --support-card-title-size: 1.375rem;
    --support-card-body-padding-top: 0.9375rem;
    --support-card-body-padding-right: 1rem;
    --support-card-body-padding-bottom: 1.8rem;
    --support-card-body-padding-left: 1rem;
    --support-card-text-size: 0.875rem;
    --support-card-text-line-height: 1.18;
    --support-card-text-min-height: 4.75rem;
    --support-scale-margin-top: 1.5rem;
    --support-scale-thumb-size: 1.25rem;
    --support-scale-value-size: 0.75rem;
    --support-price-margin-top: 2.1rem;
    --support-price-size: 1rem;
    --support-meta-margin-top: 1.8rem;
    --support-meta-gap: 0.625rem;
    --support-meta-size: 0.875rem;
    --support-link-margin-top: 1.375rem;
    --support-link-size: 0.875rem;
    --support-button-margin-top: 1.5rem;
    --support-button-min-height: 3.125rem;
    --support-button-size: 0.9375rem;
    --clients-section-padding-top: 4rem;
    --clients-section-padding-bottom: 4rem;
    --clients-heading-max-width: 28rem;
    --clients-heading-margin-bottom: 1.875rem;
    --clients-logos-max-width: 72rem;
    --reviews-section-padding-top: 4rem;
    --reviews-section-padding-bottom: 4rem;
    --reviews-heading-max-width: 24rem;
    --reviews-heading-margin-bottom: 1.875rem;
    --reviews-grid-gap: 1.375rem;
    --reviews-card-padding-top: 1.625rem;
    --reviews-card-padding-right: 1.5rem;
    --reviews-card-padding-bottom: 1.625rem;
    --reviews-card-padding-left: 1.5rem;
    --reviews-card-min-height: 16.5rem;
    --reviews-card-featured-min-height: 33rem;
    --reviews-title-size: 1.375rem;
    --reviews-title-line-height: 1.18;
    --reviews-text-size: 0.9375rem;
    --reviews-text-line-height: 1.28;
    --reviews-link-size: 0.9375rem;
    --reviews-quote-size: 4.5rem;
    --reviews-quote-top: 0.625rem;
    --reviews-quote-right: 0.875rem;
    --contact-section-padding-top: 4rem;
    --contact-section-padding-bottom: 4rem;
    --contact-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    --contact-column-gap: 2rem;
    --contact-row-gap: 2rem;
    --contact-title-size: 3.5rem;
    --contact-title-line-height: 1.08;
    --contact-title-max-width: 34rem;
    --contact-text-size: 0.9375rem;
    --contact-text-line-height: 1.32;
    --contact-text-max-width: 85%;
    --contact-intro-gap: 2rem;
    --contact-form-gap: 1.25rem;
    --contact-label-size: 1rem;
    --contact-control-min-height: 4.25rem;
    --contact-control-textarea-min-height: 10rem;
    --contact-control-radius: 0.875rem;
    --contact-control-padding-x: 1.125rem;
    --contact-control-padding-y: 1.125rem;
    --contact-control-size: 1rem;
    --contact-checkbox-text-size: 0.875rem;
    --contact-checkbox-text-line-height: 1.24;
    --contact-button-min-height: 3.875rem;
    --contact-button-min-width: 17rem;
    --contact-button-padding-x: 2.5rem;
    --contact-button-size: 1rem;
    --site-footer-padding-top: 4rem;
    --site-footer-padding-bottom: 4rem;
    --site-footer-columns: minmax(0, 1.15fr) minmax(0, 1.45fr) minmax(0, 1fr);
    --site-footer-column-gap: 2.5rem;
    --site-footer-row-gap: 2rem;
    --site-footer-logo-width: 12rem;
    --site-footer-brand-gap: 1.375rem;
    --site-footer-nav-columns: repeat(2, minmax(0, 1fr));
    --site-footer-nav-column-gap: 3rem;
    --site-footer-nav-gap: 1.5rem;
    --site-footer-link-size: 1.5rem;
    --site-footer-link-line-height: 1.15;
    --site-footer-contacts-gap: 1.5rem;
    --site-footer-contact-gap: 1rem;
    --site-footer-contact-text-size: 1.25rem;
    --site-footer-contact-text-line-height: 1.2;
    --process-section-padding-top: 4rem;
    --process-section-padding-bottom: 4rem;
    --process-heading-size: 3.5rem;
    --process-heading-line-height: 3.875rem;
    --process-heading-max-width: 48rem;
    --process-heading-margin-bottom: 2.125rem;
    --process-grid-columns: repeat(3, minmax(0, 1fr));
    --process-grid-gap: 1rem;
    --process-card-min-height: 14rem;
    --process-card-padding-top: 1.5rem;
    --process-card-padding-right: 1.375rem;
    --process-card-padding-bottom: 1.375rem;
    --process-card-padding-left: 1.375rem;
    --process-card-title-max-width: 11rem;
    --process-card-title-size: 1.375rem;
    --process-card-title-offset-bottom: 1rem;
    --process-card-text-size: 0.9375rem;
    --process-card-text-line-height: 1.2;
    --process-badge-size: 3.125rem;
    --process-badge-top: 1rem;
    --process-badge-right: 1rem;
    --process-badge-font-size: 1.625rem;
  }
}

@media (min-width: 75rem) {
  :root {
    --site-header-section-padding-top: 1.5rem;
    --site-header-section-padding-bottom: 0.625rem;
    --site-header-layout-columns: auto minmax(0, 1fr) auto;
    --site-header-panel-padding-top: 0.9375rem;
    --site-header-panel-padding-right: 1.375rem;
    --site-header-panel-padding-bottom: 0.9375rem;
    --site-header-panel-padding-left: 1.78rem;
    --site-header-panel-gap: 1.5rem;
    --site-header-logo-width: 12.75rem;
    --site-header-logo-margin-right: 1rem;
    --site-header-nav-gap: 1.25rem;
    --site-header-nav-font-size: 0.940625rem;
    --site-header-nav-icon-size: 1.125rem;
    --site-header-nav-arrow-width: 1.85625rem;
    --site-header-nav-arrow-height: 1.0125rem;
    --site-header-phone-gap: 0.875rem;
    --site-header-phone-font-size: 1rem;
    --site-header-phone-icon-size: 2.875rem;
    --site-header-actions-gap: 1.6875rem;
    --site-header-cta-min-height: 3.4375rem;
    --site-header-cta-padding-x: 2rem;
    --site-header-cta-font-size: 1rem;

    --hero-panel-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    --hero-panel-padding-top: 2.375rem;
    --hero-panel-padding-bottom: 3.5rem;
    --hero-panel-padding-x: 2.25rem;
    --hero-panel-gap: 2.75rem;
    --hero-content-gap: 2.5rem;
    --hero-content-top-offset: 1.5rem;
    --hero-content-padding-left: 1rem;
    --hero-content-padding-right: 4.75rem;
    --hero-title-size: 3.375rem;
    --hero-title-line-height: 5rem;
    --hero-description-offset-top: -1rem;
    --hero-description-size: 1.0625rem;
    --hero-button-padding-y: 1.0625rem;
    --hero-button-padding-x: 2.625rem;
    --hero-button-offset-top: 1.5rem;
    --hero-aside-gap: 1.375rem;
    --hero-aside-max-width: 40.7rem;
    --hero-aside-title-size: 1.875rem;
    --hero-cards-gap: 0.875rem;
    --hero-cards-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    --hero-card-radius: 1rem;
    --hero-card-project-height: 22.5rem;
    --hero-card-hours-height: 7.5rem;
    --hero-card-services-height: 14.25rem;
    --hero-card-padding: 1.375rem;
    --hero-card-padding-large: 1.75rem;
    --hero-card-value-xl: 5.625rem;
    --hero-card-value-lg: 3.875rem;
    --hero-card-project-text-size: 1.875rem;
    --hero-card-label-width: 9.5rem;
    --hero-card-hours-label-width: 7.75rem;
    --hero-metric-gap: 0.5rem;
    --hero-metric-padding: 1.375rem;
    --hero-features-section-padding-top: 1.125rem;
    --hero-features-section-padding-bottom: 3.25rem;
    --hero-features-gap: 1.375rem;
    --hero-features-card-min-height: 8.875rem;
    --hero-features-card-padding-top: 1.375rem;
    --hero-features-card-padding-right: 1.125rem;
    --hero-features-card-padding-bottom: 1.25rem;
    --hero-features-card-padding-left: 3.75rem;
    --hero-features-accent-left: 1.875rem;
    --hero-features-card-content-gap: 1.0625rem;
    --hero-features-title-size: 1.5rem;
    --hero-features-title-line-height: 1.05;
    --hero-features-title-max-width: 18rem;
    --hero-features-text-size: 0.9375rem;
    --hero-features-text-line-height: 1.28;
    --hero-features-text-max-width: 15rem;
    --about-section-padding-top: 4rem;
    --about-section-padding-bottom: 4.25rem;
    --about-inner-columns: minmax(0, 1.22fr) repeat(3, minmax(0, 1fr));
    --about-row-gap: 2rem;
    --about-column-gap: 1.75rem;
    --about-heading-max-width: 41rem;
    --about-heading-size: 3.125rem;
    --about-heading-line-height: 3.625rem;
    --about-badge-width: 18.5rem;
    --about-badge-min-height: 6.75rem;
    --about-badge-radius: 1.375rem;
    --about-badge-size: 1.25rem;
    --about-badge-padding-x: 2rem;
    --about-founder-columns: 12.25rem minmax(0, 1fr);
    --about-founder-gap: 1.375rem;
    --about-founder-padding: 1rem;
    --about-founder-media-width: 12.25rem;
    --about-founder-media-height: 15.75rem;
    --about-founder-title-size: 1.35rem;
    --about-founder-text-size: 0.9375rem;
    --about-founder-text-line-height: 1.3;
    --about-founder-link-size: 0.9375rem;
    --about-advantages-gap: 1.375rem;
    --about-advantage-gap: 0.875rem;
    --about-advantage-title-size: 1.0625rem;
    --about-advantage-text-size: 0.9375rem;
    --about-advantage-text-line-height: 1.3;
    --portfolio-section-padding-top: 4.5rem;
    --portfolio-section-padding-bottom: 4.5rem;
    --portfolio-heading-size: 4rem;
    --portfolio-grid-gap: 1.25rem;
    --portfolio-aside-gap: 1.25rem;
    --portfolio-row-gap: 1.25rem;
    --portfolio-featured-min-height: 26rem;
    --portfolio-card-sm-height: 10.25rem;
    --portfolio-card-md-height: 15rem;
    --portfolio-florissimo-padding: 1.5rem;
    --portfolio-florissimo-title-size: 1.625rem;
    --portfolio-florissimo-text-size: 1rem;
    --portfolio-link-size: 1rem;
    --portfolio-button-min-height: 3.875rem;
    --portfolio-button-margin-top: 1.125rem;
    --pricing-section-padding-top: 4.5rem;
    --pricing-section-padding-bottom: 4.5rem;
    --pricing-head-gap: 1.75rem;
    --pricing-heading-max-width: 42rem;
    --pricing-note-max-width: 18rem;
    --pricing-note-padding-top: 1.125rem;
    --pricing-note-padding-right: 1.125rem;
    --pricing-note-padding-bottom: 1.125rem;
    --pricing-note-padding-left: 1.125rem;
    --pricing-head-margin-bottom: 2rem;
    --pricing-grid-gap: 1.125rem;
    --pricing-card-min-height: 28rem;
    --pricing-card-padding-top: 2rem;
    --pricing-card-padding-right: 1.5rem;
    --pricing-card-padding-bottom: 1.75rem;
    --pricing-card-padding-left: 1.5rem;
    --pricing-card-title-size: 1.625rem;
    --pricing-card-title-max-width: 12rem;
    --pricing-price-margin-top: 1.5rem;
    --pricing-price-padding-y: 0.8125rem;
    --pricing-price-padding-x: 1.625rem;
    --pricing-price-size: 1.75rem;
    --pricing-text-margin-top: 1.875rem;
    --pricing-text-size: 0.9375rem;
    --pricing-text-line-height: 1.28;
    --pricing-text-max-width: 17rem;
    --pricing-meta-size: 1.5rem;
    --pricing-link-margin-top: 1.625rem;
    --pricing-button-margin-top: 1.75rem;
    --pricing-button-min-height: 3.625rem;
    --support-section-padding-top: 4.5rem;
    --support-section-padding-bottom: 5.4rem;
    --support-heading-max-width: 45rem;
    --support-heading-margin-bottom: 2.125rem;
    --support-grid-gap: 1.125rem;
    --support-card-min-height: 32rem;
    --support-card-radius: 1.125rem;
    --support-card-head-min-height: 5.625rem;
    --support-card-head-padding-top: 1.0625rem;
    --support-card-head-padding-bottom: 0.875rem;
    --support-card-head-padding-x: 1.125rem;
    --support-card-title-size: 1.625rem;
    --support-card-body-padding-top: 1rem;
    --support-card-body-padding-right: 1.125rem;
    --support-card-body-padding-bottom: 1.95rem;
    --support-card-body-padding-left: 1.125rem;
    --support-card-text-size: 0.9375rem;
    --support-card-text-line-height: 1.2;
    --support-card-text-min-height: 5rem;
    --support-scale-margin-top: 1.625rem;
    --support-scale-thumb-size: 1.3125rem;
    --support-price-margin-top: 2.25rem;
    --support-price-size: 1.3125rem;
    --support-meta-margin-top: 1.95rem;
    --support-meta-size: 0.9375rem;
    --support-link-margin-top: 1.5rem;
    --support-button-margin-top: 1.625rem;
    --support-button-min-height: 3.25rem;
    --clients-section-padding-top: 4.5rem;
    --clients-section-padding-bottom: 4.5rem;
    --clients-heading-max-width: 31rem;
    --clients-heading-margin-bottom: 2rem;
    --clients-logos-max-width: 76rem;
    --reviews-section-padding-top: 4.5rem;
    --reviews-section-padding-bottom: 4.5rem;
    --reviews-heading-max-width: 27rem;
    --reviews-heading-margin-bottom: 2rem;
    --reviews-grid-gap: 1.5rem;
    --reviews-card-padding-top: 1.875rem;
    --reviews-card-padding-right: 1.625rem;
    --reviews-card-padding-bottom: 1.875rem;
    --reviews-card-padding-left: 1.625rem;
    --reviews-card-min-height: 17rem;
    --reviews-card-featured-min-height: 34rem;
    --reviews-title-size: 1.5rem;
    --reviews-title-line-height: 1.16;
    --reviews-text-size: 1rem;
    --reviews-text-line-height: 1.28;
    --reviews-link-size: 0.9375rem;
    --reviews-quote-size: 4.75rem;
    --reviews-quote-top: 0.625rem;
    --reviews-quote-right: 1rem;
    --contact-section-padding-top: 5.625rem;
    --contact-section-padding-bottom: 6.25rem;
    --contact-columns: minmax(0, 0.97fr) minmax(0, 1.03fr);
    --contact-column-gap: 3.25rem;
    --contact-row-gap: 2rem;
    --contact-title-size: 3.25rem;
    --contact-title-line-height: 3.5625rem;
    --contact-title-max-width: 36rem;
    --contact-text-size: 0.9375rem;
    --contact-text-line-height: 1.34;
    --contact-text-max-width: 85%;
    --contact-intro-gap: 2.125rem;
    --contact-form-gap: 1.375rem;
    --contact-label-size: 1.0625rem;
    --contact-control-min-height: 4.5rem;
    --contact-control-textarea-min-height: 10.125rem;
    --contact-control-radius: 0.75rem;
    --contact-control-padding-x: 1.25rem;
    --contact-control-padding-y: 1.125rem;
    --contact-checkbox-text-size: 0.9375rem;
    --contact-button-min-height: 4rem;
    --contact-button-min-width: 17.25rem;
    --contact-button-padding-x: 2.75rem;
    --contact-button-margin-top: 0.5rem;
    --contact-button-size: 1rem;
    --site-footer-padding-top: 4.5rem;
    --site-footer-padding-bottom: 4.5rem;
    --site-footer-columns: minmax(0, 1.2fr) minmax(0, 1.55fr) minmax(0, 0.95fr);
    --site-footer-column-gap: 3rem;
    --site-footer-row-gap: 2rem;
    --site-footer-logo-width: 13rem;
    --site-footer-brand-gap: 1.5rem;
    --site-footer-brand-line-width: 9.6875rem;
    --site-footer-nav-column-gap: 3.5rem;
    --site-footer-nav-gap: 1.625rem;
    --site-footer-link-size: 1.5625rem;
    --site-footer-contacts-gap: 1.75rem;
    --site-footer-contact-gap: 1.125rem;
    --site-footer-contact-text-size: 1.375rem;
    --site-footer-contact-divider-height: 2.625rem;
    --process-section-padding-top: 4.5rem;
    --process-section-padding-bottom: 4.5rem;
    --process-heading-size: 4rem;
    --process-heading-line-height: 4.25rem;
    --process-heading-max-width: 57rem;
    --process-heading-margin-bottom: 2.375rem;
    --process-grid-gap: 1.125rem;
    --process-card-min-height: 14.5rem;
    --process-card-padding-top: 1.625rem;
    --process-card-padding-right: 1.5rem;
    --process-card-padding-bottom: 1.5rem;
    --process-card-padding-left: 1.5rem;
    --process-card-title-max-width: 12rem;
    --process-card-title-size: 1.5rem;
    --process-card-title-offset-bottom: 1.125rem;
    --process-card-text-size: 0.9375rem;
    --process-card-text-line-height: 1.24;
    --process-badge-size: 3.25rem;
    --process-badge-top: 1.0625rem;
    --process-badge-right: 1.0625rem;
    --process-badge-font-size: 1.75rem;
  }
}

@media (min-width: 90rem) {
  :root {
    --site-header-panel-padding-top: 0.9375rem;
    --site-header-panel-padding-right: 1.375rem;
    --site-header-panel-padding-bottom: 0.9375rem;
    --site-header-panel-padding-left: 1.98rem;
    --site-header-panel-gap: 2rem;
    --site-header-logo-width: 13.5625rem;
    --site-header-logo-margin-top: -0.95rem;
    --site-header-logo-margin-right: 1rem;
    --site-header-nav-gap: 1.5rem;
    --site-header-nav-font-size: 0.9703125rem;
    --site-header-nav-icon-size: 1.15rem;
    --site-header-nav-arrow-width: 1.85625rem;
    --site-header-nav-arrow-height: 1.0125rem;
    --site-header-phone-gap: 0.875rem;
    --site-header-phone-font-size: 1.125rem;
    --site-header-phone-icon-size: 2.875rem;
    --site-header-actions-gap: 1.75rem;
    --site-header-cta-min-height: 3.4375rem;
    --site-header-cta-padding-x: 2.25rem;
    --site-header-cta-font-size: 1.0625rem;

    --hero-panel-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
    --hero-panel-padding-top: 2.5rem;
    --hero-panel-padding-bottom: 3.75rem;
    --hero-panel-padding-x: 2.375rem;
    --hero-panel-gap: 3.25rem;
    --hero-content-gap: 2.875rem;
    --hero-content-top-offset: 1.875rem;
    --hero-content-padding-left: 1.25rem;
    --hero-content-padding-right: 6.25rem;
    --hero-title-size: 3.5rem;
    --hero-title-line-height: 5rem;
    --hero-description-offset-top: -1rem;
    --hero-description-size: 1.125rem;
    --hero-button-padding-y: 1.0625rem;
    --hero-button-padding-x: 2.75rem;
    --hero-button-offset-top: 1.4375rem;
    --hero-aside-gap: 1.625rem;
    --hero-aside-max-width: 42.1rem;
    --hero-aside-title-size: 2rem;
    --hero-cards-gap: 0.9375rem;
    --hero-cards-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    --hero-card-project-height: 23.25rem;
    --hero-card-hours-height: 7.75rem;
    --hero-card-services-height: 14.5625rem;
    --hero-card-padding: 1.5rem;
    --hero-card-padding-large: 1.875rem;
    --hero-card-value-xl: 6rem;
    --hero-card-value-lg: 4.25rem;
    --hero-card-project-text-size: 2rem;
    --hero-card-label-width: 9.75rem;
    --hero-card-hours-label-width: 8rem;
    --hero-metric-gap: 0.625rem;
    --hero-metric-padding: 1.5rem;
    --hero-features-section-padding-top: 1.1875rem;
    --hero-features-section-padding-bottom: 3.625rem;
    --hero-features-gap: 1.5rem;
    --hero-features-card-min-height: 9.1875rem;
    --hero-features-card-padding-top: 1.4375rem;
    --hero-features-card-padding-right: 1.125rem;
    --hero-features-card-padding-bottom: 1.375rem;
    --hero-features-card-padding-left: 4.1875rem;
    --hero-features-card-radius: 1.375rem;
    --hero-features-accent-width: 0.5625rem;
    --hero-features-accent-height: 3.8125rem;
    --hero-features-accent-left: 2.125rem;
    --hero-features-card-content-gap: 1.125rem;
    --hero-features-title-size: 1.5rem;
    --hero-features-title-line-height: 1;
    --hero-features-title-max-width: 19rem;
    --hero-features-text-size: 0.9375rem;
    --hero-features-text-line-height: 1.26;
    --hero-features-text-max-width: 16rem;
    --about-section-padding-top: 4.875rem;
    --about-section-padding-bottom: 5.125rem;
    --about-inner-columns: minmax(0, 1.96fr) repeat(3, minmax(0, 1fr));
    --about-row-gap: 2.625rem;
    --about-column-gap: 2.85rem;
    --about-heading-max-width: 58rem;
    --about-heading-size: 3.5rem;
    --about-heading-line-height: 4.375rem;
    --about-badge-width: 22.896875rem;
    --about-badge-min-height: 8.9375rem;
    --about-badge-radius: 1.375rem;
    --about-badge-size: 1.5rem;
    --about-badge-line-height: 1.18;
    --about-badge-padding-x: 3.375rem;
    --about-founder-columns: 14.1875rem minmax(0, 1fr);
    --about-founder-gap: 1.75rem;
    --about-founder-padding: 1.1875rem;
    --about-founder-radius: 1.5rem;
    --about-founder-media-width: 14.1875rem;
    --about-founder-media-height: 18rem;
    --about-founder-title-size: 1.44375rem;
    --about-founder-title-line-height: 0.98;
    --about-founder-text-size: 1rem;
    --about-founder-text-line-height: 1.28;
    --about-founder-link-size: 1rem;
    --about-advantages-gap: 1.75rem;
    --about-advantage-gap: 1rem;
    --about-advantage-title-size: 1.1375rem;
    --about-advantage-title-line-height: 1.04;
    --about-advantage-text-size: 1rem;
    --about-advantage-text-line-height: 1.33;
    --portfolio-section-padding-top: 4.875rem;
    --portfolio-section-padding-bottom: 5rem;
    --portfolio-heading-size: 4.25rem;
    --portfolio-heading-line-height: 1;
    --portfolio-grid-gap: 1.1875rem;
    --portfolio-aside-gap: 1.1875rem;
    --portfolio-row-gap: 1.1875rem;
    --portfolio-card-radius: 1.25rem;
    --portfolio-featured-min-height: 29.75rem;
    --portfolio-card-sm-height: 10.8125rem;
    --portfolio-card-md-height: 16.875rem;
    --portfolio-florissimo-padding: 1.5625rem;
    --portfolio-florissimo-title-size: 1.875rem;
    --portfolio-florissimo-title-line-height: 1.02;
    --portfolio-florissimo-text-size: 1.0625rem;
    --portfolio-florissimo-text-line-height: 1.14;
    --portfolio-link-size: 1rem;
    --portfolio-link-gap: 0.75rem;
    --portfolio-button-min-height: 4rem;
    --portfolio-button-size: 1.0625rem;
    --portfolio-button-margin-top: 1.125rem;
    --pricing-section-padding-top: 4.875rem;
    --pricing-section-padding-bottom: 5rem;
    --pricing-head-gap: 1.875rem;
    --pricing-heading-max-width: 43rem;
    --pricing-note-max-width: 18.75rem;
    --pricing-note-padding-top: 0.875rem;
    --pricing-note-padding-right: 1rem;
    --pricing-note-padding-bottom: 0.875rem;
    --pricing-note-padding-left: 1rem;
    --pricing-note-radius: 1rem;
    --pricing-note-size: 0.9375rem;
    --pricing-note-line-height: 1.16;
    --pricing-head-margin-bottom: 1.8125rem;
    --pricing-grid-gap: 1.3125rem;
    --pricing-card-min-height: 30.875rem;
    --pricing-card-padding-top: 2.3125rem;
    --pricing-card-padding-right: 1.625rem;
    --pricing-card-padding-bottom: 1.6875rem;
    --pricing-card-padding-left: 1.625rem;
    --pricing-card-radius: 1.25rem;
    --pricing-card-title-size: 1.5rem;
    --pricing-card-title-line-height: 1.02;
    --pricing-card-title-max-width: 14rem;
    --pricing-price-margin-top: 2.125rem;
    --pricing-price-padding-y: 0.875rem;
    --pricing-price-padding-x: 1.75rem;
    --pricing-price-size: 1.3125rem;
    --pricing-text-margin-top: 2rem;
    --pricing-text-size: 0.9375rem;
    --pricing-text-line-height: 1.22;
    --pricing-text-max-width: 18.25rem;
    --pricing-meta-size: 1.25rem;
    --pricing-meta-line-height: 1;
    --pricing-link-margin-top: 1.875rem;
    --pricing-link-size: 0.9375rem;
    --pricing-button-margin-top: 2rem;
    --pricing-button-min-height: 3.5625rem;
    --pricing-button-size: 1rem;
    --pricing-button-border: rgba(255, 255, 255, 0.12);
    --support-section-padding-top: 4.875rem;
    --support-section-padding-bottom: 6rem;
    --support-heading-max-width: 53rem;
    --support-heading-margin-bottom: 2.375rem;
    --support-grid-gap: 1rem;
    --support-card-min-height: 33rem;
    --support-card-radius: 1rem;
    --support-card-head-min-height: 5.5rem;
    --support-card-head-padding-top: 1.0625rem;
    --support-card-head-padding-bottom: 0.75rem;
    --support-card-head-padding-x: 1.25rem;
    --support-card-title-size: 1.375rem;
    --support-card-title-line-height: 1;
    --support-card-body-padding-top: 0.9375rem;
    --support-card-body-padding-right: 1.125rem;
    --support-card-body-padding-bottom: 1.95rem;
    --support-card-body-padding-left: 1.125rem;
    --support-card-text-size: 0.875rem;
    --support-card-text-line-height: 1.16;
    --support-card-text-min-height: 4.875rem;
    --support-scale-margin-top: 1.5rem;
    --support-scale-track-height: 0.1875rem;
    --support-scale-thumb-size: 1.3125rem;
    --support-scale-value-size: 0.8125rem;
    --support-price-margin-top: 2.25rem;
    --support-price-size: 1rem;
    --support-meta-margin-top: 2.1rem;
    --support-meta-gap: 0.625rem;
    --support-meta-size: 0.9375rem;
    --support-link-margin-top: 1.625rem;
    --support-link-size: 0.9375rem;
    --support-button-margin-top: 1.75rem;
    --support-button-min-height: 3rem;
    --support-button-size: 0.9375rem;
    --clients-section-padding-top: 4.875rem;
    --clients-section-padding-bottom: 5rem;
    --clients-heading-max-width: 34rem;
    --clients-heading-margin-bottom: 2.125rem;
    --clients-logos-max-width: 106.25rem;
    --reviews-section-padding-top: 4.875rem;
    --reviews-section-padding-bottom: 5rem;
    --reviews-heading-max-width: 30rem;
    --reviews-heading-margin-bottom: 2.125rem;
    --reviews-grid-gap: 1.875rem;
    --reviews-card-radius: 1.25rem;
    --reviews-card-bg: #f1f1f1;
    --reviews-card-padding-top: 2rem;
    --reviews-card-padding-right: 1.75rem;
    --reviews-card-padding-bottom: 2rem;
    --reviews-card-padding-left: 1.75rem;
    --reviews-card-min-height: 19.875rem;
    --reviews-card-featured-min-height: 41.875rem;
    --reviews-title-size: 1.4375rem;
    --reviews-title-line-height: 1.12;
    --reviews-text-size: 0.9375rem;
    --reviews-text-line-height: 1.24;
    --reviews-card-gap: 1.25rem;
    --reviews-link-size: 1rem;
    --reviews-link-line-height: 1.2;
    --reviews-quote-size: 4.75rem;
    --reviews-quote-top: 0.5625rem;
    --reviews-quote-right: 1.25rem;
    --contact-section-padding-top: 5.625rem;
    --contact-section-padding-bottom: 6.25rem;
    --contact-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
    --contact-column-gap: 3.5rem;
    --contact-row-gap: 2rem;
    --contact-title-size: 3.375rem;
    --contact-title-line-height: 3.6875rem;
    --contact-title-max-width: 39rem;
    --contact-text-size: 0.9375rem;
    --contact-text-line-height: 1.34;
    --contact-text-max-width: 85%;
    --contact-intro-gap: 2.375rem;
    --contact-form-gap: 1.5rem;
    --contact-label-size: 1.0625rem;
    --contact-control-min-height: 4.5rem;
    --contact-control-textarea-min-height: 9.5rem;
    --contact-control-radius: 0.75rem;
    --contact-control-padding-x: 1.25rem;
    --contact-control-padding-y: 1rem;
    --contact-control-size: 1rem;
    --contact-checkbox-gap: 0.75rem;
    --contact-checkbox-size: 1rem;
    --contact-checkbox-text-size: 0.9375rem;
    --contact-checkbox-text-line-height: 1.24;
    --contact-button-min-height: 3.75rem;
    --contact-button-min-width: 17.5rem;
    --contact-button-padding-x: 2.5625rem;
    --contact-button-margin-top: 0.75rem;
    --contact-button-size: 1rem;
    --contact-button-radius: 999px;
    --site-footer-padding-top: 3.5625rem;
    --site-footer-padding-bottom: 3.5625rem;
    --site-footer-columns: minmax(0, 0.7fr) minmax(0, 1fr) minmax(0, 0.95fr);
    --site-footer-column-gap: 3.5rem;
    --site-footer-row-gap: 2rem;
    --site-footer-logo-width: 14.0625rem;
    --site-footer-brand-gap: 1.625rem;
    --site-footer-brand-line-width: 9.6875rem;
    --site-footer-copyright-size: 0.875rem;
    --site-footer-nav-column-gap: 4.75rem;
    --site-footer-nav-gap: 2rem;
    --site-footer-link-size: 1.125rem;
    --site-footer-link-line-height: 1.18;
    --site-footer-contacts-gap: 2.25rem;
    --site-footer-contact-gap: 1.375rem;
    --site-footer-contact-icon-size: 1.375rem;
    --site-footer-contact-divider-height: 2.5rem;
    --site-footer-contact-text-size: 0.9375rem;
    --site-footer-contact-text-line-height: 1.3;
    --process-section-padding-top: 5.25rem;
    --process-section-padding-bottom: 5.375rem;
    --process-heading-max-width: 67rem;
    --process-heading-size: 4.25rem;
    --process-heading-line-height: 4.375rem;
    --process-heading-margin-bottom: 3.125rem;
    --process-grid-gap: 1.75rem;
    --process-card-min-height: 13.375rem;
    --process-card-padding-top: 3.25rem;
    --process-card-padding-right: 1.875rem;
    --process-card-padding-bottom: 1.75rem;
    --process-card-padding-left: 1.875rem;
    --process-card-radius: 1.25rem;
    --process-card-title-max-width: 13.5rem;
    --process-card-title-size: 1.375rem;
    --process-card-title-line-height: 1;
    --process-card-title-offset-bottom: 1.1875rem;
    --process-card-list-gap: 0.1875rem;
    --process-card-text-size: 0.9375rem;
    --process-card-text-line-height: 1.22;
    --process-card-bullet-size: 0.1875rem;
    --process-card-bullet-offset-top: 0.5rem;
    --process-badge-size: 3.375rem;
    --process-badge-top: 1.3125rem;
    --process-badge-right: 2rem;
    --process-badge-font-size: 1.75rem;
  }
}

@media (max-width: 48rem) {
  :root {
    --site-header-section-padding-top: 1rem;
    --site-header-section-padding-bottom: 0.75rem;
    --site-header-panel-padding-top: 1.25rem;
    --site-header-panel-padding-right: 1.25rem;
    --site-header-panel-padding-bottom: 1.25rem;
    --site-header-panel-padding-left: 1.25rem;
    --site-header-panel-gap: 1rem;
    --site-header-logo-width: 9.75rem;
    --site-header-nav-gap: 0.875rem;
    --site-header-nav-font-size: 0.9375rem;
    --site-header-nav-line-height: 1.3;
    --site-header-nav-icon-size: 1.0625rem;
    --site-header-phone-gap: 0.75rem;
    --site-header-phone-font-size: 1rem;
    --site-header-phone-icon-size: 2.75rem;
    --site-header-actions-gap: 1rem;
    --site-header-cta-min-height: 3.25rem;
    --site-header-cta-padding-x: 1.625rem;
    --site-header-cta-font-size: 1rem;

    --hero-section-padding-top: 0.875rem;
    --hero-section-padding-bottom: 1.75rem;
    --hero-panel-padding-top: 1.75rem;
    --hero-panel-padding-bottom: 2.25rem;
    --hero-panel-padding-x: 1.25rem;
    --hero-panel-gap: 1.5rem;
    --hero-content-gap: 1.5rem;
    --hero-title-size: 2.5rem;
    --hero-title-line-height: 1.14;
    --hero-description-offset-top: 0;
    --hero-description-size: 1rem;
    --hero-description-line-height: 1.5;
    --hero-button-padding-y: 1rem;
    --hero-button-padding-x: 2rem;
    --hero-button-font-size: 1rem;
    --hero-button-offset-top: 0.25rem;
    --hero-aside-gap: 1.25rem;
    --hero-aside-title-size: 1.875rem;
    --hero-aside-title-line-height: 1.08;
    --hero-cards-gap: 0.875rem;
    --hero-card-padding: 1.125rem;
    --hero-card-padding-large: 1.375rem;
    --hero-card-project-height: 19.5rem;
    --hero-card-hours-height: 8rem;
    --hero-card-services-height: 12.5rem;
    --hero-card-value-xl: 4.75rem;
    --hero-card-value-lg: 3.5rem;
    --hero-card-text-size: 1rem;
    --hero-card-project-text-size: 1.375rem;
    --hero-card-text-line-height: 1.1;
    --hero-card-label-width: 8.5rem;
    --hero-card-hours-label-width: 7rem;
    --hero-metric-gap: 0.625rem;
    --hero-metric-padding: 1.125rem;
  }
}

@media (min-width: 30rem) and (max-width: 48rem) {
  :root {
    --site-header-section-padding-top: 1.125rem;
    --site-header-section-padding-bottom: 0.875rem;
    --site-header-panel-padding-top: 1.5rem;
    --site-header-panel-padding-right: 1.5rem;
    --site-header-panel-padding-bottom: 1.5rem;
    --site-header-panel-padding-left: 1.5rem;
    --site-header-panel-gap: 1.25rem;
    --site-header-logo-width: 10.5rem;
    --site-header-nav-gap: 1rem;
    --site-header-nav-font-size: 1rem;
    --site-header-nav-line-height: 1.35;
    --site-header-nav-icon-size: 1.125rem;
    --site-header-phone-gap: 0.875rem;
    --site-header-phone-font-size: 1.0625rem;
    --site-header-phone-icon-size: 2.875rem;
    --site-header-actions-gap: 1.25rem;
    --site-header-cta-min-height: 3.5rem;
    --site-header-cta-padding-x: 1.875rem;
    --site-header-cta-font-size: 1rem;

    --hero-section-padding-top: 1rem;
    --hero-section-padding-bottom: 2rem;
    --hero-panel-padding-top: 2rem;
    --hero-panel-padding-bottom: 2.625rem;
    --hero-panel-padding-x: 1.5rem;
    --hero-panel-gap: 1.75rem;
    --hero-content-gap: 1.75rem;
    --hero-title-size: 2.875rem;
    --hero-title-line-height: 1.12;
    --hero-description-size: 1.0625rem;
    --hero-description-line-height: 1.55;
    --hero-button-padding-y: 1.0625rem;
    --hero-button-padding-x: 2.25rem;
    --hero-button-font-size: 1.0625rem;
    --hero-button-offset-top: 0.375rem;
    --hero-aside-gap: 1.375rem;
    --hero-aside-title-size: 2.25rem;
    --hero-aside-title-line-height: 1.08;
    --hero-cards-gap: 1rem;
    --hero-card-padding: 1.25rem;
    --hero-card-padding-large: 1.5rem;
    --hero-card-project-height: 22rem;
    --hero-card-hours-height: 9rem;
    --hero-card-services-height: 14rem;
    --hero-card-value-xl: 5.25rem;
    --hero-card-value-lg: 3.75rem;
    --hero-card-text-size: 1.0625rem;
    --hero-card-project-text-size: 1.625rem;
    --hero-card-text-line-height: 1.12;
    --hero-card-label-width: 9rem;
    --hero-card-hours-label-width: 7.5rem;
    --hero-metric-gap: 0.75rem;
    --hero-metric-padding: 1.25rem;
  }
}