:root { --color-white:        #FFFFFF; --color-ink:          #2D383B; --color-navy:         #02122C; --color-orange:       #85C442; --color-green:        #85C442; --color-purple:       #73245C; --color-blue:         #5079BC; --color-deep-purple:  #241F35; --color-slate:        #353D4B; --color-bg-light:     #EDEEEF; --color-gray-300:     #C4C4C4; --color-gray-400:     #959595; --color-placeholder:  #F4F4F4; --color-border:       #898989; --color-bg-light-alt: #EBEBEB; --color-footer-bg:    #414B4E;  --color-brand-green:  #85C442; --color-brand-blue:   #5079BC;  --color-unused-1: #343C4A;
--color-unused-2: #EDEDED;
--color-unused-3: #BF61B4;
--color-unused-4: #EE4E28;
--color-unused-5: #62C3D1;
--color-unused-6: #89A1A9;
--color-unused-7: #12AAAC;
--color-unused-8: #26E9BA; --gradient-navy-radial: radial-gradient(circle, #0E3672 0%, #172A53 50%, #211F34 100%);
--gradient-sunset:      linear-gradient(135deg, #7E1F60 0%, #C43E49 49%, #EE8E41 100%);
--gradient-orange-plum: linear-gradient(135deg, #85C442 0%, #B6534E 50%, #7E185E 100%); --font-display: 'Univia Pro', 'Jost', sans-serif; --font-heading: 'Jost', sans-serif; --font-nav:     'Carbon', 'Jost', sans-serif; --font-body:    'Jost', sans-serif;
--font-fallback:'Arial', Helvetica, sans-serif;   --text-display-size: 64px;
--text-display-line-height: 80px;
--text-display-tracking: -0.02em;
--text-display-transform: uppercase; --text-h2-size: 42px;
--text-h2-line-height: 50px;
--text-h2-tracking: -0.005em;
--text-h2-transform: uppercase;
--text-h2-color: var(--color-purple); --text-stat-size: 52px;
--text-stat-line-height: 55px;
--text-stat-tracking: -0.02em; --text-h3-size: 33px;
--text-h3-line-height: 33px;
--text-h3-tracking: 0em; --text-body-lg-size: 26px;
--text-body-lg-line-height: 33px;
--text-body-lg-tracking: -0.02em; --text-body-size: 20px;
--text-body-line-height: 24px;
--text-body-tracking: 0em; --text-body-sm-size: 18px;
--text-body-sm-line-height: 24px;
--text-body-sm-tracking: 0em; --text-nav-size: 15px;
--text-nav-tracking: 0em;
--text-nav-transform: uppercase;
--text-nav-weight: 500;  --text-nav-alt-size: 17px;
--text-nav-alt-tracking: 0em;
--text-nav-alt-transform: uppercase; --text-button-size: 17px;
--text-button-tracking: 0em;
--text-button-transform: uppercase;
--text-button-weight: 700;  --text-caption-size: 14px;
--text-caption-line-height: 12px; --text-micro-size: 10px;
--text-micro-line-height: 12px;
--text-micro-family: var(--font-fallback); --font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-bold: 700; --grid-canvas-width: 1847px;
--grid-columns: 12;
--grid-gutter: 16px;
--grid-margin: 139px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 29px; --radius-xl: 40px;  --border-width: 1px; } .text-display {
font-family: var(--font-display);
font-weight: var(--font-weight-regular);
font-size: var(--text-display-size);
line-height: var(--text-display-line-height);
letter-spacing: var(--text-display-tracking);
text-transform: var(--text-display-transform);
}
.text-h2 {
font-family: var(--font-display);
font-weight: var(--font-weight-regular);
font-size: var(--text-h2-size);
line-height: var(--text-h2-line-height);
letter-spacing: var(--text-h2-tracking);
text-transform: var(--text-h2-transform);
color: var(--text-h2-color);
}
.text-stat {
font-family: var(--font-heading);
font-weight: var(--font-weight-regular);
font-size: var(--text-stat-size);
line-height: var(--text-stat-line-height);
letter-spacing: var(--text-stat-tracking);
}
.text-h3 {
font-family: var(--font-heading);
font-weight: var(--font-weight-bold);
font-size: var(--text-h3-size);
line-height: var(--text-h3-line-height);
letter-spacing: var(--text-h3-tracking);
}
.text-body-lg {
font-family: var(--font-body);
font-weight: var(--font-weight-regular);
font-size: var(--text-body-lg-size);
line-height: var(--text-body-lg-line-height);
letter-spacing: var(--text-body-lg-tracking);
}
.text-body {
font-family: var(--font-body);
font-weight: var(--font-weight-regular);
font-size: var(--text-body-size);
line-height: var(--text-body-line-height);
}
.text-body-sm {
font-family: var(--font-body);
font-weight: var(--font-weight-regular);
font-size: var(--text-body-sm-size);
line-height: var(--text-body-sm-line-height);
} .text-nav {
font-family: var(--font-nav);
font-weight: var(--text-nav-weight);
font-size: var(--text-nav-size);
line-height: normal;
letter-spacing: var(--text-nav-tracking);
text-transform: var(--text-nav-transform);
}
.text-nav-alt {
font-family: var(--font-nav);
font-weight: var(--font-weight-bold);
font-size: var(--text-nav-alt-size);
line-height: normal;
text-transform: var(--text-nav-alt-transform);
}
.text-button {
font-family: var(--font-body);
font-weight: var(--text-button-weight);
font-size: var(--text-button-size);
line-height: normal;
text-transform: var(--text-button-transform);
}
.text-caption {
font-family: var(--font-body);
font-weight: var(--font-weight-regular);
font-size: var(--text-caption-size);
line-height: var(--text-caption-line-height);
}
.text-micro {
font-family: var(--text-micro-family);
font-weight: var(--font-weight-regular);
font-size: var(--text-micro-size);
line-height: var(--text-micro-line-height);
}