/* Copied from storetasker-website/web/public/css/tokens.css by tools/redesign/import-base.mjs.
   Element-level rules skip .st-legacy areas (old page bodies, hire panel); nothing else changed. */
/* Design tokens: brand fonts (@font-face) and :root variables.
   Source: Storetasker Webflow shared stylesheet (storetasker-website.shared.*.min.css, see SRC). */

@font-face {
  font-family:Ppneuemontreal;
  src:url(/assets/fonts/PPNeueMontreal-Bold.woff2)format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:Ppneuemontreal;
  src:url(/assets/fonts/PPNeueMontreal-Medium.woff2)format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family:Ppneuemontreal;
  src:url(/assets/fonts/PPNeueMontreal-Semibold.woff2)format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

:root {
  --_color-system---page--bg:var(--neutral--off-white);
  --_typography---font--primary:neue-haas-grotesk-display,sans-serif;
  --_color-system---text-colour--text:var(--gray--500);
  --_typography---font-weight--primary-medium:600;
  --_typography---h1--font-family:var(--_typography---font--primary);
  --_color-system---text-colour--title:var(--neutral--black);
  --_typography---h1--size:4.75em;
  --_typography---h1--line-height:100%;
  --_typography---h1--weight:var(--_typography---font-weight--primary-medium);
  --_typography---h1--letter-spacing:-2.16px;
  --_typography---h2--font-family:var(--_typography---font--primary);
  --_typography---h2--size:4em;
  --_typography---h2--weight:var(--_typography---font-weight--primary-medium);
  --_typography---h2--letter-spacing:0px;
  --_typography---h3--font-family:var(--_typography---font--primary);
  --_typography---h3--size:3.25em;
  --_typography---h3--line-height:95%;
  --_typography---h3--weight:var(--_typography---font-weight--primary-medium);
  --_typography---h3--letter-spacing:-.52px;
  --_typography---h4--font-family:var(--_typography---font--primary);
  --_typography---h4--size:3em;
  --_typography---h4--line-height:98%;
  --_typography---h4--weight:var(--_typography---font-weight--primary-medium);
  --_typography---h4--letter-spacing:-1px;
  --_typography---h5--font-family:var(--_typography---font--primary);
  --_typography---h5--size:2.5em;
  --_typography---h5--line-height:100%;
  --_typography---h5--weight:var(--_typography---font-weight--primary-medium);
  --_typography---h5--letter-spacing:-.8px;
  --_typography---h6--font-family:var(--_typography---font--secondary);
  --_typography---h6--size:1.25em;
  --_typography---h6--line-height:115%;
  --_typography---h6--weight:var(--_typography---font-weight--secondary-semi-bold);
  --_typography---h6--letter-spacing:-.2px;
  --_typography---t1--font-family:var(--_typography---font--secondary);
  --_typography---t1--size:1.25em;
  --_typography---t1--line-height:115%;
  --_typography---t1--weight:var(--_typography---font-weight--secondary-medium);
  --_typography---t1--letter-spacing:-.2px;
  --black\<deleted\|variable-0b8e3448\>:black;
  --_layout---container--max-width:1440px;
  --_layout---container--margin:2.5em;
  --_layout---grid--gutter:1em;
  --_typography---h0--font-family:var(--_typography---font--primary);
  --_typography---h0--size:10.125em;
  --_typography---h0--line-height:90%;
  --_typography---h0--weight:var(--_typography---font-weight--primary-medium);
  --_typography---h0--letter-spacing:-8.1px;
  --green--100:#af0;
  --neutral--black:black;
  --_typography---t2--font-family:var(--_typography---font--secondary);
  --_typography---t2--size:1.125em;
  --_typography---t2--line-height:120%;
  --_typography---t2--weight:var(--_typography---font-weight--secondary-medium);
  --_typography---t2--letter-spacing:0px;
  --gray--300:#969a8f;
  --_typography---t3--font-family:var(--_typography---font--secondary);
  --_typography---t3--size:1em;
  --_typography---t3--line-height:100%;
  --_typography---t3--weight:var(--_typography---font-weight--secondary-medium);
  --_typography---t3--letter-spacing:0px;
  --gray--200:#b7bbb0;
  --_typography---t4--font-family:var(--_typography---font--secondary);
  --_typography---t4--size:.875em;
  --_typography---t4--line-height:130%;
  --_typography---t4--weight:var(--_typography---font-weight--secondary-medium);
  --_typography---t4--letter-spacing:0px;
  --gray--800:#1b1c1b;
  --gray--500:#565851;
  --_typography---t5--size\<deleted\|variable-649ddfa7-b685-d031-c57c-1b5ed8cb8b04\>:.75em;
  --_typography---t5--line-height\<deleted\|variable-f5b2f28c-a623-73a3-34e0-7551edff7b0f\>:100%;
  --_typography---t5--weight\<deleted\|variable-92fdcc4d-23ec-a62d-f660-88b28814537e\>:var(--_typography---font-weight--secondary-medium);
  --_typography---t5--letter-spacing\<deleted\|variable-9830f3db-d67c-5b3b-e78f-f9dbb6c1a2d5\>:-.24px;
  --_typography---link--size:.85em;
  --_color-system---primary-button--default-bg:var(--green--100);
  --_color-system---primary-button--default-text:var(--neutral--black);
  --_color-system---primary-button--hover-bg:var(--neutral--black);
  --_color-system---primary-button--hover-text:var(--neutral--off-white);
  --_color-system---secondary-button--default-bg:var(--neutral--black);
  --_color-system---secondary-button--default-text:var(--neutral--off-white);
  --_color-system---secondary-button--hover-bg:var(--gray--700);
  --_color-system---secondary-button--hover-text:var(--neutral--off-white);
  --_color-system---tertiary-button--default-bg:var(--gray--50);
  --_color-system---tertiary-button--default-text:var(--neutral--black);
  --_color-system---tertiary-button--hover-bg:var(--gray--100);
  --_color-system---tertiary-button--hover-text:var(--neutral--black);
  --_color-system---newsletter--border:var(--neutral--pure-white);
  --neutral--off-white:#f6f7f4;
  --_layout---corner-radius--full:9999px;
  --gray--50:#e8eae5;
  --gray--100:#d3d7cc;
  --_typography---link--font-family:var(--_typography---font--primary);
  --_typography---link--line-height:100%;
  --_typography---link--weight:var(--_typography---font-weight--primary-medium);
  --_layout---content-wrapper--padding:1.25em;
  --_layout---section-padding--large:9em;
  --_color-system---border--colour:var(--gray--50);
  --_layout---border-width--medium:1px;
  --neutral--pure-white:white;
  --_typography---label--line-height:100%;
  --_typography---link--letter-spacing:.5px;
  --_layout---section-padding--medium:7.5em;
  --_layout---section-padding--xx-small:2em;
  --_typography---label--font-family:var(--_typography---font--secondary);
  --_typography---label--size:.75em;
  --_typography---label--weight:var(--_typography---font-weight--secondary-medium);
  --_typography---label--letter-spacing:.5px;
  --gray--400:#74776e;
  --_layout---section-padding--x-large:10em;
  --_layout---border-width--large:2px;
  --_layout---section-padding--top-page:14em;
  --_typography---font--secondary:Ppneuemontreal,Arial,sans-serif;
  --_typography---font-weight--secondary-medium:500;
  --_layout---section-padding--x-small:4em;
  --_layout---section-padding--small:5em;
  --_layout---corner-radius--medium:.5em;
  --_typography---font-weight--secondary-bold:700;
  --_typography---h2--line-height:100%;
  --gray--25:#f1f3ee;
  --_layout---corner-radius--small:.25em;
  --gray--900:#111;
  --gray--700:#292a28;
  --green--200:#98e300;
  --gray--600:#3a3b38;
  --_typography---font-weight--primary-roman:500;
  --_typography---font-weight--secondary-semi-bold:600;
  --_layout---border-width--small:.5px;
  --_layout---corner-radius--large:1em;
  --_color-system---text-colour--utility:var(--neutral--black);
  --_color-system---text-colour--utility-inverse:var(--neutral--off-white);
}
