/* Design system: ai1up-relaunch-2026. 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 { --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); }
*, *::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):not(:where(i, svg)), [class*="-inner"]:not(.hero__inner--split):not(.sticky-cta-bar__inner):not(.reg-inner):not(.field-inner):not(:where(i, svg)) { 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"]:not(:where(i, svg)), body [class*="-inner"]:not(:where(i, svg)), body [class*="__inner"]:not(:where(i, svg)), body [class*="-content"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)), [class*="box"]:not(:where(i, svg)), .card, .feature-row, .reg-card, .reg-inner, .form-card, .capture-form-wrap, [class*="form-wrap"]:not(:where(i, svg)), [class*="form-container"]:not(:where(i, svg)), [class*="capture-form"]:not(:where(i, svg)) { padding-left: var(--space-mobile-edge); padding-right: var(--space-mobile-edge); } }
@media (max-width: 767px) { .card, .feature-row, [class*="card"]:not(:where(i, svg)), [class*="col-"]:not(:where(i, svg)) { width: 100%; max-width: 100%; flex-basis: 100%; } }
@media (max-width: 767px) { [class*="card-head"]:not(:where(i, svg)), [class*="card-header"]:not(:where(i, svg)), [class*="card-top"]:not(:where(i, svg)) { grid-template-columns: auto 1fr; } }
@media (max-width: 767px) { [class*="stats"]:not(:where(i, svg)), [class*="stat-row"]:not(:where(i, svg)), [class*="metrics"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)), [class*="stat-row"] > [class*="divider"]:not(:where(i, svg)), [class*="metrics"] > [class*="divider"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)) { 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-"]):not(:where(i, svg)), [class*="badge"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="badges"]):not([class*="fa-"]):not(:where(i, svg)), [class*="tag"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="section-tag"]):not([class*="tagline"]):not([class*="stage"]):not([class*="vantage"]):not([class*="fa-"]):not(:where(i, svg)), [class*="eyebrow"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="fa-"]):not(:where(i, svg)), [class*="kicker"]:not([class*="-wrap"]):not([class*="-wrapper"]):not([class*="fa-"]):not(:where(i, svg)) { display: inline-block; width: auto; max-width: max-content; }
@media (max-width: 767px) { .badge, .pill, .tag, .eyebrow, [class*="pill"]:not(:where(i, svg)), [class*="badge"]:not(:where(i, svg)), [class*="tag"]:not([class*="stage"]):not([class*="tagline"]):not(:where(i, svg)), [class*="eyebrow"]:not(:where(i, svg)), [class*="kicker"]:not(:where(i, svg)) { 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):not(:where(i, svg)), [class*="testimonial-photo"]:not(:where(i, svg)), [class*="author-photo"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)), [class*="stat-amount"]:not(:where(i, svg)), [class*="stat-card"]:not(:where(i, svg)), [class*="stat-timeframe"]:not(:where(i, svg)), [class*="stat-value"]:not(:where(i, svg)), [class*="stat-label"]:not(:where(i, svg)) { 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-"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)), .nav-open [class*="nav-menu"]:not(:where(i, svg)), .nav-open [class*="menu-list"]:not(:where(i, svg)), .nav-toggle-state:checked ~ .mobile-menu, .nav-toggle-state:checked ~ [class*="nav-links"]:not(:where(i, svg)), .nav-toggle-state:checked ~ [class*="nav-menu"]:not(:where(i, svg)), .nav-toggle-state:checked ~ [class*="menu-list"]:not(:where(i, svg)) { align-items: stretch; gap: var(--space-xs); padding: var(--space-mobile-edge, 10px); } }
@media (max-width: 767px) { .hamburger, [class*="hamburger"]:not(:where(i, svg)), [data-nav-toggle], [class*="nav-toggle"]:not(.nav-toggle-state):not(.nav-toggle):not(:where(i, svg)) { 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"]:not(:where(i, svg)), [class*="form-container"]:not(:where(i, svg)), [class*="capture-form"]:not(:where(i, svg)) { min-width: min(400px, 100%); width: 100%; margin-left: auto; margin-right: auto; }
@media (max-width: 767px) { form, [class*="form-wrap"]:not(:where(i, svg)), [class*="form-container"]:not(:where(i, svg)), [class*="capture-form"]:not(:where(i, svg)) { min-width: 100%; width: 100%; } }
.btn-sub-text, .cta-sub-text, .btn-disclaimer, .cta-disclaimer, [class*="sub-text"]:not(:where(i, svg)), [class*="trust-text"]:not(:where(i, svg)), [class*="micro-copy"]:not(:where(i, svg)), [class*="spam-free"]:not(:where(i, svg)), [class*="no-cc"]:not(:where(i, svg)), [class*="cta-note"]:not(:where(i, svg)), [class*="btn-note"]:not(:where(i, svg)), [class*="cta-trust"]:not(:where(i, svg)), [class*="cta-small"]:not(:where(i, svg)), [class*="below-btn"]:not(:where(i, svg)), [class*="under-btn"]:not(:where(i, svg)), [class*="below-cta"]:not(:where(i, svg)) { 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"]:not(:where(i, svg)), 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"]:not(:where(i, svg)), 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)):not(:where(i, svg)) { 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)):not(:where(i, svg)) { 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(#_):not(:where(i, svg)) { 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(#_):not(:where(i, svg)) { 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(#_):not(:where(i, svg)) { 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(#_):not(:where(i, svg)), :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(#_):not(:where(i, svg)) { 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(#_):not(:where(i, svg)) { 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); }
}

:root {
  --design-fit: off;
  --color-box-border: rgba(230, 174, 18, .42);
  --color-band: #191919;
  --color-metal-edge: #6b4400;
  --gradient-metal: linear-gradient(180deg, #fff6c2 0%, #fbd967 28%, #e9b11c 55%, #b9800a 78%, #f0c447 100%);
  --gradient-button: linear-gradient(180deg, #fbd76a 0%, #e9b11c 55%, #d49a06 100%);
}

body {
  margin: 0;
  background: var(--color-dark);
  color: var(--color-text-dark);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.5;
}

.container {
  width: min(1360px, calc(100% - 80px));
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

.container-narrow {
  width: min(1000px, calc(100% - 80px));
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

.metal {
  background: var(--gradient-metal);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--color-primary);
  filter: drop-shadow(0 2px 0 var(--color-metal-edge)) drop-shadow(0 6px 10px rgba(0, 0, 0, .55));
}

.eyebrow {
  display: block;
  max-width: none;
  margin: 0;
  padding: 0;
  font-family: var(--font-label);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.label {
  font-family: var(--font-label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.icon {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}

.btn, tempbutton.btn, button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--gradient-button);
  color: var(--color-text-on-primary);
  font-family: var(--font-label);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .01em;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(230, 174, 18, .25), inset 0 1px 0 rgba(255, 255, 255, .45);
  cursor: pointer;
}

.btn--primary {
  height: 58px;
  padding: 0 34px;
  font-size: 21px;
}

.btn--sm {
  height: 45px;
  padding: 0 22px;
  font-size: 17px;
  text-transform: none;
}

.btn .icon {
  font-size: 18px;
  stroke-width: 2.4;
}

.site-nav {
  position: relative;
  height: auto;
  min-height: 0;
  max-height: none;
  border-bottom: 1px solid var(--color-border-dark);
  background: var(--color-dark);
}

.nav-inner {
  display: flex;
  align-items: center;
  height: 74px;
}

.nav-logo img {
  display: block;
  width: auto;
  max-width: none;
  height: 54px;
  max-height: none;
}

.nav-links {
  display: flex;
  gap: 50px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.nav-links a {
  position: relative;
  display: block;
  padding: 6px 0;
  color: var(--color-text-dark);
  font-family: var(--font-label);
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}

.nav-links li:first-child a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 3px;
  border-radius: 2px;
  background: var(--color-primary);
}

.nav-toggle {
  display: none;
}

.hero {
  max-width: none;
  padding: 46px 0 30px;
}

.hero__inner--split {
  display: grid;
  grid-template-columns: minmax(0, 47fr) minmax(0, 53fr);
  align-items: center;
  gap: 24px;
}

.hero-copy .eyebrow {
  margin-bottom: 24px;
}

.hero-headline {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(44px, 6.3vw, 92px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.045em;
  text-transform: uppercase;
  white-space: normal;
  text-wrap: wrap;
}

.hero-strap {
  margin: 26px 0 0;
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
  text-transform: uppercase;
}

.hero-sub {
  margin: 10px 0 0;
  font-size: 26px;
  line-height: 1.3;
}

.hero-copy .btn {
  margin-top: 38px;
}

.hero-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1360 / 750;
  object-fit: cover;
}

.stats-band {
  display: block;
  padding: 30px 0 0;
}

.stats-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 26px;
}

.stat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 97px;
  padding: 0 16px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-dark);
}

.stat--open {
  border-color: transparent;
  border-left: 1px solid var(--color-box-border);
  border-radius: 0;
  background: none;
}

.stat .icon {
  font-size: 50px;
  color: var(--color-primary);
}

.stat-value {
  display: block;
  font-family: var(--font-display);
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.02em;
  white-space: nowrap;
}

.stat-label {
  display: block;
  margin-top: 6px;
  font-family: var(--font-label);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  white-space: nowrap;
}

.stat--small .stat-value {
  font-size: 31px;
}

.stat-over {
  display: block;
  font-family: var(--font-label);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.quick-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
}

.quick {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 69px;
  padding: 0 16px;
  white-space: nowrap;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-dark);
  font-family: var(--font-label);
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.quick .icon {
  font-size: 36px;
  color: var(--color-primary);
}

.section {
  padding: 96px 0;
}

.section--rule {
  border-top: 1px solid var(--color-border-dark);
}

.section-head {
  display: block;
  max-width: none;
  text-align: center;
}

.section-head .eyebrow {
  margin-bottom: 14px;
}

.section-title {
  max-width: none;
  margin: 0;
  font-family: var(--font-display);
  font-size: 66px;
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.section-title--md {
  font-size: 56px;
}

.section-title--sm {
  font-size: 48px;
}

.section-title--xs {
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.lead {
  max-width: none;
  margin: 14px 0 0;
  font-size: 27px;
  line-height: 1.3;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 46px;
}

.card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  min-height: 120px;
  padding: 0 16px 0 30px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-dark);
}

.card .icon {
  font-size: 54px;
  color: var(--color-primary);
}

.fc-body {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  margin-left: 22px;
  padding-left: 24px;
  border-left: 1px solid var(--color-box-border);
}

.fc-title {
  margin: 0;
  font-family: var(--font-label);
  font-size: 23px;
  font-weight: 600;
  line-height: 1.15;
  text-transform: uppercase;
}

.fc-text {
  margin: 8px 0 0;
  font-family: var(--font-label);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-text-dark);
  white-space: nowrap;
}

.fc-text--fit {
  font-size: 16px;
  letter-spacing: -.01em;
}

.upgrade-band {
  display: flex;
  align-items: center;
  margin-top: 24px;
  min-height: 118px;
  padding: 0 46px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-md);
  background: linear-gradient(90deg, var(--color-surface-dark), var(--color-band));
  color: inherit;
  text-decoration: none;
}

.upgrade-band > .icon {
  font-size: 84px;
  color: var(--color-primary);
}

.upgrade-band__copy {
  margin-left: 40px;
  padding-left: 40px;
  border-left: 1px solid var(--color-box-border);
}

.upgrade-band__lead {
  display: block;
  font-family: var(--font-label);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.upgrade-band__title {
  display: block;
  margin-top: 2px;
  font-family: var(--font-display);
  font-size: 35px;
  white-space: normal;
  text-wrap: wrap;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

.upgrade-band__go {
  margin-left: auto;
  font-size: 40px;
  color: var(--color-primary);
}

.upgrade-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 30px;
}

.upgrade-point {
  padding: 4px 16px 6px;
  text-align: center;
}

.upgrade-point + .upgrade-point {
  border-left: 1px solid var(--color-box-border);
}

.upgrade-point .icon {
  font-size: 44px;
  color: var(--color-primary);
}

.upgrade-point__title {
  margin: 12px 0 0;
  font-family: var(--font-label);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.section-note {
  margin: 26px 0 0;
  text-align: center;
  font-size: 20px;
}

.split-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
}

.split-stat {
  text-align: center;
}

.split-stat + .split-stat {
  border-left: 1px solid var(--color-box-border);
}

.split-stat__label {
  display: block;
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 800;
  text-transform: uppercase;
}

.split-stat__value {
  display: block;
  margin-top: 4px;
  font-family: var(--font-display);
  font-size: 92px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
}

.flow {
  margin: 28px 0 0;
  text-align: center;
  font-family: var(--font-label);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.flow-note {
  margin: 6px 0 0;
  text-align: center;
  font-size: 19px;
}

.fine {
  margin: 10px 0 0;
  text-align: center;
  font-size: 16px;
  color: var(--color-text-2-dark);
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}

.pricing-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  max-width: none;
  margin: 0;
  padding: 34px 40px 30px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-md);
  background: var(--color-surface-dark);
  text-align: center;
}

.price {
  font-family: var(--font-display);
  font-size: 84px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.03em;
}

.pricing-name {
  margin: 14px 0 0;
  padding-bottom: 18px;
  width: 100%;
  border-bottom: 1px solid var(--color-box-border);
  font-family: var(--font-label);
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.pricing-list {
  flex: 1 0 auto;
  width: auto;
  margin: 18px 0 26px;
  padding: 0;
  list-style: none;
  font-size: 19px;
  line-height: 1.5;
}

.pricing-card .btn {
  flex: none;
  width: 72%;
}

.pricing-foot {
  margin: 28px 0 0;
  text-align: center;
  font-size: 22px;
  line-height: 1.4;
}

.faq-list {
  display: block;
  width: auto;
  max-width: none;
  margin: 30px 0 0;
  border-top: 1px solid var(--color-box-border);
}

.faq-item {
  border-bottom: 1px solid var(--color-box-border);
}

.faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  font-size: 20px;
  cursor: pointer;
  list-style: none;
}

.faq-question .icon {
  font-size: 24px;
  color: var(--color-primary);
  stroke-width: 2.2;
}

.faq-content {
  padding: 0 18px 18px;
  font-size: 18px;
  color: var(--color-text-2-dark);
}

.signup-band {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  align-items: center;
  gap: 40px;
  padding: 40px 46px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-md);
  background: linear-gradient(90deg, var(--color-surface-dark), var(--color-band));
}

.signup-band .section-title {
  margin-top: 10px;
}

.signup-band p {
  margin: 12px 0 0;
  font-size: 19px;
}

.signup-band form {
  width: auto;
  max-width: none;
  margin: 0;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
  gap: 14px;
}

.form-group {
  width: auto;
  max-width: none;
  margin: 0;
}

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-family: var(--font-label);
  font-size: 17px;
  font-weight: 600;
}

.form-group input {
  width: 100%;
  height: 58px;
  padding: 0 16px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-sm);
  background: var(--color-dark);
  color: var(--color-text-dark);
  font-size: 18px;
  box-sizing: border-box;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 1000;
  padding: 10px 16px;
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: var(--color-text-on-primary);
  font-weight: 600;
  text-decoration: none;
}

.skip-link:focus {
  left: 16px;
}

.form-note {
  margin: 10px 0 0;
  text-align: left;
  font-size: 16px;
  color: var(--color-text-2-dark);
}

.sticky-cta-bar {
  border-top: 1px solid var(--color-box-border);
  background: var(--color-surface-dark);
}

.sticky-cta-bar__text {
  margin: 0;
  font-size: 17px;
  color: var(--color-text-dark);
}

.sticky-cta-bar__text strong {
  color: var(--color-primary);
}

.site-footer {
  padding: 0;
  border-top: 1px solid var(--color-border-dark);
  background: var(--color-dark);
}

.footer-inner {
  display: flex;
  align-items: center;
  gap: 40px;
  min-height: 104px;
}

.footer-logo {
  display: block;
  width: auto;
  height: 52px;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  margin: 0 auto;
  font-size: 17px;
}

.footer-links a {
  color: var(--color-text-dark);
  text-decoration: none;
}

.footer-copy {
  margin: 0;
  font-size: 17px;
}

.footer-disclaimer {
  margin: 0 auto;
  padding: 0 0 22px;
  max-width: 900px;
  text-align: center;
  font-size: 15px;
  color: var(--color-text-2-dark);
}

@media (max-width: 767px) {
  .container,
  .container-narrow {
    width: calc(100% - 32px);
  }

  .nav-inner {
    height: 64px;
  }

  .nav-logo img {
    height: 40px;
  }

  .nav-links {
    display: none;
  }

  .site-nav .btn--sm {
    margin-left: auto;
    height: 40px;
    padding: 0 16px;
    font-size: 15px;
  }

  .hero {
    padding: 30px 0 10px;
  }

  .hero__inner--split {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .hero-copy .eyebrow {
    margin-bottom: 16px;
    font-size: 13px;
  }

  .hero-headline {
    font-size: 44px;
  }

  .stat-value,
  .stat-label,
  .fc-text,
  .upgrade-band__title {
    white-space: normal;
  }

  .hero-strap {
    margin-top: 18px;
    font-size: 22px;
  }

  .hero-sub {
    font-size: 19px;
  }

  .hero-copy .btn {
    margin-top: 24px;
    width: 100%;
  }

  .btn--primary {
    height: 54px;
    padding: 0 20px;
    font-size: 18px;
  }

  .stats-row,
  .quick-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .stat {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    min-height: 0;
    padding: 16px;
  }

  .stat--open {
    border: 1px solid var(--color-box-border);
    border-radius: var(--radius-md);
  }

  .stat .icon {
    font-size: 34px;
  }

  .stat-value {
    font-size: 30px;
  }

  .stat--small .stat-value {
    font-size: 20px;
  }

  .stat-label {
    font-size: 15px;
  }

  .stat-over {
    font-size: 12px;
  }

  .quick {
    flex-direction: column;
    gap: 8px;
    min-height: 64px;
    padding: 14px 12px;
    font-size: 16px;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
  }

  .quick .icon {
    font-size: 24px;
  }

  .section {
    padding: 64px 0;
  }

  .section-title {
    font-size: 38px;
  }

  .section-title--md,
  .section-title--sm {
    font-size: 30px;
  }

  .section-title--xs {
    font-size: 24px;
  }

  .lead {
    font-size: 19px;
  }

  .features-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 30px;
  }

  .card {
    min-height: 96px;
    padding: 0 18px;
  }

  .card .icon {
    font-size: 42px;
  }

  .fc-body {
    margin-left: 16px;
    padding-left: 16px;
  }

  .fc-title {
    font-size: 19px;
  }

  .fc-text {
    font-size: 16px;
  }

  .upgrade-band {
    flex-wrap: wrap;
    padding: 22px 20px;
  }

  .upgrade-band > .icon {
    font-size: 48px;
  }

  .upgrade-band__copy {
    margin-left: 16px;
    padding-left: 16px;
    flex: 1;
  }

  .upgrade-band__lead {
    font-size: 16px;
  }

  .upgrade-band__title {
    font-size: 24px;
  }

  .upgrade-band__go {
    display: none;
  }

  .upgrade-points {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .upgrade-point + .upgrade-point {
    border-left: 0;
  }

  .upgrade-point__title {
    font-size: 18px;
  }

  .section-note,
  .flow-note {
    font-size: 17px;
  }

  .split-stat__label {
    font-size: 18px;
  }

  .split-stat__value {
    font-size: 54px;
  }

  .flow {
    font-size: 17px;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .pricing-card {
    padding: 26px 22px;
  }

  .price {
    font-size: 64px;
  }

  .pricing-foot {
    font-size: 18px;
  }

  .faq-question {
    padding: 14px 6px;
    font-size: 17px;
  }

  .signup-band {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 26px 20px;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .footer-inner {
    flex-direction: column;
    gap: 14px;
    padding: 26px 0;
  }

  .footer-links {
    margin: 0;
    font-size: 15px;
  }

  .footer-copy {
    font-size: 15px;
  }
}
.pricing-fee {
  margin: 14px 0 0;
  font-size: 17px;
  line-height: 1.4;
  color: var(--color-text-2-dark);
}

.pricing-fee strong {
  display: block;
  margin-top: 2px;
  font-family: var(--font-label);
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--color-primary);
}

.upgrade-tier + .upgrade-tier {
  margin-top: 46px;
  padding-top: 42px;
  border-top: 1px solid var(--color-box-border);
}

.section-head + .upgrade-tier {
  margin-top: 30px;
}

.upgrade-tier__title {
  margin: 0;
  text-align: center;
  text-wrap: balance;
  font-family: var(--font-display);
  font-size: 30px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.signup-band--action {
  grid-template-columns: minmax(0, 1fr) auto;
}

.signup-band > .btn {
  justify-self: end;
}

dialog.register-dialog {
  width: min(620px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-dark);
  font-family: var(--font-body);
  overflow: auto;
}

dialog.register-dialog::backdrop {
  background: color-mix(in srgb, var(--color-dark) 82%, transparent);
}

.register-dialog .form-card {
  position: relative;
  padding: 38px 36px 32px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, var(--color-surface-dark), var(--color-band));
}

dialog.register-dialog .form-card:not(#_) {
  max-width: none;
}

.register-dialog__title {
  margin: 0;
  padding-right: 44px;
  font-size: 40px;
}

.register-dialog__lead {
  margin: 8px 0 0;
  font-size: 18px;
  color: var(--color-text-2-dark);
}

.register-dialog form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.register-dialog .form-feedback,
.register-dialog form > .btn,
.register-dialog .form-note {
  grid-column: 1 / -1;
}

.register-dialog .form-feedback:empty {
  display: none;
}

.register-dialog .form-group input {
  height: 52px;
}

.register-dialog .form-group input:focus {
  border-color: var(--color-primary);
  outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
  outline-offset: 1px;
}

.register-dialog .form-group input[type="password"] {
  padding-right: 52px;
}

.register-dialog__eye {
  right: 6px;
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-2-dark);
  cursor: pointer;
}

.register-dialog__eye:hover,
.register-dialog__eye:focus-visible {
  color: var(--color-primary);
}

.register-dialog__eye .icon {
  font-size: 20px;
}

.register-dialog .btn--primary {
  width: 100%;
  margin-top: 6px;
}

.register-dialog .form-note {
  text-align: center;
}

.register-dialog__close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text-2-dark);
  cursor: pointer;
}

.register-dialog__close:hover,
.register-dialog__close:focus-visible {
  color: var(--color-primary);
}

.register-dialog__close .icon {
  font-size: 22px;
}

@media (max-width: 767px) {
  .upgrade-tier__title {
    font-size: 22px;
  }

  .split-stats {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .split-stat + .split-stat {
    border-left: 0;
  }

  .signup-band--action {
    grid-template-columns: 1fr;
  }

  .signup-band > .btn {
    justify-self: stretch;
  }

  .register-dialog .form-card {
    padding: 30px 20px 24px;
  }

  .register-dialog form {
    grid-template-columns: 1fr;
  }

  .register-dialog__title {
    font-size: 28px;
  }
}

.pricing-list li {
  text-wrap: balance;
}

@media (min-width: 768px) and (max-width: 1399px) {
  .quick-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stats-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fc-text {
    white-space: normal;
  }
}

.metal {
  padding-right: .1em;
  margin-right: -.1em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@media (min-width: 1160px) {
  .hero-copy .eyebrow,
  .hero-copy .hero-strap,
  .hero-copy .hero-sub {
    white-space: nowrap;
  }

  .hero-copy .eyebrow {
    font-size: calc(clamp(44px, 6.3vw, 92px) * .2201);
    letter-spacing: .08em;
  }

  .hero-copy .hero-strap {
    font-size: calc(clamp(44px, 6.3vw, 92px) * .2791);
  }

  .hero-copy .hero-sub {
    font-size: calc(clamp(44px, 6.3vw, 92px) * .2488);
  }
}

.pricing-step {
  margin: 0 0 14px;
  padding: 6px 16px;
  border: 1px solid var(--color-box-border);
  border-radius: var(--radius-pill);
  font-family: var(--font-label);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-primary);
}

.pricing-after {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  margin: 0;
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
  text-wrap: balance;
  color: var(--color-text-2-dark);
}

@media (min-width: 1400px) {
  .card .fc-body {
    margin-left: 18px;
    padding-left: 20px;
  }

  .card .fc-text {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1439px) {
  .features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .features-grid > .card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

.hero--media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hero-matte-backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, #000 60%, rgba(0, 0, 0, .65) 78%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 60%, rgba(0, 0, 0, .65) 78%, transparent 100%);
}

.hero-matte-backdrop img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: linear-gradient(90deg, transparent 32%, rgba(0, 0, 0, .06) 43%, rgba(0, 0, 0, .45) 54%, #000 68%);
  mask-image: linear-gradient(90deg, transparent 32%, rgba(0, 0, 0, .06) 43%, rgba(0, 0, 0, .45) 54%, #000 68%);
}

@media (max-width: 1024px) {
  .hero-matte-backdrop {
    opacity: .24;
  }

  .hero-matte-backdrop img {
    object-position: right center;
  }
}

@media (min-width: 1025px) {
  .hero--media {
    overflow: visible;
  }

  .hero--media + .stats-band {
    position: relative;
    z-index: 1;
  }

  .hero-matte-backdrop {
    top: -60px;
    bottom: auto;
    height: max(100%, 48vw);
    -webkit-mask-image: linear-gradient(180deg, #000 58%, rgba(0, 0, 0, .6) 78%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 58%, rgba(0, 0, 0, .6) 78%, transparent 100%);
  }

  .hero-matte-backdrop img {
    -webkit-mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .75) 54%, #000 66%);
    mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .75) 54%, #000 66%);
  }
}

.section-head .lead {
  text-wrap: balance;
}

@media (min-width: 1025px) {
  .upgrade-band__part {
    white-space: nowrap;
  }
}

@media (min-width: 1025px) {
  .upgrade-band__title {
    font-size: clamp(24px, 2.15vw, 32px);
  }
}

.signup-band .section-title:first-child {
  margin-top: 0;
}

@media (min-width: 1025px) {
  .upgrade-band {
    container-type: inline-size;
  }

  .upgrade-band__lead {
    white-space: nowrap;
    font-size: calc((100cqw - 246px) / 36.8);
  }

  .upgrade-band__title {
    white-space: nowrap;
    font-size: calc((100cqw - 246px) / 27.8);
  }
}

.upgrade-points--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 667px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .upgrade-points--2 {
    grid-template-columns: 1fr;
  }
}

.pricing-foot + .pricing-foot {
  margin-top: 10px;
}

@media (min-width: 1024px) {
  .section-title--fit {
    white-space: nowrap;
    font-size: min(56px, calc(min(1360px, 100vw - 80px) / 25.8));
  }
}

.faq-list {
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.faq-question {
  gap: 48px;
}

.faq-answer {
  width: 0;
  min-width: 100%;
}

@media (max-width: 767px) {
  .faq-question {
    gap: 16px;
  }
}

.register-dialog .form-feedback:not(:empty) {
  display: block;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--color-danger) 55%, transparent);
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--color-danger) 14%, var(--color-dark));
  color: var(--color-text-dark);
  font-size: 16px;
  line-height: 1.4;
}

.register-dialog .field-feedback {
  display: block;
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-danger);
}

.register-dialog .field-feedback:empty {
  display: none;
}

.register-dialog .field-feedback:not(:empty) {
  margin-top: 6px;
}

.register-dialog .form-group input.field-taken {
  border-color: var(--color-danger);
}

.site-nav .nav-login {
  border: 1px solid var(--color-primary);
  background: transparent;
  color: var(--color-primary);
  text-decoration: none;
}

.site-nav .nav-login:hover,
.site-nav .nav-login:focus-visible {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
}

.site-nav .nav-cta + .nav-login {
  margin-left: 12px;
}

@media (max-width: 767px) {
  .site-nav .nav-cta {
    margin-left: auto;
  }

  .site-nav .nav-cta + .nav-login {
    margin-left: 8px;
  }
}

.site-nav .nav-login,
.site-nav .nav-cta {
  flex: none;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .site-nav .nav-login,
  .site-nav .nav-cta {
    padding: 0 12px;
  }

  .site-nav .nav-cta .icon {
    display: none;
  }
}

@media (max-width: 1279px) {
  .nav-links {
    gap: 28px;
  }
}

@media (max-width: 1099px) {
  .nav-links {
    display: none;
  }

  .site-nav .nav-cta {
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .nav-logo img {
    height: 34px;
  }
}

@media (max-width: 767px) {
  .site-nav .nav-inner {
    gap: 8px;
  }

  .site-nav .nav-cta + .nav-login {
    margin-left: 0;
  }
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 38px;
}

.hero-copy .hero-actions .btn {
  margin-top: 0;
}

.btn--outline, tempbutton.btn--outline, button.btn--outline {
  height: 58px;
  padding: 0 34px;
  font-size: 21px;
  border: 1px solid var(--color-primary);
  background: transparent;
  color: var(--color-primary);
}

.btn--outline:hover,
.btn--outline:focus-visible {
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
  color: var(--color-primary);
}

.btn--outline .icon {
  fill: currentColor;
  stroke: none;
}

dialog.video-dialog {
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: #000000;
  overflow: hidden;
}

dialog.video-dialog::backdrop {
  background: #000000;
}

.video-dialog video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000000;
}

.video-dialog__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--color-box-border);
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-dark) 70%, transparent);
  color: var(--color-text-dark);
  cursor: pointer;
}

.video-dialog__close:hover,
.video-dialog__close:focus-visible {
  color: var(--color-primary);
}

.video-dialog__close .icon {
  font-size: 22px;
}

@media (max-width: 767px) {
  .hero-actions {
    margin-top: 24px;
    gap: 12px;
  }

  .hero-actions .btn {
    width: 100%;
    height: 54px;
    min-height: 54px;
    padding: 0 20px;
    font-size: 18px;
  }

  .site-nav .nav-login {
    order: 3;
  }
}

.register-dialog__close {
  top: 8px;
  right: 8px;
}

.register-dialog__title {
  padding-right: 16px;
  white-space: nowrap;
  font-size: min(40px, calc((min(620px, 100vw - 32px) - 88px) / 13.1));
}

@media (max-width: 767px) {
  .register-dialog__title {
    font-size: calc((min(620px, 100vw - 32px) - 56px) / 13.1);
  }
}

@media (max-width: 767px) {
  .register-dialog .form-card {
    padding-top: 58px;
  }
}

.hero-matte-backdrop video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .6s ease;
  -webkit-mask-image: linear-gradient(90deg, transparent 32%, rgba(0, 0, 0, .06) 43%, rgba(0, 0, 0, .45) 54%, #000 68%);
  mask-image: linear-gradient(90deg, transparent 32%, rgba(0, 0, 0, .06) 43%, rgba(0, 0, 0, .45) 54%, #000 68%);
}

.hero-matte-backdrop video.is-playing {
  opacity: 1;
}

@media (min-width: 1025px) {
  .hero-matte-backdrop video {
    -webkit-mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .75) 54%, #000 66%);
    mask-image: linear-gradient(90deg, transparent 30%, rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .75) 54%, #000 66%);
  }
}

@media (max-width: 1024px) {
  .hero-matte-backdrop video {
    object-position: right center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-matte-backdrop video {
    display: none;
  }
}

.nav-links li:first-child a::after {
  content: none;
}

.site-nav {
  position: sticky;
  top: 0;
  z-index: 100;
  transition: transform .35s ease, opacity .35s ease;
}

.site-nav.is-hidden {
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .site-nav {
    transition: none;
  }
}

.register-dialog__close {
  top: 4px;
  right: 4px;
  width: 36px;
  height: 36px;
}

.register-dialog__title {
  padding: 0;
  text-align: center;
}

.register-dialog .iti {
  display: block;
  width: 100%;
}

.register-dialog .iti__country-container {
  padding: 0;
}

.register-dialog .iti__selected-country {
  width: 64px;
  height: 100%;
  justify-content: center;
  border-right: 1px solid var(--color-box-border);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

.register-dialog .iti__selected-country-primary {
  justify-content: center;
  gap: 6px;
  padding: 0;
}

.register-dialog .iti__selected-country:hover .iti__selected-country-primary,
.register-dialog .iti__selected-country:focus-visible .iti__selected-country-primary {
  background: transparent;
}

.register-dialog .iti__selected-country:hover,
.register-dialog .iti__selected-country:focus-visible {
  background: color-mix(in srgb, var(--color-primary) 16%, transparent);
}

.register-dialog .iti input[type="tel"] {
  text-indent: 26px;
}

.register-dialog .iti--allow-dropdown {
  z-index: 10;
}

.register-dialog .iti__dropdown-content {
  z-index: 50;
}

.stats-band .stat,
.stats-band .quick {
  background: transparent;
}

@media (min-width: 1025px) {
  .hero {
    padding: 36px 0 16px;
  }

  .hero-copy .eyebrow {
    margin-bottom: 12px;
  }

  .hero-strap {
    margin-top: 16px;
  }

  .hero-sub {
    margin-top: 6px;
  }

  .hero-actions {
    margin-top: 24px;
  }

  .stats-band {
    padding-top: 16px;
  }

  .stat {
    min-height: 88px;
  }

  .quick-row {
    margin-top: 16px;
  }

  .quick {
    min-height: 62px;
  }
}

.register-dialog .form-note {
  margin-top: 1px;
}

.register-dialog form > .btn {
  margin-bottom: 0;
}

.footer-disclaimer {
  text-wrap: balance;
}

@media (max-width: 767px) {
  .hero-copy > .eyebrow,
  .hero-copy > .hero-headline,
  .hero-copy > .hero-strap,
  .hero-copy > .hero-sub,
  .section-head > .eyebrow,
  .section-head > .section-title,
  .section-head > .lead,
  .signup-band--action > div:first-child > * {
    text-align: center;
    text-wrap: balance;
  }

  .hero-copy > .hero-headline {
    font-size: min(92px, calc((100vw - 32px) * .138));
  }
}


html.dse-preload::before,html.dse-preload::after{content:"";position:fixed;z-index:2147483000;pointer-events:none;opacity:1;visibility:visible;transition:opacity 250ms ease,visibility 0s linear 250ms;}
html.dse-preload::before{inset:0;background-color:var(--dse-pl-bg, var(--color-section-light-1, var(--color-bg, #ffffff)));}
html.dse-preload::after{z-index:2147483001;top:50%;left:50%;box-sizing:border-box;}
html.dse-preload.dse-ready::before,html.dse-preload.dse-ready::after{opacity:0;visibility:hidden;}
@keyframes dse-pl-spin{to{transform:rotate(360deg);}}
html.dse-preload::after{width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:4px solid color-mix(in srgb, var(--dse-pl-fg, var(--color-primary, #2B5BFD)) 22%, transparent);border-top-color:var(--dse-pl-fg, var(--color-primary, #2B5BFD));animation:dse-pl-spin 800ms linear infinite;}
@media (prefers-reduced-motion: reduce){html.dse-preload::after{animation:none;}}


html.dse-preload{--dse-pl-bg:#090909;--dse-pl-fg:#e6ae12;}

section:has(> .ds-divider) { position: relative; }
.ds-divider { position: absolute; left: 0; right: 0; top: 0; bottom: auto; height: 1px; margin: 0; padding: 0; border: 0; transform: none; background: color-mix(in srgb, currentColor 16%, transparent); pointer-events: none; z-index: 2; display: block; }
:is(.ds-divider-pull, #ds-never) { display: none; }

/* The tokens this system holds now. Rewritten on every save. */
:root {
  --color-dark: var(--ds-color-dark, #090909);
  --color-tint: var(--ds-color-tint, color-mix(in srgb, var(--color-primary) 10%, var(--color-light)));
  --color-check: var(--ds-color-check, var(--color-primary));
  --color-light: var(--ds-color-light, #f5f3eb);
  --color-danger: var(--ds-color-danger, #ef6969);
  --color-dark-2: var(--ds-color-dark-2, #191919);
  --color-drawer: var(--ds-color-drawer, var(--color-container));
  --color-footer: var(--ds-color-footer, var(--color-dark-2));
  --color-header: var(--ds-color-header, var(--color-dark-2));
  --color-light-2: var(--ds-color-light-2, #1c1c1c);
  --color-outline: var(--ds-color-outline, var(--color-primary));
  --color-overlay: var(--ds-color-overlay, color-mix(in srgb, var(--color-dark) 72%, transparent));
  --color-primary: var(--ds-color-primary, #e6ae12);
  --color-success: var(--ds-color-success, #59bc82);
  --color-box-dark: var(--ds-color-box-dark, color-mix(in srgb, var(--color-text-dark) 7%, var(--color-surface-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-secondary: var(--ds-color-secondary, #191919);
  --color-step-line: var(--ds-color-step-line, color-mix(in srgb, var(--color-primary) 35%, transparent));
  --color-text-dark: var(--ds-color-text-dark, #f5f3eb);
  --color-field-dark: var(--ds-color-field-dark, var(--color-dark));
  --color-text-light: var(--ds-color-text-light, #f5f3eb);
  --color-border-dark: var(--ds-color-border-dark, #574510);
  --color-field-focus: var(--ds-color-field-focus, color-mix(in srgb, var(--color-primary) 35%, transparent));
  --color-field-light: var(--ds-color-field-light, color-mix(in srgb, var(--color-primary) 5%, var(--color-light)));
  --color-footer-link: var(--ds-color-footer-link, color-mix(in srgb, var(--color-link-on-dark) 70%, var(--color-text-dark)));
  --color-footer-text: var(--ds-color-footer-text, var(--color-text-dark));
  --color-header-link: var(--ds-color-header-link, var(--color-text-dark));
  --color-header-text: var(--ds-color-header-text, var(--color-text-dark));
  --color-text-2-dark: var(--ds-color-text-2-dark, #b8b5ac);
  --color-border-light: var(--ds-color-border-light, #574510);
  --color-button-shade: var(--ds-color-button-shade, #000000);
  --color-button-shine: var(--ds-color-button-shine, #ffffff);
  --color-chip-on-dark: var(--ds-color-chip-on-dark, color-mix(in srgb, var(--color-link-on-dark) 16%, transparent));
  --color-glow-on-dark: var(--ds-color-glow-on-dark, var(--color-primary));
  --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-link-on-dark: var(--ds-color-link-on-dark, #f1c33e);
  --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-surface-dark: var(--ds-color-surface-dark, #111111);
  --color-text-2-light: var(--ds-color-text-2-light, #b8b5ac);
  --color-chip-on-light: var(--ds-color-chip-on-light, color-mix(in srgb, var(--color-primary) 10%, transparent));
  --color-glow-on-brand: var(--ds-color-glow-on-brand, var(--color-text-on-primary));
  --color-glow-on-light: var(--ds-color-glow-on-light, var(--color-primary));
  --color-icon-on-light: var(--ds-color-icon-on-light, var(--color-accent-on-light));
  --color-link-on-light: var(--ds-color-link-on-light, #f1c33e);
  --color-primary-hover: var(--ds-color-primary-hover, #f5c94f);
  --color-stat-on-light: var(--ds-color-stat-on-light, var(--color-accent-on-light));
  --color-surface-light: var(--ds-color-surface-light, #151515);
  --color-accent-on-dark: var(--ds-color-accent-on-dark, #f1c33e);
  --color-box-hover-dark: var(--ds-color-box-hover-dark, color-mix(in srgb, var(--color-text-dark) 5%, var(--color-box-dark)));
  --color-box-inset-dark: var(--ds-color-box-inset-dark, color-mix(in srgb, var(--color-text-dark) 5%, transparent));
  --color-section-dark-1: var(--ds-color-section-dark-1, var(--color-surface-dark));
  --color-section-dark-2: var(--ds-color-section-dark-2, var(--color-dark));
  --color-section-dark-3: var(--ds-color-section-dark-3, var(--color-dark-2));
  --color-accent-on-light: var(--ds-color-accent-on-light, #e6ae12);
  --color-box-border-dark: var(--ds-color-box-border-dark, color-mix(in srgb, var(--color-text-dark) 24%, 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-inset-light: var(--ds-color-box-inset-light, color-mix(in srgb, var(--color-text-light) 4%, transparent));
  --color-focus-ring-dark: var(--ds-color-focus-ring-dark, var(--color-link-on-dark));
  --color-primary-on-dark: var(--ds-color-primary-on-dark, #f1c33e);
  --color-secondary-hover: var(--ds-color-secondary-hover, #232323);
  --color-section-light-1: var(--ds-color-section-light-1, #111111);
  --color-section-light-2: var(--ds-color-section-light-2, #191919);
  --color-section-light-3: var(--ds-color-section-light-3, #151515);
  --color-text-on-primary: var(--ds-color-text-on-primary, #0a0a0a);
  --color-box-border-light: var(--ds-color-box-border-light, color-mix(in srgb, var(--color-text-light) 30%, transparent));
  --color-focus-ring-light: var(--ds-color-focus-ring-light, var(--color-link-on-light));
  --color-placeholder-dark: var(--ds-color-placeholder-dark, var(--color-text-2-dark));
  --color-secondary-border: var(--ds-color-secondary-border, var(--color-border-light));
  --color-box-featured-dark: var(--ds-color-box-featured-dark, color-mix(in srgb, var(--color-text-dark) 12%, var(--color-surface-dark)));
  --color-field-border-dark: var(--ds-color-field-border-dark, color-mix(in srgb, var(--color-text-dark) 45%, transparent));
  --color-footer-link-hover: var(--ds-color-footer-link-hover, var(--color-footer-text));
  --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-placeholder-light: var(--ds-color-placeholder-light, var(--color-text-2-light));
  --color-text-on-secondary: var(--ds-color-text-on-secondary, #f5f3eb);
  --color-box-featured-light: var(--ds-color-box-featured-light, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface-light)));
  --color-field-border-light: var(--ds-color-field-border-light, color-mix(in srgb, var(--color-text-light) 50%, transparent));
  --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-text-on-primary-dark: var(--ds-color-text-on-primary-dark, #090909);
  --color-primary-hover-on-dark: var(--ds-color-primary-hover-on-dark, color-mix(in srgb, var(--color-primary-on-dark) 88%, var(--color-text-dark)));
  --color-box-border-strong-dark: var(--ds-color-box-border-strong-dark, color-mix(in srgb, var(--color-text-dark) 34%, transparent));
  --color-box-border-strong-light: var(--ds-color-box-border-strong-light, color-mix(in srgb, var(--color-text-light) 40%, transparent));
  --color-accent: var(--ds-color-accent, #f1c33e);
  --color-white: var(--ds-color-white, #f5f3eb);
  --color-container: var(--ds-color-container, #151515);
  --text-1: var(--ds-text-1, 16px);
  --text-2: var(--ds-text-2, 18px);
  --text-3: var(--ds-text-3, 22px);
  --text-4: var(--ds-text-4, 28px);
  --text-5: var(--ds-text-5, 36px);
  --text-6: var(--ds-text-6, 48px);
  --text-7: var(--ds-text-7, 78px);
  --text-sm: var(--ds-text-sm, 1rem);
  --line-height-body: var(--ds-line-height-body, 1.5);
  --space-lg: var(--ds-space-lg, 20px);
  --space-md: var(--ds-space-md, 14px);
  --space-sm: var(--ds-space-sm, 8px);
  --space-xl: var(--ds-space-xl, 28px);
  --space-xs: var(--ds-space-xs, 4px);
  --space-2xl: var(--ds-space-2xl, 42px);
  --space-3xl: var(--ds-space-3xl, 58px);
  --space-4xl: var(--ds-space-4xl, 86px);
  --space-5xl: var(--ds-space-5xl, 112px);
  --space-section: var(--ds-space-section, 86px);
  --space-mobile-edge: var(--ds-space-mobile-edge, 10px);
  --radius-lg: var(--ds-radius-lg, 14px);
  --radius-md: var(--ds-radius-md, 14px);
  --radius-sm: var(--ds-radius-sm, 10px);
  --radius-pill: var(--ds-radius-pill, 999px);
  --shadow-lg: var(--ds-shadow-lg, 0 14px 40px rgba(0,0,0,.3));
  --shadow-md: var(--ds-shadow-md, 0 8px 24px rgba(0,0,0,.25));
  --shadow-sm: var(--ds-shadow-sm, 0 2px 8px rgba(0,0,0,.25));
  --container-max: var(--ds-container-max, 1360px);
  --container-narrow: var(--ds-container-narrow, 1000px);
  --container-wide: var(--ds-container-wide, 1360px);
  --nav-height: var(--ds-nav-height, 74px);
  --nav-height-mobile: var(--ds-nav-height-mobile, 64px);
  --logo-height: var(--ds-logo-height, 54px);
  --logo-height-mobile: var(--ds-logo-height-mobile, 40px);
  --font-display: var(--ds-font-display, 'Montserrat', sans-serif);
  --font-body: var(--ds-font-body, 'Barlow', sans-serif);
}