/* Design system: iam-multiple-income-streams. Generated file, rewritten whenever the system is saved. Do not edit. */
@media (max-width: 767px) {
  
  :where(nav, header, .site-nav) :is(.nav-links, .mobile-menu, [class*="nav-links"], [class*="nav-menu"], [class*="menu-list"]):not(footer *) {
    display: none !important;
  }

  
  .site-nav.nav-open :is(.nav-links, .mobile-menu),
  .nav-open :is([class*="nav-links"], [class*="nav-menu"], [class*="menu-list"]),
  .nav-toggle-state:checked ~ :is(.nav-links, .mobile-menu, [class*="nav-links"], [class*="nav-menu"], [class*="menu-list"]) {
    display: flex !important;
  }

  
  .site-nav.nav-open :is(.nav-links, .mobile-menu),
  .nav-open :is([class*="nav-links"], [class*="nav-menu"], [class*="menu-list"]),
  .nav-toggle-state:checked ~ :is(.nav-links, .mobile-menu, [class*="nav-links"], [class*="nav-menu"], [class*="menu-list"]) {
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
  }

  
  .site-nav, header.site-nav {
    overflow: visible;
    box-sizing: border-box;
  }
  .site-nav *, header.site-nav * {
    box-sizing: border-box;
  }

  
  .nav-toggle, .hamburger, [data-nav-toggle] {
    display: flex !important;
  }
}


@media (min-width: 768px) {
  .nav-toggle, .hamburger, [class*="hamburger"], [data-nav-toggle],
  [class*="nav-toggle"]:not(.nav-toggle-state) {
    display: none !important;
  }
}


button.nav-toggle, tempbutton.nav-toggle {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}


.iti {
  position: relative;
  width: 100%;
}
.iti .iti__dropdown-content {
  width: 100%;
  min-width: 100%;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
.iti .iti__country-list {
  width: 100%;
  min-width: 100%;
  max-width: none;
  box-sizing: border-box;
  white-space: nowrap;
}
.iti .iti__country {
  width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
}
.iti .iti__country-name,
.iti .iti__dial-code {
  white-space: nowrap;
}

.iti .iti__dropdown-content {
  background-color: var(--color-surface-light, #ffffff);
  color: var(--color-text-light, #111827);
  border: 1px solid var(--color-border-light, rgba(17, 24, 39, 0.15));
  text-align: left;
}
.iti .iti__dropdown-content .iti__country-name {
  color: var(--color-text-light, #111827);
}
.iti .iti__dropdown-content .iti__dial-code {
  color: var(--color-text-2-light, #4b5563);
}
.iti .iti__dropdown-content .iti__country.iti__highlight {
  background-color: color-mix(in srgb, var(--color-text-light, #111827) 8%, transparent);
}


form, [class*="form-wrap"], [class*="form-container"], [class*="capture-form"], #capture-form {
  box-sizing: border-box;
}
form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), form textarea, form select,
[class*="form-wrap"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), [class*="form-wrap"] textarea, [class*="form-wrap"] select,
#capture-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), #capture-form textarea, #capture-form select {
  width: 100%;
  box-sizing: border-box;
}
form button[type="submit"], form input[type="submit"], #capture-form button[type="submit"], #capture-form input[type="submit"], [class*="form-wrap"] button[type="submit"], form tempbutton[type="submit"], #capture-form tempbutton[type="submit"], [class*="form-wrap"] tempbutton[type="submit"] {
  width: 100%;
  box-sizing: border-box;
}


section:not(.section-divider) {
  box-sizing: border-box;
}


.video-container, [data-video-container] {
  max-width: 100%;
  width: 100%;
}
.video-container iframe, [data-video-container] iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}


#returnstatus {
  display: none;
}


.quiz-card:not(.is-active), .quiz-gate:not(.is-active), .quiz-result:not(.is-active) {
  display: none;
}


.input-icon-wrap .iti--allow-dropdown .iti__country-container {
  width: var(--phone-flag-box, 72px);
  box-sizing: border-box;
}
.input-icon-wrap .iti--allow-dropdown :is(.iti__selected-country, .iti__selected-country-primary) {
  width: 100%;
  box-sizing: border-box;
}
.input-icon-wrap:has(.iti--allow-dropdown) .form-icon {
  margin-left: var(--phone-flag-box, 72px);
  z-index: 1;
  pointer-events: none;
}

.input-icon-wrap:has(.form-icon) .iti--allow-dropdown input[type="tel"] {
  padding-left: calc(var(--phone-flag-box, 72px) + 16px + var(--field-icon-left, 1) * 32px) !important;
}


.input-icon-wrap { position: relative; }
.input-icon-wrap > [data-toggle-password] { position: absolute; top: 50%; right: 4px; left: auto; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-appearance: none; appearance: none; color: inherit; font: inherit; line-height: 1; cursor: pointer; }
.input-icon-wrap > [data-toggle-password] i { color: inherit; opacity: inherit; }
.input-icon-wrap:has(> [data-toggle-password]) > input { padding-right: 52px; }


.iti .iti__dropdown-content .iti__search-input {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, currentColor 16%, transparent) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 10px 14px !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  color: inherit !important;
  font: inherit !important;
}
.iti .iti__dropdown-content .iti__search-input:focus-visible {
  border-bottom-color: currentColor !important;
}


.input-icon-wrap .iti--allow-dropdown .iti__selected-country {
  padding-right: 0 !important;
}
.input-icon-wrap:has(.form-icon) .iti--allow-dropdown input[type="tel"] {
  padding-left: calc(var(--phone-flag-box, 72px) + 16px + var(--field-icon-left, 1) * 30px) !important;
}


.iti .iti__selected-country .iti__flag {
  transform: scale(1.3);
  transform-origin: center;
}


.ai1up-vp__seek { width: 0; min-width: 0; flex: 1 1 0; }


:where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, summary) { overflow-wrap: anywhere; }


:where(.capturecontainer, .registercontainer, .verticalcontainer) { display: block; width: 100%; max-width: 100%; text-align: left; }
:where(.verticalcenter) { width: 100%; }
:where(.capturecontainer, .registercontainer) :where(form) { display: flex; flex-direction: column; gap: 14px; width: 100%; text-align: left; }
:where(.capturelabels) { display: block; margin: 0 0 -6px; font-family: var(--font-ui, var(--font-body, inherit)); font-size: 16px; font-weight: 600; line-height: 1.3; text-align: left; color: inherit; }
:where(.input-icon-group, .registernameicon, .registerphoneicon, .registeremailicon, .registerusernameicon, .registerpasswordicon, .registerpasswordconfirmicon) { position: relative; display: block; width: 100%; }
:where(.capturefields, .capturebox, .registerfields) { display: block; width: 100%; box-sizing: border-box; min-height: 52px; margin: 0; padding: 12px 46px 12px 16px; font-family: var(--font-ui, var(--font-body, inherit)); font-size: 17px; line-height: 1.4; text-align: left; color: var(--color-text-light, #111827); background-color: var(--color-field-light, #ffffff); border: 1px solid var(--color-field-border-light, rgba(17, 24, 39, .3)); border-radius: var(--radius-sm, 10px); }
:where(.capturebox) { min-height: 120px; resize: vertical; }
:where(.capturefields, .capturebox, .registerfields)::placeholder { color: var(--color-placeholder-light, rgba(17, 24, 39, .55)); opacity: 1; }
:where(.capturefields, .capturebox, .registerfields):focus { border-color: var(--color-primary, #2563eb); outline: 3px solid color-mix(in srgb, var(--color-primary, #2563eb) 45%, transparent); outline-offset: 1px; }
:where(.field-icon, .registernameicon i, .registerphoneicon i, .registeremailicon i, .registerusernameicon i) { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--color-icon-on-light, var(--color-primary, currentColor)); pointer-events: none; }
:where(.icontextarea) { top: 16px; transform: none; }
:where(.toggle-password) { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--color-icon-on-light, currentColor); }
:where(.checkbox-capture) { display: flex; align-items: center; gap: 10px; text-align: left; }
:where(.capturecheck) { width: 20px; height: 20px; accent-color: var(--color-primary, #2563eb); }
:where(.capturebutton, .registerbutton), :where(.capturetempbutton, .registertempbutton) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 52px; margin: 4px 0 0; padding: 0 24px; font-family: var(--font-ui, var(--font-body, inherit)); font-size: 17px; font-weight: 700; line-height: 1.2; text-align: center; color: var(--color-text-on-primary, #ffffff); background-color: var(--color-primary, #2563eb); border: 0; border-radius: var(--radius-sm, 10px); text-shadow: none; cursor: pointer; }
:where(.capturebutton, .registerbutton):hover, :where(.capturetempbutton, .registertempbutton):hover { background-color: var(--color-primary-hover, var(--color-primary, #2563eb)); }
:where(.capturebutton, .registerbutton):focus-visible, :where(.capturetempbutton, .registertempbutton):focus-visible { outline: 3px solid color-mix(in srgb, var(--color-primary, #2563eb) 45%, transparent); outline-offset: 2px; }
:where(.section--dark, .section--brand, .hero, footer.site-footer) :where(.capturefields, .capturebox, .registerfields) { color: var(--color-text-dark, #ffffff); background-color: var(--color-field-dark, rgba(255, 255, 255, .08)); border-color: var(--color-field-border-dark, rgba(255, 255, 255, .34)); }
:where(.section--dark, .section--brand, .hero, footer.site-footer) :where(.capturefields, .capturebox, .registerfields)::placeholder { color: var(--color-placeholder-dark, rgba(255, 255, 255, .6)); }
:where(.section--dark, .section--brand, .hero, footer.site-footer) :where(.capturefields, .capturebox, .registerfields):focus { border-color: var(--color-accent-on-dark, #ffffff); outline-color: color-mix(in srgb, var(--color-accent-on-dark, #ffffff) 55%, transparent); }
:where(.section--dark, .section--brand, .hero, footer.site-footer) :where(.field-icon) { color: var(--color-icon-on-dark, currentColor); }


@layer platform-layout {
:root { --space-section: 100px; }
:root { --z-base: var(--ds-z-base, 0); --z-sticky: var(--ds-z-sticky, 100); --z-dropdown: var(--ds-z-dropdown, 200); --z-overlay: var(--ds-z-overlay, 300); --z-modal: var(--ds-z-modal, 400); --z-tooltip: var(--ds-z-tooltip, 500); --duration-fast: var(--ds-duration-fast, 150ms); --duration-base: var(--ds-duration-base, 250ms); --duration-slow: var(--ds-duration-slow, 400ms); --ease: var(--ds-ease, cubic-bezier(0.4, 0, 0.2, 1)); --breakpoint-mobile: var(--ds-breakpoint-mobile, 767px); --breakpoint-tablet: var(--ds-breakpoint-tablet, 1024px); --nav-height: var(--ds-nav-height, 80px); --nav-height-mobile: var(--ds-nav-height-mobile, 64px); }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }
img { max-width: 100%; height: auto; display: block; }
svg { max-width: 100%; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: var(--z-tooltip); padding: var(--space-sm) var(--space-md); }
.skip-link:focus { left: 0; }
.text-center:is(h1, h2, h3, h4, h5, h6, p) { max-width: 90%; margin-left: auto; margin-right: auto; }
.w-full { width: 100%; }
.mx-auto { margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { .text-center:is(h1, h2, h3, h4, h5, h6, p) { max-width: 100%; } }
@media (max-width: 767px) { .hide-mobile { display: none; } }
@media (min-width: 768px) { .hide-desktop { display: none; } }
section:not(.section-divider):not(.hero):not([class*="hero"]):not(footer):not([class*="footer"]):not(.section-sm):not(.section-lg):not(:first-of-type), main > section:not(.section-sm):not(.section-lg):not(:first-of-type) { padding-top: var(--space-section); padding-bottom: var(--space-section); position: relative; }
.section-sm { padding-top: 60px; padding-bottom: 60px; position: relative; }
.section-lg { padding-top: 140px; padding-bottom: 140px; position: relative; }
.section-head { display: flex; flex-direction: column; gap: 0; margin-bottom: 0; }
:root { --head-gap: 30px; }
:is(.section-head, .hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting):is(.section-head, .hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting):is(.section-head, .hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting):is(.section-head, .hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting) > * { margin-top: 0; margin-bottom: var(--head-gap); }
:is(.section-head, .hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting):is(.section-head, .hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting) > :is(h1, h2, h3, h4, p):not(.eyebrow-wrap):not(.kicker-wrap):not(.eyebrow):not(.badge):not(.pill):not(.chip):not(.tag) { margin-bottom: calc(var(--head-gap) + 0.22em); }
:is(.hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting):is(.hero__head, .hero__content, .title-block, .article-head, .course-head, .soon-head, .welcome-greeting) > :last-child { margin-bottom: 0; }
@media (max-width: 767px) { section:not(.section-divider):not(.hero):not([class*="hero"]):not(footer):not([class*="footer"]):not(.section-sm):not(.section-lg):not(:first-of-type), main > section:not(.section-sm):not(.section-lg):not(:first-of-type) { padding-top: 75px; padding-bottom: 75px; } }
@media (max-width: 767px) { .section-lg { padding-top: 100px; padding-bottom: 100px; } }
@media (max-width: 767px) { section:first-of-type:not(.hero):not([class*="hero"]) { padding-top: 50px; } }
@media (max-width: 767px) { section, header, footer, nav, .section, .hero, .site-nav, .site-footer { padding-left: 0; padding-right: 0; width: 100%; max-width: 100%; } }
.container { max-width: var(--container-max); width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--space-lg); padding-right: var(--space-lg); }
.container-narrow { max-width: var(--container-narrow); width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--space-lg); padding-right: var(--space-lg); }
.container-wide { max-width: var(--container-wide); width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--space-lg); padding-right: var(--space-lg); }
.container-flush { max-width: none; width: 100%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
[class*="__inner"]:not(.hero__inner--split):not(.sticky-cta-bar__inner):not(.reg-inner):not(.field-inner), [class*="-inner"]:not(.hero__inner--split):not(.sticky-cta-bar__inner):not(.reg-inner):not(.field-inner) { max-width: var(--container-max); width: 100%; margin-left: auto; margin-right: auto; padding-left: var(--space-lg); padding-right: var(--space-lg); }
@media (max-width: 767px) { body .container, body .container-narrow, body .container-wide, body [class*="container"], body [class*="-inner"], body [class*="__inner"], body [class*="-content"] { padding-left: var(--space-mobile-edge); padding-right: var(--space-mobile-edge); width: 100%; max-width: 100%; } }
@media (max-width: 767px) { body .container-flush { padding-left: 0; padding-right: 0; } }
@media (max-width: 767px) { section:first-of-type > div:first-of-type { padding-left: var(--space-mobile-edge); padding-right: var(--space-mobile-edge); } }
@media (max-width: 767px) { section > div:first-of-type { padding-left: min(var(--space-mobile-edge), 5vw); padding-right: min(var(--space-mobile-edge), 5vw); } }
.grid, .features-grid, .benefits-grid, .testimonials-grid, .pricing-grid { display: grid; gap: 20px; }
.grid-2 { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-4 { display: grid; gap: 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hero__inner--split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: var(--space-lg); max-width: var(--container-max); width: 100%; margin-left: auto; margin-right: auto; }
.stack { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-md); }
.stack-sm { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-sm); }
.stack-lg { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-xl); }
.cluster { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: var(--space-md); }
.center { margin-left: auto; margin-right: auto; align-items: center; justify-content: center; }
@media (max-width: 1024px) { .grid-3, .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1024px) { [class*="-grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1024px) { .hero__inner--split { grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); } }
@media (max-width: 767px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { body [class*="-grid"] { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { body .hero__inner--split { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) { .cluster { justify-content: center; } }
@media (max-width: 767px) { [class*="card"], [class*="box"], .card, .feature-row, .reg-card, .reg-inner, .form-card, .capture-form-wrap, [class*="form-wrap"], [class*="form-container"], [class*="capture-form"] { padding-left: var(--space-mobile-edge); padding-right: var(--space-mobile-edge); } }
@media (max-width: 767px) { .card, .feature-row, [class*="card"], [class*="col-"] { width: 100%; max-width: 100%; flex-basis: 100%; } }
@media (max-width: 767px) { [class*="card-head"], [class*="card-header"], [class*="card-top"] { grid-template-columns: auto 1fr; } }
@media (max-width: 767px) { [class*="stats"], [class*="stat-row"], [class*="metrics"] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-md); } }
@media (max-width: 767px) { [class*="stats"] > *:not([class*="divider"]), [class*="stat-row"] > *:not([class*="divider"]), [class*="metrics"] > *:not([class*="divider"]) { flex: 1 1 calc(50% - 0.5rem); min-width: 120px; } }
@media (max-width: 767px) { [class*="stats"] > [class*="divider"], [class*="stat-row"] > [class*="divider"], [class*="metrics"] > [class*="divider"] { display: none; } }
@media (max-width: 767px) { .stats-band { gap: var(--space-lg); } }
img, video { max-width: 100%; height: auto; display: block; }
iframe { max-width: 100%; }
.media { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.media > img, .media > video, .media > iframe { width: 100%; height: 100%; object-fit: cover; }
.media--square { aspect-ratio: 1 / 1; }
.media--portrait { aspect-ratio: 4 / 5; }
.media--contain > img, .media--contain > video { object-fit: contain; }
.video-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.video-wrapper > iframe, .video-wrapper > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.section-divider { display: block; position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.section-divider svg { display: block; width: 100%; height: auto; }
.site-nav { position: fixed; top: 0; left: 0; right: 0; width: 100%; min-height: var(--nav-height, 80px); display: flex; align-items: center; z-index: var(--z-sticky, 100); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-lg); width: 100%; }
.nav-logo { display: inline-flex; align-items: center; flex-shrink: 0; }
.nav-logo img { display: block; width: auto; height: 40px; max-width: 180px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: var(--space-lg); list-style: none; margin: 0; padding: 0; }
.nav-links li { margin: 0; }
.nav-cta { flex-shrink: 0; }
.nav-toggle { display: none; }
.nav-dropdown { position: relative; }
.nav-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 200px; flex-direction: column; align-items: stretch; gap: var(--space-xs); padding: var(--space-sm); margin: 0; list-style: none; z-index: var(--z-dropdown, 200); }
.nav-dropdown:hover > .nav-dropdown-menu, .nav-dropdown:focus-within > .nav-dropdown-menu { display: flex; }
body:has(.site-nav) #hero, body:has(.site-nav) section.hero, body:has(.site-nav) section[class*="hero"] { padding-top: 130px; }
@media (max-width: 767px) { .site-nav { min-height: var(--nav-height-mobile, 64px); } }
@media (max-width: 767px) { .nav-inner { flex-wrap: nowrap; } }
@media (max-width: 767px) { .nav-inner > .nav-links, .nav-inner > .nav-cta { order: 2; } }
@media (max-width: 767px) { .nav-inner > .nav-toggle { order: 3; margin-left: auto; } }
@media (max-width: 767px) { .nav-logo img { max-height: 44px; } }
@media (max-width: 767px) { .nav-toggle { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } }
@media (max-width: 767px) { .nav-links { display: none; } }
@media (max-width: 767px) { .nav-toggle-state:checked ~ .nav-links { display: flex; flex-direction: column; align-items: stretch; position: absolute; top: 100%; left: 0; right: 0; width: 100%; gap: var(--space-xs); padding: var(--space-mobile-edge); z-index: var(--z-dropdown, 200); } }
@media (max-width: 767px) { .nav-cta { display: none; } }
@media (max-width: 767px) { .nav-toggle-state:checked ~ .nav-cta { display: inline-flex; } }
@media (max-width: 767px) { .nav-dropdown-menu { position: static; min-width: 0; } }
@media (max-width: 767px) { body:has(.site-nav) #hero, body:has(.site-nav) section.hero, body:has(.site-nav) section[class*="hero"] { padding-top: 114px; } }
footer, .site-footer, #footer { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }
.footer-logo { display: block; width: auto; max-width: 180px; height: auto; margin-left: auto; margin-right: auto; }
.footer-logo img { display: block; width: 100%; height: auto; object-fit: contain; }
.footer-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-lg); list-style: none; margin-left: auto; margin-right: auto; padding: 0; }
.footer-bottom { width: 100%; margin-top: var(--space-xl); }
button, tempbutton { align-items: center; justify-content: center; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); min-width: 180px; min-height: 50px; padding: var(--space-md) var(--space-xl); position: relative; overflow: hidden; isolation: isolate; }
.btn > i, .btn > svg { margin: 0; align-self: center; flex-shrink: 0; }
.btn--ghost, .btn--tertiary { min-width: 0; padding-left: var(--space-sm); padding-right: var(--space-sm); }
.btn--sm { min-width: 0; min-height: 40px; padding: var(--space-sm) var(--space-md); }
.btn--lg { min-height: 60px; padding: var(--space-md) var(--space-2xl); }
.btn--icon { min-width: 0; width: 50px; height: 50px; padding: 0; }
.btn--block { min-width: 0; width: 100%; }
.form-card .btn { min-width: 0; width: 100%; }
@media (max-width: 767px) { .btn { min-width: 0; width: 100%; } }
@media (max-width: 767px) { .btn--sm, .btn--icon, .btn--ghost, .btn--tertiary, .nav-inner .btn, .site-nav .btn, .sticky-cta-bar .btn, .cluster .btn { width: auto; } }
#capture-form, form[name="capture-form"], #register-form, form[name="register-form"], .form-card, .form-wrap, .form-wrapper, .form-container, .capture-form-wrap { min-width: min(400px, 100%); width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; display: block; }
.form-card { container-type: inline-size; contain-intrinsic-inline-size: min(400px, calc(100vw - 32px)); padding: var(--space-xl); }
.form-group { display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 600px; margin-bottom: 10px; }
.form-group--icon { position: relative; }
.form-group input:not([type="checkbox"]):not([type="radio"]), .form-group select, .form-group textarea { width: 100%; min-height: 50px; padding: var(--space-sm) var(--space-md); }
.form-group textarea { min-height: 120px; padding-top: var(--space-md); padding-bottom: var(--space-md); }
.form-group input[type="checkbox"], .form-group input[type="radio"] { width: 20px; height: 20px; min-height: 0; margin: 0; flex-shrink: 0; }
.form-check { display: flex; align-items: flex-start; gap: var(--space-sm); }
.form-group--icon input, .form-group--icon textarea { width: 100%; padding-left: var(--space-md); padding-right: 44px; }
.input-icon-wrap { width: 100%; display: block; }
.form-icon.form-icon { position: absolute; right: var(--space-md); top: 50%; width: var(--space-lg); height: var(--space-lg); display: flex; align-items: center; justify-content: center; }
.input-icon-wrap:has(textarea) .form-icon { top: var(--space-md); }
.input-icon-wrap [data-toggle-password] { right: var(--space-md); width: var(--space-lg); height: var(--space-lg); min-width: 0; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; }
.input-icon-wrap .iti { display: block; width: 100%; vertical-align: top; }
.field-feedback:empty { display: none; }
.form-note, .pricing__disclaimer, .pricing-disclaimer { display: flex; align-items: center; justify-content: center; gap: var(--space-xs); margin: 0; padding: 0; }
@media (max-width: 767px) { #capture-form, form[name="capture-form"], #register-form, form[name="register-form"], .form-card, .form-wrap, .form-wrapper, .form-container, .capture-form-wrap { min-width: 100%; max-width: 100%; } }
@media (max-width: 767px) { .form-card { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } }
.card { padding: var(--space-lg); }
.card--feature { display: flex; flex-direction: column; gap: var(--space-md); }
.card--link { display: block; }
.badge, .pill, .tag, .eyebrow { display: inline-flex; align-items: center; gap: var(--space-xs); width: auto; max-width: max-content; padding: var(--space-xs) var(--space-md); }
[class*="pill"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="fa-"]), [class*="badge"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="badges"]):not([class*="fa-"]), [class*="tag"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="section-tag"]):not([class*="tagline"]):not([class*="stage"]):not([class*="vantage"]):not([class*="fa-"]), [class*="eyebrow"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="fa-"]), [class*="kicker"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="fa-"]) { display: inline-block; width: auto; max-width: max-content; }
@media (max-width: 767px) { .badge, .pill, .tag, .eyebrow, [class*="pill"], [class*="badge"], [class*="tag"]:not([class*="stage"]):not([class*="tagline"]), [class*="eyebrow"], [class*="kicker"] { max-width: 100%; } }
.icon-wrap { width: 56px; height: 56px; min-width: 56px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-bottom: var(--space-md); container-type: inline-size; }
.icon-wrap > svg { width: 65cqw; height: 65cqw; }
.icon-row { display: flex; align-items: center; gap: var(--space-sm); }
.icon-row .icon-wrap { width: 40px; height: 40px; min-width: 40px; margin-bottom: 0; }
.icon-row:has(> h1), .icon-row:has(> h2) { flex-direction: column; align-items: center; gap: 0; }
.icon-row:has(> h1) .icon-wrap, .icon-row:has(> h2) .icon-wrap { width: 75px; height: 75px; min-width: 75px; margin-bottom: 25px; }
.icon-16 { width: 16px; height: 16px; flex-shrink: 0; }
.icon-20 { width: 20px; height: 20px; flex-shrink: 0; }
.icon-24 { width: 24px; height: 24px; flex-shrink: 0; }
.icon-32 { width: 32px; height: 32px; flex-shrink: 0; }
.icon-48 { width: 48px; height: 48px; flex-shrink: 0; }
.avatar, [class*="avatar"]:not(.avatar-group):not(.avatar--sm):not(.avatar--lg), [class*="testimonial-photo"], [class*="author-photo"] { width: 56px; height: 56px; min-width: 56px; max-width: 56px; min-height: 56px; max-height: 56px; aspect-ratio: 1 / 1; object-fit: cover; overflow: hidden; flex-shrink: 0; flex-grow: 0; }
.avatar--sm { width: 40px; height: 40px; min-width: 40px; max-width: 40px; min-height: 40px; max-height: 40px; }
.avatar--lg { width: 72px; height: 72px; min-width: 72px; max-width: 72px; min-height: 72px; max-height: 72px; }
.avatar-group { display: flex; align-items: center; }
.avatar-group .avatar + .avatar { margin-left: -12px; }
ul:not(.nav-links):not(.footer-links) { width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
ul.fills-box:not(.nav-links):not(.footer-links) { width: auto; margin-left: 0; margin-right: 0; }
.list-check, .list-icon { display: flex; flex-direction: column; gap: var(--space-sm); list-style: none; padding-left: 0; }
.list-check li, .list-icon li { display: flex; align-items: flex-start; gap: var(--space-sm); }
.list-check li > i, .list-check li > svg, .list-icon li > i, .list-icon li > svg { margin-top: 0.15em; flex-shrink: 0; }
table { width: auto; max-width: 100%; }
th, td { padding: var(--space-md); vertical-align: middle; }
.table-scroll { width: 100%; max-width: 100%; overflow-x: auto; }
.compare-table { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { .compare-table { display: block; overflow-x: auto; } }
.faq-list { display: flex; flex-direction: column; gap: 12px; max-width: 800px; margin-left: auto; margin-right: auto; }
.faq-list .faq-item { overflow: hidden; }
.faq-list .faq-item .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: var(--space-lg); margin-bottom: 0; }
.faq-list .faq-item[open] > .faq-question, .faq-list .faq-item.faq-open .faq-question { padding-bottom: 0; }
.faq-list .faq-item .faq-icon { margin-left: auto; flex-shrink: 0; }
.faq-list .faq-item .faq-content { padding: var(--space-lg); }
.faq-list .faq-item .faq-content p { margin-top: 0; }
summary.faq-question { list-style: none; }
summary.faq-question::-webkit-details-marker { display: none; }
@media (max-width: 767px) { .faq-list .faq-item .faq-question, .faq-list .faq-item .faq-content { padding: var(--space-lg) var(--space-mobile-edge); } }
@media (max-width: 767px) { .faq-list .faq-item[open] > .faq-question { padding-bottom: 0; } }
.tabs { display: flex; flex-wrap: wrap; gap: var(--space-sm); }
.tab { padding: var(--space-sm) var(--space-md); }
.tab-panel { padding-top: var(--space-lg); }
.modal-overlay { position: fixed; inset: 0; z-index: var(--z-overlay); display: flex; align-items: center; justify-content: center; padding: var(--space-lg); overflow-y: auto; }
.modal { position: relative; z-index: var(--z-modal); width: 100%; max-width: 560px; max-height: 90vh; overflow-y: auto; padding: var(--space-xl); }
.modal-close { position: absolute; top: var(--space-md); right: var(--space-md); width: 40px; height: 40px; min-width: 0; padding: 0; }
.tooltip { position: absolute; z-index: var(--z-tooltip); max-width: 260px; padding: var(--space-sm) var(--space-md); }
.dropdown { position: relative; display: inline-flex; }
.dropdown-panel { position: absolute; top: 100%; left: 0; z-index: var(--z-dropdown); min-width: 0; width: max-content; max-width: min(420px, calc(100vw - 32px)); padding: var(--space-sm); }
.testimonial { display: flex; flex-direction: column; gap: var(--space-md); }
.testimonial-quote { margin: 0; }
.testimonial-author { display: flex; align-items: center; gap: var(--space-md); }
.stars { display: inline-flex; align-items: center; gap: 2px; }
.pricing-card, .pricing-box { max-width: 700px; margin-left: auto; margin-right: auto; padding: var(--space-xl); }
.pricing-card ul { width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
.price { display: block; }
.price-original { margin-right: var(--space-sm); }
.pricing-cta-wrap { display: flex; flex-direction: column; align-items: center; gap: var(--space-sm); }
.offer-stack { display: grid; grid-template-columns: max-content minmax(0, max-content); column-gap: var(--space-lg); width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; padding: var(--space-lg); }
.offer-stack .offer-row { display: contents; }
.offer-stack .offer-item, .offer-stack .offer-value { padding: 10px 0; }
.offer-stack .offer-total { display: contents; }
.offer-stack .offer-total > * { padding-top: 14px; }
.offer-stack .offer-price { grid-column: 1 / -1; padding-top: var(--space-md); }
@media (max-width: 767px) { .pricing-card, .pricing-box { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } }
@media (max-width: 767px) { .offer-stack { grid-template-columns: 1fr; column-gap: 0; width: auto; padding: var(--space-lg) var(--space-mobile-edge); } }
@media (max-width: 767px) { .offer-stack .offer-row { display: block; padding: var(--space-sm) 0; } }
@media (max-width: 767px) { .offer-stack .offer-item { padding-bottom: 2px; } }
@media (max-width: 767px) { .offer-stack .offer-value { padding-top: 0; } }
.stats-band { display: flex; flex-wrap: wrap; justify-content: center; row-gap: var(--space-2xl); }
.stats-band > * { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.stat-value { display: block; }
.stat-label { display: block; margin-top: var(--space-xs); }
[class*="stat-icon"], [class*="stat-amount"], [class*="stat-card"], [class*="stat-timeframe"], [class*="stat-value"], [class*="stat-label"] { margin-left: auto; margin-right: auto; }
.eyebrow-wrap { width: 100%; margin-bottom: 25px; }
.kicker-wrap--center, .eyebrow-wrap--center { width: 100%; }
.kicker-wrap--center > *, .eyebrow-wrap--center > * { display: inline-block; width: auto; max-width: max-content; }
.final-cta-btn { margin-bottom: 20px; }
.hero-note, .cta-note { margin: 0; padding: 0; }
.btn + p, .btn + span, button + p, button + span, tempbutton + p, tempbutton + span { margin-top: 0; }
.btn, button, tempbutton { margin-bottom: 0; }
.btn:has(+ p), .btn:has(+ span), .btn:has(+ .pricing__disclaimer), .btn:has(+ .pricing-disclaimer), .btn:has(+ .hero-note), .btn:has(+ .form-note), .btn:has(+ .cta-note), button:has(+ p), button:has(+ span), button:has(+ .pricing__disclaimer), button:has(+ .pricing-disclaimer), button:has(+ .hero-note), button:has(+ .form-note), button:has(+ .cta-note), tempbutton:has(+ p), tempbutton:has(+ span), tempbutton:has(+ .pricing__disclaimer), tempbutton:has(+ .pricing-disclaimer), tempbutton:has(+ .hero-note), tempbutton:has(+ .form-note), tempbutton:has(+ .cta-note), .btn:has(+ div), .btn:has(+ ul), button:has(+ div), button:has(+ ul), tempbutton:has(+ div), tempbutton:has(+ ul) { margin-bottom: 20px; }
div:has(> .btn:last-child):has(+ p), div:has(> .btn:last-child):has(+ span), div:has(> .btn:last-child):has(+ .hero-note), div:has(> .btn:last-child):has(+ .form-note), div:has(> .btn:last-child):has(+ .cta-note), div:has(> .btn:last-child):has(+ .pricing__disclaimer), div:has(> .btn:last-child):has(+ .pricing-disclaimer), div:has(> button:last-child):has(+ p), div:has(> button:last-child):has(+ span), div:has(> tempbutton:last-child):has(+ p), div:has(> tempbutton:last-child):has(+ span) { margin-bottom: 20px; }
form:has(> .btn:last-child), form:has(> button:last-child), form:has(> tempbutton:last-child) { margin-bottom: 0; }
form:has(> .btn:last-child):has(+ p), form:has(> .btn:last-child):has(+ span), form:has(> .btn:last-child):has(+ .form-note), form:has(> .btn:last-child):has(+ .cta-note), form:has(> button:last-child):has(+ p), form:has(> button:last-child):has(+ span), form:has(> button:last-child):has(+ .form-note), form:has(> button:last-child):has(+ .cta-note), form:has(> tempbutton:last-child):has(+ p), form:has(> tempbutton:last-child):has(+ span), form:has(> tempbutton:last-child):has(+ .form-note), form:has(> tempbutton:last-child):has(+ .cta-note) { margin-bottom: 20px; }
form:has(> .btn:last-child) + p, form:has(> .btn:last-child) + span, form:has(> .btn:last-child) + .form-note, form:has(> .btn:last-child) + .cta-note, form:has(> button:last-child) + p, form:has(> button:last-child) + span, form:has(> button:last-child) + .form-note, form:has(> button:last-child) + .cta-note, form:has(> tempbutton:last-child) + p, form:has(> tempbutton:last-child) + span, form:has(> tempbutton:last-child) + .form-note, form:has(> tempbutton:last-child) + .cta-note { margin-top: 0; }
#registration { position: relative; width: 100%; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: clamp(3rem, 8vw, 6rem) var(--space-md); overflow: hidden; }
.reg-inner { position: relative; z-index: 1; width: 100%; max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.reg-card { width: 100%; max-width: 520px; margin: 0 auto; padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.25rem, 3vw, 2rem); position: relative; }
.field { position: relative; width: 100%; display: block; margin-bottom: 1rem; box-sizing: border-box; }
.field-inner { position: relative; width: 100%; display: block; }
#register-form { width: 100%; display: block; box-sizing: border-box; }
#register-form input { width: 100%; box-sizing: border-box; }
.field-inner > i.fa, .field-inner > i.fas, .field-inner > i[class*="fa-"] { position: absolute; left: 1rem; top: 50%; z-index: 2; width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; }
@media (max-width: 767px) { #registration { padding: clamp(2rem, 8vw, 4rem) var(--space-mobile-edge); } }
@media (max-width: 767px) { .reg-card { padding: 20px 10px; } }
#register-form .field-inner input { padding: 0.9rem 2.5rem; }
[data-toggle-password] { position: absolute; right: 1rem; top: 50%; z-index: 3; width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; padding: 0; }
.proof-bar { padding: var(--space-md) 0; overflow: hidden; }
.sticky-cta-bar__text { margin: 0; }
.sticky-cta-bar { padding: 0.75rem var(--space-md); }
.sticky-cta-bar__inner { max-width: var(--container-max); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); }
@media (max-width: 767px) { .sticky-cta-bar { display: none; } }
.logo-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--site-space-xl, 32px) var(--site-space-2xl, 48px); }
.logo-bar img { height: 36px; width: auto; max-width: 160px; object-fit: contain; }
.quiz { display: grid; grid-template-columns: minmax(0, 1fr); width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
.quiz > .quiz-meta { grid-row: 1; grid-column: 1; }
.quiz > .quiz-card, .quiz > .quiz-result { grid-row: 2; grid-column: 1; display: block; width: 100%; max-width: 100%; }
.quiz > .quiz-gate { grid-row: 2; grid-column: 1; display: block; justify-self: center; }
.quiz > .quiz-card:not(.is-active), .quiz > .quiz-result:not(.is-active), .quiz > .quiz-gate:not(.is-active) { visibility: hidden; height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; margin: 0; }
.quiz-card > p, .quiz-result > p, .quiz-gate p { width: 0; min-width: 100%; }
html.gjs-canvas .quiz { display: block; }
html.gjs-canvas .quiz > .quiz-card, html.gjs-canvas .quiz > .quiz-result, html.gjs-canvas .quiz > .quiz-gate { visibility: visible; height: auto; overflow: visible; padding-top: var(--site-space-xl, 32px); padding-bottom: var(--site-space-xl, 32px); margin: 0 0 16px; }
.steps { display: grid; gap: 20px; }
.steps .step-number { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: var(--site-space-md, 16px); }
.team-grid { display: grid; gap: 20px; align-items: stretch; }
:where(.team-grid) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.team-grid img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.gallery-grid { display: grid; gap: var(--site-space-lg, 24px); }
.gallery-grid img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 767px) { .urgency-box { max-width: fit-content; } }
@media (max-width: 767px) { .site-nav, header.site-nav { height: var(--nav-height-mobile, 64px); max-height: var(--nav-height-mobile, 64px); justify-content: space-between; flex-wrap: nowrap; padding-top: 0; padding-bottom: 0; } }
@media (max-width: 767px) { .site-nav.nav-open .nav-links, .site-nav.nav-open .mobile-menu, .nav-open [class*="nav-links"], .nav-open [class*="nav-menu"], .nav-open [class*="menu-list"], .nav-toggle-state:checked ~ .mobile-menu, .nav-toggle-state:checked ~ [class*="nav-links"], .nav-toggle-state:checked ~ [class*="nav-menu"], .nav-toggle-state:checked ~ [class*="menu-list"] { align-items: stretch; gap: var(--space-xs); padding: var(--space-mobile-edge, 10px); } }
@media (max-width: 767px) { .hamburger, [class*="hamburger"], [data-nav-toggle], [class*="nav-toggle"]:not(.nav-toggle-state):not(.nav-toggle) { display: flex; align-items: center; justify-content: center; flex-shrink: 0; } }
@media (max-width: 767px) { button.nav-toggle, tempbutton.nav-toggle { padding: 0.5rem; margin: 0; } }
@media (max-width: 767px) { .logo, .site-logo, .brand-logo { display: block; visibility: visible; width: auto; max-width: 180px; height: auto; max-height: 44px; object-fit: contain; flex-shrink: 0; } }
@media (max-width: 767px) { .nav-logo { visibility: visible; width: auto; max-width: 180px; height: auto; max-height: 44px; } }
@media (max-width: 767px) { .site-nav img, header.site-nav img { display: block; visibility: visible; width: auto; max-width: 180px; max-height: 44px; object-fit: contain; flex-shrink: 0; } }
@media (max-width: 767px) { .site-nav .btn--primary:not(.nav-cta), nav .btn--primary:not(.nav-cta), .site-nav .btn:not(.nav-toggle):not(.hamburger):not([class*="toggle"]):not(.nav-cta), .site-nav button:not(.nav-toggle):not(.hamburger):not([class*="toggle"]):not(.nav-cta), .site-nav tempbutton:not(.nav-toggle):not(.hamburger):not([class*="toggle"]):not(.nav-cta) { display: none; } }
@media (max-width: 767px) { .site-nav.nav-open .nav-links .btn, .site-nav.nav-open .nav-links button, .nav-open [class*="nav-links"] .btn, .nav-open [class*="nav-links"] button, .nav-toggle-state:checked ~ .nav-links .btn, .nav-toggle-state:checked ~ .nav-links button, .nav-toggle-state:checked ~ [class*="nav-links"] .btn, .nav-toggle-state:checked ~ [class*="nav-links"] button, .site-nav.nav-open .nav-links tempbutton, .nav-open [class*="nav-links"] tempbutton, .nav-toggle-state:checked ~ .nav-links tempbutton, .nav-toggle-state:checked ~ [class*="nav-links"] tempbutton { display: block; } }
#capture-form label, form[name="capture-form"] label, [class*="form-group"] label { display: block; width: 100%; margin-left: 0; margin-right: 0; }
.form-group label { display: block; width: 100%; margin-left: 0; margin-right: 0; }
form, [class*="form-wrap"], [class*="form-container"], [class*="capture-form"] { min-width: min(400px, 100%); width: 100%; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { form, [class*="form-wrap"], [class*="form-container"], [class*="capture-form"] { min-width: 100%; width: 100%; } }
.btn-sub-text, .cta-sub-text, .btn-disclaimer, .cta-disclaimer, [class*="sub-text"], [class*="trust-text"], [class*="micro-copy"], [class*="spam-free"], [class*="no-cc"], [class*="cta-note"], [class*="btn-note"], [class*="cta-trust"], [class*="cta-small"], [class*="below-btn"], [class*="under-btn"], [class*="below-cta"] { width: 100%; display: block; }
.btn--primary + p, .btn--primary + small, .btn--primary + span, button + p, button + small, button + span, a.btn--primary + p, a.btn--primary + small, a.btn--primary + span, [class*="btn-wrap"] + p, [class*="btn-wrap"] + small, [class*="cta-wrap"] + p, [class*="cta-wrap"] + small, [class*="button-wrap"] + p, [class*="button-wrap"] + small, tempbutton + p, tempbutton + small, tempbutton + span, [class*="tempbutton-wrap"] + p, [class*="tempbutton-wrap"] + small { width: 100%; display: block; }
section:not(.section-divider) { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; }
.section-divider * { padding: 0; margin: 0; }
.section-pad:not(.section-sm):not(.section-lg) { padding-top: var(--space-section, 100px); padding-bottom: var(--space-section, 100px); }
@media (max-width: 767px) { .section-pad:not(.section-sm):not(.section-lg) { padding-top: 75px; padding-bottom: 75px; } }
.pre-headline { display: block; margin: 0; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(32px, 3.4vw, 48px); width: 100%; max-width: var(--container-max); margin-left: auto; margin-right: auto; }
.split + .split { margin-top: clamp(64px, 8vw, 112px); }
.split--reverse > :first-child { order: 2; }
.split__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-lg); min-width: 0; }
.split__copy > * { margin: 0; }
.split__copy .list-check { margin-left: 0; margin-right: 0; }
.split__media { min-width: 0; align-self: stretch; display: flex; align-items: center; }
.split__media > .media, .split__media > .video-wrapper { width: 100%; }
@media (max-width: 767px) { .split { grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); } }
@media (max-width: 767px) { .split--reverse > :first-child { order: 0; } }
@media (max-width: 767px) { .split__copy { align-items: center; } }
@media (max-width: 767px) { .split__copy .list-check { margin-left: auto; margin-right: auto; } }
.media--browser { padding-top: 32px; aspect-ratio: auto; }
.media--browser > img, .media--browser > video { height: auto; aspect-ratio: 16 / 10; }
.card__media { display: block; margin: calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-lg); aspect-ratio: 16 / 9; overflow: hidden; }
.card__media > img { width: 100%; height: 100%; object-fit: cover; }
.proof-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--space-md); margin: 0; }
.split__copy .proof-row, .hero__inner--split .proof-row { justify-content: flex-start; }
@media (max-width: 767px) { .split__copy .proof-row, .hero__inner--split .proof-row { justify-content: center; } }
.testimonial-card { display: flex; flex-direction: column; gap: var(--space-md); padding: var(--space-xl); }
.testimonial-card .testimonial-author { margin-top: auto; }
.btn--lg { min-height: 64px; padding: var(--space-md) var(--space-2xl); }
.btn--stacked { flex-direction: column; gap: 2px; }
.btn__label { display: block; }
.btn__sub { display: block; }
.pricing-grid { align-items: start; }
.pricing-grid .pricing-card, .pricing-grid .pricing-box { width: 100%; }
.guarantee { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-xl); width: fit-content; max-width: min(100%, 860px); margin-left: auto; margin-right: auto; padding: var(--space-xl); }
.guarantee-seal { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 140px; height: 140px; flex-shrink: 0; }
@media (max-width: 767px) { .guarantee { grid-template-columns: minmax(0, 1fr); justify-items: center; } }
.cta-band { display: flex; flex-direction: column; align-items: center; gap: var(--space-lg); width: 100%; max-width: 860px; margin-left: auto; margin-right: auto; }
.cta-band > * { margin: 0; }
.cta-band--brand { max-width: var(--container-max); padding: clamp(48px, 6vw, 88px) clamp(24px, 5vw, 64px); }
.countdown-timer { display: flex; flex-wrap: nowrap; justify-content: center; gap: var(--space-lg); }
.countdown-number { display: block; }
.footer-cols { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-lg); }
.footer-cols > * { flex: 1 1 160px; }
@media (max-width: 767px) { .footer-cols { flex-direction: column; align-items: center; } }
.faq-list { width: fit-content; max-width: min(100%, 800px); }
.faq-list .faq-item .faq-content { contain: inline-size; }
@media (max-width: 767px) { .faq-list { width: auto; } }
#register-form .btn--primary { width: 100%; }
:where(.hero__inner) { display: flex; flex-direction: column; align-items: center; gap: var(--space-xl); }
:where(.hero__head) { max-width: 100%; }
:where(.card, [class*="-card"]) > :last-child { margin-bottom: 0; }
section:not(.hero) :is(.eyebrow-wrap, .section-head) :is(.eyebrow, .badge, .pill, .tag, .kicker) { padding: 0; }
:is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster):is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster), :is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .tempbutton-row, .cluster):is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .tempbutton-row, .cluster) { align-items: stretch; }
:is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster):is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster) > :is(a, button, tempbutton).btn, :is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster):is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster) > :is(a, button, button).btn { height: auto; }
:is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster):is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .button-row, .cluster), :is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .tempbutton-row, .cluster):is(.hero-actions, .cta-actions, .acct-actions, .lesson-actions, .next-actions, .btn-row, .tempbutton-row, .cluster) { align-self: stretch; }
:is(a, button, tempbutton).btn:not(.btn--sm), :is(a, button, button).btn:not(.btn--sm) { padding: 12px 28px; }
:is(a, button, tempbutton).btn.btn--lg, :is(a, button, button).btn.btn--lg { padding: 14px 34px; }
.faq-list .faq-item .faq-question { padding-top: var(--space-md); padding-bottom: var(--space-md); }
@media (max-width: 767px) { .faq-list .faq-item .faq-question { padding-top: var(--space-md); padding-bottom: var(--space-md); } }
.faq-list .faq-item[open] > .faq-question, .faq-list .faq-item.faq-open .faq-question { padding-bottom: 0; }
.faq-list .faq-item .faq-content { padding-top: 21px; padding-bottom: 22px; }
@media (max-width: 767px) { .faq-list .faq-item[open] > .faq-question, .faq-list .faq-item.faq-open .faq-question { padding-bottom: 0; } }
@media (max-width: 767px) { .faq-list .faq-item .faq-content { padding-top: 21px; padding-bottom: 22px; } }
:root { --box-radius: var(--ds-radius-box, 16px); --box-radius-sm: var(--ds-radius-box-sm, 12px); --box-pad: clamp(24px, calc(16px + 1.25vw), 32px); }
.card { padding: var(--box-pad); }
.card > :is(h3, h4) { margin-bottom: var(--space-sm); }
.card__media { margin: calc(var(--box-pad) * -1) calc(var(--box-pad) * -1) var(--space-lg); }
:is(.card, .feature-card, .benefit-card, .team-card, .post-card, .included-card, .dash-card, .pain-card, .bonus-card, .module-block, .learn-tile, .principle, .question-card, .role-card, .win-card, .benefits-grid .benefit, .quiz-card, .agenda .session, .apply-step, .guest-card, .acct-card, .plan-card, .join-card, .community-card, .continue-card, .first-step, .cta-box, .support-box, .board-body, article.entry, .ba-col, .criterion, .callout, .guarantee, .learn-tile__body, .post-body, .card__body) > :is(h3, h4):not(:last-child), .steps > .step :is(.step-head, .num-row) > :is(h3, h4) { margin-bottom: calc(12px + 0.3em); }
:is(.question-card, .card, .principle, .win-card, .role-card) > .num-row.num-row.num-row { margin-bottom: calc(12px + 0.3 * 1.3rem); }
.testimonial-card { position: relative; padding: var(--box-pad); gap: var(--space-md); }
.testimonial-card::after { position: absolute; right: 22px; bottom: -14px; }
.testimonial-card :is(blockquote, .testimonial-quote) { margin: 0; padding: 0; }
.testimonial-card :is(.testimonial-author, .author-row) { display: flex; align-items: center; gap: 14px; margin-top: auto; padding-top: var(--space-md); }
.pricing-card, .pricing-box { position: relative; padding: var(--space-xl); }
.pricing-grid.pricing-grid.pricing-grid { align-items: stretch; column-gap: 20px; row-gap: 20px; }
.pricing-card :is(ul, .plan-list) li { gap: 10px; }
.form-card { padding: var(--space-xl); }
.guarantee { padding: var(--box-pad); gap: var(--space-lg); }
.offer-stack { padding: var(--box-pad); }
.faq-list { gap: var(--space-md); }
.faq-list > .faq-item + .faq-item { margin-top: 0; }
.icon-wrap { padding: 10px; }
.icon-row .icon-wrap { padding: 8px; }
.compare-table { overflow: hidden; }
:is(.feature-card, .included-card, .dash-card, .criterion, .benefits-grid .benefit, .pain-card, .win-card, .bonus-card, .learn-tile) > .icon-row.icon-row.icon-row { flex-direction: row; align-items: flex-start; gap: 16px; margin-bottom: 0; }
:is(.feature-card, .included-card, .dash-card, .criterion, .benefits-grid .benefit, .pain-card, .win-card, .bonus-card, .learn-tile) > .icon-row > .icon-wrap { width: 52px; height: 52px; min-width: 52px; margin: 0; padding: 9px; }
:is(.feature-card, .included-card, .dash-card, .criterion, .benefits-grid .benefit, .pain-card, .win-card, .bonus-card, .learn-tile) > .icon-row > i { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0; }
.feature-card { padding: var(--box-pad); }
.steps > .step.step { position: relative; padding: 0; }
.steps > .step.step > :is(.step-head, .num-row) { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 0; }
.steps > .step :is(.step-head, .num-row) > .step-number.step-number.step-number.step-number.step-number { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; margin: 0; }
.steps > .step.step > p { max-width: 60ch; }
@media (min-width: 1025px) { .steps.steps { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); grid-template-columns: none; column-gap: var(--space-xl); } }
@media (min-width: 1025px) { .steps > .step.step:not(:last-child) > :is(.step-head, .num-row)::after { position: absolute; top: 25px; left: 70px; right: calc(var(--space-xl) * -1 + 18px); height: 2px; } }
@media (max-width: 1024px) { .steps.steps { grid-template-columns: minmax(0, 1fr); max-width: 640px; margin-left: auto; margin-right: auto; row-gap: var(--space-xl); } }
@media (max-width: 1024px) { .steps > .step.step { padding-left: 72px; min-height: 52px; } }
@media (max-width: 1024px) { .steps > .step.step > :is(.step-head, .num-row) { position: static; padding-top: 12px; } }
@media (max-width: 1024px) { .steps > .step :is(.step-head, .num-row) > .step-number.step-number.step-number.step-number.step-number { position: absolute; top: 0; left: 0; } }
@media (max-width: 1024px) { .steps > .step.step:not(:last-child)::after { position: absolute; top: 66px; bottom: calc(var(--space-xl) * -1 + 12px); left: 25px; width: 2px; } }
@media (min-width: 768px) { .split.split { display: flex; align-items: center; } }
@media (min-width: 768px) { .split.split > * { flex: 1 1 0; min-width: 0; } }
@media (min-width: 768px) { .split.split > .split__media { flex: 0 1 45%; } }
@media (min-width: 1025px) { .program-split.program-split, .pay-area.pay-area { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { .program-split > .form-hold { justify-self: center; } }
:is(.split__media, .program-details, .order-col) > img:not(.avatar), :is(.split__media, .program-details, .order-col) > .media > img { max-height: 420px; object-fit: cover; }
:is(#capture-form, #register-form, form) .form-group > label { margin-bottom: 0; }
.stat-label { margin-top: 10px; }
:is(.stats-band, .hero .grid-4, .hero .grid-3) { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; column-gap: 0; row-gap: var(--space-lg); }
:is(.stats-band, .hero .grid-4, .hero .grid-3) > .stat { flex: 0 1 auto; min-width: 0; padding-left: clamp(20px, 2.6vw, 40px); padding-right: clamp(20px, 2.6vw, 40px); }
@media (min-width: 768px) { :is(.stats-band, .hero .grid-4, .hero .grid-3) { flex-wrap: nowrap; } }
@media (max-width: 767px) { :is(.stats-band, .hero .grid-4, .hero .grid-3) > .stat { flex: 0 0 50%; max-width: 50%; padding-left: 8px; padding-right: 8px; } }
.list-cross { display: flex; flex-direction: column; gap: var(--space-sm); padding-left: 0; list-style: none; }
:is(.list-check, .list-cross) > li { display: flex; align-items: flex-start; gap: 12px; }
:is(.list-check, .list-cross) > li::before { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 0.2em; }
:is(.list-check, .list-cross) > li > i:first-child:is(.fa-check, .fa-circle-check, .fa-check-circle, .fa-xmark, .fa-times, .fa-circle-xmark) { display: none; }
.stack > :is(.list-check, .list-cross) { margin-left: 0; margin-right: 0; }
body:has(.site-nav) #hero, body:has(.site-nav) section.hero, body:has(.site-nav) section[class*="hero"], section.hero { padding-bottom: 100px; }
@media (max-width: 767px) { body:has(.site-nav) #hero, body:has(.site-nav) section.hero, body:has(.site-nav) section[class*="hero"], section.hero { padding-bottom: 75px; } }
.iti.iti--allow-dropdown .iti__country-container { top: 1px; bottom: 1px; left: 1px; padding: 0; }
.iti.iti--allow-dropdown .iti__selected-country { height: 100%; padding: 0 10px 0 0; }
.iti.iti--allow-dropdown .iti__selected-country-primary { height: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 12px 0 14px; }
.section-head, .cta-band, .cta-final, .final-cta, .close-band, .faq-header, .stats-head, .pricing-head, .hero--page .hero__inner { max-width: none; }
:is(.hero, .section-head, .cta-band, .cta-final, .final-cta, .close-band, .faq-header, .stats-head, .pricing-head, .text-center) :is(h1, h2):not(#_), :is(h1, h2).text-center:not(#_) { max-width: 1000px; margin-inline: auto; }
:is(.hero, .section-head, .cta-band, .cta-final, .final-cta, .close-band, .faq-header, .stats-head, .pricing-head, .text-center) :is(h1, h2) ~ :is(p, .lead, .section-lead, .sub, .subheading, .faq-sub):not(#_), p.text-center:not(#_) { max-width: 800px; margin-inline: auto; }
.faq-list:not(#_) { max-width: 880px; margin-inline: auto; }
:root { --field-icon-left: 0; }
.pagination { justify-content: center; }
:root { --hero-pad-y: 100px; --hero-pad-bottom: 100px; }
@media (max-width: 767px) { :root { --hero-pad-y: 75px; --hero-pad-bottom: 75px; } }
:is(section.hero, #hero):not(#_) { padding-top: var(--hero-pad-y); padding-bottom: var(--hero-pad-bottom); }
body:has(.site-nav) :is(section.hero, #hero):not(#_) { padding-top: calc(var(--nav-height, 80px) + var(--hero-pad-y)); }
@media (max-width: 767px) { body:has(.site-nav) :is(section.hero, #hero):not(#_) { padding-top: calc(var(--nav-height-mobile, 64px) + var(--hero-pad-y)); } }
:is(section.hero, #hero).hero--full:not(#_) { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-top: 4svh; padding-bottom: var(--hero-pad-bottom); }
body:has(.site-nav) :is(section.hero, #hero).hero--full:not(#_) { padding-top: calc(var(--nav-height, 80px) + 4svh); }
body:has(.ai-univ-header) :is(section.hero, #hero).hero--full:not(#_) { min-height: calc(100svh - var(--nav-height, 80px)); }
:is(section.hero, #hero).hero--full:not(#_) > * { width: 100%; }
:is(section.hero, #hero):not(#_) :is(.hero__inner, .hero__head, .hero__content, .hero__copy) > :last-child { margin-bottom: 0; }
:is(.meta-row, .hero-meta, .hero-facts, .key-facts, .facts-row, .fact-row, .trust-row, .trust-strip, .badge-row, .chip-row, .tag-row, .stats-inline, .included-row, .spec-row, .icon-list--inline):not(#_) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 12px 48px; width: fit-content; max-width: 100%; grid-template-columns: none; }
:is(.meta-row, .hero-meta, .hero-facts, .key-facts, .facts-row, .fact-row, .trust-row, .trust-strip, .badge-row, .chip-row, .tag-row, .stats-inline, .included-row, .spec-row, .icon-list--inline):not(#_) > * { flex: 0 1 auto; min-width: 0; }
:where(.hero__head, .hero__content, .section-head, .cta-band, .cta-final, .final-cta, .close-band, .hero__inner:not(.hero__inner--split), .text-center, [class*="--center"]) > :is(.meta-row, .hero-meta, .hero-facts, .key-facts, .facts-row, .fact-row, .trust-row, .trust-strip, .badge-row, .chip-row, .tag-row, .stats-inline, .included-row, .spec-row, .icon-list--inline):not(#_) { justify-content: center; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { :is(.meta-row, .hero-meta, .hero-facts, .key-facts, .facts-row, .fact-row, .trust-row, .trust-strip, .badge-row, .chip-row, .tag-row, .stats-inline, .included-row, .spec-row, .icon-list--inline):not(#_) { gap: 10px 24px; } }
:is(.stats-band, .hero .grid-4, .hero .grid-3):not(#_) > .stat { padding-left: clamp(16px, 2vw, 28px); padding-right: clamp(16px, 2vw, 28px); }
body:not(:has(.ai-univ-header, .site-nav)) footer.site-footer.site-footer:not(#_) { margin-top: 0; }
body:not(:has(.ai-univ-header, .site-nav)):has(main > section.hero:only-of-type):not(#_) { display: flex; flex-direction: column; min-height: 100svh; }
body:not(:has(.ai-univ-header, .site-nav)):has(main > section.hero:only-of-type) > main:not(#_) { flex: 1 0 auto; display: flex; flex-direction: column; }
body:not(:has(.ai-univ-header, .site-nav)) main > section.hero:only-of-type:not(#_) { flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }
body:not(:has(.ai-univ-header, .site-nav)) main > section.hero:only-of-type:not(#_) > * { width: 100%; }
body:not(:has(.ai-univ-header, .site-nav)) main :is(section.hero, #hero):not(#_) .nav-logo img { height: 60px; width: auto; max-width: 280px; object-fit: contain; }
@media (max-width: 767px) { body:not(:has(.ai-univ-header, .site-nav)) main :is(section.hero, #hero):not(#_) .nav-logo img { height: 46px; } }
:root { --sep-gap: 48px; }
@media (max-width: 767px) { :root { --sep-gap: 32px; } }
:is(hr, .divider, .rule, .separator):not(.ds-divider, .section-divider, .has-divider):not(#_) { margin-top: var(--sep-gap); margin-bottom: var(--sep-gap); margin-left: auto; margin-right: auto; }
:has(+ :is(hr, .divider, .rule, .separator):not(.ds-divider, .section-divider, .has-divider)):not(#_) { margin-bottom: 0; }
:is(hr, .divider, .rule, .separator):not(.ds-divider, .section-divider, .has-divider) + *:not(#_) { margin-top: 0; }
:where(section:not(.hero, #hero)) :where(.container, .container-narrow, .container-wide, .section-inner) > :where(div, ul, ol, table, figure, dl):not(.section-head, .hero__head, .eyebrow-wrap, .split, .split__copy, .split__media) { margin-left: auto; margin-right: auto; }
:is(.compare, .comparison, .before-after, .versus, .vs, .pros-cons, .compare-grid, .comparison-grid):has(> :nth-child(2):last-child):not(table, #_) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 960px; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { :is(.compare, .comparison, .before-after, .versus, .vs, .pros-cons, .compare-grid, .comparison-grid):has(> :nth-child(2):last-child):not(table, #_) { grid-template-columns: minmax(0, 1fr); } }
.hero--media:not(#_) { position: relative; isolation: isolate; overflow: hidden; }
.hero--media > .hero__bg:not(#_) { position: absolute; inset: 0; z-index: -1; }
.hero--media > .hero__bg:not(#_) > :is(img, video) { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero--media > .hero__bg:not(#_)::after { position: absolute; inset: 0; }
@media (prefers-reduced-motion: reduce) { .hero--media > .hero__bg:not(#_) > video { display: none; } }
:is(.form-card, .reg-card, .capture-form-wrap, .order-summary) > :is(h2, h3, h4, .form-card-title, .form-title):not(#_), :is(.form-card, .reg-card, .capture-form-wrap, .order-summary) > :is(h2, h3, h4, .form-card-title, .form-title) + :is(p, .form-card-sub, .form-sub):not(#_), :is(.form-card, .reg-card, .capture-form-wrap) > :is(.form-card-sub, .form-sub):not(#_), :is(.form-card, .reg-card, .capture-form-wrap) :is(.form-note, .form-footnote):not(#_) { margin-left: auto; margin-right: auto; }
:is(.form-card, .reg-card, .capture-form-wrap) > :first-child:not(#_) { margin-top: 0; }
:is(.form-card, .reg-card, .capture-form-wrap) > :last-child:not(#_), :is(.form-card, .reg-card, .capture-form-wrap) form > :last-child:not(#_) { margin-bottom: 0; }
@media (min-width: 1024px) { :is(section.hero, #hero):not(#_) .hero__inner--split:has(form, .form-card, .hero__form-col) { align-items: start; } }
@media (min-width: 1024px) { :is(section.hero, #hero):not(#_) .hero__inner--split:has(form, .form-card, .hero__form-col) > * { min-height: calc(100svh - 2 * var(--hero-pad-y)); display: flex; flex-direction: column; justify-content: center; } }
@media (min-width: 1024px) { body:has(.site-nav) :is(section.hero, #hero):not(#_) .hero__inner--split:has(form, .form-card, .hero__form-col) > * { min-height: calc(100svh - var(--nav-height, 80px) - 2 * var(--hero-pad-y)); } }
@media (min-width: 1024px) { body:has(.ai-univ-header) :is(section.hero, #hero):not(#_) .hero__inner--split:has(form, .form-card, .hero__form-col) > * { min-height: calc(100svh - var(--nav-height, 80px) - 2 * var(--hero-pad-y)); } }
:is(div, p, .hero-actions, .cta-actions, .btn-row, .button-row, .cluster):has(> :is(.btn--stacked, tempbutton.btn--stacked)) > :is(.btn, tempbutton):not(.btn--stacked):not(#_), :is(div, p, .hero-actions, .cta-actions, .btn-row, .button-row, .cluster):has(> :is(.btn--stacked, button.btn--stacked)) > :is(.btn, button):not(.btn--stacked):not(#_) { align-self: stretch; }
:is(div, p, .hero-actions, .cta-actions, .btn-row, .button-row, .cluster):has(> :is(.btn--stacked, tempbutton.btn--stacked)), :is(div, p, .hero-actions, .cta-actions, .btn-row, .button-row, .cluster):has(> :is(.btn--stacked, button.btn--stacked)) { align-items: stretch; }
:is(.offer-stack, .value-stack, .order-summary, .included-card, .compare-card):not(#_) { width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
:is(.offer-stack, .value-stack, .order-summary) :is(.offer-row, .offer-total, .order-line, .order-total, .value-row):not(#_) { column-gap: 56px; }
.legal-clause h2:not(#_) { margin-bottom: 16px; }
.legal-clause :is(p + p, p + ul, ul + p):not(#_) { margin-top: 14px; }
:is(.form-card, .reg-card):not(#_) { display: flex; flex-direction: column; gap: 24px; }
:is(.form-card, .reg-card):not(#_) > * { margin-top: 0; margin-bottom: 0; }
:root { --stack-gap: 24px; --head-body-gap: 36px; }
@media (max-width: 767px) { :root { --stack-gap: 20px; --head-body-gap: 30px; } }
:is(.hero__head, .hero__content, .hero__copy, .section-head, .faq-header, .cta-band, .cta-final, .final-cta, .close-band):not(#_) { display: flex; flex-direction: column; gap: var(--stack-gap); }
:is(.hero__head, .hero__content, .hero__copy, .section-head, .faq-header, .cta-band, .cta-final, .final-cta, .close-band):not(#_) > * { margin-top: 0; margin-bottom: 0; }
:is(.cta-band, .cta-final, .final-cta, .close-band):not(#_) > :is(.btn, a.btn, button, tempbutton), :is(.cta-band, .cta-final, .final-cta, .close-band):not(#_) > :is(.btn, a.btn, button, button) { align-self: center; }
:is(.section-head, .faq-header):not(#_) { margin-bottom: var(--head-body-gap); }
:is(.card, .feature-card, .benefit-card, .testimonial-card, .pricing-card, .plan-card, .offer-card, .included-card, .service-card, .team-card, .post-card, .step-card, .bonus-card):not(#_) { display: flex; flex-direction: column; gap: var(--stack-gap); }
:is(.card, .feature-card, .benefit-card, .testimonial-card, .pricing-card, .plan-card, .offer-card, .included-card, .service-card, .team-card, .post-card, .step-card, .bonus-card):not(#_) > * { margin-top: 0; margin-bottom: 0; }
.eyebrow:not(#_), :is(.section--dark, .hero, .site-nav, footer.site-footer, .sticky-cta-bar, .card--dark, :where(section:not(.hero, .section-divider, .section--dark, .section--brand, .section--tint, .section--light, .section--light-2, .section--light-3, section section)):nth-of-type(odd)) .eyebrow:not(#_) { padding: 0; }
:is(.hero__head, .hero__content, .hero__copy, .section-head, .cta-band, .cta-final, .final-cta, .close-band):not(#_) > :is(.nav-logo, .eyebrow-wrap, .actions, .hero-actions, .cta-actions, .btn-row, .button-row), :is(.hero__head, .hero__content, .hero__copy, .section-head, .cta-band, .cta-final, .final-cta, .close-band):not(#_) > :is(.nav-logo, .eyebrow-wrap, .actions, .hero-actions, .cta-actions, .btn-row, .tempbutton-row) { align-self: center; }
.hero__inner--split :is(.hero__head, .hero__content, .hero__copy):not(#_) > :is(.nav-logo, .eyebrow-wrap, .actions, .hero-actions, .btn-row, .button-row), .hero__inner--split :is(.hero__head, .hero__content, .hero__copy):not(#_) > :is(.nav-logo, .eyebrow-wrap, .actions, .hero-actions, .btn-row, .tempbutton-row) { align-self: flex-start; }
:is(ul, ol):is(.list-check, .list-cross, .check-list, .cross-list, .feature-list, .plan-list, .steps, .step-list, .bullets):not(#_), :is(.card, [class*="-card"], .section-head, .split__copy, .hero__content) > :is(ul, ol):not(#_) { display: flex; flex-direction: column; gap: var(--list-gap); }
:root { --list-gap: 0px; --item-gap: 12px; }
:is(ul, ol):is(.list-check, .list-cross, .check-list, .cross-list, .feature-list, .plan-list, .steps, .step-list, .bullets):not(#_) > li, :is(.card, [class*="-card"], .section-head, .split__copy, .hero__content) > :is(ul, ol):not(#_) > li { margin-top: 0; margin-bottom: 0; }
.icon-row:not(#_) { align-items: flex-start; }
.icon-row:not(#_) > :is(.icon-wrap, i, svg, img, .icon-chip) { flex-shrink: 0; }
.icon-row:not(#_) > :is(h2, h3, h4) { margin-top: 0; }
.icon-row:not(#_) > :is(.icon-wrap, .icon-chip) { margin-top: calc((1.25 * var(--icon-row-head-size, var(--text-4, 1.5rem)) - var(--icon-size, 40px)) / 2); }
:is(.card, .feature-card, .benefit-card, .bonus-card, .pricing-card, .plan-card, .offer-card, .included-card, .service-card):not(#_) > :is(.price, .price-row, .card-price, .actions, .btn, a.btn, .link-arrow, .card-link):last-child { margin-top: auto; }
:is(.split, .two-col, .grid-2):not(#_):has(> :only-child:is(ul, ol), > :is(div, aside):has(> :is(ul, ol):only-child)) { align-items: center; }
:is(.form-card, .reg-card):not(#_) { width: 100%; max-width: 520px; margin-left: auto; margin-right: auto; min-width: 0; }
:is(ul, ol):not(#_):has(> li > :is(h3, h4, h5, strong, .title, [class*="title"]) + :is(p, span, div)) { display: flex; flex-direction: column; gap: var(--stack-gap); }
:is(ul, ol):not(#_) > li:has(> :is(h3, h4, h5, strong, .title, [class*="title"]) + :is(p, span, div)) { display: flex; flex-direction: column; gap: var(--item-gap); margin: 0; }
:is(ul, ol):not(#_) > li:has(> :is(h3, h4, h5, strong, .title, [class*="title"]) + :is(p, span, div)) > * { margin: 0; }
:is(.icon-wrap, .icon-chip, .step-number, .step-num, .step-marker, .file-chip, [class*="__chip"], .avatar-placeholder):not(#_) { box-sizing: border-box; }
:is(.form-note, .hero-note, .cta-note, .trust-line, .guarantee-line, .meta-item, .note, .pay-note):has(> i[class*="fa-"]):not(#_) { display: flex; align-items: flex-start; justify-content: center; gap: 8px; }
:is(.form-note, .hero-note, .cta-note, .trust-line, .guarantee-line, .meta-item, .note, .pay-note):has(> i[class*="fa-"]):not(#_) > i { flex: 0 0 auto; position: static; margin: 0; }
section:not(#_) > :first-child, section:not(#_) :is(.container, .container-narrow, .container-wide, .container-flush, .section__inner, .section-inner, .wrap, .inner) > :first-child { margin-top: 0; }
section:not(#_) > :last-child, section:not(#_) :is(.container, .container-narrow, .container-wide, .container-flush, .section__inner, .section-inner, .wrap, .inner) > :last-child { margin-bottom: 0; }
:is(h3, h4, h5, h6):not(#_):has(+ :is(ul, ol, p, form, div)) { margin-bottom: calc(var(--head-gap) - 12px); }
:is(h3, h4, h5, h6) + :is(ul, ol, p, form, div):not(#_) { margin-top: 0; }
:is(.card, .feature-card, .benefit-card, .testimonial-card, .pricing-card, .plan-card, .offer-card, .included-card, .service-card, .team-card, .post-card, .step-card, .bonus-card):not(#_):not(#_) { gap: calc(var(--head-gap) - 12px); }
@media (max-width: 767px) { :is(.card, .feature-card, .benefit-card, .testimonial-card, .pricing-card, .plan-card, .offer-card, .included-card, .service-card, .team-card, .post-card, .step-card, .bonus-card):not(#_):not(#_) { gap: calc(var(--head-gap) - 16px); } }
:is(.hero__head, .hero__content, .hero__inner, .hero__copy, .soon-head, .title-block, .text-center, [class*="--center"]) > :is(form, .form-card, .reg-card, .capture-form-wrap, .pricing-card, .offer-card, figure, video, [class*="video-frame"], [class*="media-frame"]):not(#_):not(#_) { margin-top: calc(var(--head-body-gap) - 24px + 6px); margin-bottom: calc(var(--head-body-gap) - 24px + 6px); }
:is(.hero__head, .hero__content, .hero__inner, .hero__copy, .soon-head, .title-block, .text-center, [class*="--center"]) > :has(+ :is(form, .form-card, .reg-card, .capture-form-wrap, .pricing-card, .offer-card, figure, video, [class*="video-frame"], [class*="media-frame"])):not(#_):not(#_), :is(.hero__head, .hero__content, .hero__inner, .hero__copy, .soon-head, .title-block, .text-center, [class*="--center"]) > :is(form, .form-card, .reg-card, .capture-form-wrap, .pricing-card, .offer-card, figure, video, [class*="video-frame"], [class*="media-frame"]) + *:not(#_):not(#_) { margin-bottom: 0; margin-top: 0; }
:is(.hero__head, .hero__content, .hero__inner, .hero__copy, .soon-head, .title-block, .text-center, [class*="--center"]) > :is(form, .form-card, .reg-card, .capture-form-wrap, .pricing-card, .offer-card, figure, video, [class*="video-frame"], [class*="media-frame"]):last-child:not(#_):not(#_) { margin-bottom: 0; }
.input-icon-wrap .form-icon:not(#_):not(#_) { width: 20px; }
.input-icon-wrap:has(> .form-icon) > :is(input, select):not(#_):not(#_), .input-icon-wrap:has(> .form-icon) > textarea:not(#_):not(#_) { padding-right: 52px; }
@media (min-width: 1025px) { .split:has(> .split__copy:first-child + :is(.list-check, .list-cross, ul, ol, .split__list):last-child):not(#_) { grid-template-columns: minmax(0, 600fr) minmax(0, 520fr); } }
@media (max-width: 767px) { .split:not(#_):not(#_) { grid-template-columns: minmax(0, 1fr); } }
.faq-list { width: max-content; min-width: min(600px, 100%); max-width: min(800px, 100%); }
.faq-list > .faq-item { width: 100%; box-sizing: border-box; }
.faq-list .faq-answer, .faq-list .faq-content { contain: inline-size; }
.faq-list:not(#_):not(#_) { max-width: min(800px, 100%); }
@media (max-width: 767px) { .site-nav .nav-logo img:not(#_) { max-width: 140px; max-height: 40px; height: auto; width: auto; } }
@media (max-width: 767px) { .site-nav .nav-cta:not(#_) { padding-left: 16px; padding-right: 16px; gap: 8px; } }
@media (max-width: 380px) { .site-nav .nav-cta:not(#_) i { display: none; } }
.offer-stack > :not(.offer-row, .offer-total, .offer-price):not(#_) { grid-column: 1 / -1; }
@media (min-width: 768px) { .offer-stack:not(#_) { grid-template-columns: minmax(0, 1fr) max-content; } }
@media (min-width: 768px) { .offer-stack:not(#_) > :is(.offer-row, .offer-total) { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; } }
.offer-stack:not(#_) > .offer-stack__title { padding-bottom: var(--space-sm, 12px); }
.iti.iti--allow-dropdown .iti__selected-country-primary:not(#_) { justify-content: center; gap: 6px; padding-left: 14.2px; padding-right: 10.8px; }
.iti.iti--allow-dropdown .iti__arrow:not(#_) { margin-left: 0; }
:is(.aidark-header, .ailight-header, .aiblog-header) :is(a.aidark-cta, a.ailight-cta, a.aiblog-cta):not(#_) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 24px; }
html[dir]:not(.ds-fit-done) :is(.hero__head, .hero__content, .hero__copy, .hero__main, .section-head, .section-header, .section-intro, .faq-header, .faq-head, .cta-band, .cta-final, .final-cta, .close-band, .close-head, .stats-head, .pricing-head) { visibility: hidden; }
:is(.hero__head, .hero__content, .hero__copy, .hero__main) > :is(.hero-subhead, .lead) { width: auto; max-width: none; margin-left: 0; margin-right: 0; align-self: stretch; justify-self: stretch; }
:is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons):has(> .btn), :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons):has(> .btn) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 16px; width: auto; max-width: 100%; }
:is(.hero__head, .cta-band, .text-center, [class*="--center"]) > :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons), :is(.hero__head, .cta-band, .text-center, [class*="--center"]) > :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons) { justify-content: center; }
:is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons) > .btn:not(.btn--block), :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons) > .btn:not(.btn--block) { flex: 0 0 auto; width: auto; max-width: 100%; }
@media (max-width: 767px) { :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons):has(> .btn), :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons):has(> .btn) { flex-direction: column; width: 100%; } }
@media (max-width: 767px) { :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons) > .btn, :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons) > .btn { width: 100%; } }
.input-icon-wrap { --phone-flag-box: 60px; }
.iti.iti--allow-dropdown .iti__selected-country-primary:not(#_):not(#_) { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; justify-content: stretch; gap: 0; padding-left: 0; padding-right: 0; }
.iti.iti--allow-dropdown .iti__selected-country-primary:not(#_) > .iti__flag { grid-column: 2; }
.iti.iti--allow-dropdown .iti__selected-country-primary:not(#_) > .iti__arrow { grid-column: 3; justify-self: center; margin: 0 0 0 2.4px; }
:is(figure > figcaption, .caption, .figure-caption, .media-caption, [class*="__caption"]):not(#_) { margin-left: auto; margin-right: auto; }
:is(.hero__head, .hero__content, .hero__copy, .hero__main):has(> :is(.media--video, .video-frame, .video-wrap, video):first-child) > * { order: 3; }
:is(.hero__head, .hero__content, .hero__copy, .hero__main):has(> :is(.media--video, .video-frame, .video-wrap, video):first-child) > :is(.crumbs, .nav-logo, .eyebrow, .eyebrow-wrap, h1, .hero-headline, .hero-subhead, .lead) { order: 1; }
:is(.hero__head, .hero__content, .hero__copy, .hero__main):has(> :is(.media--video, .video-frame, .video-wrap, video):first-child) > :first-child { order: 2; }
:is(.pay-buttons, .order-buttons, .form-actions, .card-actions):has(> :is(.btn, a, button)), :is(.pay-tempbuttons, .order-tempbuttons, .form-actions, .card-actions):has(> :is(.btn, a, tempbutton)) { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
:is(.section-head:not(.section-head--left), .faq-header, .text-center, [class*="--center"]) ~ :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons, .pay-buttons, .order-buttons, .form-actions, .card-actions, .pricing-cta-wrap), :is(.section-head:not(.section-head--left), .faq-header, .text-center, [class*="--center"]) ~ :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons, .pay-tempbuttons, .order-tempbuttons, .form-actions, .card-actions, .pricing-cta-wrap) { justify-content: center; }
:is(.pay-buttons, .order-buttons, .form-actions, .card-actions) > :is(.btn, a, button):not(.btn--block), :is(.pay-tempbuttons, .order-tempbuttons, .form-actions, .card-actions) > :is(.btn, a, tempbutton):not(.btn--block) { flex: 0 0 auto; width: auto; max-width: 100%; }
:is(.card, .feature-card, .hosting-card, .access-card, .pricing-card, .pricing-box, .plan-card, .offer-card, .order-box, .form-card, .reg-card, .testimonial-card, .bonus-card, .included-card, .benefit-card, .service-card, .step-card, .team-card, .pain-card, .win-card, .post-card, .dash-card, .acct-card, .quiz-card, .question-card, .sponsor-card, .panel, .cta-panel, .cta-box) :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons, .pay-buttons, .order-buttons, .form-actions, .card-actions, .pricing-cta-wrap):has(.btn):not(#_), :is(.card, .feature-card, .hosting-card, .access-card, .pricing-card, .pricing-box, .plan-card, .offer-card, .order-box, .form-card, .reg-card, .testimonial-card, .bonus-card, .included-card, .benefit-card, .service-card, .step-card, .team-card, .pain-card, .win-card, .post-card, .dash-card, .acct-card, .quiz-card, .question-card, .sponsor-card, .panel, .cta-panel, .cta-box) :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons, .pay-tempbuttons, .order-tempbuttons, .form-actions, .card-actions, .pricing-cta-wrap):has(.btn):not(#_) { width: 100%; max-width: 100%; }
:is(.card, .feature-card, .hosting-card, .access-card, .pricing-card, .pricing-box, .plan-card, .offer-card, .order-box, .form-card, .reg-card, .testimonial-card, .bonus-card, .included-card, .benefit-card, .service-card, .step-card, .team-card, .pain-card, .win-card, .post-card, .dash-card, .acct-card, .quiz-card, .question-card, .sponsor-card, .panel, .cta-panel, .cta-box) .btn:not(.nav-cta):not(#_) { flex: 1 1 100%; width: 100%; max-width: 100%; justify-content: center; }
.pricing-cta-wrap > .btn:not(.nav-cta):not(#_) { flex: 0 0 auto; }
@media (max-width: 767px) { :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .button-row, .buttons, .pay-buttons, .order-buttons, .form-actions, .card-actions, .pricing-cta-wrap):has(.btn):not(#_), :is(.cta-row, .hero-actions, .hero__actions, .cta-actions, .cluster, .actions, .btn-row, .tempbutton-row, .tempbuttons, .pay-tempbuttons, .order-tempbuttons, .form-actions, .card-actions, .pricing-cta-wrap):has(.btn):not(#_) { flex-direction: column; align-items: stretch; width: 100%; max-width: 100%; } }
@media (max-width: 767px) { :is(section, .section, main) .btn:not(.nav-cta):not(#_) { flex: 1 1 100%; width: 100%; max-width: 100%; justify-content: center; } }
.btn--stacked:is(.btn--secondary, .btn--ghost, .btn--outline, .btn--tertiary) { --btn: var(--btn2); }
section:not(#_) :is(.container, .section__inner) > * + .cta-band { margin-top: var(--space-section, 100px); }
}

body{background:var(--color-dark-2);color:var(--color-text-light);font-family:var(--font-body);font-size:var(--text-2);line-height:1.4}a{text-decoration:none}a:visited{text-decoration:none}a:focus-visible,input:focus-visible,.btn:focus-visible{outline:3px solid var(--color-focus-ring-light);outline-offset:4px}::selection{background:var(--color-primary);color:var(--color-text-on-primary)}
h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;line-height:1.15}p{margin:0}img{max-width:100%;height:auto}.text-center{text-align:center;text-wrap:balance}.text-left{text-align:left;text-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space-md);top:var(--space-md);z-index:39;padding:var(--space-md);background:var(--color-surface-light);color:var(--color-text-light)}
.hero{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 32px);max-width:calc(var(--container-max) + 80px);margin:var(--space-md) auto 0;border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);background:var(--color-light);color:var(--color-text-light);padding:var(--space-xl) 0 96px;text-align:center}.hero__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);position:relative;z-index:1}.hero__head{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;margin:0}.nav-logo{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto var(--space-sm);min-height:0}.nav-logo img{width:280px;max-height:150px;object-fit:contain}.hero-headline{font-family:var(--font-display);font-size:var(--text-7);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0;text-wrap:balance;width:100%;color:inherit}.hero-headline .highlight{color:var(--color-accent-on-light)}.hero-subhead{font-size:var(--text-2);font-weight:400;line-height:1.4;text-wrap:balance;max-width:440px;margin:0 auto;color:inherit}.subheading{font-size:var(--text-4);font-family:var(--font-heading);font-weight:700;line-height:1.2;margin:0;text-wrap:balance}.hero-facts{display:flex;justify-content:center;gap:var(--space-sm);margin:var(--space-lg) 0;width:100%}.fact-row{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.icon-chip{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:linear-gradient(160deg,var(--color-secondary),var(--color-link-on-light));color:var(--color-text-on-secondary);font-size:var(--text-4);box-shadow:var(--shadow-sm)}.fact-row .icon-primary{background:linear-gradient(160deg,var(--color-primary-hover),var(--color-primary));color:var(--color-text-on-primary)}.caption{font-size:var(--text-1);font-weight:600;line-height:1.25;text-wrap:balance;color:inherit;margin:0}.media{position:relative;margin:var(--space-md) auto;width:100%;max-width:480px;aspect-ratio:3/2;overflow:hidden}.media img{width:100%;height:100%;object-fit:contain}.media .brand-logo{position:absolute;left:35%;top:29%;width:30%;height:28%;object-fit:contain}.form-card{max-width:100%;width:100%;margin:var(--space-lg) auto 0;padding:0;border:0;background:transparent;box-shadow:none;text-align:left}.form-card-title{font-family:var(--font-heading);font-size:var(--text-4);line-height:1.2;text-align:center;margin:0 0 var(--space-md)}#capture-form{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin:0;text-align:left}.form-group label{font-family:var(--font-ui);font-size:var(--text-1);font-weight:500;line-height:1.4;color:var(--color-text-light)}.input-icon-wrap input,.input-icon-wrap textarea,.input-icon-wrap select{width:100%;height:54px;border:1px solid var(--color-field-border-light);border-radius:var(--radius-sm);background:var(--color-field-light);color:var(--color-text-light);padding:calc(var(--space-md) - var(--space-xs)) var(--space-md) calc(var(--space-md) - var(--space-xs)) calc(var(--space-xl) + var(--space-md) - var(--space-xs));font-family:var(--font-body);font-size:var(--text-2);line-height:1.4;caret-color:var(--color-primary)}.input-icon-wrap input::placeholder{color:var(--color-placeholder-light);opacity:1}.form-icon{position:absolute;left:16px;right:auto;top:50%;transform:translateY(-50%);font-size:var(--text-2);color:var(--color-text-2-light);width:18px;text-align:center}.input-icon-wrap input:user-invalid{border-color:var(--color-danger)}.input-icon-wrap input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-field-focus)}input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-light);-webkit-box-shadow:0 0 0 1000px var(--color-field-light) inset;caret-color:var(--color-text-light)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-ui);font-size:var(--text-3);font-weight:700;line-height:1.2;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);min-height:56px;text-align:center;cursor:pointer;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease}.btn--primary{background:linear-gradient(180deg,var(--color-primary-hover),var(--color-primary));color:var(--color-text-on-primary);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-button-shine) 30%,transparent),var(--shadow-sm)}.btn--secondary{background:var(--color-secondary);color:var(--color-text-on-secondary)}.form-card .btn{width:100%}.btn:active{transform:scale(.98)}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed}.form-note{font-size:var(--text-1);line-height:1.4;text-align:center;text-wrap:balance;color:var(--color-text-2-light);margin:0}.form-note i{margin-right:var(--space-xs)}
.site-footer{width:calc(100% - 32px);max-width:calc(var(--container-max) + 80px);margin:0 auto;background:var(--color-footer);color:var(--color-footer-text);padding:var(--space-lg) var(--space-lg);font-size:var(--text-1)}.footer__wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;width:100%;margin:0 auto;max-width:var(--container-max)}.footer-logo{width:160px;height:auto;max-height:100px;object-fit:contain}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm) var(--space-md)}.footer-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-footer-link);font-size:var(--text-1);font-weight:500}.disclaimer{font-size:var(--text-1);line-height:1.4;color:var(--color-footer-text);text-wrap:balance}.footer-bottom{border-top:1px solid var(--color-border-dark);padding-top:var(--space-md);margin-top:var(--space-md);text-align:center;font-size:var(--text-1)}
.section{padding:var(--space-2xl) var(--space-lg)}.section__inner{max-width:var(--container-max);margin:0 auto}.section--dark{background:var(--color-dark);color:var(--color-text-dark)}.section--light{background:var(--color-light);color:var(--color-text-light)}.section-head{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.card,.pricing-card,.testimonial-card{padding:var(--space-lg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-light);box-shadow:var(--shadow-sm)}.list-check,.list-cross{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.list-check li,.list-cross li{display:flex;gap:var(--space-sm);align-items:flex-start}.list-check i{color:var(--color-check)}.icon-danger{color:var(--color-danger)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}.video-wrapper{aspect-ratio:16/9;width:100%}.video-wrapper video{width:100%;height:100%;object-fit:cover}.faq-item{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.faq-question{padding:var(--space-md);font-weight:700;cursor:pointer}.faq-content{padding:0 var(--space-md) var(--space-md)}
@media(hover:hover) and (pointer:fine){.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn--secondary:hover{background:var(--color-secondary-hover)}.footer-links a:hover{color:var(--color-footer-link-hover)}}
.hero::before,.hero::after{content:"";position:absolute;bottom:-54px;left:-10%;width:125%;height:115px;border-radius:50% 50% 0 0;z-index:0;pointer-events:none}.hero::before{background:var(--color-primary);transform:rotate(-8deg);bottom:-42px}.hero::after{background:var(--color-secondary);transform:rotate(7deg);bottom:-64px}
@media(max-width:1024px){.split{grid-template-columns:1fr}.hero-headline{font-size:var(--text-6)}}@media(max-width:767px){.hero{width:calc(100% - 16px);margin-top:var(--space-sm);padding-top:var(--space-lg);border-radius:var(--radius-md)}.hero__inner{padding:0 calc(var(--space-lg) - var(--space-xs))}.hero-headline{font-size:calc((var(--text-5) + var(--text-6))/2);line-height:1.1}.hero-subhead{font-size:var(--text-2)}.nav-logo img{width:240px;max-height:130px}.hero-facts{gap:var(--space-sm)}.caption{font-size:var(--text-1)}.btn{font-size:var(--text-2);padding-left:var(--space-md);padding-right:var(--space-md)}.site-footer{width:calc(100% - 16px);padding:var(--space-lg) var(--space-md)}.media{max-width:100%}.form-note{font-size:var(--text-1)}}@media(max-width:420px){.hero-facts{flex-wrap:wrap;row-gap:var(--space-md)}.fact-row{flex-basis:calc(50% - 8px)}.nav-logo img{width:220px;max-height:120px}.hero-headline{font-size:var(--text-5)}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}
.hero .hero__inner{display:block;gap:0;max-width:none;width:100%;padding:0 var(--space-2xl);margin:0}.hero .nav-logo img{width:360px;max-height:120px}.hero .input-icon-wrap input{margin:0}.hero .form-card .btn{margin:0}.hero .hero-facts{margin:var(--space-lg) 0}.hero .form-card{margin-top:var(--space-lg)}.hero .form-note{display:block;text-align:center;text-wrap:balance}.hero .hero-headline{font-style:normal;text-transform:none}.hero .hero__head{margin:0}.hero .input-icon-wrap{line-height:0}.hero .input-icon-wrap input{line-height:1.4}.hero .form-card .form-group label.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;margin:-1px;padding:0;border:0}.hero .form-card .form-group{gap:0}.hero .form-card{gap:0}@media(max-width:767px){.hero .hero__inner{padding:0 var(--space-lg)}.hero .nav-logo img{width:280px;max-height:100px}.hero .form-card .btn{font-size:var(--text-2)}}@media(max-width:420px){.hero .hero__inner{padding:0 calc(var(--space-lg) - var(--space-xs))}.hero .hero-facts{flex-wrap:nowrap}.hero .fact-row{flex-basis:0}.hero .caption{font-size:var(--text-1);line-height:1.2}.hero .icon-chip{width:40px;height:40px;font-size:var(--text-3)}.hero .hero-headline{font-size:var(--text-5)}}.hero .hero-headline .highlight{display:block}.footer-logo,.media .brand-logo{filter:brightness(0) invert(1)}.hero .nav-logo{color:inherit}.hero .form-note i{display:inline-block}.hero .hero-facts .caption{max-width:100%}@media(max-width:420px){.hero .hero-facts{flex-wrap:wrap;gap:var(--space-md) var(--space-sm)}.hero .fact-row{flex:0 1 calc(50% - 8px)}.hero .caption{max-width:100%;text-wrap:balance}}@media(max-width:767px){.hero .form-card .btn{font-size:calc(var(--text-2) + 1px)}}.hero .nav-logo img,.footer-logo,.media .brand-logo{filter:none}.hero .nav-logo img{width:240px;height:auto;max-height:160px;object-fit:contain}.footer-logo{width:144px;height:auto;max-height:96px;object-fit:contain}@media(max-width:767px){.hero .nav-logo img{width:180px;max-height:120px}}.hero{margin:16px auto;width:calc(100% - 32px)}.hero .nav-logo{height:auto;min-height:0;width:100%;max-width:none}.hero .nav-logo img{width:276px;max-height:184px}@media(max-width:767px){.hero{margin:16px auto;width:calc(100% - 32px)}.hero .nav-logo img{width:207px;max-height:138px}}.hero .nav-logo{max-height:none}.hero{padding-top:16px}@media(max-width:767px){.hero{padding-top:12px}}.hero{--hero-pad-y:16px}@media(max-width:767px){.hero{--hero-pad-y:12px}}@media(max-width:767px){.hero{--hero-pad-y:70px}}@media(hover:hover) and (pointer:fine){.hero{--hero-pad-y:0px;padding-top:0}}


.btn{transition:background-color 200ms ease,color 200ms ease,border-color 200ms ease,box-shadow 220ms ease,transform 220ms cubic-bezier(.2,.7,.3,1);}
@media (hover: hover) {
  html.dse-live .btn:hover{transform:none;}
}
@media (prefers-reduced-motion: reduce) {
  html.dse-live .btn:hover, html.dse-live .btn:active{transform:none;}
}

/* The tokens this system holds now. Rewritten on every save. */
:root {
  --color-primary: var(--ds-color-primary, #44B706);
  --color-primary-hover: var(--ds-color-primary-hover, #56C51B);
  --color-secondary: var(--ds-color-secondary, #0070F0);
  --color-secondary-hover: var(--ds-color-secondary-hover, #1680FA);
  --color-dark: var(--ds-color-dark, #06102A);
  --color-surface-dark: var(--ds-color-surface-dark, #0A2044);
  --color-dark-2: var(--ds-color-dark-2, #030917);
  --color-light: var(--ds-color-light, #f3fbfd);
  --color-surface-light: var(--ds-color-surface-light, #ffffff);
  --color-light-2: var(--ds-color-light-2, #eaf6fa);
  --color-border-dark: var(--ds-color-border-dark, #7191aa);
  --color-border-light: var(--ds-color-border-light, #9fb6c3);
  --color-text-dark: var(--ds-color-text-dark, #ffffff);
  --color-text-2-dark: var(--ds-color-text-2-dark, #daeaf5);
  --color-text-light: var(--ds-color-text-light, #001C6A);
  --color-text-2-light: var(--ds-color-text-2-light, #28466A);
  --color-text-on-primary: var(--ds-color-text-on-primary, #06102A);
  --color-text-on-secondary: var(--ds-color-text-on-secondary, #ffffff);
  --color-accent-on-dark: var(--ds-color-accent-on-dark, #44B706);
  --color-accent-on-light: var(--ds-color-accent-on-light, #0060D9);
  --color-link-on-dark: var(--ds-color-link-on-dark, #addcff);
  --color-link-on-light: var(--ds-color-link-on-light, #0052BD);
  --color-success: var(--ds-color-success, #267305);
  --color-danger: var(--ds-color-danger, #b62032);
  --color-primary-on-dark: var(--ds-color-primary-on-dark, #2b85ff);
  --color-text-on-primary-dark: var(--ds-color-text-on-primary-dark, #ffffff);
  --color-primary-hover-on-dark: var(--ds-color-primary-hover-on-dark, #3795ff);
  --color-field-light: var(--ds-color-field-light, #f5fafc);
  --color-field-border-light: var(--ds-color-field-border-light, #7f9dab);
  --color-placeholder-light: var(--ds-color-placeholder-light, var(--color-text-2-light));
  --color-field-focus: var(--ds-color-field-focus, #b6daf7);
  --color-footer: var(--ds-color-footer, var(--color-dark-2));
  --color-footer-text: var(--ds-color-footer-text, #d9eaf5);
  --color-footer-link: var(--ds-color-footer-link, #d9eaf5);
  --color-footer-link-hover: var(--ds-color-footer-link-hover, #ffffff);
  --color-button-shine: var(--ds-color-button-shine, #ffffff);
  --color-button-shade: var(--ds-color-button-shade, #02172f);
  --color-check: var(--ds-color-check, #0060d9);
  --color-section-light-1: var(--ds-color-section-light-1, var(--color-light));
  --color-section-dark-1: var(--ds-color-section-dark-1, var(--color-surface-dark));
  --color-section-light-2: var(--ds-color-section-light-2, var(--color-surface-light));
  --color-section-dark-2: var(--ds-color-section-dark-2, var(--color-dark));
  --color-section-light-3: var(--ds-color-section-light-3, var(--color-light-2));
  --color-section-dark-3: var(--ds-color-section-dark-3, var(--color-dark-2));
  --color-outline: var(--ds-color-outline, var(--color-primary));
  --color-secondary-border: var(--ds-color-secondary-border, var(--color-border-light));
  --color-link-hover-on-dark: var(--ds-color-link-hover-on-dark, color-mix(in srgb, var(--color-link-on-dark) 40%, var(--color-text-dark)));
  --color-link-hover-on-light: var(--ds-color-link-hover-on-light, color-mix(in srgb, var(--color-link-on-light) 70%, var(--color-text-light)));
  --color-focus-ring-light: var(--ds-color-focus-ring-light, var(--color-link-on-light));
  --color-focus-ring-dark: var(--ds-color-focus-ring-dark, var(--color-link-on-dark));
  --color-box-light: var(--ds-color-box-light, color-mix(in srgb, var(--color-primary) 10%, color-mix(in srgb, var(--color-text-light) 4%, var(--color-surface-light))));
  --color-box-featured-light: var(--ds-color-box-featured-light, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-light)));
  --color-box-border-light: var(--ds-color-box-border-light, color-mix(in srgb, var(--color-text-light) 30%, transparent));
  --color-box-border-strong-light: var(--ds-color-box-border-strong-light, color-mix(in srgb, var(--color-text-light) 40%, transparent));
  --color-box-inset-light: var(--ds-color-box-inset-light, color-mix(in srgb, var(--color-text-light) 4%, transparent));
  --color-box-hover-light: var(--ds-color-box-hover-light, color-mix(in srgb, var(--color-text-light) 3%, var(--color-box-light)));
  --color-box-dark: var(--ds-color-box-dark, color-mix(in srgb, var(--color-text-dark) 7%, var(--color-surface-dark)));
  --color-box-featured-dark: var(--ds-color-box-featured-dark, color-mix(in srgb, var(--color-text-dark) 12%, var(--color-surface-dark)));
  --color-box-border-dark: var(--ds-color-box-border-dark, color-mix(in srgb, var(--color-text-dark) 24%, transparent));
  --color-box-border-strong-dark: var(--ds-color-box-border-strong-dark, color-mix(in srgb, var(--color-text-dark) 34%, transparent));
  --color-box-inset-dark: var(--ds-color-box-inset-dark, color-mix(in srgb, var(--color-text-dark) 5%, transparent));
  --color-box-hover-dark: var(--ds-color-box-hover-dark, color-mix(in srgb, var(--color-text-dark) 5%, var(--color-box-dark)));
  --color-field-dark: var(--ds-color-field-dark, var(--color-dark));
  --color-field-border-dark: var(--ds-color-field-border-dark, color-mix(in srgb, var(--color-text-dark) 45%, transparent));
  --color-placeholder-dark: var(--ds-color-placeholder-dark, var(--color-text-2-dark));
  --color-stat-on-light: var(--ds-color-stat-on-light, var(--color-accent-on-light));
  --color-stat-on-dark: var(--ds-color-stat-on-dark, color-mix(in srgb, var(--color-link-on-dark) 70%, var(--color-text-dark)));
  --color-icon-on-light: var(--ds-color-icon-on-light, var(--color-accent-on-light));
  --color-icon-on-dark: var(--ds-color-icon-on-dark, color-mix(in srgb, var(--color-link-on-dark) 70%, var(--color-text-dark)));
  --color-chip-on-light: var(--ds-color-chip-on-light, color-mix(in srgb, var(--color-primary) 10%, transparent));
  --color-chip-on-dark: var(--ds-color-chip-on-dark, color-mix(in srgb, var(--color-link-on-dark) 16%, transparent));
  --color-step-line: var(--ds-color-step-line, color-mix(in srgb, var(--color-primary) 35%, transparent));
  --color-glow-on-dark: var(--ds-color-glow-on-dark, var(--color-primary));
  --color-glow-on-light: var(--ds-color-glow-on-light, var(--color-primary));
  --color-glow-on-brand: var(--ds-color-glow-on-brand, var(--color-text-on-primary));
  --color-tint: var(--ds-color-tint, color-mix(in srgb, var(--color-primary) 10%, var(--color-light)));
  --color-overlay: var(--ds-color-overlay, color-mix(in srgb, var(--color-dark) 72%, transparent));
  --color-header: var(--ds-color-header, var(--color-dark-2));
  --color-header-text: var(--ds-color-header-text, var(--color-text-dark));
  --color-header-link: var(--ds-color-header-link, var(--color-text-dark));
  --color-header-link-hover: var(--ds-color-header-link-hover, color-mix(in srgb, var(--color-link-on-dark) 60%, var(--color-text-dark)));
  --color-drawer: var(--ds-color-drawer, var(--color-container));
  --color-accent: var(--ds-color-accent, #44B706);
  --color-white: var(--ds-color-white, #f3fbfd);
  --color-container: var(--ds-color-container, #ffffff);
  --text-1: var(--ds-text-1, 16px);
  --text-2: var(--ds-text-2, 18px);
  --text-3: var(--ds-text-3, 20px);
  --text-4: var(--ds-text-4, 24px);
  --text-5: var(--ds-text-5, 32px);
  --text-6: var(--ds-text-6, 40px);
  --text-7: var(--ds-text-7, 48px);
  --text-sm: var(--ds-text-sm, 1rem);
  --line-height-body: var(--ds-line-height-body, 1.4);
  --space-xs: var(--ds-space-xs, 4px);
  --space-sm: var(--ds-space-sm, 8px);
  --space-md: var(--ds-space-md, 16px);
  --space-lg: var(--ds-space-lg, 24px);
  --space-xl: var(--ds-space-xl, 32px);
  --space-2xl: var(--ds-space-2xl, 48px);
  --space-3xl: var(--ds-space-3xl, 64px);
  --space-4xl: var(--ds-space-4xl, 96px);
  --space-5xl: var(--ds-space-5xl, 128px);
  --space-mobile-edge: var(--ds-space-mobile-edge, 10px);
  --radius-sm: var(--ds-radius-sm, 10px);
  --radius-md: var(--ds-radius-md, 16px);
  --radius-lg: var(--ds-radius-lg, 20px);
  --radius-pill: var(--ds-radius-pill, 999px);
  --shadow-sm: var(--ds-shadow-sm, 0 2px 5px rgba(3,35,73,.12));
  --shadow-md: var(--ds-shadow-md, 0 8px 24px rgba(3,35,73,.18));
  --shadow-lg: var(--ds-shadow-lg, 0 20px 48px rgba(3,35,73,.24));
  --container-max: var(--ds-container-max, 540px);
  --container-narrow: var(--ds-container-narrow, 480px);
  --container-wide: var(--ds-container-wide, 620px);
  --font-display: var(--ds-font-display, 'Poppins', sans-serif);
  --font-body: var(--ds-font-body, 'Roboto', sans-serif);
}