/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Layer order
Tailwind (see ./tailwind.css) declares its own theme/base/components/utilities
layers. CSS cascade layers are priority-ordered by declaration order here,
NOT by specificity - a rule in a later-declared layer always beats one in an
earlier layer, no matter how specific the earlier rule's selector is. So the
order below is deliberate:
  theme (design tokens, doesn't compete) <
  base (Tailwind's Preflight reset - *, margin:0 etc. - must be lowest
    priority ACTUAL styling layer, since it's meant to be a foundation
    everything else overrides, not something to fight) <
  legacy (hand-written CSS for markup HubSpot itself generates - drag-and-drop
    areas, default modules, native forms - plus components not yet migrated
    to Tailwind; overrides the reset, same as any component CSS should) <
  components, utilities (Tailwind's own - deliberate per-element overrides
    always win over both the reset and legacy CSS)
Putting "legacy" before "base" was an earlier mistake here: it made Preflight's
blanket reset beat legacy's specific selectors (e.g. .dnd-section > .row-fluid's
margin: 0 auto losing to *'s margin: 0), which defeats legacy CSS entirely
regardless of specificity. Legacy needs to sit ABOVE base, not below it.
*/

@layer theme, base, legacy, components, utilities;

@layer legacy {

  /* Objects
  Non-cosmetic design patterns. .row-fluid / .dnd-section / .dnd-column are
  classes HubSpot's own drag-and-drop areas generate.
  */

  

/* CSS variables */

:root {
  --column-gap: 2.13%;
  --column-width-multiplier: 8.333;
}

/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}


  .row-fluid .span1,
  .row-fluid .span2,
  .row-fluid .span3,
  .row-fluid .span4,
  .row-fluid .span5,
  .row-fluid .span6,
  .row-fluid .span7,
  .row-fluid .span8,
  .row-fluid .span9,
  .row-fluid .span10,
  .row-fluid .span11,
  .row-fluid .span12{
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  
    .row-fluid .span1 {
      width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span2 {
      width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span3 {
      width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span4 {
      width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span5 {
      width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span6 {
      width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span7 {
      width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span8 {
      width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span9 {
      width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span10 {
      width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100));
    }
  
    .row-fluid .span11 {
      width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100));
    }
  
}

/* sections/heading-content.html (span5/span7) wraps its heading/eyebrow and
body copy columns awkwardly between the theme's single "mobile" breakpoint
(768px, above) and full desktop width - HubSpot's dnd system only supports
one configurable breakpoint (theme.json's "mobile"), so a wider, section-
specific stacking point has to be done as a plain CSS override here instead.
Scoped with :has() to rows actually containing a .span5/.span7 pair, so it
doesn't affect any other section's column widths at this range. */

@media (min-width: 768px) and (max-width: 968px) {
  .row-fluid:has(.span5, .span7) {
    flex-wrap: wrap;
  }

  .row-fluid:has(.span5, .span7) .span5,
  .row-fluid:has(.span5, .span7) .span7 {
    width: 100%;
  }
}
  .content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

  /* Elements
  Base HTML elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
  */

  /* The overflow-wrap is meant to prevent long/large words from breaking the mobile responsiveness of a page (e.g. horizontal scrolling). It is preferred to reduce font sizes on mobile to address this, with this CSS specifically helping with extreme scenarios where a reduction in font size is not possible. */

body {
  line-height: 1.4;
  overflow-wrap: break-word;
}

/* Handles word breaking for a few specific languages which handle breaks in words differently. If your content is not translated into these languages, you can safely remove this.  */

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  overflow-wrap: normal;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

/* Anchors */

a {
  cursor: pointer;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.4rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 0.7rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
}
  button,
.button,
.hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

/* No button */

.no-button,
.no-button:hover,
.no-button:focus,
.no-button:active {
  background: none;
  border: none;
  border-radius: 0;
  color: initial;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin-bottom: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  transition: none;
}
  /* Card wrapper - Figma node 4220:40830 ("Form example"), the site's
   standard form treatment: a white, light-blue-bordered, rounded card
   around every native HubSpot form on a themed page. Not hardcoded here -
   `theme.forms.form.*` in fields.json already exists as the theme-editable
   mechanism for exactly this (background/border/corner/spacing), applied
   via `form, .submitted-message {...}` in theme-overrides.css. Its
   defaults were unused boilerplate placeholders (border-style "none", 0
   radius, 0 padding) - bumped to the Figma values there instead of adding
   a second, competing hardcoded rule here. */

/* Fields */

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Two-column rows (e.g. First name / Last name) - confirmed live via the
   rendered DOM that HubSpot's own default form CSS puts an 8px
   margin-right on every field's .input wrapper, not something set
   anywhere in this theme. Two adjacent .hs-form-field wrappers in a
   `.form-columns-2` row actually touch with zero gap between them - that
   8px margin was the entire visible "gap" between two-column fields, and
   it's also why a full-width field (e.g. Email) fell 8px short of
   matching a two-column row's combined width, making rows look
   misaligned. Removing it uniformly and switching to flex with a real
   `gap` fixes both: two-column fields split evenly with a deliberate
   20px gap (Figma's own `gap-[20px]` for this row), and every field
   wrapper - one column or two - now spans the exact same total width. */

form .hs-form-field .input {
  margin-right: 0 !important;
}

form fieldset.form-columns-2 {
  display: flex;
  gap: 20px;
}

form fieldset.form-columns-2 > .hs-form-field {
  float: none;
  width: auto;
  flex: 1 1 0;
}

/* Labels - Figma node 4220:40830 specs 12px, but the user found that too
   small in practice; bumped to 14px (matching the input text's own size)
   as a deliberate deviation from the design file. */

form label {
  color: var(--hs-color-primary);
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs - Figma node 4220:40830: off-white fill, light-blue border, 4px
   radius, 10px padding. `.hs-input` is the class HubSpot applies to every
   real field (text/email/select/textarea alike), so it's the more precise
   selector for the shared look; the `form input[type=...]`/`form select`/
   `form textarea` list stays for the sizing rules that predate it. */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

.hs-input {
  background-color: #fafbfc;
  border: 1px solid var(--hs-color-secondary);
  border-radius: 4px;
  color: var(--hs-color-primary);
  padding: 10px;
}

/* HubSpot's own per-form default stylesheet (scoped by form GUID, e.g.
   `.hs-form-<guid> fieldset.form-columns-1 .hs-input { width: 95% }`) is
   unlayered - it beats this @layer legacy rule regardless of selector
   specificity, same trap the .form-columns-2 margin-right fix above
   already works around. !important is required to win. Scoped to exclude
   checkbox/radio - `.hs-input` is shared by every real field including
   those, and a bare `.hs-input { width: 100% !important }` stretched
   checkboxes to fill the row instead of staying a fixed 14px box (see
   the checkbox rule below). */

.hs-input:not([type=checkbox]):not([type=radio]) {
  width: 100% !important;
}

.hs-input::placeholder {
  color: #aaa;
}

form textarea {
  resize: vertical;
}

/* Inputs - select dropdown */

form select.hs-input {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 8l5 5 5-5' stroke='%23335CA7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-right: 40px;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
}

/* Figma node 4220:40830: a plain 14x14px square box, white fill, light-blue
   border - appearance:none strips the native checkbox look so these values
   apply consistently across browsers; the checkmark is drawn with ::before
   (valid here specifically because appearance:none makes the input a normal
   styleable box), shown only once :checked. */

/* padding/box-sizing/width/height need !important (fixed 2026-10-01): the
   shared `.hs-input` rule's 10px padding also hit checkboxes, and HubSpot's
   unlayered per-form CSS sets `width: auto`, so the box rendered 22px while
   the tick stayed sized for 14px. Confirmed live on /sales-enquiries. */

form input[type=checkbox] {
  appearance: none;
  background-color: #fff;
  border: 1px solid var(--hs-color-light-blue, #8bb8eb);
  border-radius: 0;
  box-sizing: border-box !important;
  flex-shrink: 0;
  height: 14px !important;
  padding: 0 !important;
  position: relative;
  width: 14px !important;
}

form input[type=checkbox]:checked {
  background-color: var(--hs-color-primary);
  border-color: var(--hs-color-primary);
}

form input[type=checkbox]:checked::before {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg);
  width: 3px;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR - Figma node 4220:40830: legal/consent copy is smaller (11px) than
   the rest of the form's body text. */

.legal-consent-container,
.legal-consent-container p {
  color: var(--hs-color-primary);
  font-size: 0.6875rem;
}

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: var(--hs-color-error);
}

.hs-input.invalid.error {
  border-color: var(--hs-color-error);
}

.hs-error-msg {
  color: var(--hs-color-error);
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

/* Captcha - `.hs_recaptcha` (the badge's own field wrapper) renders as a
   full-width block directly before `.hs_submit`, both direct children of
   <form> - confirmed live (General Enquiries sandbox page), the badge is
   static-positioned (not Google's usual fixed corner badge) and simply
   stacks above the submit row. A 2-column grid on the form itself pulls
   these two specific children into one shared row without touching any
   HubSpot-generated fieldset/field markup: `form > *` defaults every
   direct child (fieldsets, hidden fields, etc.) back to spanning the full
   row, then `.hs_submit`/`.hs_recaptcha` are carved out into column 1/2.
   Scoped with `:has()` to forms that actually have a recaptcha field, so
   every other form's layout is untouched.

   Both override rules must repeat the `form:has(> .hs_recaptcha)` prefix -
   a bare `.hs_recaptcha { grid-column: 2 }` has lower specificity than the
   `form:has(...) > *` rule above and silently loses, leaving the field
   spanning the full row (confirmed live: it visually looked right-aligned
   either way, since `justify-self: end` pushes to the row's right edge
   regardless of span - only checking computed `grid-column` on the sandbox
   page caught it). `order` is required too: CSS Grid auto-placement's
   cursor advances forward through DOM order and won't backtrack to an
   earlier column in the same row - since `.hs_recaptcha` (column 2) comes
   before `.hs_submit` (column 1) in the DOM, without `order` the cursor
   passes column 1 while placing the recaptcha field first, forcing the
   submit row onto a new line. Giving `.hs_submit` the lower `order`
   processes it first regardless of DOM position, matching the intended
   left-to-right column order. Verified live via getBoundingClientRect -
   both end up on the same row, badge flush with the form's right edge,
   submit button unmoved on the left; existing `.form-columns-2` two-field
   rows unaffected. */

form:has(> .hs_recaptcha) {
  align-items: center;
  column-gap: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
}

form:has(> .hs_recaptcha) > * {
  grid-column: 1 / -1;
}

form:has(> .hs_recaptcha) .hs_submit {
  grid-column: 1;
  order: 1;
}

form:has(> .hs_recaptcha) .hs_recaptcha {
  grid-column: 2;
  justify-self: end;
  order: 2;
}

/* Badge (60px) is taller than the submit button (~52px); align-items:
   center on the grid row leaves it a few px above the button rather than
   sitting flush with it. A small top nudge lines them up visually. */

.grecaptcha-badge {
  margin-top: 2rem;
}

/* HubSpot "Forms Core" (hsfc-*) - a newer, React-rendered form engine that
   ships a completely different DOM/class structure to the classic
   `.hs-input`/`.hs-form-field` markup every rule above targets - confirmed
   live (2026-09-23) via a Content Staging clone whose form embed rendered
   `hsfc-TextInput`/`hsfc-CheckboxInput`/etc instead of `hs-input`, while an
   existing live page's form (still on the old theme) rendered classic
   markup for the exact same underlying HubSpot form object. Not something
   this theme opted into - HubSpot appears to default newly re-embedded
   forms to Forms Core - so both class sets need covering for now. Forms
   Core is not Shadow DOM (confirmed via getRootNode()), so it's plain-CSS
   targetable, but it ships its own unlayered default stylesheet the same
   way classic forms' per-form GUID stylesheet does - every rule below
   needed `!important` to win, confirmed empirically live before writing
   any of it (same debugging convention as the reCAPTCHA/width fixes
   above), not assumed from the classic rules' own (mostly !important-free)
   pattern.

   Only the field types actually present in the form checked live (text,
   email, checkbox, the DataPrivacyField consent block, the submit button
   in theme-overrides.css) are mapped. Forms Core's class names for
   select/textarea/file/date/radio fields haven't been confirmed against a
   real example yet - add them here, verified live the same way, the first
   time a staged page actually uses one of those field types. */

.hsfc-FieldLabel {
  color: var(--hs-color-primary) !important;
  font-size: 0.875rem !important;
  margin-bottom: 0.35rem !important;
}

.hsfc-FieldLabel__RequiredIndicator {
  color: var(--hs-color-error) !important;
}

.hsfc-TextInput {
  background-color: #fafbfc !important;
  border: 1px solid var(--hs-color-secondary) !important;
  border-radius: 4px !important;
  color: var(--hs-color-primary) !important;
  font-size: 0.875rem !important;
  padding: 10px !important;
  width: 100% !important;
}

.hsfc-TextInput::placeholder {
  color: #aaa;
}

/* Figma node 4220:40830: the same plain 14x14px square box as the classic
   checkbox rule above. `padding: 0`/`box-sizing: border-box` are required
   here even though the classic rule needs neither - Forms Core's own
   default checkbox padding (8px) doesn't get reset by `width`/`height`
   alone the way classic `form input[type=checkbox]`'s zero default padding
   does, confirmed live by the box still rendering 18px square without it. */

.hsfc-CheckboxInput {
  appearance: none !important;
  background-color: #fff !important;
  border: 1px solid var(--hs-color-light-blue, #8bb8eb) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  height: 14px !important;
  margin-right: 0.5rem !important;
  padding: 0 !important;
  position: relative !important;
  width: 14px !important;
}

.hsfc-CheckboxInput:checked {
  background-color: var(--hs-color-primary) !important;
  border-color: var(--hs-color-primary) !important;
}

.hsfc-CheckboxInput:checked::before {
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  content: "" !important;
  height: 7px !important;
  left: 4px !important;
  position: absolute !important;
  top: 1px !important;
  transform: rotate(45deg) !important;
  width: 3px !important;
}

/* GDPR/consent copy - Forms Core's equivalent of `.legal-consent-container`
   above. Scoped to `.hsfc-DataPrivacyField` specifically (not a bare
   `.hsfc-RichText`), matching the classic rule's own scoping, since
   `.hsfc-RichText` is Forms Core's generic rich-text block class and could
   appear elsewhere in a form with a different sizing intent. */

.hsfc-DataPrivacyField .hsfc-RichText {
  color: var(--hs-color-primary) !important;
  font-size: 0.6875rem !important;
}

/* Submit button alignment - Forms Core's own default centres the button
   (`.hsfc-NavigationRow__Buttons` is `display: flex; justify-content:
   center` out of the box, confirmed live 2026-09-23), unlike classic
   forms where the submit button sits left-aligned in normal block flow
   with no extra wrapper to override. Per explicit user request. */

.hsfc-NavigationRow__Buttons {
  justify-content: flex-start !important;
}

/* reCAPTCHA badge shares the submit button's row, right-aligned - the
   Forms Core equivalent of the classic `form:has(> .hs_recaptcha)` grid
   fix above, per the same explicit user request applied to this renderer.
   In Forms Core the reCAPTCHA field and the submit button are NOT
   siblings-in-a-shared-row the way `.hs_recaptcha`/`.hs_submit` are in
   classic forms - both are separate `.hsfc-Row`/`.hsfc-NavigationRow`
   children of `.hsfc-Step__Content`, confirmed live via
   `stepContent.children` (six plain `.hsfc-Row`s, one of which contains
   `.hsfc-ReCaptchaV2`, then `.hsfc-NavigationRow` last) - so the grid has
   to be applied one level higher, on `.hsfc-Step__Content` itself, not on
   a `form` wrapper. Same recipe as the classic fix otherwise: every child
   defaults to spanning the full row (`grid-column: 1 / -1`) so the other
   field rows stack exactly as before, then only the reCAPTCHA row and the
   NavigationRow are pulled into columns 2/1 of one shared row. `order` is
   required for the same reason documented on the classic fix - the
   reCAPTCHA row precedes the NavigationRow in DOM order, and CSS Grid
   auto-placement won't backtrack to an earlier column once its cursor has
   advanced past it. Scoped with `:has(.hsfc-ReCaptchaV2)` throughout so a
   form with no reCAPTCHA field is completely unaffected. */

.hsfc-Step__Content:has(.hsfc-ReCaptchaV2) {
  align-items: center !important;
  column-gap: 20px !important;
  display: grid !important;
  grid-template-columns: auto 1fr !important;
}

.hsfc-Step__Content:has(.hsfc-ReCaptchaV2) > * {
  grid-column: 1 / -1 !important;
}

.hsfc-Step__Content:has(.hsfc-ReCaptchaV2) > .hsfc-NavigationRow {
  grid-column: 1 !important;
  order: 1 !important;
}

.hsfc-Step__Content:has(.hsfc-ReCaptchaV2) > .hsfc-Row:has(.hsfc-ReCaptchaV2) {
  grid-column: 2 !important;
  justify-self: end !important;
  order: 2 !important;
}

/* Two follow-up fixes, found via the user's own screenshot of the grid
   above: `justify-self: end` on the reCAPTCHA row only pushes that row's
   own box to the grid cell's right edge - `.hsfc-ReCaptchaV2` fills that
   entire cell (confirmed live: its own `getBoundingClientRect()` matched
   the row's exactly), but the actual Google-rendered `.grecaptcha-badge`
   widget inside it stays left-aligned in normal block flow, so it visually
   sat right next to the submit button instead of at the card's right edge.
   Fixed by making `.hsfc-ReCaptchaV2` itself a right-aligned flex
   container. Second, `align-items: center` on the outer grid centers the
   reCAPTCHA row and the taller `.hsfc-NavigationRow` (which has its own
   empty `.hsfc-NavigationRow__Alerts` sibling above the actual button,
   adding invisible height the reCAPTCHA row doesn't have) around a shared
   midline, leaving the badge sitting visibly higher than the button rather
   than level with it - the same class of mismatch the classic form fix
   above solved with a `margin-top` nudge on `.grecaptcha-badge`, just a
   bigger offset here since Forms Core's extra empty Alerts element pushes
   the button down further within its own row. `4.5rem` was arrived at
   empirically (tested live via injected CSS, checking
   `getBoundingClientRect()` after each attempt, not guessed) - it lines
   the badge's bottom edge up with the button's bottom edge almost exactly
   (confirmed to within 0.2px). */

.hsfc-ReCaptchaV2 {
  display: flex !important;
  justify-content: flex-end !important;
}

.hsfc-Step__Content:has(.hsfc-ReCaptchaV2) .grecaptcha-badge {
  margin-top: 4.5rem !important;
}


  /* Search button input field and suggestions */
  .body-container-wrapper .hs-search-field__button {
    padding: 15px;
  }

  .body-container-wrapper .hs-search-field__bar--button-inline .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .body-container-wrapper .hs-search-field__button svg {
    height: 15px;
    fill: #fff;
  }

  .body-container-wrapper .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }

  .body-container-wrapper .hs-search-field__suggestions li a {
    color: var(--hs-color-primary);
    padding: 0.35rem 0.7rem;
    text-decoration: none;
    transition: background-color 0.3s;
  }

  /* Table */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}
  ul {
  list-style: disc;
  padding: 0 0 0 20px;
  li {
    margin: 0 0 10px 0;
  }
}

ol {
  list-style: decimal;
  padding: 0 0 0 20px;
  li {
    margin: 0 0 10px 0;
  }
}
  /* Components
  .hs_cos_wrapper_type_* and .hs-menu-wrapper target HubSpot's own default
  module markup; _header.css is our own component, kept here until migrated.
  */

  /* Header DND sections */

.header .dnd-section {
  padding: 0;
}

/* Header container */

.header__container {
  display: flex;
  justify-content: space-between;
}

.header__row-1 {
  padding-top: 1rem;
}

.header__row-1,
.header__row-2 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

@media (max-width: 1150px) and (min-width: 767px) {
  .header__column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .header__container {
    flex-direction: column;
    padding: 1rem 0 0;
  }

  .header__column {
    position: relative;
  }

  .header__row-1 {
    padding-top: 0;
  }

  .header__row-2 {
    justify-content: center;
    padding: 1.05rem;
  }
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:hover,
.header__skip:focus,
.header__skip:active {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  align-items: center;
  display: flex;
  height: auto;
  margin-right: auto;
  max-width: 200px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .header__logo {
    margin: 0 auto;
    width: 100%;
  }
}

.header__logo img {
  max-width: 100%;
}

.header__logo .logo-company-name {
  font-size: 1.167rem;
  margin-top: 0.7rem;
}

.header__logo--main {
  padding-top: 1rem;
}

/* Search bar */

.header__search {
  padding: 0 1rem;
  width: auto;
}



  .hs-search-field__form {
    position: relative;
  }

  .header__search .hs-search-field__label {
    flex-basis: auto;
  }



.header__search .hs-search-field__input {
  
  height: 45px;
  padding: 0 0.7rem;
}



  .header__search .hs-search-field__button {
    padding: 0;
    fill: #000;
    background-color: transparent;
    border: none;
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .header__search .hs-search-field__button svg {
    height: 25px;
  }


.header__search .hs-search-field--open .hs-search-field__input {
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  max-width: 100%;
}

.header__search .hs-search-field--open .hs-search-field__suggestions {
  background-color: #FFF;
  border: 2px solid #D1D6DC;
  border-radius: 0 0 6px 6px;
  border-top-width: 1px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.header__search .hs-search-field__suggestions li {
  border-top: 1px solid #D1D6DC;
  font-size: 0.875rem;
}

.header__search .hs-search-field__suggestions li a {
  color: var(--hs-color-primary);
  padding: 0.35rem 0.7rem;
  text-decoration: none;
  transition: background-color 0.3s;
}

.header__search .hs-search-field__suggestions #results-for {
  display: none;
}

@media (min-width: 767px) {
  .header__search form {
    align-items: center;
    display: flex;
    flex-direction: row;
  }

  .header__search label {
    margin: 0 1rem 0 0;
  }

  .header__search .hs-search-field__input {
    width: auto;
  }
}

@media (max-width: 767px) {
  .header__search {
    border-top: 2px solid #CED4DB;
    order: 1;
    padding: 1.05rem;
  }
}

/* Language switcher */

.header__language-switcher {
  cursor: pointer;
  padding-right: 1.4rem;
}

.header__language-switcher .lang_switcher_class {
  position: static;
}

.header__language-switcher .lang_list_class {
  border: 2px solid;
  border-radius: 3px;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
  display: block;
  left: calc(100% - 24px);
  opacity: 0;
  min-width: 100px;
  padding-top: 0;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s;
  visibility: hidden;
}

.header__language-switcher:hover .lang_list_class,
.header__language-switcher:focus .lang_list_class {
  opacity: 1;
  transition: opacity 0.3s;
  visibility: visible;
}

.header__language-switcher .lang_list_class:before {
  left: 70%;
  top: -25px;
}

.header__language-switcher .lang_list_class:after {
  left: 70%;
  top: -22px;
}

.header__language-switcher .lang_list_class.first-active::after {
  top: -22px;
  transition: 0.3s;
}

.header__language-switcher .lang_list_class li {
  border: none;
  font-size: 18px;
  padding: 0.35rem 0.7rem;
}

.header__language-switcher .lang_list_class li:first-child {
  border-radius: 6px 6px 0 0;
  border-top: none;
}

.header__language-switcher .lang_list_class li:last-child {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
}

.header__language-switcher .lang_list_class li:hover {
  transition: background-color 0.3s;
}

.header__language-switcher--label {
  display: flex;
  position: relative;
}

.header__language-switcher--label-current {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  margin-bottom: 0.175rem;
  margin-left: 0.7rem;
}

.header__language-switcher--label-current:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid var(--hs-color-primary);
  content: "";
  display: block;
  height: 0px;
  margin-left: 0.7rem;
  margin-top: 0.175rem;
  width: 0px;
}

@media (max-width: 767px) {
  .header__language-switcher {
    border-top: 2px solid #CED4DB;
    padding-left: 1.05rem;
    padding-right: 0;
  }

  .header__language-switcher .lang_list_class {
    border: none;
    box-shadow: unset;
    display: block;
    left: 30px;
    opacity: 1;
    padding: 0 1.05rem;
    top: 0;
    visibility: visible;
  }

  .header__language-switcher .lang_list_class li {
    background-color: inherit;
    font-size: 0.917rem;
  }

  .header__language-switcher--label-current {
    display: none;
  }

  .header__language-switcher .globe_class {
    background-image: none;
  }

  .header__language-switcher .lang_list_class li:hover{
    background-color: inherit;
  }

  .header__language-switcher .lang_list_class:before,
  .header__language-switcher .lang_list_class:after {
    content: none;
  }}

/* Navigation */

#nav-toggle {
  display: none;
}

/* Mobile toggles */

@media (max-width: 767px) {
  .header__navigation,
  .header__search,
  .header__language-switcher {
    display: none;
    width: 100%;
  }

  .header__navigation.open,
  .header__search.open,
  .header__language-switcher.open {
    background-color: var(--hs-color-secondary);
    display: block;
    left: 0;
    min-height: calc(100vh - 115px);
    position: absolute;
    right: 0;
    top: 75px;
    z-index: 2;
  }

  .header__navigation--toggle,
  .header__search--toggle,
  .header__language-switcher--toggle,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation--toggle.hide,
  .header__search--toggle.hide,
  .header__language-switcher--toggle.hide {
    display: none;
  }

  .header__navigation--toggle.open,
  .header__search--toggle.open,
  .header__language-switcher--toggle.open {
    display: block;
    margin-left: 0;
    margin-right: auto;
  }

  .header__navigation--toggle:after,
  .header__search--toggle:after,
  .header__language-switcher--toggle:after {
    display: none;
    font-size: 1.083rem;
    font-weight: 600;
    position: absolute;
    left: 40px;
    text-transform: uppercase;
    top: -10px;
  }

  .header__navigation--toggle.open:after,
  .header__search--toggle.open:after,
  .header__language-switcher--toggle.open:after {
    display: block;
    word-break: normal;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle:after {
    content: "Menu";
  }

  .header__language-switcher--toggle {
    background-image: url(//static.hsappstatic.net/cos-LanguageSwitcher/static-1.1/img/globe.png);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__language-switcher--toggle:after {
    content: "Language";
  }

  .header__search--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+);
    background-size: cover;
    height: 25px;
    width: 25px;
  }

  .header__search--toggle:after {
    content: "Search";
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin-right: 0;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
  }
}
  /* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}
  @layer legacy {
  /* .tabs__list/.tabs__tab/.tabs__panel are our own component, not
  HubSpot-generated markup - kept here (not in objects/_layout.css, which
  is specifically the .row-fluid/.span* grid HubSpot's own dnd system
  generates) because this is a new theme-authored component, same category
  as _header.css.

  HubSpot's own "insert predefined section" hydration only attaches a
  widget to a dnd_row/dnd_column/dnd_module when that tag is a direct,
  unwrapped child of its parent - confirmed by comparing against every
  other section in this repo, all of which have zero custom HTML wrapped
  directly around any dnd_row/dnd_column/dnd_module. sections/tabs.html
  originally wrapped its tab labels in a <button> and its panels in a
  <div role="tabpanel">, and both silently rendered as empty
  "Drop modules here" cells with no error - not a CSS problem, but the
  reason this file's classes are now applied entirely by js/tabs.js at
  runtime (see that file's own top-of-function comment) rather than
  authored as literal HTML classes: dnd_column takes no "class" parameter,
  so there is nowhere in the HubL source left to put them. `.tabs__list`
  is added directly to the tab row's own real .row-fluid element (not a
  wrapping div, which used to exist here and would reintroduce the same
  hydration bug); `.tabs__tab`/`.tabs__panel` mostly just need the Tailwind
  utility classes js/tabs.js already assigns inline, but a few things
  (scrollbar hiding, sizing overrides on HubSpot's own generated .span2)
  still need real CSS since Tailwind can't reach them via a class alone. */

  .tabs__list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  /* Hide the native scrollbar without disabling touch or keyboard scrolling. */
  .tabs__list::-webkit-scrollbar { display: none; }

  /* Base gap between the tab bar and the active panel for every tabs
  variant (plain Tabs previously had none, so panel content touched the
  bar). The variant rules below override it. */
  .tabs-component > .row-fluid > .dnd-column > .dnd-row:first-child {
    margin-bottom: 40px;
  }

  /* The :has fallback also covers flexible-content sections already inserted
     before the section-specific class was added. */
  .tabs-component:is(.tabs-component--flexible-content, :has(.flexible-image)) > .row-fluid > .dnd-column > .dnd-row:first-child {
    margin-bottom: 80px;
  }

  /* text-media (sections/tabs-text-media.html) gets its own, smaller gap -
  half the other tabs variants' 80px, per explicit user request - rather
  than sharing their rule above. */
  .tabs-component--text-media > .row-fluid > .dnd-column > .dnd-row:first-child {
    margin-bottom: 40px;
  }

  /* Each tab is its own dnd_column (see sections/tabs.html) so it's
  independently deletable in the page editor, matching how each panel is
  its own dnd_row - but dnd_column has no "class" parameter, so Tailwind
  utilities can't be applied to the column itself. This replaces
  HubSpot's default .span2 percentage width (from objects/_layout.css's
  generated .row-fluid .spanN rules) with equal-fill flex sizing and a
  160px floor, so however many tabs remain (after an editor deletes one)
  share .tabs__list's width evenly, and the row scrolls instead of
  shrinking text below that floor. Only .tabs__list's own direct children
  are targeted (not a broad :has() match), so this can't leak into a
  .span2 an editor creates elsewhere, e.g. inside a panel's own free
  content. */
  .tabs__list > .span2,
  .tabs__list > .span3,
  .tabs__list > .span4 {
    flex: 1 1 0;
    width: auto;
    min-width: 160px;
  }

  /* tabs-component--text-media (sections/tabs-text-media.html): each panel's
  Figma reference is a full-bleed dark section (#052039, ENSEK Dark Blue,
  the same literal hex expanding-hero-tiles.module already uses for its own
  dark hero treatment), while the tab bar above it sits on the page's own
  light background - one dnd_section can only take a single
  background_color, and dnd_column/dnd_row take no class param to paint a
  narrower background on just the active panel. Painted instead via a
  ::before on .tabs__panel (the class js/tabs.js already adds to each panel
  at runtime) sized to the viewport and centered under it, the same
  left-1/2/w-screen/-translate-x-1/2 full-bleed technique already used by
  accent-bar.module and image-carousel.module - so the panel's own content
  keeps the section's normal 1280px container width while only the
  background bleeds edge to edge. The panel's own 60px/32px vertical
  padding (Figma's padding-section/small token, halved on mobile) is set
  via each panel dnd_column's own `padding=` HubL param instead of a CSS
  rule here - HubSpot's dnd_column always emits its own inline gutter
  (even with no `padding=` passed), and an inline style always wins over
  anything in an external stylesheet regardless of `@layer` order, so a
  CSS padding-top/bottom rule here would have been silently overridden.
  This still wraps the tab bar and the active panel as a whole inside the
  section's own 80px/48px outer spacing.

  `position: relative` alone does NOT create a new stacking context - only
  `position: relative` combined with an explicit `z-index` does. Without
  one, `::before`'s `z-index: -1` escapes .tabs__panel's own box entirely
  and stacks against whatever the nearest ANCESTOR stacking context is -
  which can put the dark background behind an opaque ancestor background
  (e.g. the page background) instead of just behind this panel's own
  content, hiding it completely. Found live: the background disappeared
  after re-inserting the section to pick up the padding fix above, once
  HubSpot's own generated per-instance padding styling changed the
  ancestor chain enough to expose this. `z-index: 0` traps the ::before
  inside .tabs__panel's own local stacking context, so it always paints
  just behind this panel's own sibling content and never against anything
  outside it, regardless of what ancestor markup HubSpot generates. */
  .tabs-component--text-media .tabs__panel {
    position: relative;
    z-index: 0;
  }

  .tabs-component--text-media .tabs__panel::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background-color: #052039;
    z-index: -1;
  }

  .tabs-component--text-media {
    overflow-x: clip;
  }

  /* tabs-component--dark (sections/tabs-dark.html): tab colours come from
  js/tabs.js's TAB_CLASS_DARK (rest / hover / selected). The label lives in
  a rich-text module whose `prose` wrapper sets its own grey colour, which
  would otherwise stop the label following the tab's state - so the wrapper
  and label inherit the tab's colour instead. !important because a normal
  declaration in @layer legacy loses to prose's rule in @layer components. */
  .tabs-component--dark .tabs__tab .hs_cos_wrapper_type_rich_text,
  .tabs-component--dark .tabs__tab span {
    color: inherit !important;
  }
}
  
  /* Included by main.css inside @layer legacy. Native DND modules remain
   independently editable; only sections containing our marker are affected. */
.dnd-section:has(.map-text__heading) {
  position: relative;
  isolation: isolate;
  min-height: 881px;
}

.dnd-section:has(.map-text__heading)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: url('https://2557243.fs1.hubspotusercontent-na1.net/hubfs/2557243/raw_assets/public/ensek-2026/images/map-text/world-map.svg')
    calc(50% + 19px) top / 1854px auto no-repeat;
}

.dnd-section:has(.map-text__heading) > .row-fluid {
  gap: 40px;
}

.dnd-section:has(.map-text__heading) > .row-fluid > .dnd-column {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
}

.map-text__heading h2 {
  margin: 0;
  line-height: 1.2;
}

.map-text__accent {
  display: block;
  width: 59px;
  height: 10px;
  margin-bottom: 10px;
  background: linear-gradient(to right, var(--hs-cta-gradient-from), var(--hs-cta-gradient-to));
}

.map-text__body {
  background: white;
  /* Clear map lines without shrinking the Figma 620px text measure. */
  box-shadow: 0 0 0 24px white;
  color: var(--hs-color-primary);
  line-height: 1.5;
}

.map-text__body > :last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .dnd-section:has(.map-text__heading) {
    min-height: 0;
  }

  .dnd-section:has(.map-text__heading)::before {
    bottom: auto;
    height: 296px;
    background-position: calc(50% - 18px) top;
    background-size: 622px auto;
  }

  .dnd-section:has(.map-text__heading) > .row-fluid {
    gap: 16px;
  }

  .dnd-section:has(.map-text__heading) > .row-fluid > .dnd-column {
    flex: 0 0 100%;
  }

  .map-text__heading h2 {
    font-size: 28px;
  }

  .map-text__accent {
    margin-bottom: 20px;
  }

  .map-text__body {
    box-shadow: none;
  }
}

  /* Theme overrides
  Reads the editable theme.* values from fields.json (colors, fonts, sizes -
  set via HubSpot's theme editor UI) and applies them on top of the base
  element styles above. Also exposes them as --hs-* CSS custom properties on
  :root for Tailwind's tokens (see ./tailwind.css) to reference, so editor
  changes here reach Tailwind utility classes without a rebuild. Included
  last within this layer so its overrides win over the base element styles.
  */

  







/* 1a. Containers */





/* 1b. Colors */










/* 1c. Typography */
































/* 1d. Buttons */













/* 1e. Forms */
































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */










:root {
  --hs-color-primary: #012f59;
  --hs-color-secondary: #E1EBF7;
  --hs-color-light-blue: #8BB8EB;
  --hs-color-tertiary: #A7C6ED;
  --hs-color-error: #EF6B51;
  --hs-color-success: #4F7D24;
  --hs-cta-gradient-from: #FF1493;
  --hs-cta-gradient-to: #FF4500;

  --hs-font-primary: "Inter", sans-serif;
  --hs-font-secondary: "Inter", sans-serif;

  --hs-text-h1: 50px;
  --hs-text-h2: 48px;
  --hs-text-h3: 32px;
  --hs-text-h4: 24px;
  --hs-text-h5: 20px;
  --hs-text-h6: 24px;
}





.content-wrapper {
  max-width: 1280px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

@media (max-width: 767px) {
  .dnd-section,
  .content-wrapper--vertical-spacing {
    padding: 48px 1rem;
  }
}

.dnd-section > .row-fluid {
  max-width: 1280px;
}





html {
  font-size: 16px;
}

body {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #012f59;
  font-size: 16px;
  background-image: linear-gradient(to bottom, var(--hs-color-secondary), #ffffff 1460px);
}
body.blog-events {
  background-image: linear-gradient(to bottom, var(--hs-color-secondary), #F5F7F9 1460px);
}

/* Paragraphs */

p {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #012f59;
}

a:hover,
a:focus {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #000731;
}

a:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #295781;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #012f59;
  font-size: 50px;
  text-transform: none;
  line-height: 1.4;
}

h2,
.h2 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #012f59;
  font-size: 48px;
  text-transform: none;
  line-height: 1.2;
}

h3,
.h3 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #012f59;
  font-size: 32px;
  line-height: 1.4;
  text-transform: none;
}

h4,
.h4 {
  font-weight: 500; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #012f59;
  font-size: 24px;
  line-height: 1.4;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #012f59;
  font-size: 20px;
  line-height: 1.4;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #012f59;
  font-size: 24px;
  line-height: 1.4;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #E1EBF7;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #012f59;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(1, 47, 89, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(41, 87, 129, 1.0);
  border-color: #295781;
}





/* `!important` on border/background/padding (not corner-radius, which
   already won without it) - confirmed live (2026-09-23) that HubSpot's
   newer "Forms Core" renderer (`hsfc-*` classes, see below) ships its own
   unlayered default styling for the `<form>` element itself, resetting
   border/padding to 0 regardless of this @layer legacy rule's specificity -
   the same unlayered-beats-layered trap already documented for `.hs-input`
   width and the reCAPTCHA grid below, just on the form wrapper this time. */

form,
.submitted-message {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px solid #8BB8EB;
 !important;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

 !important;
  padding: 40px;
 !important;
}

/* Form title */

.form-title {
  border: 1px none #E1EBF7;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 32px;
  color: #012f59;
  background-color: 

  
  
    
  


  rgba(225, 235, 247, 0.0)

;
}


/* Labels */

form label {
  color: #012f59;
}

/* Help text */

form legend {
  color: #012f59;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #012f59;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #012f59;
}

::-moz-placeholder {
  color: #012f59;
}

:-ms-input-placeholder {
  color: #012f59;
}

::placeholder {
  color: #012f59;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #012f59;
}

.fn-date-picker td.is-selected .pika-button {
  background: #012f59;
}

.fn-date-picker td .pika-button:hover {
  background-color: #012f59 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #012f59;
}

/* Submit button - Figma node 4220:40830 wants the same pink-to-orange CTA
   gradient treatment as button.module's "gradient" variant and the header
   CTA (theme.cta_gradient, not theme.forms.button.* - this is a deliberate,
   fixed brand treatment, same as every other gradient CTA in this theme,
   not editor-configurable via the theme editor's Forms > Button fields).
   HubSpot's native submit button can render as an <input type=submit>, a
   `.hs-button`-classed element, or (HubSpot's newer "Forms Core" renderer -
   see the `.hsfc-*` rules below) a `<button class="hsfc-Button">` - three
   different markups we don't control, so button.module's own button-effect
   (a real nested overlay span) can't be reused verbatim here - <input>
   doesn't reliably support ::before/::after content in most browsers.
   Instead the gradient is doubled and slid via background-position on
   hover/focus, which works on any element (input or button) since it only
   animates a background property, not markup. `!important` throughout -
   confirmed live (2026-09-23) that Forms Core's own unlayered default
   styling beats this @layer legacy rule for `.hsfc-Button` regardless of
   specificity, the same trap documented on the form wrapper above; kept on
   the classic `input[type=submit]`/`.hs-button` selectors too since that
   combined rule was otherwise never confirmed live (see "Native form
   styling" in AGENTS.md) and !important is harmless there either way. */

form input[type=submit],
form .hs-button,
form .hsfc-Button {
  background-color: transparent !important;
  background-image: linear-gradient(to right, #FF1493 0%, #FF4500 50%, #FF1493 100%) !important;
  background-position: 0% 0% !important;
  background-size: 200% 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 16px 32px !important;
  transition: background-position 0.3s ease !important;
}

form input[type=submit]:hover,
form input[type=submit]:focus-visible,
form .hs-button:hover,
form .hs-button:focus-visible,
form .hsfc-Button:hover,
form .hsfc-Button:focus-visible {
  background-position: 100% 0% !important;
  color: #FFFFFF !important;
}

form input[type=submit]:active,
form .hs-button:active,
form .hsfc-Button:active {
  filter: brightness(0.92);
}

@media (prefers-reduced-motion: reduce) {
  form input[type=submit],
  form .hs-button,
  form .hsfc-Button {
    transition: none !important;
  }
}





/* Table */

table {
  border: 1px solid #012f59;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #012f59;

  padding: 18px;

  color: #012f59;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(1, 47, 89, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #012f59;
}





.header {
  background-color: 

  
  
    
  


  rgba(225, 235, 247, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #012f59;
  font-family: Inter;
}

.menu__child-toggle-icon {
  border-top-color: #012f59;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #000731;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #000731;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #295781;
}

.menu__child-toggle-icon:active {
  border-top-color: #295781;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #012f59;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #012f59;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #012f59;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #012f59;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #012f59;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(225, 235, 247, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(225, 235, 247, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Inter;
}

.header__language-switcher-label-current:after {
  border-top-color: #012f59;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(225, 235, 247, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #012f59;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(225, 235, 247, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #012f59;
}





@media (min-width: 1024px) {
  .blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}
}

/* Blog post */

.blog-post__meta a {
  color: #012f59;
}

.blog-post__tag-link {
  color: #012f59;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #000731;
}

.blog-post__tag-link:active {
  color: #295781;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #012f59;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #000731;
}

.blog-related-posts__title-link:active {
  color: #295781;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #012f59;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #000731;
}

#comments-listing .comment-reply-to:active {
  color: #295781;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #012f59;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #012f59;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #000731;
}

.hs-blog-post-listing__post-title-link:active {
  color: #295781;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #012f59;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #012f59;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #000731;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #295781;
}

.hs-pagination__link-icon svg {
  fill: #012f59;
}

/* Pricing card */

.card__price {
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #012f59;
  font-size: 32px;
}

.card__body svg {
  fill: #012f59;
}

/* Social follow */

.social-links__icon {
  background-color: #012f59;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #000731;
}

.social-links__icon:active {
  background-color: #295781;
  font-family: Inter, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #012f59;
  font-size: 32px;
}

}

/* Tailwind
Reset (Preflight), design tokens, components and utilities - compiled from
src/tailwind.css by `npm run build:css` / `npm run watch:css`.
*/

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-normal:1.5;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--hs-color-primary);--color-secondary:var(--hs-color-secondary);--color-light-blue:var(--hs-color-light-blue);--color-tertiary:var(--hs-color-tertiary);--color-cta-from:var(--hs-cta-gradient-from);--color-cta-to:var(--hs-cta-gradient-to);--font-primary:var(--hs-font-primary);--font-secondary:var(--hs-font-secondary);--text-h1:var(--hs-text-h1);--text-h2:var(--hs-text-h2);--text-h3:var(--hs-text-h3);--text-h4:var(--hs-text-h4);--text-h5:var(--hs-text-h5);--text-h6:var(--hs-text-h6)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.button-effect{isolation:isolate;position:relative;overflow:hidden}.button-effect__content{z-index:1;align-items:center;gap:.75rem;display:inline-flex;position:relative}.button-effect__overlay{z-index:2;pointer-events:none;clip-path:inset(0 100% 0 0);justify-content:center;align-items:center;transition:clip-path .35s cubic-bezier(.77,0,.18,1);display:flex;position:absolute;inset:0}.button-effect:hover .button-effect__overlay,.button-effect:focus-visible .button-effect__overlay{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.button-effect__overlay{transition:none}}.hs_cos_wrapper_type_rich_text{color:var(--tw-prose-body);max-width:65ch;margin-inline:auto}.hs_cos_wrapper_type_rich_text :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.hs_cos_wrapper_type_rich_text :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.hs_cos_wrapper_type_rich_text :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.hs_cos_wrapper_type_rich_text :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.hs_cos_wrapper_type_rich_text :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.hs_cos_wrapper_type_rich_text :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.hs_cos_wrapper_type_rich_text :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.hs_cos_wrapper_type_rich_text :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.hs_cos_wrapper_type_rich_text :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.hs_cos_wrapper_type_rich_text :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.hs_cos_wrapper_type_rich_text :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.hs_cos_wrapper_type_rich_text :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.hs_cos_wrapper_type_rich_text :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.hs_cos_wrapper_type_rich_text :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.hs_cos_wrapper_type_rich_text :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.hs_cos_wrapper_type_rich_text :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.hs_cos_wrapper_type_rich_text :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.hs_cos_wrapper_type_rich_text :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.hs_cos_wrapper_type_rich_text :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.hs_cos_wrapper_type_rich_text :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.hs_cos_wrapper_type_rich_text :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.hs_cos_wrapper_type_rich_text :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.hs_cos_wrapper_type_rich_text :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.hs_cos_wrapper_type_rich_text :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.hs_cos_wrapper_type_rich_text :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.hs_cos_wrapper_type_rich_text :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.hs_cos_wrapper_type_rich_text :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.hs_cos_wrapper_type_rich_text :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.hs_cos_wrapper_type_rich_text :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.hs_cos_wrapper_type_rich_text :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.hs_cos_wrapper_type_rich_text :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.hs_cos_wrapper_type_rich_text :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.hs_cos_wrapper_type_rich_text :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.hs_cos_wrapper_type_rich_text :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.hs_cos_wrapper_type_rich_text :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.hs_cos_wrapper_type_rich_text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.hs_cos_wrapper_type_rich_text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.hs_cos_wrapper_type_rich_text :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.hs_cos_wrapper_type_rich_text :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.hs_cos_wrapper_type_rich_text :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.hs_cos_wrapper_type_rich_text :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.hs_cos_wrapper_type_rich_text :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.hs_cos_wrapper_type_rich_text :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.hs_cos_wrapper_type_rich_text :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.hs_cos_wrapper_type_rich_text :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.hs_cos_wrapper_type_rich_text :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.hs_cos_wrapper_type_rich_text :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.hs_cos_wrapper_type_rich_text :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.hs_cos_wrapper_type_rich_text :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.hs_cos_wrapper_type_rich_text :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.hs_cos_wrapper_type_rich_text :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.hs_cos_wrapper_type_rich_text :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.hs_cos_wrapper_type_rich_text :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.hs_cos_wrapper_type_rich_text :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.hs_cos_wrapper_type_rich_text :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.hs_cos_wrapper_type_rich_text :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.hs_cos_wrapper_type_rich_text :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.hs_cos_wrapper_type_rich_text{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.hs_cos_wrapper_type_rich_text :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.hs_cos_wrapper_type_rich_text :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.hs_cos_wrapper_type_rich_text :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.hs_cos_wrapper_type_rich_text :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.hs_cos_wrapper_type_rich_text :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.hs_cos_wrapper_type_rich_text :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.hs_cos_wrapper_type_rich_text :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.hs_cos_wrapper_type_rich_text :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.hs_cos_wrapper_type_rich_text :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.hs_cos_wrapper_type_rich_text :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.hs_cos_wrapper_type_rich_text :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.hs_cos_wrapper_type_rich_text :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.hs_cos_wrapper_type_rich_text :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.hs_cos_wrapper_type_rich_text :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.hs_cos_wrapper_type_rich_text :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.hs_cos_wrapper_type_rich_text :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.hs_cos_wrapper_type_rich_text :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.hs_cos_wrapper_type_rich_text :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.hs_cos_wrapper_type_rich_text :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.hs_cos_wrapper_type_rich_text :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.hs_cos_wrapper_type_rich_text :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.hs_cos_wrapper_type_rich_text :where(h2):not(:where(.not-prose,.not-prose *)){line-height:revert-layer;margin-top:2rem;margin-bottom:1rem}.hs_cos_wrapper_type_rich_text :where(h2:first-child):not(:where(.not-prose,.not-prose *)),.hs_cos_wrapper_type_rich_text :where(h2+p):not(:where(.not-prose,.not-prose *)){margin-top:0}.hs_cos_wrapper_type_rich_text h1,.hs_cos_wrapper_type_rich_text h2,.hs_cos_wrapper_type_rich_text h3,.hs_cos_wrapper_type_rich_text h4,.hs_cos_wrapper_type_rich_text h5,.hs_cos_wrapper_type_rich_text h6{font-family:revert-layer;font-style:revert-layer;font-weight:revert-layer;-webkit-text-decoration:revert-layer;-webkit-text-decoration:revert-layer;text-decoration:revert-layer;font-size:revert-layer;color:revert-layer;text-transform:revert-layer}.generic-hero-section .hs_cos_wrapper_type_rich_text{max-width:740px}}@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-1\/2{top:50%}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.bottom-5{bottom:calc(var(--spacing) * 5)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-20{z-index:20}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-36{margin-top:calc(var(--spacing) * 36)}.mt-40{margin-top:calc(var(--spacing) * 40)}.mt-\[35px\]{margin-top:35px}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/2\]{aspect-ratio:3/2}.aspect-\[510\/339\]{aspect-ratio:510/339}.aspect-\[622\/414\]{aspect-ratio:622/414}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[19px\]{width:19px;height:19px}.size-\[30px\]{width:30px;height:30px}.size-\[34px\]{width:34px;height:34px}.size-\[35px\]{width:35px;height:35px}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[6px\]{height:6px}.h-\[10px\]{height:10px}.h-\[30px\]{height:30px}.h-\[37px\]{height:37px}.h-\[61px\]{height:61px}.h-\[77px\]{height:77px}.h-\[90px\]{height:90px}.h-\[116px\]{height:116px}.h-\[120px\]{height:120px}.h-\[150px\]{height:150px}.h-\[170px\]{height:170px}.h-\[250px\]{height:250px}.h-\[292px\]{height:292px}.h-\[364px\]{height:364px}.h-auto{height:auto}.h-full{height:100%}.max-h-12{max-height:calc(var(--spacing) * 12)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[62px\]{min-height:62px}.min-h-\[63px\]{min-height:63px}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-\[20px\]{width:20px}.w-\[59px\]{width:59px}.w-\[120px\]{width:120px}.w-\[121px\]{width:121px}.w-\[230px\]{width:230px}.w-\[291px\]{width:291px}.w-\[292px\]{width:292px}.w-\[323px\]{width:323px}.w-\[calc\(100\%_-_40px\)\]{width:calc(100% - 40px)}.w-\[var\(--media-width\)\]{width:var(--media-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[156px\]{max-width:156px}.max-w-\[590px\]{max-width:590px}.max-w-\[740px\]{max-width:740px}.max-w-\[832px\]{max-width:832px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[N\%\]{max-width:N%}.max-w-\[var\(--media-container-width\)\]{max-width:var(--media-container-width)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-\[160px\]{min-width:160px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-\[0_0_156px\]{flex:0 0 156px}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-rows-\[1\.43fr_1fr\]{grid-template-rows:1.43fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[10px\]{gap:10px}.gap-\[20px\]{gap:20px}.gap-\[22px\]{gap:22px}.gap-\[60px\]{gap:60px}.gap-x-10{column-gap:calc(var(--spacing) * 10)}.gap-x-\[34px\]{column-gap:34px}.gap-y-10{row-gap:calc(var(--spacing) * 10)}.gap-y-\[60px\]{row-gap:60px}:where(.divide-\[\#69768F\]>:not(:last-child)){border-color:#69768f}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-t-\[14px\]{border-top-left-radius:14px;border-top-right-radius:14px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[6px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:6px}.border-\[\#335CA7\]{border-color:#335ca7}.border-\[\#69768F\]{border-color:#69768f}.border-\[\#C3D7EE\]{border-color:#c3d7ee}.border-light-blue{border-color:var(--color-light-blue)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-tertiary\/40{border-color:var(--color-tertiary)}@supports (color:color-mix(in lab, red, red)){.border-tertiary\/40{border-color:color-mix(in oklab, var(--color-tertiary) 40%, transparent)}}.border-white{border-color:var(--color-white)}.bg-\[\#335CA7\]{background-color:#335ca7}.bg-\[\#15457A\]{background-color:#15457a}.bg-\[\#052039\]{background-color:#052039}.bg-\[\#A7C6ED\]{background-color:#a7c6ed}.bg-\[\#C3D7EE\]{background-color:#c3d7ee}.bg-light-blue{background-color:var(--color-light-blue)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-cta-from{--tw-gradient-from:var(--color-cta-from);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cta-to{--tw-gradient-from:var(--color-cta-to);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cta-from{--tw-gradient-to:var(--color-cta-from);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cta-to{--tw-gradient-to:var(--color-cta-to);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-9{padding:calc(var(--spacing) * 9)}.\!px-0{padding-inline:0!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-24{padding-inline:calc(var(--spacing) * 24)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-\[80px\]{padding-block:80px}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pt-60{padding-top:calc(var(--spacing) * 60)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-11{padding-bottom:calc(var(--spacing) * 11)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-120{padding-bottom:calc(var(--spacing) * 120)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[28px\]{font-size:28px}.text-\[40px\]{font-size:40px}.text-\[56px\]{font-size:56px}.text-\[64px\]{font-size:64px}.text-h1{font-size:var(--text-h1)}.text-h2{font-size:var(--text-h2)}.text-h3{font-size:var(--text-h3)}.text-h4{font-size:var(--text-h4)}.text-h5{font-size:var(--text-h5)}.text-h6{font-size:var(--text-h6)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[1\.95px\]{--tw-tracking:1.95px;letter-spacing:1.95px}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#69768F\]{color:#69768f}.text-light-blue{color:var(--color-light-blue)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.underline-offset-8{text-underline-offset:8px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:border-primary:is(:where(.group):hover *){border-color:var(--color-primary)}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}.group-hover\/logos\:\[animation-play-state\:paused\]:is(:where(.group\/logos):hover *){animation-play-state:paused}}.peer-checked\:block:is(:where(.peer):checked~*){display:block}@media (hover:hover){.hover\:border-b-\[3px\]:hover{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-white:hover{border-color:var(--color-white)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-linear-to-l:hover{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab, red, red)){.hover\:bg-linear-to-l:hover{--tw-gradient-position:to left in oklab}}.hover\:bg-linear-to-l:hover{background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:font-semibold:hover{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-secondary:hover{color:var(--color-secondary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-4:hover{text-underline-offset:4px}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:border-primary:focus-visible{border-color:var(--color-primary)}.focus-visible\:bg-primary:focus-visible{background-color:var(--color-primary)}.focus-visible\:text-white:focus-visible{color:var(--color-white)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.active\:bg-primary:active{background-color:var(--color-primary)}.active\:text-white:active{color:var(--color-white)}.disabled\:opacity-40:disabled{opacity:.4}.aria-selected\:border-b-\[3px\][aria-selected=true]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.aria-selected\:border-white[aria-selected=true]{border-color:var(--color-white)}.aria-selected\:font-semibold[aria-selected=true]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.aria-selected\:text-white[aria-selected=true]{color:var(--color-white)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:gap-10{gap:calc(var(--spacing) * 10)}}@media (min-width:48rem){.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:mx-auto{margin-inline:auto}.md\:mr-auto{margin-right:auto}.md\:ml-auto{margin-left:auto}.md\:grid{display:grid}.md\:h-20{height:calc(var(--spacing) * 20)}.md\:w-20{width:calc(var(--spacing) * 20)}.md\:w-\[37\.9\%\]{width:37.9%}.md\:w-\[58\.5\%\]{width:58.5%}.md\:max-w-\[50\%\]{max-width:50%}.md\:max-w-\[60\%\]{max-width:60%}.md\:max-w-\[75\%\]{max-width:75%}.md\:max-w-\[80\%\]{max-width:80%}.md\:max-w-\[90\%\]{max-width:90%}.md\:max-w-\[100\%\]{max-width:100%}.md\:max-w-\[N\%\]{max-width:N%}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.md\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.md\:grid-cols-\[2fr_3fr\]{grid-template-columns:2fr 3fr}.md\:grid-cols-\[3fr_2fr\]{grid-template-columns:3fr 2fr}.md\:flex-row{flex-direction:row}.md\:items-stretch{align-items:stretch}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:gap-20{gap:calc(var(--spacing) * 20)}.md\:gap-40{gap:calc(var(--spacing) * 40)}.md\:gap-\[38px\]{gap:38px}.md\:justify-self-center{justify-self:center}.md\:justify-self-end{justify-self:flex-end}.md\:px-5{padding-inline:calc(var(--spacing) * 5)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-5{padding-block:calc(var(--spacing) * 5)}.md\:pt-10{padding-top:calc(var(--spacing) * 10)}.md\:pt-\[233px\]{padding-top:233px}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-\[39px\]{font-size:39px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[68px\]{font-size:68px}.md\:text-\[92px\]{font-size:92px}.md\:text-\[96px\]{font-size:96px}.md\:text-\[156px\]{font-size:156px}.md\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:mt-20{margin-top:calc(var(--spacing) * 20)}.lg\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:w-\[402px\]{width:402px}.lg\:w-\[622px\]{width:622px}.lg\:max-w-\[40\%\]{max-width:40%}.lg\:max-w-\[58\%\]{max-width:58%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[228px_1fr\]{grid-template-columns:228px 1fr}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:items-stretch{align-items:stretch}.lg\:justify-between{justify-content:space-between}.lg\:justify-center{justify-content:center}.lg\:justify-start{justify-content:flex-start}.lg\:gap-20{gap:calc(var(--spacing) * 20)}.lg\:gap-24{gap:calc(var(--spacing) * 24)}.lg\:gap-\[38px\]{gap:38px}.lg\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.lg\:gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.lg\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.lg\:rounded-xl{border-radius:var(--radius-xl)}.lg\:px-0{padding-inline:0}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-4{padding-block:calc(var(--spacing) * 4)}.lg\:py-\[120px\]{padding-block:120px}.lg\:pt-10{padding-top:calc(var(--spacing) * 10)}.lg\:pr-4{padding-right:calc(var(--spacing) * 4)}.lg\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.lg\:text-\[148px\]{font-size:148px}}@media (hover:hover){.hover\:\[\&_img\]\:brightness-0:hover img{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:\[\&_img\]\:invert:hover img{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus-visible\:\[\&_img\]\:brightness-0:focus-visible img{--tw-brightness:brightness(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.focus-visible\:\[\&_img\]\:invert:focus-visible img{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[\&_svg\]\:size-\[19px\] svg{width:19px;height:19px}.\[\&_svg\]\:fill-current svg{fill:currentColor}.\[\&_svg\]\:fill-white\! svg,.\[\&_svg_\*\]\:fill-white\! svg *{fill:var(--color-white)!important}.\[\&\>div\]\:w-full>div{width:100%}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}