/* Generated by scripts/build-static-bundles.mjs. Do not edit directly. */
/* 00-base.css */
/* Base page cleanup */

html {
  scroll-padding-top: 108px;
  overflow-x: hidden;
}

body {
  padding-top: 98px;
  overflow-x: hidden;
}

:root {
  --codex-site-max-width: 1280px;
  --codex-nav-max-width: 1280px;
  --codex-site-gutter: 80px;
  --codex-static-section-space: clamp(64px, 7vw, 108px);
  --codex-static-section-space-tight: clamp(44px, 5.2vw, 78px);
  --codex-static-section-space-hero: clamp(56px, 6.8vw, 96px);
  --codex-static-section-space-final: clamp(72px, 7.6vw, 118px);
  --codex-static-section-head-gap: clamp(26px, 4vw, 52px);
}

body .head-section-main-description,
body .head-section-main-description---text,
body .head-description-text,
body .head-button-description,
body .codex-hero-microcopy,
body .codex-decision-engine-intro,
body .services-type-content-point-description > div,
body .problem-section-description,
body .problem-step div:not(.problem-step-title),
body .reviews-section-info-description,
body .reviews-section-info-description-text,
body .cases-description-text,
body .faq-section-list-point-description,
body .contact-us-description,
body .codex-ecom-decision-copy p,
body .codex-ecom-decision-panel li,
body .codex-ecom-fit-column li,
body .codex-comparison-row > div,
body .codex-performance-rules__grid span,
body .codex-fee-calculator small,
body .codex-fee-calculator__disclaimer,
body .codex-founder-bullets p,
body .footer-top-cta---text {
  font-family: "Nunito Sans", Arial, sans-serif !important;
}

body .site-develop {
  display: none !important;
}

body .main-wrapper > section > div,
body .footer-wrapper {
  box-sizing: border-box;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* 10-header-navigation.css */
/* Header and navigation */

body .navbar {
  position: fixed !important;
  top: 10px;
  right: auto;
  left: 50%;
  z-index: 5000;
  align-items: center !important;
  width: min(var(--codex-nav-max-width), calc(100% - var(--codex-site-gutter))) !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none;
  border-radius: 999px;
  pointer-events: none;
  transform: translateX(-50%) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body .navbar::before,
body .navbar::after {
  display: none !important;
  content: none !important;
}

body .navbar_container {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 78px;
  margin: 0 auto;
  padding: 0 24px 0 28px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66), 0 18px 46px rgba(29, 31, 35, 0.08);
  pointer-events: auto;
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  backdrop-filter: blur(22px) saturate(1.35);
}

body .navbar_logo {
  display: flex !important;
  position: relative;
  align-items: center;
  height: 44px;
  width: 162px !important;
  max-width: 24vw !important;
  flex: 0 0 auto;
  transform: none !important;
}

body .navbar_logo .logo_image {
  display: block;
  width: 162px !important;
  max-width: 100% !important;
  height: auto !important;
  transform: none !important;
  vertical-align: middle;
}

body .navbar_logo .codex-logo-fallback-image {
  opacity: 0;
  transition: opacity 180ms ease;
}

body .navbar_logo[data-codex-animated-logo-ready="loading"] .logo_image {
  opacity: 0;
}

body .navbar_logo:not([data-codex-animated-logo-ready]) .codex-logo-fallback-image,
body .navbar_logo[data-codex-animated-logo-ready="error"] .codex-logo-fallback-image {
  opacity: 1;
}

body .nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(10px, 1.25vw, 18px);
  width: auto !important;
  padding: 0 !important;
  flex: 0 1 auto;
  margin-left: auto;
  margin-right: 0;
}

body .navbar .nav-link {
  font-size: 17px !important;
  line-height: 1.2 !important;
  letter-spacing: 0;
}

body .nav-link,
body .dropdown-toggle-2,
body .tab-link-tab-1,
body .link-block,
body .link-8,
body .footer-navigation-list---link,
body .footer-down-info---text {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

body .link-block[aria-disabled="true"],
body .link-8[aria-disabled="true"] {
  cursor: default;
  pointer-events: none;
}

body .dropdown-toggle-2 {
  padding: 9px 16px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.34);
  box-shadow: inset 0 0 0 1px rgba(16, 34, 53, 0.08);
}

body .dropdown-toggle-2.w--open,
body .dropdown-toggle-2:hover {
  background-color: var(--codex-site-accent-wash, rgba(62, 196, 0, 0.09));
  box-shadow: inset 0 0 0 1px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.14);
}

body .dropdown-toggle-2.w--open .nav-link,
body .dropdown-toggle-2:hover .nav-link,
body .nav-link:not(.button):hover {
  color: var(--codex-site-accent-readable, #245f0f);
}

body .navbar .nav-cta-cluster {
  display: inline-flex;
  align-items: center;
  gap: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

body .navbar .nav-cta-cluster .nav-link {
  margin: 0 !important;
}

body .navbar .nav-cta-cluster .nav-link.button {
  position: relative;
  z-index: 2;
  border-radius: 999px !important;
}

body .navbar .nav-cta-cluster:hover {
  box-shadow: none;
}

body .navbar .nav-link.pricing-button {
  position: relative;
  z-index: 1;
  min-height: 44px;
  margin-right: -34px !important;
  padding: 12px 44px 12px 18px !important;
  border: 1px solid rgba(16, 34, 53, 0.14) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, #ffffff, #f5f7f8),
    #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 1px 0 0 rgba(255, 255, 255, 0.76),
    inset -1px 0 0 rgba(16, 34, 53, 0.08),
    inset 0 -3px 0 rgba(16, 34, 53, 0.09),
    0 18px 42px rgba(16, 34, 53, 0.1) !important;
  color: #102235 !important;
  filter: saturate(1);
  font-weight: 800 !important;
  text-decoration: none !important;
  -webkit-mask-image: radial-gradient(circle 30px at 100% 50%, transparent 0 20px, #000 21px);
  mask-image: radial-gradient(circle 30px at 100% 50%, transparent 0 20px, #000 21px);
}

body .navbar .nav-link.pricing-button::after {
  display: none;
  content: none;
}

body .navbar .nav-link.pricing-button:hover,
body .navbar .nav-link.pricing-button:focus-visible {
  border-color: rgba(var(--codex-site-accent-rgb, 16, 34, 53), 0.28) !important;
  background:
    linear-gradient(180deg, #ffffff, #eef3f6),
    #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 1px 0 0 rgba(255, 255, 255, 0.82),
    inset -1px 0 0 rgba(var(--codex-site-accent-rgb, 16, 34, 53), 0.12),
    inset 0 -3px 0 rgba(var(--codex-site-accent-rgb, 16, 34, 53), 0.13),
    0 22px 48px rgba(var(--codex-site-accent-rgb, 16, 34, 53), 0.12) !important;
  color: var(--codex-site-accent-readable, #102235) !important;
  filter: saturate(1.04) brightness(1.02);
  transform: none;
}

body .navbar .nav-link.pricing-button:active {
  box-shadow:
    inset 0 2px 0 rgba(16, 34, 53, 0.08),
    inset 1px 0 0 rgba(255, 255, 255, 0.72),
    inset -1px 0 0 rgba(16, 34, 53, 0.1),
    inset 0 -2px 0 rgba(16, 34, 53, 0.06),
    0 8px 18px rgba(16, 34, 53, 0.1) !important;
  filter: saturate(1.02);
  transform: translateY(1px) scaleX(0.965) scaleY(0.94) !important;
  transform-origin: center;
  transition-duration: 90ms;
}

@media (min-width: 1200px) and (max-width: 1320px) {
  body .nav-menu {
    gap: clamp(8px, 1vw, 14px);
  }

  body .navbar .nav-link {
    font-size: 15.25px !important;
  }

  body .dropdown-toggle-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body .navbar {
    width: min(var(--codex-nav-max-width), calc(100% - 20px)) !important;
  }

  body .navbar_container {
    min-height: 68px;
    padding-right: 12px;
    padding-left: 14px;
  }

  body .navbar_logo {
    width: 136px !important;
  }

  body .navbar_logo .logo_image {
    width: 136px !important;
  }

  body .nav-menu {
    gap: 8px;
  }

  body .navbar .nav-link {
    font-size: 15px !important;
    line-height: 1.14 !important;
  }

  body .dropdown-toggle-2 {
    padding: 9px 12px !important;
  }

  body .navbar .nav-link.pricing-button {
    min-height: 42px;
    margin-right: -28px !important;
    padding: 11px 36px 11px 15px !important;
    -webkit-mask-image: radial-gradient(circle 26px at 100% 50%, transparent 0 18px, #000 19px);
    mask-image: radial-gradient(circle 26px at 100% 50%, transparent 0 18px, #000 19px);
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  body .navbar {
    width: min(var(--codex-nav-max-width), calc(100% - 12px)) !important;
  }

  body .navbar_container {
    min-height: 66px;
    padding-right: 8px;
    padding-left: 10px;
  }

  body .navbar_logo {
    width: 124px !important;
  }

  body .navbar_logo .logo_image {
    width: 124px !important;
  }

  body .nav-menu {
    gap: 5px;
  }

  body .navbar .nav-link {
    font-size: 14px !important;
  }

  body .dropdown-toggle-2 {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  body .navbar .nav-link.pricing-button {
    min-height: 40px;
    margin-right: -24px !important;
    padding: 10px 30px 10px 13px !important;
    -webkit-mask-image: radial-gradient(circle 24px at 100% 50%, transparent 0 16px, #000 17px);
    mask-image: radial-gradient(circle 24px at 100% 50%, transparent 0 16px, #000 17px);
  }
}

body .dropdown-toggle-2 .icon {
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .dropdown-toggle-2:hover .icon {
  opacity: 0.78;
  transform: translateY(1px) rotate(8deg);
}

body .dropdown-toggle-2.w--open .icon {
  opacity: 0.78;
  transform: rotate(180deg);
}

html[data-wf-page] body .head-section-review,
body .head-section-review {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.64) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(247, 250, 252, 0.5) 48%, rgba(255, 255, 255, 0.34)),
    rgba(255, 255, 255, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.76),
    0 20px 48px rgba(16, 34, 53, 0.06) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.26);
  backdrop-filter: blur(24px) saturate(1.26);
  transform: translate3d(var(--codex-magnet-x, 0px), var(--codex-magnet-y, 0px), 0) rotate(var(--codex-magnet-r, 0deg)) !important;
  transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .head-section-review::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0) 36%),
    radial-gradient(circle at 16% 8%, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0) 34%);
  pointer-events: none;
}

body .head-section-review > * {
  position: relative;
  z-index: 1;
}

body .head-section-review-line {
  height: 1px !important;
  border: 0 !important;
  background: linear-gradient(90deg, rgba(16, 34, 53, 0), rgba(16, 34, 53, 0.18), rgba(16, 34, 53, 0)) !important;
}

/* 20-service-seo.css */
/* SEO service page redesign */

html[data-wf-page="679aa43ada347d0b4b0ee907"] {
  --codex-service-color: #3ec400;
  --codex-service-color-soft: rgba(62, 196, 0, 0.12);
  --codex-service-color-wash: rgba(62, 196, 0, 0.065);
  --codex-service-color-border: rgba(62, 196, 0, 0.28);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body {
  background: #ffffff !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section {
  background: transparent !important;
  padding-top: var(--codex-static-section-space-tight);
  padding-bottom: var(--codex-static-section-space-tight);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: clamp(46px, 5.8vw, 76px) clamp(28px, 6vw, 76px) clamp(42px, 5vw, 64px);
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: clamp(34px, 5vw, 62px);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(245, 253, 240, 0.82) 54%, rgba(255, 255, 255, 0.78)),
    radial-gradient(circle at 78% 20%, var(--codex-service-color-soft), rgba(62, 196, 0, 0) 30rem);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.84),
    0 28px 70px rgba(16, 34, 53, 0.08);
  isolation: isolate;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo::before {
  content: "";
  position: absolute;
  right: clamp(22px, 6vw, 88px);
  bottom: clamp(18px, 4vw, 58px);
  z-index: -1;
  width: min(34vw, 420px);
  aspect-ratio: 1;
  border-radius: 48% 52% 38% 62%;
  background:
    linear-gradient(135deg, rgba(62, 196, 0, 0.14), rgba(255, 178, 26, 0.1)),
    repeating-linear-gradient(135deg, rgba(16, 34, 53, 0.08) 0 1px, transparent 1px 14px);
  opacity: 0.66;
  transform: rotate(-8deg);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo::after {
  display: none;
  content: none;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo .heading-1,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo h1 {
  max-width: 1120px;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(44px, 5.1vw, 68px) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo---text {
  max-width: 900px;
  margin-top: clamp(24px, 3vw, 34px);
  margin-right: auto;
  margin-left: auto;
  color: rgba(16, 34, 53, 0.74);
  font-size: clamp(18px, 1.7vw, 23px) !important;
  line-height: 1.45 !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section {
  background: transparent !important;
  padding-top: var(--codex-static-section-space);
  padding-bottom: var(--codex-static-section-space);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-main,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: clamp(34px, 4.7vw, 58px);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.93), rgba(246, 248, 243, 0.84)),
    #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 28px 66px rgba(16, 34, 53, 0.07);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-main::before,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 8% 0%, var(--codex-service-color-wash), rgba(62, 196, 0, 0) 24rem),
    linear-gradient(90deg, rgba(16, 34, 53, 0.035), rgba(16, 34, 53, 0) 28%);
  pointer-events: none;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-head.seo,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  position: relative;
  z-index: 1;
  align-items: flex-end;
  gap: clamp(22px, 4vw, 56px);
  padding-bottom: var(--codex-static-section-head-gap);
  border-bottom: 1px solid rgba(16, 34, 53, 0.08);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-title,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title---text {
  max-width: 760px;
  justify-self: start;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-description,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title---text > div {
  max-width: 620px;
  justify-self: end;
  color: rgba(16, 34, 53, 0.72);
  font-size: clamp(17px, 1.35vw, 19px);
  line-height: 1.48;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section .heading-2,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section .heading-2,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section .heading-2 {
  font-size: clamp(36px, 4.4vw, 62px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-main.seo {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: clamp(16px, 2.2vw, 24px);
  width: 100%;
  margin-top: clamp(24px, 3.4vw, 42px);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-solution {
  position: relative;
  z-index: 1;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step {
  display: flex;
  min-height: 212px;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(250, 252, 247, 0.9)),
    #ffffff;
  box-shadow: 0 18px 38px rgba(16, 34, 53, 0.055);
  color: #111111;
  transform: translate3d(0, 0, 0);
  transition:
    border-color 220ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 220ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 220ms cubic-bezier(0.23, 1, 0.32, 1);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-title {
  color: #111111;
  font-size: clamp(19px, 1.65vw, 25px);
  line-height: 1.08;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step > div:not(.problem-step-title) {
  color: rgba(17, 17, 17, 0.72);
  font-size: 17px;
  line-height: 1.38;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-link,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item {
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 10px 24px rgba(16, 34, 53, 0.045);
  color: #102235 !important;
  font-weight: 800;
  text-decoration: none;
  transition:
    background-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-link---img,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item---img {
  width: 22px;
  height: 22px;
  opacity: 0.82;
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main {
  background:
    radial-gradient(circle at 86% 18%, rgba(255, 178, 26, 0.12), rgba(255, 178, 26, 0) 24rem),
    linear-gradient(145deg, #102235, #142d43 58%, #0b1a29);
  color: #ffffff;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main::before {
  background:
    radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0) 26rem),
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 16px);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title {
  border-bottom-color: rgba(255, 255, 255, 0.13);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section .heading-2,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title---text > div,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-column {
  color: #ffffff !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title---ai-label {
  min-width: 146px;
  border-radius: 999px;
  background: var(--codex-service-color);
  box-shadow: 0 16px 34px rgba(62, 196, 0, 0.24);
  color: #ffffff;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description {
  position: relative;
  z-index: 1;
  gap: clamp(28px, 5vw, 72px);
  padding-top: clamp(30px, 4vw, 48px);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-column {
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item {
  width: 100%;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.94);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section .problem-section-main {
  background:
    radial-gradient(circle at 18% 18%, rgba(62, 196, 0, 0.26), rgba(62, 196, 0, 0) 20rem),
    radial-gradient(circle at 84% 16%, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0) 24rem),
    linear-gradient(145deg, #102235, #102f29 54%, #091924);
  color: #ffffff;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section .problem-section-main::before {
  background:
    repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 16px),
    linear-gradient(90deg, rgba(62, 196, 0, 0.1), rgba(62, 196, 0, 0) 38%);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section .problem-section-head.seo {
  border-bottom-color: rgba(255, 255, 255, 0.16);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section .heading-2,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section .problem-section-description {
  color: #ffffff !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) minmax(520px, 1.45fr);
  gap: clamp(18px, 3vw, 28px);
  width: 100% !important;
  margin-top: clamp(28px, 4vw, 48px);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column {
  width: auto !important;
  min-width: 0;
  min-height: 360px;
  padding: clamp(26px, 3.4vw, 42px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 32px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.055)),
    rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 58px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
  backdrop-filter: blur(16px) saturate(1.12);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column---link-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description .invest-section-main-description-link-item {
  width: 100%;
  justify-content: space-between;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.94);
  color: #102235 !important;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column---text {
  max-width: 520px;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column---text strong {
  color: #ffffff;
  font-size: clamp(23px, 2.4vw, 34px);
  line-height: 1.05;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column---text div:last-child {
  margin-top: 14px;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.42;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column.codex-seo-diy-plan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    linear-gradient(145deg, rgba(62, 196, 0, 0.18), rgba(255, 255, 255, 0.055)),
    rgba(255, 255, 255, 0.05);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .codex-seo-diy-steps {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .codex-seo-diy-step {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.075);
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .codex-seo-diy-step span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #3ec400;
  color: #ffffff;
  font-weight: 900;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .codex-seo-diy-step strong {
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.15;
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .codex-seo-diy-step p {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  line-height: 1.36;
}

@media (hover: hover) and (pointer: fine) {
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step:hover,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column:hover {
    border-color: var(--codex-service-color-border);
    box-shadow: 0 26px 56px rgba(16, 34, 53, 0.1);
    transform: translate3d(0, -6px, 0);
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-link:hover,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item:hover {
    border-color: var(--codex-service-color-border);
    background-color: #3ec400;
    color: #ffffff !important;
    transform: translate3d(0, -2px, 0);
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-link:hover img,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item:hover img {
    opacity: 1;
    filter: brightness(0) invert(1);
    transform: translate3d(4px, -2px, 0);
  }
}

html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-link:active,
html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item:active {
  transform: translate3d(0, 0, 0) scale(0.98);
}

@media (max-width: 991px) {
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo {
    padding: 48px 26px;
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-main.seo,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column---link-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-section-head.seo,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-title {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo {
    border-radius: 32px;
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo .heading-1,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .head-section-main---seo h1 {
    font-size: clamp(38px, 11vw, 56px) !important;
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-main.seo,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .do-it-myself-section-description-column---link-list {
    grid-template-columns: 1fr;
  }

  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .problem-step-link,
  html[data-wf-page="679aa43ada347d0b4b0ee907"] body .invest-section-main-description-link-item {
    transition: none;
  }
}

@media (min-width: 992px) and (max-height: 900px), (min-width: 992px) and (max-width: 1120px) {
  body .head-section-wrapper {
    align-items: flex-start !important;
  }

  body .head-section-review {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-self: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: clamp(28px, 3.2vh, 40px) !important;
    gap: clamp(18px, 2.4vh, 28px) !important;
  }

  body .head-section-review-description {
    gap: clamp(18px, 2.4vh, 28px) !important;
  }

  body .head-section-review-line {
    margin-top: clamp(18px, 2.4vh, 28px) !important;
    margin-bottom: clamp(18px, 2.4vh, 28px) !important;
  }

  body .head-section-review-rating {
    gap: 12px !important;
  }
}

body .menu-button-2 {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 46px;
  margin-left: auto;
  padding: 0;
  border: 1px solid rgba(17, 24, 12, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 12px 24px rgba(17, 24, 12, 0.08);
  color: #102235 !important;
  transition: background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .menu-button-2:hover,
body .menu-button-2.w--open {
  border-color: rgba(62, 196, 0, 0.2);
  background: rgba(62, 196, 0, 0.11);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 14px 26px rgba(17, 24, 12, 0.1);
  color: #245f0f !important;
}

body .menu-button-2.w--open,
body .menu-button-2[aria-expanded="true"] {
  border-color: rgba(16, 34, 53, 0.24);
  background: #102235 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 14px 28px rgba(16, 34, 53, 0.2);
  color: #ffffff !important;
}

body .menu-button-2:active {
  transform: scale(0.97);
}

body .menu-button-2 .div-block-5 {
  position: relative;
  display: block;
  width: 22px;
  height: 18px;
}

body .menu-button-2 .div-block-4 {
  position: absolute;
  left: 0;
  display: block;
  width: 22px;
  height: 2.25px;
  border-radius: 999px;
  background: currentColor !important;
  transform-origin: 50% 50%;
  transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1), width 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .menu-button-2 .div-block-4:nth-child(1) {
  top: 2px;
}

body .menu-button-2 .div-block-4:nth-child(2) {
  top: 8px;
  width: 16px;
}

body .menu-button-2 .div-block-4:nth-child(3) {
  top: 14px;
}

body .menu-button-2:hover .div-block-4:nth-child(2) {
  width: 22px;
}

body .menu-button-2.w--open .div-block-4:nth-child(1),
body .menu-button-2[aria-expanded="true"] .div-block-4:nth-child(1) {
  width: 24px;
  transform: translate(-1px, 6px) rotate(45deg);
}

body .menu-button-2.w--open .div-block-4:nth-child(2),
body .menu-button-2[aria-expanded="true"] .div-block-4:nth-child(2) {
  width: 4px;
  opacity: 0;
  transform: translateX(8px);
}

body .menu-button-2.w--open .div-block-4:nth-child(3),
body .menu-button-2[aria-expanded="true"] .div-block-4:nth-child(3) {
  width: 24px;
  transform: translate(-1px, -6px) rotate(-45deg);
}

body .dropdown-list-2 {
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.93) 52%, rgba(255, 255, 255, 0.9)),
    rgba(255, 255, 255, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(255, 255, 255, 0.48), 0 28px 72px rgba(16, 34, 53, 0.14), 0 10px 24px rgba(17, 24, 12, 0.06);
  overflow: hidden;
  transform-origin: top center;
  will-change: opacity, transform;
  -webkit-backdrop-filter: blur(44px) saturate(1.65);
  backdrop-filter: blur(44px) saturate(1.65);
}

body .dropdown-list-2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 34%),
    radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 32%),
    radial-gradient(circle at 86% 16%, rgba(221, 236, 248, 0.28), rgba(221, 236, 248, 0) 38%);
  pointer-events: none;
}

body .dropdown-list-2 > * {
  position: relative;
  z-index: 1;
}

body .dropdown-list-2.w--open {
  animation: et-dropdown-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
}

body .tab-link-tab-1 {
  padding: 9px 18px !important;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.24);
  color: #102235 !important;
  font-weight: 700;
}

body .tab-link-tab-1:hover {
  border-color: rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.18);
  background-color: var(--codex-site-accent-wash, rgba(62, 196, 0, 0.09));
  color: var(--codex-site-accent-readable, #245f0f) !important;
}

body .tab-link-tab-1.w--current {
  border-color: rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.3);
  background-color: var(--codex-site-accent-soft, rgba(62, 196, 0, 0.12));
  box-shadow: inset 0 0 0 1px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.12);
}

body .dropdown-list-2 .link-block {
  padding-top: clamp(14px, 1.2vw, 18px) !important;
  padding-bottom: clamp(14px, 1.2vw, 18px) !important;
  border: 1px solid transparent;
  border-radius: 16px;
  transform: none !important;
}

body .dropdown-list-2 .link-block:hover {
  border-color: rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.18);
  background-color: var(--codex-site-accent-faint, rgba(62, 196, 0, 0.07));
  transform: none !important;
}

body .dropdown-list-2 .link-block[aria-disabled="true"] {
  border-color: rgba(16, 34, 53, 0.08) !important;
  background: rgba(16, 34, 53, 0.045) !important;
  box-shadow: inset 0 0 0 1px rgba(16, 34, 53, 0.035) !important;
  opacity: 1;
}

body .dropdown-list-2 .link-block[aria-disabled="true"] .text-block-33 {
  color: rgba(16, 34, 53, 0.66) !important;
}

body .dropdown-list-2 .link-block[aria-disabled="true"] .text-block-34 {
  color: rgba(16, 34, 53, 0.63) !important;
}

body .dropdown-list-2 .div-block-70 {
  row-gap: clamp(14px, 1.4vw, 20px) !important;
  max-height: min(64vh, 620px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

body .dropdown-list-2 .codex-nav-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

body .dropdown-list-2 .codex-nav-case-tag {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 999px;
  background: rgba(16, 34, 53, 0.04);
  color: rgba(16, 34, 53, 0.66);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
}

body .dropdown-list-2 .codex-nav-highlight-tag {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.2);
  border-radius: 999px;
  background: var(--codex-site-accent-faint, rgba(62, 196, 0, 0.07));
  color: var(--codex-site-accent-readable, #245f0f);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
}

body .dropdown-list-2 a.link-block:hover .codex-nav-case-tag,
body .dropdown-list-2 a.link-block:focus-visible .codex-nav-case-tag {
  border-color: rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.24);
  background: var(--codex-site-accent-wash, rgba(62, 196, 0, 0.08));
  color: var(--codex-site-accent-readable, #245f0f);
}

body .dropdown-list-2 .link-block[aria-disabled="true"] .codex-nav-case-tag {
  border-color: rgba(16, 34, 53, 0.1) !important;
  background: rgba(16, 34, 53, 0.05) !important;
  color: rgba(16, 34, 53, 0.62) !important;
}

body .dropdown-list-2 .div-block-76 {
  margin-top: clamp(16px, 2vw, 24px) !important;
  padding-top: clamp(14px, 1.6vw, 18px) !important;
  border-top: 1px solid rgba(16, 34, 53, 0.14) !important;
}

body .dropdown-list-2 .link-8 {
  display: flex !important;
  justify-content: center;
  width: fit-content;
  min-width: min(100%, 250px);
  margin-right: auto;
  margin-left: auto;
  padding: 10px 18px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.32);
  box-shadow: inset 0 0 0 1px rgba(16, 34, 53, 0.08);
  color: #102235 !important;
  text-decoration: none !important;
  transform: none !important;
}

body .dropdown-list-2 .link-8:hover {
  background: var(--codex-site-accent-wash, rgba(62, 196, 0, 0.1));
  color: var(--codex-site-accent-readable, #245f0f) !important;
  transform: none !important;
}

body .dropdown-list-2 .link-8[aria-disabled="true"] {
  background: rgba(16, 34, 53, 0.05) !important;
  box-shadow: inset 0 0 0 1px rgba(16, 34, 53, 0.08) !important;
  color: rgba(16, 34, 53, 0.62) !important;
}

/* 30-brand-logo-marquee.css */
/* Brand logo marquee */

body .brand-logo-line {
  overflow: visible;
}

body .codex-brand-logo-line {
  display: flex !important;
  flex-direction: column;
  align-items: stretch !important;
  gap: 10px;
  width: min(100%, var(--codex-site-max-width, 1280px)) !important;
  max-width: var(--codex-site-max-width, 1280px) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-right: auto !important;
  margin-top: clamp(20px, 2.4vw, 34px);
  margin-bottom: clamp(34px, 4vw, 54px);
  margin-left: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body .codex-brand-logo-line-enriched {
  gap: clamp(10px, 1.2vw, 16px);
}

body .codex-ecom-hero > .codex-brand-logo-line-enriched {
  margin-top: clamp(18px, 2vw, 28px);
  margin-bottom: clamp(30px, 3.5vw, 46px);
}

body .codex-ecom-hero > .codex-brand-logo-line-enriched .codex-logo-marquee-stack {
  padding-block: 6px 10px;
}

body .codex-homepage-logo-wall {
  width: min(var(--codex-site-max-width, 1280px), calc(100% - clamp(32px, 5.3vw, var(--codex-site-gutter, 80px)))) !important;
  inline-size: min(var(--codex-site-max-width, 1280px), calc(100% - var(--codex-site-gutter, 80px))) !important;
  margin-right: auto !important;
  margin-top: clamp(8px, 1.2vw, 18px) !important;
  margin-bottom: clamp(22px, 2.6vw, 36px) !important;
  margin-left: auto !important;
}

body .codex-homepage-logo-wall .codex-logo-marquee-stack {
  gap: 0;
  padding-block: 2px 6px;
}

body .codex-homepage-logo-wall .codex-logo-marquee {
  padding-block: 20px !important;
  margin-block: -10px;
}

body .codex-homepage-logo-wall .brand-logo-line-text {
  color: #101820 !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
}

body .codex-homepage-logo-wall .brand-logo {
  min-height: 52px !important;
  opacity: 0.78;
}

body .codex-home-hero .codex-brand-logo-line {
  margin-top: clamp(8px, 1.2vw, 18px) !important;
  margin-bottom: clamp(22px, 2.6vw, 36px) !important;
}

body .codex-home-hero .codex-brand-logo-line .brand-logo-line-text {
  color: #101820 !important;
  font-size: clamp(18px, 1.45vw, 23px) !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
}

body .codex-home-hero .codex-logo-marquee-stack {
  gap: 0;
  padding-block: 2px 6px;
}

body .codex-home-hero .codex-brand-logo-line .brand-logo {
  min-height: 52px !important;
  opacity: 0.78;
}

body .codex-brand-logo-line .brand-logo-line-text {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding-left: 0 !important;
  line-height: 1.15 !important;
}

body .codex-brand-logo-line .codex-logo-marquee {
  --et-logo-card-gap: clamp(18px, 1.8vw, 24px);
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  padding-block: 10px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .codex-logo-marquee-stack {
  display: grid;
  gap: clamp(10px, 1.4vw, 16px);
  width: 100%;
  padding-block: 10px 16px;
  overflow: visible;
}

body .marquee-horizontal {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

body .marquee-horizontal .track-horizontal {
  position: static !important;
  display: flex !important;
  gap: var(--et-logo-card-gap);
  width: max-content !important;
  min-width: max-content !important;
  animation: et-logo-marquee 42s linear infinite !important;
  will-change: transform;
}

body .codex-logo-marquee .track-horizontal {
  display: flex !important;
  width: max-content !important;
  min-width: max-content;
}

body .codex-brand-logo-line-enriched .codex-logo-marquee-row-1 .track-horizontal {
  animation-duration: 54s !important;
}

body .codex-brand-logo-line-enriched .codex-logo-marquee-row-2 .track-horizontal {
  animation-name: et-logo-marquee-reverse !important;
  animation-duration: 58s !important;
}

body .codex-logo-marquee .line-element {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--et-logo-card-gap);
  width: max-content;
  min-width: max-content;
  margin: 0 !important;
  padding-block: 8px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body .marquee-horizontal:hover .track-horizontal {
  animation-play-state: paused;
}

body .codex-logo-marquee.is-logo-row-paused .track-horizontal {
  animation-play-state: paused !important;
}

body .codex-logo-marquee:focus-within .track-horizontal {
  animation-play-state: paused;
}

body .brand-logo {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  width: clamp(156px, 14vw, 192px) !important;
  min-width: clamp(156px, 14vw, 192px) !important;
  height: 60px !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(246, 250, 252, 0.72)),
    rgba(255, 255, 255, 0.68);
  color: inherit;
  box-shadow: none !important;
  isolation: isolate;
  overflow: visible;
  text-decoration: none;
  transform: none !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.24);
  backdrop-filter: blur(20px) saturate(1.24);
  transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .brand-logo::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0) 34%),
    radial-gradient(circle at 78% 18%, rgba(16, 34, 53, 0.055), rgba(16, 34, 53, 0) 34%);
  opacity: 0.9;
  pointer-events: none;
}

body .brand-logo::after {
  content: none;
}

body .codex-logo-marquee .brand-logo {
  width: clamp(156px, 14vw, 192px) !important;
  min-width: clamp(156px, 14vw, 192px) !important;
}

body .codex-brand-logo-line-enriched .brand-logo {
  width: clamp(156px, 14vw, 192px) !important;
  min-width: clamp(156px, 14vw, 192px) !important;
  height: 60px !important;
  padding: 11px 18px !important;
}

body .codex-brand-logo-line-enriched .brand-logo.has-case-link {
  cursor: pointer;
  padding-right: 42px !important;
}

body .codex-brand-logo-line-enriched .brand-logo:not(.has-case-link) {
  justify-content: center !important;
}

body .codex-brand-logo-line-enriched .brand-logo.has-case-link:hover,
body .codex-brand-logo-line-enriched .brand-logo.has-case-link.is-logo-hovered,
body .codex-brand-logo-line-enriched .brand-logo.has-case-link:focus-visible {
  border-color: rgba(62, 196, 0, 0.42);
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:hover,
body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link.is-logo-hovered,
body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:focus-visible {
  transform: translateY(-1px) !important;
}

body .codex-brand-logo-line-enriched .brand-logo.has-case-link:active {
  transform: translateY(0) scale(0.985) !important;
}

body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:active {
  transform: translateY(0) scale(0.985) !important;
}

body .codex-brand-logo-line-enriched .brand-logo.has-case-link:focus-visible {
  outline: 2px solid rgba(62, 196, 0, 0.38);
  outline-offset: 4px;
}

body .brand-logo-image {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 120px !important;
  max-height: 28px !important;
  object-fit: contain;
  opacity: 0.88;
  filter: grayscale(1);
  transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), filter 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-brand-logo-line-enriched .brand-logo-image {
  max-width: 124px !important;
  max-height: 28px !important;
}

body .codex-brand-logo-line-enriched .brand-logo[data-logo-name="Big Kyiv"] .brand-logo-image,
body .codex-brand-logo-line-enriched .brand-logo[data-logo-name="Dr Aljundi"] .brand-logo-image {
  max-width: 44px !important;
  max-height: 38px !important;
  opacity: 0.96;
}

body .codex-brand-logo-line-enriched .brand-logo-svg {
  display: block;
  width: auto;
  max-width: 124px;
  height: auto;
  max-height: 30px;
}

body .codex-brand-logo-line-enriched .brand-logo[data-logo-name="Lunu"] .brand-logo-svg [fill="white"] {
  fill: #102235;
}

body .codex-brand-logo-line-enriched .brand-logo[data-logo-name="Lunu Pay"] {
  border-color: rgba(16, 34, 53, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(246, 250, 252, 0.72)),
    rgba(255, 255, 255, 0.68) !important;
}

body .codex-brand-logo-line-enriched .brand-logo[data-logo-name="Lunu Pay"] .brand-logo-image {
  filter: invert(1) grayscale(1) !important;
  opacity: 0.82;
}

body .codex-brand-logo-line-enriched .brand-logo[data-card-tone="dark"] {
  border-color: rgba(16, 34, 53, 0.28);
  background: linear-gradient(145deg, #111f2b, #25384a);
  box-shadow: none !important;
}

body .codex-brand-logo-line-enriched .brand-logo[data-card-tone="dark"] .brand-logo-image {
  filter: none;
  opacity: 0.98;
}

body .codex-brand-logo-line-enriched .brand-logo[data-logo-name="OCEE Four"] .brand-logo-image {
  filter: none !important;
  max-width: 142px !important;
  max-height: 34px !important;
  opacity: 1;
}

body .brand-logo-text {
  max-width: 120px;
  font-size: 14px;
  line-height: 1.05;
  text-align: center;
  white-space: normal;
}

body .codex-brand-logo-line-enriched .brand-logo-text {
  max-width: 118px;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

body .brand-logo:has(.brand-logo-text) {
  gap: 8px;
}

body .brand-logo:has(.brand-logo-text) .brand-logo-image {
  flex: 0 0 54px;
  max-width: 54px !important;
  max-height: 28px !important;
}

body .brand-logo:has(.brand-logo-text) .brand-logo-text {
  flex: 0 1 74px;
  max-width: 74px;
  text-align: left;
}

body .codex-brand-logo-line-enriched .brand-logo:has(.brand-logo-text) {
  gap: 8px;
}

body .codex-brand-logo-line-enriched .brand-logo:has(.brand-logo-text) .brand-logo-image {
  flex: 0 0 auto;
  max-width: 54px !important;
  max-height: 28px !important;
}

body .codex-brand-logo-line-enriched .brand-logo:has(.brand-logo-text) .brand-logo-text {
  flex: 0 1 74px;
  max-width: 74px;
  text-align: left;
}

body .codex-logo-case-link {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 18px rgba(16, 34, 53, 0.08);
  color: #102235;
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  transition: width 190ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms cubic-bezier(0.23, 1, 0.32, 1), color 160ms cubic-bezier(0.23, 1, 0.32, 1), transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-logo-case-icon {
  flex: 0 0 auto;
}

body .codex-logo-case-label {
  overflow: hidden;
  max-width: 0;
  opacity: 0;
  transition: max-width 190ms cubic-bezier(0.23, 1, 0.32, 1), opacity 130ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 190ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .brand-logo.has-case-link:hover .codex-logo-case-link,
body .brand-logo.has-case-link.is-logo-hovered .codex-logo-case-link,
body .brand-logo.has-case-link:focus-visible .codex-logo-case-link {
  width: 98px;
  border-color: rgba(62, 196, 0, 0.5);
  background: #3ec400;
  box-shadow: 0 12px 24px rgba(62, 196, 0, 0.24), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
  color: #ffffff;
  transform: translateY(-1px);
}

body .brand-logo.has-case-link:hover .codex-logo-case-label,
body .brand-logo.has-case-link.is-logo-hovered .codex-logo-case-label,
body .brand-logo.has-case-link:focus-visible .codex-logo-case-label {
  max-width: 68px;
  margin-left: 5px;
  opacity: 1;
}

body .brand-logo.has-case-link:active .codex-logo-case-link {
  transform: translateY(0) scale(0.96);
}

body .link-8 {
  text-underline-offset: 4px;
}

body .link-8:hover {
  color: #245f0f;
  text-decoration-thickness: 2px;
}

@keyframes et-logo-marquee-reverse {
  from {
    transform: translate3d(-50%, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@media (max-width: 991px) {
  body .codex-brand-logo-line-enriched .brand-logo {
    width: 168px !important;
    min-width: 168px !important;
    height: 60px !important;
    padding: 11px 16px !important;
  }

  body .codex-brand-logo-line-enriched .brand-logo.has-case-link {
    padding-right: 40px !important;
  }

  body .codex-brand-logo-line-enriched .brand-logo-image {
    max-width: 118px !important;
    max-height: 28px !important;
  }

  body .codex-brand-logo-line-enriched .brand-logo-svg {
    max-width: 118px;
    max-height: 28px;
  }

  body .codex-logo-case-link {
    right: 7px;
    bottom: 7px;
  }
}

@media (max-width: 479px) {
  body .codex-homepage-logo-wall {
    inline-size: min(100% - 32px, var(--codex-site-max-width, 1280px)) !important;
  }

  body .codex-brand-logo-line-enriched {
    margin-bottom: clamp(34px, 10vw, 46px);
  }

  body .codex-ecom-hero > .codex-brand-logo-line-enriched {
    margin-top: 18px;
    margin-bottom: 30px;
  }

  body .codex-logo-marquee-stack {
    gap: 16px;
  }

  body .codex-ecom-hero > .codex-brand-logo-line-enriched .codex-logo-marquee-stack {
    gap: 10px;
    padding-block: 6px 10px;
  }

  body .codex-brand-logo-line-enriched .brand-logo {
    width: 154px !important;
    min-width: 154px !important;
    height: 60px !important;
    padding: 11px 14px !important;
  }

  body .codex-brand-logo-line-enriched .brand-logo.has-case-link {
    padding-right: 38px !important;
  }

  body .codex-brand-logo-line-enriched .brand-logo-image {
    max-width: 106px !important;
    max-height: 26px !important;
  }

  body .codex-brand-logo-line-enriched .brand-logo-svg {
    max-width: 106px;
    max-height: 26px;
  }

  body .codex-brand-logo-line-enriched .brand-logo-text {
    max-width: 118px;
    font-size: 15px;
  }

  body .codex-logo-case-link {
    width: 24px;
    height: 24px;
  }

  body .brand-logo.has-case-link:hover .codex-logo-case-link,
  body .brand-logo.has-case-link.is-logo-hovered .codex-logo-case-link,
  body .brand-logo.has-case-link:focus-visible .codex-logo-case-link {
    width: 92px;
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .marquee-horizontal .track-horizontal,
  body .codex-brand-logo-line-enriched .codex-logo-marquee-row-1 .track-horizontal,
  body .codex-brand-logo-line-enriched .codex-logo-marquee-row-2 .track-horizontal {
    animation: none !important;
    transform: none !important;
  }

  body .codex-logo-case-link {
    transition: none !important;
  }
}

/* 40-shared-buttons.css */
/* Buttons and shared interactions */

body .nav-link.button,
body .codex-press-cta,
body .head-button,
body .codex-hero-press-button,
body .codex-hero-secondary-link,
body .footer-top-cta-button,
body .contact-us-cta-button,
body .services-type-content-point-button,
body .cases-more-button {
  transition-property: color, background-color, border-color, box-shadow, filter, transform;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

body .contact-us-cta-button {
  box-shadow: 0 1px 0 rgba(17, 24, 12, 0.08), 0 16px 32px -24px rgba(17, 24, 12, 0.5);
}

body .site-theme {
  --codex-site-accent: #3ec400;
  --codex-site-accent-rgb: 62, 196, 0;
  --codex-site-accent-border: rgba(62, 196, 0, 0.9);
  --codex-site-accent-border-hover: rgba(62, 196, 0, 1);
  --codex-site-focus: #3ec400;
}

body .site-theme--orange {
  --codex-site-accent: #ffb21a;
  --codex-site-accent-rgb: 255, 178, 26;
  --codex-site-accent-border: rgba(255, 178, 26, 0.95);
  --codex-site-accent-border-hover: rgba(255, 178, 26, 1);
  --codex-site-focus: #ffb21a;
}

body .site-theme--blue {
  --codex-site-accent: #0a65d3;
  --codex-site-accent-rgb: 10, 101, 211;
  --codex-site-accent-border: rgba(10, 101, 211, 0.96);
  --codex-site-accent-border-hover: rgba(10, 101, 211, 1);
  --codex-site-focus: #0a65d3;
}

body .site-theme--purple {
  --codex-site-accent: #550080;
  --codex-site-accent-hover: #49006f;
  --codex-site-accent-rgb: 85, 0, 128;
  --codex-site-accent-border: rgba(85, 0, 128, 0.96);
  --codex-site-accent-border-hover: rgba(85, 0, 128, 1);
  --codex-press-bg: #550080;
  --codex-press-bg-hover: #49006f;
  --codex-press-border: rgba(85, 0, 128, 0.96);
  --codex-press-border-hover: rgba(85, 0, 128, 1);
  --codex-press-shadow: 0 18px 42px rgba(85, 0, 128, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(85, 0, 128, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
  --codex-site-focus: #550080;
}

body .codex-press-cta {
  --codex-press-bg: #3ec400;
  --codex-press-bg-hover: #3ec400;
  --codex-press-border: rgba(62, 196, 0, 0.9);
  --codex-press-border-hover: rgba(62, 196, 0, 1);
  --codex-press-shadow: 0 18px 42px rgba(62, 196, 0, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(62, 196, 0, 0.26), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
  --codex-press-text: #ffffff;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 52px;
  padding: 14px 24px !important;
  border: 1px solid var(--codex-press-border) !important;
  border-radius: 999px !important;
  background-color: var(--codex-press-bg) !important;
  box-shadow: var(--codex-press-shadow) !important;
  color: var(--codex-press-text) !important;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800 !important;
  line-height: 1.1;
  text-align: center;
  text-decoration: none !important;
  text-shadow: var(--codex-press-text-shadow, 0 1px 1px rgba(0, 0, 0, 0.28));
}

body .codex-press-cta--accent {
  --codex-press-bg: var(--codex-site-accent, #3ec400);
  --codex-press-bg-hover: var(--codex-site-accent-hover, var(--codex-site-accent, #3ec400));
  --codex-press-border: var(--codex-site-accent-border, rgba(62, 196, 0, 0.9));
  --codex-press-border-hover: var(--codex-site-accent-border-hover, rgba(62, 196, 0, 1));
  --codex-press-shadow: 0 18px 42px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.2),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.26),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16);
}

body .codex-press-cta--orange {
  --codex-press-bg: #ffb21a;
  --codex-press-bg-hover: #ffb21a;
  --codex-press-border: rgba(255, 178, 26, 0.95);
  --codex-press-border-hover: rgba(255, 178, 26, 1);
  --codex-press-shadow: 0 18px 42px rgba(255, 178, 26, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.12);
  --codex-press-shadow-hover: 0 22px 48px rgba(255, 178, 26, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
}

body .codex-press-cta--blue {
  --codex-press-bg: #0a65d3;
  --codex-press-bg-hover: #0a65d3;
  --codex-press-border: rgba(10, 101, 211, 0.96);
  --codex-press-border-hover: rgba(10, 101, 211, 1);
  --codex-press-shadow: 0 18px 42px rgba(10, 101, 211, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(10, 101, 211, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
}

body .codex-press-cta--dark {
  --codex-press-bg: #102235;
  --codex-press-bg-hover: #102235;
  --codex-press-border: rgba(16, 34, 53, 0.94);
  --codex-press-border-hover: rgba(16, 34, 53, 1);
  --codex-press-shadow: 0 18px 42px rgba(16, 34, 53, 0.18), inset 0 -2px 0 rgba(255, 255, 255, 0.08);
  --codex-press-shadow-hover: 0 22px 48px rgba(16, 34, 53, 0.22), inset 0 -2px 0 rgba(255, 255, 255, 0.1);
}

body .codex-press-cta--white {
  --codex-press-bg: #f8fbf4;
  --codex-press-bg-hover: #ffffff;
  --codex-press-border: rgba(255, 255, 255, 0.72);
  --codex-press-border-hover: rgba(255, 255, 255, 0.9);
  --codex-press-shadow: inset 0 -1px 0 rgba(16, 34, 53, 0.08);
  --codex-press-shadow-hover: inset 0 -1px 0 rgba(16, 34, 53, 0.1), 0 16px 34px rgba(0, 0, 0, 0.1);
  --codex-press-text: #102235;
  --codex-press-text-shadow: none;
}

body .codex-press-cta--coral {
  --codex-press-bg: #f05a28;
  --codex-press-bg-hover: #f05a28;
  --codex-press-border: rgba(240, 90, 40, 0.96);
  --codex-press-border-hover: rgba(240, 90, 40, 1);
  --codex-press-shadow: 0 18px 42px rgba(240, 90, 40, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(240, 90, 40, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
}

body .codex-press-cta--violet {
  --codex-press-bg: #7c3aed;
  --codex-press-bg-hover: #7c3aed;
  --codex-press-border: rgba(124, 58, 237, 0.96);
  --codex-press-border-hover: rgba(124, 58, 237, 1);
  --codex-press-shadow: 0 18px 42px rgba(124, 58, 237, 0.16), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(124, 58, 237, 0.22), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
}

body .codex-press-cta--teal {
  --codex-press-bg: #078c7f;
  --codex-press-bg-hover: #078c7f;
  --codex-press-border: rgba(7, 140, 127, 0.96);
  --codex-press-border-hover: rgba(7, 140, 127, 1);
  --codex-press-shadow: 0 18px 42px rgba(7, 140, 127, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(7, 140, 127, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
}

body .codex-press-cta:hover,
body .codex-press-cta:focus-visible {
  border-color: var(--codex-press-border-hover) !important;
  background-color: var(--codex-press-bg-hover) !important;
  box-shadow: var(--codex-press-shadow-hover) !important;
  color: var(--codex-press-text) !important;
  filter: saturate(1.08) brightness(1.03);
  transform: none;
}

body .navbar .nav-link.button {
  min-height: 44px;
  padding: 12px 22px !important;
  border: 1px solid var(--codex-press-border, rgba(62, 196, 0, 0.9)) !important;
  border-radius: 999px !important;
  background-color: var(--codex-press-bg, #3ec400) !important;
  box-shadow: var(
    --codex-press-shadow,
    0 18px 42px rgba(62, 196, 0, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.14)
  ) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  white-space: nowrap;
}

body .navbar .nav-link.button:hover {
  border-color: var(--codex-press-border-hover, rgba(62, 196, 0, 1)) !important;
  background-color: var(--codex-press-bg-hover, #3ec400) !important;
  box-shadow: var(
    --codex-press-shadow-hover,
    0 22px 48px rgba(62, 196, 0, 0.26), inset 0 -2px 0 rgba(0, 0, 0, 0.16)
  ) !important;
  color: #ffffff !important;
  filter: saturate(1.08) brightness(1.03);
  transform: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
  body .navbar .nav-link.button {
    min-height: 44px;
    padding: 12px 14px !important;
  }
}

@media (min-width: 992px) and (max-width: 1080px) {
  body .navbar .nav-link.button {
    min-height: 42px;
    padding: 11px 10px !important;
  }
}

body .head-section .head-button,
body .contact-us-cta-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 52px;
  padding: 14px 24px !important;
  border: 1px solid rgba(62, 196, 0, 0.9) !important;
  border-radius: 999px !important;
  background-color: #3ec400 !important;
  box-shadow: 0 18px 42px rgba(62, 196, 0, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.1;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

body .head-section .head-button {
  width: min(100%, 340px) !important;
  min-height: 64px;
  padding: 18px 34px !important;
  font-size: 18px !important;
}

body .head-section .codex-press-cta {
  width: min(100%, 340px) !important;
  min-height: 64px;
  padding: 18px 34px !important;
  font-size: 18px !important;
}

body .codex-home-hero .codex-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

body .codex-home-hero .codex-hero-secondary-link,
body .codex-home-hero .codex-hero-trust-row {
  display: none !important;
}

body .codex-hero-secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 54px;
  padding: 15px 24px;
  border: 1px solid rgba(16, 34, 53, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 16px 34px rgba(16, 34, 53, 0.07);
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
}

body .codex-hero-secondary-link span {
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
}

body .codex-home-hero .codex-hero-microcopy {
  width: min(100%, 760px);
  max-width: 78ch;
  color: rgba(16, 34, 53, 0.68);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.45;
  text-wrap: pretty;
}

body .codex-home-hero .head-section-wrapper {
  align-items: center !important;
  gap: clamp(34px, 4.2vw, 64px) !important;
}

body .codex-home-hero .head-section-main {
  flex: 1 1 min(720px, 62%);
  width: auto !important;
  max-width: 780px !important;
  justify-content: flex-start !important;
}

body .codex-home-hero .heading-3 {
  max-width: min(15.4em, 100%);
  font-size: clamp(42px, 4vw, 62px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

body .codex-home-hero .head-section-main-description---text {
  max-width: 64ch;
  color: rgba(16, 34, 53, 0.82);
  font-size: clamp(17px, 1.2vw, 20px) !important;
  line-height: 1.42 !important;
}

body .codex-hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 62ch;
}

body .codex-hero-trust-row span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 11px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  color: rgba(16, 34, 53, 0.78);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

body .head-section .head-button > div,
body .codex-hero-press-button > div,
body .codex-press-cta__label,
body .contact-us-cta-button-text {
  color: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body .services-type-content-point-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 100%;
  min-height: 50px;
  padding: 13px 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.74) !important;
  border-radius: 999px !important;
  background-color: #102235 !important;
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.08), 0 18px 36px rgba(16, 34, 53, 0.16) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.05;
  text-align: center;
  text-decoration: none !important;
}

body .services-type-content {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  gap: clamp(18px, 2vw, 26px) !important;
  align-items: stretch;
}

@media (min-width: 992px) {
  body #services.codex-decision-engine .services-type-content {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

body #services .services-type-main {
  align-items: stretch !important;
}

body #services .services-type-head {
  align-self: stretch !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body #services.codex-decision-engine .services-type-head {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(280px, 0.74fr);
  gap: clamp(20px, 4vw, 56px);
  align-items: start !important;
}

body #services.codex-decision-engine .services-type-head .heading-label {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body #services .services-type-head .heading-label {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  text-align: left !important;
}

body #services .services-type-head .heading-2 {
  text-align: left !important;
}

body #services.codex-decision-engine .services-type-head .heading-2 {
  max-width: 19ch;
  color: #102235 !important;
  font-size: clamp(38px, 3.5vw, 52px) !important;
  line-height: 0.98 !important;
}

body #services.codex-decision-engine .codex-decision-engine-intro {
  max-width: 48ch;
  margin: 6px 0 0;
  padding-left: 18px;
  border-left: 2px solid rgba(16, 34, 53, 0.12);
  color: rgba(16, 34, 53, 0.72);
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: clamp(16px, 1.08vw, 17px);
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0;
}

body .services-type-content-point {
  position: relative;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(218px, 19vw, 270px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(247, 250, 252, 0.48) 58%, rgba(255, 255, 255, 0.32)),
    rgba(255, 255, 255, 0.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -3px 0 var(--codex-service-card-accent, rgba(16, 34, 53, 0.42)),
    0 18px 50px rgba(16, 34, 53, 0.065) !important;
  color: #102235 !important;
  opacity: 1 !important;
  padding: clamp(20px, 2.1vw, 29px) !important;
  transition: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
  backdrop-filter: blur(18px) saturate(1.16);
}

@media (min-width: 992px) {
  body #services.codex-decision-engine .services-type-content-point {
    width: 85% !important;
    max-width: 85% !important;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(odd) {
    justify-self: start !important;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(even) {
    justify-self: end !important;
  }
}

@media (max-width: 991px) {
  body #services.codex-decision-engine .services-type-content-point {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }
}

body .services-type-content-point::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(132deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
  pointer-events: none;
}

body .services-type-content-point > * {
  position: relative;
  z-index: 1;
}

body #services.codex-decision-engine .services-type-content-point:nth-child(1) {
  grid-column: auto;
  grid-row: auto;
}

body #services.codex-decision-engine .services-type-content-point:nth-child(2) {
  grid-column: auto;
}

body #services.codex-decision-engine .services-type-content-point:nth-child(3),
body #services.codex-decision-engine .services-type-content-point:nth-child(4) {
  grid-column: auto;
}

body #services.codex-decision-engine .services-type-content-point:nth-child(1) .services-type-content-point-description {
  gap: 14px !important;
}

body #services.codex-decision-engine .services-type-content-point:nth-child(1) .services-type-content-point-description > div {
  max-width: 46ch;
  font-size: clamp(15px, 1.05vw, 16px) !important;
  line-height: 1.5 !important;
}

body #services.codex-decision-engine .services-type-content-point:nth-child(2) {
  min-height: clamp(218px, 19vw, 270px);
}

body .services-type-content-point-description,
body .services-type-content-point-description---title,
body .services-type-content-point-description > div {
  color: #102235 !important;
  opacity: 1 !important;
  font-size: 15px !important;
  line-height: 1.44 !important;
}

body .services-type-content-point-description---title {
  display: flex !important;
  align-items: flex-start;
  min-width: 0;
  gap: 12px;
  font-family: "Space Grotesk", "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(28px, 2.05vw, 32px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  white-space: normal;
  text-wrap: pretty;
}

body #services.codex-decision-engine .services-type-content-point-description---title {
  max-width: none !important;
  font-size: clamp(28px, 2.05vw, 32px) !important;
  line-height: 1.08 !important;
}

body #services.codex-decision-engine .services-type-content-point-description > div {
  color: rgba(16, 34, 53, 0.78) !important;
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(15px, 1.05vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

body .services-type-content-point-description---title > span:last-child {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
}

body .codex-service-card-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--codex-service-card-accent, #102235);
  box-shadow: none;
}

body .codex-service-card-icon::before {
  content: "";
  width: 28px;
  height: 28px;
  background-color: var(--codex-service-card-accent, #102235);
  -webkit-mask: var(--codex-service-icon-url) center / contain no-repeat;
  mask: var(--codex-service-icon-url) center / contain no-repeat;
}

body .codex-service-card-icon--search::before {
  --codex-service-icon-url: url("/_assets/site/icons/homepage/service-search.svg?v=20260501-outline-v1");
}

body .codex-service-card-icon--ads::before {
  --codex-service-icon-url: url("/_assets/site/icons/homepage/service-google-ads.svg?v=20260501-outline-v1");
}

body .codex-service-card-icon--meta::before {
  --codex-service-icon-url: url("/_assets/site/icons/homepage/service-meta-ads.svg?v=20260501-outline-v1");
}

body .codex-service-card-icon--content::before {
  --codex-service-icon-url: url("/_assets/site/icons/homepage/service-content.svg?v=20260501-outline-v1");
}

body .codex-service-card-icon--automation::before {
  --codex-service-icon-url: url("/_assets/site/icons/homepage/service-automation.svg?v=20260501-outline-v1");
}

body .codex-service-card-icon--entity::before {
  --codex-service-icon-url: url("/_assets/site/icons/homepage/service-ai-seo.svg?v=20260501-outline-v1");
}

body .services-type-content-point.green {
  --codex-service-card-accent: #3ec400;
}

body .services-type-content-point.orange {
  --codex-service-card-accent: #ffb21a;
}

body .services-type-content-point.blue {
  --codex-service-card-accent: #0a65d3;
}

body .services-type-content-point.coral {
  --codex-service-card-accent: #f05a28;
}

body .services-type-content-point.violet {
  --codex-service-card-accent: #7c3aed;
}

body .services-type-content-point.teal {
  --codex-service-card-accent: #078c7f;
}

body .services-type-content-point.green a.services-type-content-point-button {
  border-color: rgba(62, 196, 0, 0.92) !important;
  background-color: #3ec400 !important;
  box-shadow: 0 18px 42px rgba(62, 196, 0, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

body .services-type-content-point.orange a.services-type-content-point-button {
  border-color: rgba(255, 178, 26, 0.95) !important;
  background-color: #ffb21a !important;
  box-shadow: 0 18px 42px rgba(255, 178, 26, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important;
}

body .services-type-content-point.blue a.services-type-content-point-button {
  border-color: rgba(24, 119, 242, 0.96) !important;
  background-color: #0a65d3 !important;
  box-shadow: 0 18px 42px rgba(10, 101, 211, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

body .services-type-content-point.coral a.services-type-content-point-button {
  border-color: rgba(240, 90, 40, 0.96) !important;
  background-color: #f05a28 !important;
  box-shadow: 0 18px 42px rgba(240, 90, 40, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

body .services-type-content-point.violet a.services-type-content-point-button {
  border-color: rgba(124, 58, 237, 0.96) !important;
  background-color: #7c3aed !important;
  box-shadow: 0 18px 42px rgba(124, 58, 237, 0.16), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

body .services-type-content-point.teal a.services-type-content-point-button {
  border-color: rgba(7, 140, 127, 0.96) !important;
  background-color: #078c7f !important;
  box-shadow: 0 18px 42px rgba(7, 140, 127, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

body .services-type-content-point-button---text {
  color: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body .services-type-content-point-button.blue:not(a) {
  background-color: rgba(248, 251, 244, 0.82) !important;
  box-shadow: inset 0 -2px 0 rgba(16, 34, 53, 0.05) !important;
  color: rgba(16, 34, 53, 0.7) !important;
  cursor: default;
}

body .nav-link.button:active,
body .codex-press-cta:active,
body .head-button:active,
body .codex-hero-press-button:active,
body .codex-hero-secondary-link:active,
body .footer-top-cta-button:active,
body .contact-us-cta-button:active,
body .services-type-content-point-button:active,
body .cases-more-button:active {
  box-shadow: 0 8px 18px rgba(17, 24, 12, 0.16), inset 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  filter: saturate(1.02);
  transform: translateY(1px) scaleX(0.965) scaleY(0.94) !important;
  transform-origin: center;
  transition-duration: 90ms;
}

body .head-section .head-button.codex-magnetic-strike-button:active,
html[data-wf-page] body .head-section .head-button.codex-magnetic-strike-button:active {
  transform: translate3d(var(--codex-magnet-x, 0px), var(--codex-magnet-y, 0px), 0) scaleX(0.965) scaleY(0.94) !important;
}

body .services-type-content-point-button.blue:not(a):active {
  box-shadow: inset 0 -2px 0 rgba(16, 34, 53, 0.05) !important;
  filter: none;
  transform: none !important;
}

/* Reusable page-level section navigation */

body .page-section-nav {
  --page-section-nav-offset: 98px;
  position: relative;
  z-index: 3000;
  width: 100%;
  margin: 0;
  border-top: 1px solid rgba(16, 34, 53, 0.08);
  border-bottom: 1px solid rgba(16, 34, 53, 0.1);
  background: #ffffff;
  color: #102235;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

body .page-section-nav--sticky {
  position: sticky;
  top: var(--page-section-nav-offset);
}

body:has(.page-section-nav[data-codex-condense-header-nav="true"]) .navbar {
  transition:
    opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-page-nav-condensed .navbar {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -115%) !important;
}

body.codex-page-nav-condensed .page-section-nav[data-codex-condense-header-nav="true"] {
  --page-section-nav-offset: 14px;
}

body .page-section-nav__inner {
  display: flex;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter)));
  max-width: var(--codex-site-max-width);
  min-width: 0;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 auto;
  padding: 9px 0;
}

body .page-section-nav__links {
  display: flex;
  width: 0;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

body .page-section-nav__links::-webkit-scrollbar {
  display: none;
}

body .page-section-nav__link,
body .page-section-nav__cta,
body .page-section-nav .codex-press-cta {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 999px;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .page-section-nav__link {
  min-height: 38px;
  padding: 11px 14px;
  color: rgba(16, 34, 53, 0.68);
}

body .page-section-nav__link:hover,
body .page-section-nav__link:focus-visible,
body .page-section-nav__link[aria-current="true"] {
  border-color: rgba(16, 34, 53, 0.12);
  background: rgba(16, 34, 53, 0.05);
  color: #102235;
}

body .page-section-nav__cta {
  min-height: 42px;
  padding: 12px 18px;
  border-color: var(--codex-site-accent-border, rgba(62, 196, 0, 0.9));
  background: var(--codex-site-accent, #3ec400);
  box-shadow: 0 14px 30px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.18),
    inset 0 -2px 0 rgba(0, 0, 0, 0.12);
  color: #ffffff;
}

body .page-section-nav .codex-press-cta {
  min-height: 42px;
  padding: 12px 18px !important;
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
}

body .page-section-nav__cta:hover,
body .page-section-nav__cta:focus-visible {
  border-color: var(--codex-site-accent-border-hover, rgba(62, 196, 0, 1));
  background: var(--codex-site-accent, #3ec400);
  box-shadow: 0 18px 36px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.23),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  color: #ffffff;
  transform: translateY(-1px);
}

body .page-section-nav .codex-press-cta:hover,
body .page-section-nav .codex-press-cta:focus-visible {
  border-color: var(--codex-press-border-hover) !important;
  background-color: var(--codex-press-bg-hover) !important;
  box-shadow: var(--codex-press-shadow-hover) !important;
  color: var(--codex-press-text) !important;
  transform: translateY(-1px);
}

body .page-section-nav__link:active {
  transform: translateY(1px);
}

body .page-section-nav__link:focus-visible,
body .page-section-nav__cta:focus-visible,
body .page-section-nav .codex-press-cta:focus-visible {
  outline: 2px solid var(--codex-site-focus, #3ec400);
  outline-offset: 3px;
}

body .site-theme--purple .ai-seo-setup-page .codex-press-cta--accent:hover,
body .site-theme--purple .ai-seo-setup-page .codex-press-cta--accent:focus-visible {
  border-color: rgba(85, 0, 128, 1) !important;
  background-color: #49006f !important;
  box-shadow: 0 22px 48px rgba(85, 0, 128, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
  outline: 2px solid #550080 !important;
  outline-offset: 4px;
}

body .site-theme--purple .ai-seo-setup-page .codex-press-cta--accent:hover {
  outline: 0 !important;
}

body .site-theme--purple .ai-seo-setup-page .codex-press-cta--accent:focus-visible {
  outline: 2px solid #550080 !important;
  outline-offset: 4px;
}

@media screen and (max-width: 991px) {
  body .page-section-nav__inner {
    align-items: stretch;
    gap: 10px;
  }

  body .page-section-nav__cta {
    min-height: 40px;
    padding-right: 14px;
    padding-left: 14px;
  }

  body .page-section-nav .codex-press-cta {
    min-height: 40px;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  body .page-section-nav {
    --page-section-nav-offset: 86px;
  }

  body .page-section-nav__inner {
    width: min(var(--codex-site-max-width), calc(100% - 32px));
    min-height: 54px;
  }

  body .page-section-nav__links {
    gap: 6px;
  }

  body .page-section-nav__link {
    min-height: 36px;
    padding: 10px 12px;
    font-size: 13px;
  }

  body .page-section-nav__cta {
    max-width: 42vw;
    min-height: 38px;
    padding: 10px 13px;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
  }

  body .page-section-nav .codex-press-cta {
    max-width: 42vw;
    min-height: 38px;
    padding: 10px 13px !important;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 479px) {
  body .page-section-nav__inner {
    width: calc(100% - 24px);
    gap: 8px;
  }

  body .page-section-nav__cta {
    max-width: 39vw;
  }

  body .page-section-nav .codex-press-cta {
    max-width: 39vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .page-section-nav__link,
  body .page-section-nav__cta,
  body .page-section-nav .codex-press-cta {
    transition: none;
  }
}

/* 50-content-surfaces.css */
/* Content surface cleanup */

body .heading-1,
body .heading-2,
body .heading-3 {
  text-wrap: balance;
}

body .head-introduction-text,
body .invest-section-main-title---ai-label,
body .pricing-section-price-list-title {
  border-color: rgba(62, 196, 0, 0.24);
  box-shadow: 0 10px 30px rgba(17, 24, 12, 0.04);
}

body .head-introduction-text {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .ai-label {
  display: none !important;
}

body .cmp-compare-section,
body .cmp-text-section,
body .calendar-section {
  display: none !important;
}

/* 60-legacy-pricing-module.css */
/* Pricing module injected by _local-polish.js */

body #Pricing.codex-pricing-section {
  padding: clamp(66px, 6.4vw, 104px) 0;
  background: #fff;
}

body #Pricing.codex-pricing-section .pricing-section-main {
  box-sizing: border-box;
  display: block !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto;
  padding: clamp(28px, 3.4vw, 46px) !important;
  border: 1px solid rgba(17, 24, 12, 0.1);
  border-radius: 28px;
  background: linear-gradient(180deg, #fbfbf8 0%, #fff 72%);
  box-shadow: 0 24px 70px -52px rgba(17, 24, 12, 0.42);
  transform: none !important;
  transition: none !important;
}

body .codex-pricing-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 24px;
  align-items: start;
  margin-bottom: clamp(24px, 4vw, 42px);
}

body .codex-pricing-kicker {
  grid-column: 2;
  grid-row: 1;
  width: fit-content;
  justify-self: end;
  margin-top: 8px;
  padding: 6px 10px;
  border: 1px solid rgba(17, 24, 12, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: rgba(17, 24, 12, 0.58);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1;
  text-transform: uppercase;
}

body .codex-pricing-head h2 {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  max-width: 780px;
  color: #10140e;
  font-size: clamp(38px, 4.5vw, 68px);
  line-height: 0.98;
  letter-spacing: 0;
}

body .codex-pricing-head p {
  grid-column: 1 / -1;
  margin: 0;
  max-width: 940px;
  color: rgba(17, 24, 12, 0.74);
  font-size: clamp(17px, 1.55vw, 22px);
  line-height: 1.45;
}

body .codex-performance-pricing-component {
  display: grid;
  gap: 18px;
}

body .codex-fee-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

body .codex-fee-card {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  padding: 18px;
  border: 1px solid rgba(17, 24, 12, 0.09);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
  color: #10140e;
}

body .codex-fee-card span {
  max-width: 19ch;
  color: rgba(17, 24, 12, 0.72);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.18;
}

body .codex-fee-card strong {
  font-size: clamp(25px, 2.35vw, 34px);
  line-height: 1;
}

body .codex-fee-card p {
  margin: 0;
  color: rgba(17, 24, 12, 0.66);
  font-size: 13px;
  line-height: 1.38;
}

body .codex-fee-card-low {
  background: rgba(204, 77, 77, 0.08);
}

body .codex-fee-card-mid {
  background: rgba(204, 77, 77, 0.055);
}

body .codex-fee-card-good {
  background: rgba(218, 168, 35, 0.09);
}

body .codex-fee-card-best {
  background: rgba(62, 196, 0, 0.095);
}

body .codex-animated-logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  max-width: 100%;
  color: #000;
  line-height: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

body .navbar_logo.codex-logo-animation-complete .codex-logo-fallback-image {
  opacity: 0;
}

body .codex-animated-logo svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

body .codex-magnetic-strike-button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: #247a00 !important;
  color: #ffffff !important;
  transform: translate3d(var(--codex-magnet-x, 0px), var(--codex-magnet-y, 0px), 0) !important;
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-magnetic-strike-button > * {
  position: relative;
  z-index: 1;
}

body .codex-pricing-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

body .codex-pricing-panel {
  overflow: hidden;
  border: 1px solid rgba(17, 24, 12, 0.1);
  border-radius: 22px;
  background: #fff;
}

body .codex-table-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(17, 24, 12, 0.08);
  background: #f3f7ef;
  color: #10140e;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
}

body .codex-table-head small {
  color: rgba(17, 24, 12, 0.65);
  font-size: 13px;
  font-weight: 800;
}

body .codex-table-scroll {
  overflow-x: auto;
}

body .codex-pricing-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: #10140e;
  font-size: clamp(14px, 1.25vw, 18px);
}

body .codex-pricing-table th,
body .codex-pricing-table td {
  height: 64px;
  padding: 14px 16px;
  border-right: 1px solid rgba(17, 24, 12, 0.1);
  border-bottom: 1px solid rgba(17, 24, 12, 0.08);
  text-align: left;
  vertical-align: middle;
}

body .codex-pricing-table th:last-child,
body .codex-pricing-table td:last-child {
  border-right: 0;
}

body .codex-pricing-table thead th {
  background: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 850;
}

body .codex-pricing-table td:first-child {
  width: 36%;
  white-space: nowrap;
}

body .codex-pricing-table td strong,
body .codex-pricing-table td span {
  display: inline;
}

body .codex-pricing-table td span {
  margin-top: 0;
  color: rgba(17, 24, 12, 0.58);
  font-size: 13px;
}

body .codex-pricing-table td:first-child span::before {
  content: " · ";
  color: rgba(17, 24, 12, 0.36);
}

body .codex-band-low td:not(:first-child) {
  background: rgba(204, 77, 77, 0.055);
}

body .codex-band-mid td:not(:first-child) {
  background: rgba(218, 168, 35, 0.07);
}

body .codex-band-best td:not(:first-child) {
  background: rgba(62, 196, 0, 0.07);
}

body .codex-pricing-note {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(17, 24, 12, 0.08);
  border-radius: 18px;
  background: rgba(62, 196, 0, 0.06);
  color: rgba(17, 24, 12, 0.72);
  font-size: 16px;
  line-height: 1.35;
}

body .codex-pricing-note a {
  flex: 0 0 auto;
  color: #245f0f;
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 4px;
}

body .codex-pricing-intro-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

body .codex-pricing-intro-cards > div {
  display: grid;
  gap: 10px;
  min-height: 150px;
  padding: 18px;
  border: 1px solid rgba(17, 24, 12, 0.08);
  border-radius: 18px;
  background: #fff;
}

body .codex-pricing-intro-cards strong,
body .codex-pricing-intro-cards span {
  display: block;
}

body .codex-pricing-intro-cards strong {
  color: #10140e;
  font-size: 16px;
  line-height: 1.16;
}

body .codex-pricing-intro-cards span {
  color: rgba(17, 24, 12, 0.66);
  font-size: 13px;
  line-height: 1.42;
}

body .codex-pricing-example {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding: 22px;
  border: 1px solid rgba(17, 24, 12, 0.09);
  border-radius: 22px;
  background: #fff;
}

body .codex-pricing-example h3,
body .codex-fee-calculator h3 {
  margin: 0;
  color: #10140e;
  font-size: clamp(24px, 2.4vw, 36px);
  line-height: 1.05;
}

body .codex-pricing-example dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

body .codex-pricing-example dl > div {
  display: grid;
  gap: 6px;
  padding: 14px;
  border: 1px solid rgba(17, 24, 12, 0.07);
  border-radius: 14px;
  background: #fbfbf8;
}

body .codex-pricing-example dt,
body .codex-pricing-example dd {
  margin: 0;
}

body .codex-pricing-example dt {
  color: rgba(17, 24, 12, 0.55);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

body .codex-pricing-example dd,
body .codex-pricing-example p {
  color: rgba(17, 24, 12, 0.72);
  font-size: 15px;
  line-height: 1.42;
}

body .codex-pricing-example p {
  margin: 0;
}

body .codex-fee-calculator {
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding: 22px;
  border: 1px solid rgba(17, 24, 12, 0.09);
  border-radius: 22px;
  background: #f7f9f3;
}

body .codex-fee-calculator-head {
  display: grid;
  gap: 8px;
}

body .codex-fee-calculator-head p,
body .codex-fee-calculator-disclaimer {
  margin: 0;
  color: rgba(17, 24, 12, 0.68);
  font-size: 15px;
  line-height: 1.45;
}

body .codex-fee-calculator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body .codex-fee-calculator-output {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

body .codex-fee-calculator-output > div {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(17, 24, 12, 0.08);
  border-radius: 16px;
  background: #fff;
}

body .codex-fee-calculator-output span {
  color: rgba(17, 24, 12, 0.58);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

body .codex-fee-calculator-output strong {
  color: #10140e;
  font-size: clamp(18px, 1.65vw, 26px);
  line-height: 1;
}

@media (max-width: 991px) {
  body .codex-pricing-intro-cards,
  body .codex-fee-cards,
  body .codex-fee-calculator-output {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .codex-fee-calculator-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body .codex-pricing-intro-cards,
  body .codex-fee-cards,
  body .codex-pricing-example dl,
  body .codex-fee-calculator-grid,
  body .codex-fee-calculator-output {
    grid-template-columns: 1fr;
  }
}

/* 70-cards-proof-faq.css */
/* Cards, proof, and FAQ surfaces */

body .problem-section-mark {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .problem-section-line {
  height: 1px !important;
  background-color: rgba(17, 24, 12, 0.12) !important;
  box-shadow: none !important;
}

body .problem-section-main,
body .invest-section-main,
body .pricing-section-main,
body .reviews-point,
body .cases-main,
body .faq-section-list-point {
  border-color: rgba(17, 24, 12, 0.07);
  box-shadow: 0 18px 46px rgba(17, 24, 12, 0.055);
  transition-property: border-color, box-shadow, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

body .faq-section-list {
  display: grid !important;
  gap: 10px;
  width: min(var(--codex-site-max-width), 100%) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
}

body .faq-section .faq-section-main {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}

body .faq-section .faq-section-head {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: clamp(22px, 3vw, 36px) !important;
}

body .faq-section .heading-label {
  width: 100% !important;
  max-width: 760px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .faq-section .heading-2.white {
  color: #102235 !important;
  font-size: clamp(34px, 3.8vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

body .faq-section-list-point {
  overflow: hidden;
  min-height: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 1px solid rgba(16, 34, 53, 0.11) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 34px rgba(16, 34, 53, 0.045);
  cursor: pointer;
  transform: none !important;
  transition: border-color 160ms cubic-bezier(0.23, 1, 0.32, 1), background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .faq-section-list-point-title {
  align-items: center;
  gap: 18px;
  justify-content: space-between;
  min-height: 86px;
  padding: clamp(18px, 2vw, 24px) clamp(18px, 2.4vw, 30px) !important;
}

body .faq-section-list-point-title-text {
  max-width: 880px;
  color: #102235;
  font-size: clamp(19px, 1.65vw, 25px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0;
}

body .faq-section-list-point-description {
  display: none !important;
  max-width: 920px;
  padding: 0 clamp(18px, 2.4vw, 30px) clamp(22px, 2.2vw, 30px) !important;
  color: rgba(16, 34, 53, 0.74);
  font-size: clamp(15px, 1.25vw, 17px) !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body .faq-section-list-point-line {
  display: none !important;
  width: calc(100% - clamp(36px, 4.8vw, 60px)) !important;
  height: 1px !important;
  margin: 0 auto 18px !important;
  background-color: rgba(16, 34, 53, 0.1) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

body .faq-section-list-point-button {
  flex: 0 0 auto;
  width: 44px !important;
  height: 44px !important;
  border-color: rgba(62, 196, 0, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(62, 196, 0, 0.08);
  color: #102235;
  transform: none !important;
  transition: background-color 160ms cubic-bezier(0.23, 1, 0.32, 1), border-color 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .faq-section-list-point-button-plus,
body .faq-section-list-point-button-minus {
  background-color: #102235 !important;
  transform-origin: center;
  transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1), opacity 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .faq-section-list-point-button-plus {
  transform: rotate(0deg) !important;
}

body .faq-section-list-point.codex-faq-open {
  border-color: rgba(16, 34, 53, 0.18) !important;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 20px 46px rgba(16, 34, 53, 0.07);
}

body .faq-section-list-point.codex-faq-open .faq-section-list-point-description,
body .faq-section-list-point.codex-faq-open .faq-section-list-point-line {
  display: block !important;
}

body .faq-section-list-point.codex-faq-open .faq-section-list-point-button {
  border-color: rgba(62, 196, 0, 0.22) !important;
  background-color: rgba(62, 196, 0, 0.12);
}

body .faq-section-list-point.codex-faq-open .faq-section-list-point-button-plus {
  transform: rotate(90deg) !important;
  opacity: 0;
}

body .problem-section-main {
  transition: none !important;
  will-change: auto;
}

body .problem-section-main * {
  transition-duration: initial;
}

body .problem-section-main:hover {
  transform: none !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section {
  padding: clamp(56px, 6.4vw, 96px) 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(247, 250, 252, 0.78) 48%, rgba(255, 255, 255, 0));
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-main {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  grid-auto-flow: dense;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main {
  position: relative;
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr);
  align-content: start;
  gap: clamp(16px, 1.9vw, 24px);
  min-height: clamp(226px, 20vw, 270px) !important;
  padding: clamp(24px, 2.8vw, 36px) !important;
  border: 1px solid rgba(16, 34, 53, 0.095) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 252, 250, 0.95)),
    #ffffff !important;
  box-shadow: 0 18px 46px rgba(16, 34, 53, 0.055) !important;
  overflow: hidden;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main {
  grid-area: auto !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:nth-child(even) {
  border-color: rgba(62, 196, 0, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(251, 255, 248, 0.98), rgba(255, 255, 255, 0.96)),
    #ffffff !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main::before {
  content: "";
  display: block;
  width: 58px;
  height: 58px;
  margin: 0;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 18px;
  background-color: rgba(16, 34, 53, 0.038);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 31px 31px;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:nth-child(1)::before {
  background-image: url("/_assets/site/icons/homepage/problem-weak-ownership.svg?v=20260501-outline-v1");
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:nth-child(2)::before {
  border-color: rgba(62, 196, 0, 0.28);
  background-color: rgba(62, 196, 0, 0.08);
  background-image: url("/_assets/site/icons/homepage/problem-dedicated-ownership.svg?v=20260501-outline-v1");
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:nth-child(3)::before {
  background-image: url("/_assets/site/icons/homepage/problem-activity.svg?v=20260501-outline-v2");
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:nth-child(4)::before {
  border-color: rgba(62, 196, 0, 0.28);
  background-color: rgba(62, 196, 0, 0.08);
  background-image: url("/_assets/site/icons/homepage/problem-roi-actions.svg?v=20260501-outline-v1");
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-head {
  display: grid !important;
  grid-column: 2;
  min-width: 0;
  gap: clamp(12px, 1.3vw, 18px) !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-mark {
  width: fit-content;
  padding: 6px 9px !important;
  border: 1px solid rgba(16, 34, 53, 0.09) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: rgba(16, 34, 53, 0.62) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:nth-child(even) .problem-section-mark {
  border-color: rgba(62, 196, 0, 0.26) !important;
  color: #245f0f !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .heading-2 {
  color: #102235 !important;
  font-size: clamp(28px, 2.18vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-description {
  max-width: none !important;
  padding: 0 !important;
  color: rgba(16, 34, 53, 0.7) !important;
  font-weight: 500 !important;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-description > div {
  color: inherit !important;
  font-size: clamp(15px, 1.16vw, 17px) !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
  max-width: 430px;
}

html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main:hover {
  transform: none !important;
}

body .codex-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}

body .codex-hero-microcopy {
  max-width: 680px;
  margin-top: 14px;
  color: rgba(17, 24, 12, 0.66);
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.45;
}

body .codex-path-selector-head {
  display: grid;
  width: min(100%, 980px);
  max-width: none;
  gap: 14px;
  margin: 0 auto 26px;
  text-align: left;
}

body .codex-path-selector-head h2,
body .codex-ecom-final-copy h2 {
  margin: 0;
  color: #102235;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1.03;
}

body .codex-path-selector-head h2 {
  color: #fff;
}

body .codex-path-selector-head p,
body .codex-ecom-final-copy p {
  margin: 0;
  color: rgba(16, 34, 53, 0.7);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.45;
}

body .codex-path-selector-head p {
  max-width: 760px;
  color: rgba(255, 255, 255, 0.78);
}

body .codex-path-selector,
body .codex-ecom-final-cta {
  padding: var(--codex-static-section-space-tight) 0;
  background: #fff;
}

body .codex-path-selector-main,
body .codex-ecom-final-cta-main {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter)));
  margin: 0 auto;
}

body .codex-path-quiz-card {
  --codex-path-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --codex-path-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --codex-path-content-width: min(100%, 980px);
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: clamp(28px, 4vw, 58px);
  padding-bottom: clamp(128px, 8vw, 154px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.025)),
    #102235;
  box-shadow: 0 28px 80px rgba(16, 34, 53, 0.2);
}

body .codex-path-progress {
  display: grid;
  width: var(--codex-path-content-width);
  gap: 11px;
  margin: 0 auto 30px;
}

body .codex-path-progress-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
}

body .codex-path-progress-meta span {
  grid-column: 1;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

body .codex-path-progress-meta span::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: var(--codex-path-progress-icon-url) center / contain no-repeat;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

body .codex-path-quiz-card:not([data-path-active-step]) .codex-path-progress-meta span::before,
body .codex-path-quiz-card[data-path-active-step="model"] .codex-path-progress-meta span::before {
  --codex-path-progress-icon-url: url("/_assets/site/icons/homepage/path-home.svg?v=20260501-outline-v1");
}

body .codex-path-quiz-card[data-path-active-step="bottleneck"] .codex-path-progress-meta span::before {
  --codex-path-progress-icon-url: url("/_assets/site/icons/homepage/path-bottleneck.svg?v=20260501-outline-v1");
}

body .codex-path-quiz-card[data-path-active-step="channel"] .codex-path-progress-meta span::before {
  --codex-path-progress-icon-url: url("/_assets/site/icons/homepage/path-channel.svg?v=20260501-outline-v1");
}

body .codex-path-quiz-card[data-path-active-step="contact"] .codex-path-progress-meta span::before {
  --codex-path-progress-icon-url: url("/_assets/site/icons/homepage/path-contact.svg?v=20260501-outline-v1");
}

body .codex-path-quiz-card[data-path-active-step="recommendation"] .codex-path-progress-meta span::before {
  --codex-path-progress-icon-url: url("/_assets/site/icons/homepage/path-check.svg?v=20260501-outline-v1");
}

body .codex-path-quiz-card [data-path-back] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  min-width: 128px;
  min-height: 34px;
  justify-self: start;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font: inherit;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: transform 150ms var(--codex-path-ease-out), background-color 150ms var(--codex-path-ease-out), border-color 150ms var(--codex-path-ease-out);
}

body .codex-path-quiz-card [data-path-back]::before {
  content: "";
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M10.75 4.25 6 9l4.75 4.75' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 9h7' stroke='%23ffffff' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.92;
}

body .codex-path-quiz-card [data-path-back][hidden] {
  display: none;
}

body .codex-path-progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

body .codex-path-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3ec400;
  transition: width 420ms var(--codex-path-ease-in-out);
}

body .codex-path-selector-layout,
body .codex-ecom-final-cta-main {
  display: grid;
  gap: 22px;
  align-items: start;
}

body .codex-path-selector-layout {
  grid-template-columns: 1fr;
  width: var(--codex-path-content-width);
  margin: 0 auto;
}

body .codex-path-selector-steps,
body .codex-path-result {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body .codex-path-selector-steps,
body .codex-path-result {
  padding: 0;
}

body .codex-ecom-final-cta-main {
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 50px rgba(3, 15, 28, 0.1);
  padding: clamp(18px, 2.4vw, 34px);
}

body .codex-path-selector-steps,
body .codex-ecom-final-copy {
  display: grid;
  gap: 14px;
}

body .codex-path-action-row {
  grid-column: 1 / -1;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 6px;
}

body .codex-path-quiz-card.is-complete .codex-path-selector-steps {
  display: none;
}

body .codex-path-step {
  display: grid;
  gap: 16px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  animation: codexPathStepIn 260ms var(--codex-path-ease-out) both;
}

body .codex-path-step[hidden],
body .codex-path-result[hidden] {
  display: none !important;
}

body .codex-path-step legend,
body .codex-path-contact-note {
  width: 100%;
  padding: 0;
  color: #fff;
  font-size: clamp(25px, 2.8vw, 38px);
  font-weight: 850;
  line-height: 1.1;
  text-align: left;
}

body .codex-path-step-copy {
  max-width: 720px;
  margin: -2px 0 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.45;
  text-align: left;
}

body .codex-path-contact-note {
  display: block;
  max-width: 680px;
  margin: -4px 0 2px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 15px;
  font-weight: 750;
  line-height: 1.45;
}

body .codex-path-options {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

body .codex-ecom-hero-chips,
body .codex-ecom-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body .codex-path-options button {
  --codex-path-option-accent: #3ec400;
  --codex-path-option-accent-soft: rgba(62, 196, 0, 0.12);
  --codex-path-option-accent-shadow: rgba(62, 196, 0, 0.14);
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  min-height: 84px;
  align-items: center;
  column-gap: 11px;
  row-gap: 4px;
  padding: 15px 44px 15px 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  background: #f7fbff;
  color: #102235;
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.12;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(4, 14, 24, 0.09);
  transition: transform 180ms var(--codex-path-ease-out), border-color 180ms var(--codex-path-ease-out), background-color 180ms var(--codex-path-ease-out), box-shadow 180ms var(--codex-path-ease-out);
}

body .codex-path-options button[data-path-value="google-ads"],
body .codex-path-options button[data-path-value="roas"],
body .codex-path-options button[data-path-value="ecommerce"],
body .codex-path-options button[data-path-value="leaking"] {
  --codex-path-option-accent: #ffb21a;
  --codex-path-option-accent-soft: rgba(255, 178, 26, 0.16);
  --codex-path-option-accent-shadow: rgba(255, 178, 26, 0.16);
}

body .codex-path-options button[data-path-value="meta-ads"],
body .codex-path-options button[data-path-value="b2b"],
body .codex-path-options button[data-path-value="lead-quality"],
body .codex-path-options button[data-path-value="tracking"] {
  --codex-path-option-accent: #0a65d3;
  --codex-path-option-accent-soft: rgba(10, 101, 211, 0.12);
  --codex-path-option-accent-shadow: rgba(10, 101, 211, 0.14);
}

body .codex-path-options button[data-path-value="content"],
body .codex-path-options button[data-path-value="ai-ops"],
body .codex-path-options button[data-path-value="ai-integration"] {
  --codex-path-option-accent: #7c3aed;
  --codex-path-option-accent-soft: rgba(124, 58, 237, 0.12);
  --codex-path-option-accent-shadow: rgba(124, 58, 237, 0.14);
}

body .codex-path-step[data-path-step="bottleneck"] .codex-path-options button:last-child,
body .codex-path-step[data-path-step="channel"] .codex-path-options button:last-child {
  grid-column: 1 / -1;
}

body .codex-path-options button::before {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: var(--codex-path-option-icon-url) center / contain no-repeat;
  content: "";
  box-shadow: none;
  transition: filter 180ms var(--codex-path-ease-out), opacity 180ms var(--codex-path-ease-out);
}

body .codex-path-options button::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  opacity: 0;
  transform: scale(0.72);
  transition: opacity 160ms var(--codex-path-ease-out), transform 160ms var(--codex-path-ease-out), background-color 160ms var(--codex-path-ease-out), border-color 160ms var(--codex-path-ease-out);
}

body .codex-path-options button[data-path-value="ecommerce"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-store.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="b2b"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-saas.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="lead-quality"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-leads.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="local"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-location.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="traffic"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-low-traffic.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="seo"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-search.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="mixed"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-compass.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="marketplace"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-marketplace.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="scattered"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-scatter.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="choose"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-compass.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="ai-ops"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-content-ops.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="content"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-file.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="ai-seo"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-ai-search.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="leaking"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-spend-leak.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="tracking"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-tracking.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="meta-ads"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-meta-ads.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="google-ads"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-google-ads.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="roas"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-cac.svg?v=20260501-outline-v1");
}

body .codex-path-options button[data-path-value="ai-integration"]::before {
  --codex-path-option-icon-url: url("/_assets/site/icons/homepage/path-ai-integration.svg?v=20260501-outline-v1");
}

body .codex-path-option-hint {
  grid-column: 2;
  align-self: start;
  color: rgba(16, 34, 53, 0.64);
  font-family: "Nunito Sans", sans-serif;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

body .codex-path-options button.is-selected {
  border-color: color-mix(in srgb, var(--codex-path-option-accent) 70%, transparent);
  background: linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--codex-path-option-accent) 10%, #ffffff));
  color: #102235;
  box-shadow:
    inset 0 0 0 1px var(--codex-path-option-accent-soft),
    0 16px 32px var(--codex-path-option-accent-shadow);
}

body .codex-path-options button.is-selected::before {
  border-color: transparent;
  box-shadow: none;
}

body .codex-path-options button.is-selected::after {
  border-color: var(--codex-path-option-accent);
  background:
    var(--codex-path-option-accent)
    url("/_assets/site/icons/homepage/path-check.svg?v=20260501-outline-v1")
    center / 15px 15px no-repeat;
  opacity: 1;
  transform: scale(1);
}

body .codex-path-options button.is-selected .codex-path-option-hint {
  color: rgba(16, 34, 53, 0.72);
}

body .codex-path-result,
body .codex-path-proof {
  display: grid;
  gap: 12px;
}

body .codex-path-contact-grid,
body .codex-ecom-final-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin: 0;
}

body .codex-path-contact-grid label,
body .codex-ecom-final-fields label,
body .codex-fee-calculator-grid label {
  display: grid;
  gap: 6px;
  color: rgba(16, 34, 53, 0.72);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.15;
}

body .codex-path-contact-grid label {
  position: relative;
  color: rgba(255, 255, 255, 0.74);
}

body .codex-path-contact-grid label::before {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 16px;
  z-index: 1;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.58;
  pointer-events: none;
}

body .codex-path-contact-grid label:nth-child(1)::before {
  background-image: url("/_assets/site/icons/homepage/path-globe.svg?v=20260501-outline-v1");
}

body .codex-path-contact-grid label:nth-child(2)::before {
  background-image: url("/_assets/site/icons/homepage/path-mail.svg?v=20260501-outline-v1");
}

body .codex-path-contact-grid input,
body .codex-ecom-final-fields input,
body .codex-fee-calculator-grid input {
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
  padding: 13px 14px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 14px;
  background: rgba(247, 250, 252, 0.94);
  color: #102235;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  transition: border-color 160ms var(--codex-path-ease-out), background-color 160ms var(--codex-path-ease-out), box-shadow 160ms var(--codex-path-ease-out);
}

body .codex-path-contact-grid input {
  padding-right: 42px;
}

body .codex-path-contact-grid input.is-invalid {
  border-color: rgba(205, 42, 42, 0.58);
  box-shadow: 0 0 0 3px rgba(205, 42, 42, 0.1);
}

body .codex-path-contact-next {
  width: min(100%, 320px);
}

body .codex-path-step-next {
  min-width: 180px;
}

body .codex-path-action-row .codex-path-step-next,
body .codex-path-action-row .codex-path-contact-next,
body .codex-path-action-row .codex-path-cta {
  margin: 0;
  margin-left: auto;
  justify-self: end;
}

body .codex-path-step.is-missing-selection .codex-path-options {
  animation: codexPathNudge 180ms var(--codex-path-ease-out) both;
}

body .codex-path-result {
  width: 100%;
  margin: 0;
  animation: codexPathResultIn 320ms var(--codex-path-ease-out) both;
}

body .codex-path-result-kicker,
body .codex-path-proof span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

body .codex-path-result h3 {
  margin: 0;
  max-width: 760px;
  color: #fff;
  font-size: clamp(24px, 2.4vw, 36px);
  line-height: 1.1;
}

body .codex-path-result p,
body .codex-path-proof li {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 1.45;
}

body .codex-path-result p {
  max-width: 780px;
}

body .codex-path-proof ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body .codex-path-proof li {
  min-width: 0;
}

body .codex-path-proof a {
  display: grid;
  min-height: 118px;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(246, 250, 252, 0.94), rgba(255, 255, 255, 0.92));
  color: #102235;
  text-decoration: none;
  transition: transform 180ms var(--codex-path-ease-out), border-color 180ms var(--codex-path-ease-out), box-shadow 180ms var(--codex-path-ease-out);
}

body .codex-path-proof a span {
  color: rgba(16, 34, 53, 0.54);
}

body .codex-path-proof a strong {
  color: #102235;
  font-size: 15px;
  line-height: 1.28;
}

body .codex-path-cta,
body .codex-ecom-final-button {
  display: inline-flex;
  width: fit-content;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 0;
  border-radius: 999px;
  background: #3ec400;
  color: #fff;
  font: inherit;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform 150ms var(--codex-path-ease-out), box-shadow 150ms var(--codex-path-ease-out), filter 150ms var(--codex-path-ease-out);
}

body .codex-path-step-next::after,
body .codex-path-contact-next::after,
body .codex-path-cta::after {
  content: "";
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.25 4.25 12 9l-4.75 4.75' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.5 9h-7' stroke='%23ffffff' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0.92;
}

body .codex-path-cta:disabled,
body .codex-ecom-final-button:disabled {
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  box-shadow: none;
}

body .codex-path-cta:disabled::after,
body .codex-path-contact-next:disabled::after {
  opacity: 0.46;
}

body .codex-ecom-final-button:disabled {
  background: rgba(16, 34, 53, 0.14);
  color: rgba(16, 34, 53, 0.48);
}

body .codex-path-quiz-card [data-path-back]:active,
body .codex-path-options button:active,
body .codex-path-proof a:active,
body .codex-path-cta:active,
body .codex-ecom-final-button:active {
  box-shadow: 0 8px 18px rgba(17, 24, 12, 0.16), inset 0 2px 0 rgba(0, 0, 0, 0.12);
  filter: saturate(1.02);
  transform: translateY(1px) scaleX(0.965) scaleY(0.94) !important;
  transform-origin: center;
}

body .codex-path-quiz-card [data-path-back]:focus-visible,
body .codex-path-options button:focus-visible,
body .codex-path-contact-grid input:focus-visible,
body .codex-path-proof a:focus-visible,
body .codex-path-cta:focus-visible {
  outline: 3px solid rgba(62, 196, 0, 0.32);
  outline-offset: 3px;
}

@keyframes codexPathStepIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes codexPathResultIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes codexPathNudge {
  0% {
    transform: translateX(0);
  }

  35% {
    transform: translateX(-4px);
  }

  70% {
    transform: translateX(4px);
  }

  100% {
    transform: translateX(0);
  }
}

body .codex-ecom-hero-chips,
body .codex-ecom-proof-row {
  margin-top: 18px;
  gap: 10px;
}

body .codex-ecom-hero-chips span,
body .codex-ecom-proof-row span {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid rgba(17, 24, 12, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #11180c;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.15;
}

body .codex-ecom-proof-row span {
  background: rgba(255, 178, 26, 0.12);
}

body .codex-solution-intro {
  max-width: 940px;
  margin: 18px 0 20px;
}

body .codex-process-closing {
  margin-top: 20px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.45;
}

body .codex-ecom-final-cta {
  padding-bottom: var(--codex-static-section-space-final);
}

body .codex-ecom-final-copy > span {
  color: rgba(16, 34, 53, 0.6);
  font-size: 14px;
  line-height: 1.35;
}

@media (hover: hover) and (pointer: fine) {
  body .codex-path-options button:hover {
    border-color: rgba(17, 24, 12, 0.24);
    background: #fff;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.94),
      0 16px 30px rgba(4, 14, 24, 0.16);
    transform: translateY(-1px);
  }

  body .codex-path-options button.is-selected:hover {
    border-color: color-mix(in srgb, var(--codex-path-option-accent) 82%, transparent);
    background:
      linear-gradient(180deg, #ffffff, color-mix(in srgb, var(--codex-path-option-accent) 12%, #ffffff)),
      #fff;
    box-shadow:
      inset 0 0 0 1px var(--codex-path-option-accent-soft),
      0 18px 34px var(--codex-path-option-accent-shadow);
  }

  body .codex-path-proof a:hover {
    border-color: rgba(62, 196, 0, 0.32);
    box-shadow: 0 16px 32px rgba(16, 34, 53, 0.08);
    transform: translateY(-2px);
  }

  body .codex-path-cta:hover,
  body .codex-ecom-final-button:hover {
    box-shadow: 0 14px 28px rgba(62, 196, 0, 0.22);
    transform: translateY(-1px);
  }

  body .codex-path-quiz-card [data-path-back]:active,
  body .codex-path-options button:active,
  body .codex-path-proof a:active,
  body .codex-path-cta:active,
  body .codex-ecom-final-button:active {
    box-shadow: 0 8px 18px rgba(17, 24, 12, 0.16), inset 0 2px 0 rgba(0, 0, 0, 0.12);
    filter: saturate(1.02);
    transform: translateY(1px) scaleX(0.965) scaleY(0.94) !important;
    transform-origin: center;
  }
}

@media (max-width: 991px) {
  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-main {
    grid-template-columns: 1fr !important;
  }

  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-head {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  body .codex-path-selector-head,
  body .codex-path-selector-layout,
  body .codex-ecom-final-cta-main {
    grid-template-columns: 1fr;
  }

  body .codex-path-result {
    position: static;
  }
}

@media (max-width: 767px) {
  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section {
    padding: 42px 0 !important;
  }

  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-main {
    width: min(100% - 28px, var(--codex-site-max-width)) !important;
    gap: 12px !important;
  }

  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main {
    grid-template-columns: 1fr !important;
    padding: 22px !important;
    border-radius: 20px !important;
  }

  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-main::before {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    border-radius: 15px;
    background-size: 26px 26px;
  }

  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-head {
    grid-column: 1 !important;
    width: 100% !important;
  }

  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-title,
  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-description,
  html[data-wf-page="6787fe2320858449014fc301"] body .main-wrapper > .problem-section .problem-section-description > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .codex-hero-actions {
    align-items: stretch;
  }

  body .codex-hero-actions .head-button,
  body .codex-hero-actions .codex-hero-secondary-link,
  body .codex-hero-actions .codex-press-cta,
  body .codex-path-cta,
  body .codex-ecom-final-button,
  body .codex-ecom-final-copy .codex-press-cta {
    width: 100% !important;
  }

  body .codex-hero-trust-row span {
    white-space: normal;
  }

  body .codex-path-step-next,
  body .codex-path-contact-next {
    width: min(100%, 190px) !important;
    min-width: 0;
  }

  body .codex-path-quiz-card [data-path-back] {
    min-width: 112px;
    padding: 12px 16px;
  }

  body .codex-path-action-row {
    gap: 12px;
  }

  body .codex-path-selector-main,
  body .codex-ecom-final-cta-main {
    width: min(100% - 28px, var(--codex-site-max-width));
  }

  body .codex-path-contact-grid,
  body .codex-ecom-final-fields {
    grid-template-columns: 1fr;
  }

  body .codex-path-proof ul {
    grid-template-columns: 1fr;
  }

  body .codex-path-options {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body .codex-path-step[data-path-step="bottleneck"] .codex-path-options button:last-child,
  body .codex-path-step[data-path-step="channel"] .codex-path-options button:last-child {
    grid-column: auto;
  }

  body .codex-path-options button {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 82px;
    padding: 13px 42px 13px 16px;
    column-gap: 10px;
    border-radius: 18px;
  }

  body .codex-path-options button::before {
    width: 30px;
    height: 30px;
  }

  body .codex-path-options button::after {
    top: 13px;
    right: 13px;
    width: 20px;
    height: 20px;
  }

  body .codex-path-option-hint {
    font-size: 12px;
    line-height: 1.25;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .codex-path-step,
  body .codex-path-result,
  body .codex-path-step.is-missing-selection .codex-path-options {
    animation: none;
  }

  body .codex-path-progress-track span,
  body .codex-path-options button,
  body .codex-path-proof a,
  body .codex-path-cta,
  body .codex-ecom-final-button,
  body .codex-press-cta {
    transition: none;
  }
}

/* 80-case-cards.css */
/* Case cards */

body .cases-main {
  cursor: pointer;
}

body .case-studies-content .cases-block {
  gap: 16px !important;
}

body .case-studies-content .w-dyn-item {
  min-width: 0;
}

body .case-studies-content .cases-main {
  position: relative;
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  gap: clamp(22px, 2.4vw, 30px);
  min-height: clamp(318px, 26vw, 370px) !important;
  padding: clamp(24px, 2.5vw, 34px) !important;
  border: 1px solid rgba(16, 34, 53, 0.1) !important;
  border-radius: 30px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 22px 54px rgba(16, 34, 53, 0.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14);
  backdrop-filter: blur(18px) saturate(1.14);
  color: #102235 !important;
}

body .case-studies-content .cases-description {
  display: grid;
  gap: clamp(18px, 1.8vw, 24px);
  opacity: 1 !important;
  transform: none !important;
}

body .case-studies-content .cases-indicators {
  display: block !important;
  color: #102235 !important;
  font-size: clamp(26px, 2.35vw, 36px) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0;
  opacity: 1 !important;
  transform: none !important;
}

body .case-studies-content .cases-description-text {
  display: block !important;
  max-width: 34em;
  color: rgba(16, 34, 53, 0.72) !important;
  font-size: clamp(15px, 1.18vw, 17px) !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  transform: none !important;
}

body .case-studies-content .cases-more-button {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: fit-content !important;
  min-width: 174px;
  min-height: 44px;
  padding: 10px 56px 10px 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 12px 28px rgba(16, 34, 53, 0.12) !important;
  color: #102235 !important;
  text-decoration: none !important;
  transform: none !important;
  transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .case-studies-content .cases-more-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 9px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #3ec400;
  transform: translateY(-50%);
  transition: background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .case-studies-content .cases-more-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 17px;
  z-index: 2;
  width: 14px;
  height: 14px;
  background: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 3.25h8.55v8.55h-2.1V6.84l-6.16 6.16L3 11.51l6.16-6.16H4.2v-2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 3.25h8.55v8.55h-2.1V6.84l-6.16 6.16L3 11.51l6.16-6.16H4.2v-2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: translateY(-50%);
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .case-studies-content .cases-button-text {
  position: relative;
  z-index: 2;
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1;
  text-transform: none;
}

body .case-studies-content .cases-button-image {
  position: absolute;
  top: 50%;
  right: 17px;
  z-index: 2;
  box-sizing: border-box;
  width: 14px !important;
  height: 14px !important;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  opacity: 0 !important;
  filter: none;
  object-fit: contain;
  transform: translateY(-50%) !important;
  transition: filter 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1) !important;
}

body .case-studies-content .cases-more-button:active {
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(1px) !important;
}

body .cases-main:focus-visible {
  outline: 2px solid #11180c;
  outline-offset: 5px;
}

body .cases-more-button .cases-button-image,
body .problem-step-link---img,
body .invest-section-main-description-link-item---img,
body .footer-top-cta---img {
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .footer-navigation-list---link,
body .footer-down-info---text {
  position: relative;
  width: fit-content;
}

body .footer-navigation-list---link::after,
body .footer-down-info---text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  transform: scaleX(0.35);
  transform-origin: left center;
  transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .footer-navigation-list---link:hover,
body .footer-down-info---text:hover {
  color: #3ec400;
  transform: translateX(4px);
}

body .footer-navigation-list---link:hover::after,
body .footer-down-info---text:hover::after {
  opacity: 0.75;
  transform: scaleX(1);
}

body .footer-down-info div.footer-down-info---text {
  transition: none !important;
}

body .footer-down-info div.footer-down-info---text::after {
  display: none !important;
  content: none !important;
}

body .footer-down-info div.footer-down-info---text:hover {
  color: rgba(255, 255, 255, 0.72) !important;
  transform: none !important;
}

body .footer-down-info a.footer-down-info---text {
  text-decoration: none !important;
}

body .footer-down-info a.footer-down-info---text::after {
  display: none !important;
  content: none !important;
}

/* 90-footer.css */
/* Footer */

body .footer {
  overflow: hidden;
  position: relative;
  left: 50%;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: -50vw !important;
  margin-left: -50vw !important;
  padding: clamp(44px, 5vw, 72px) 0 clamp(28px, 3.4vw, 48px) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background: linear-gradient(180deg, #102235 0%, #0b151f 100%) !important;
}

body .footer-wrapper {
  box-sizing: border-box;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  gap: clamp(30px, 4vw, 56px) !important;
}

body .footer-top {
  display: grid !important;
  grid-template-columns: clamp(320px, 27vw, 370px) minmax(0, 1fr);
  gap: clamp(32px, 4.2vw, 64px) !important;
  align-items: start;
}

body .footer-top-cta {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start !important;
  gap: clamp(20px, 2.4vw, 28px);
  min-height: 250px;
  padding: clamp(22px, 2.4vw, 30px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 54px rgba(0, 0, 0, 0.14);
}

body .footer-top-cta---img {
  width: min(172px, 64vw) !important;
  height: auto !important;
}

body .footer-top-cta---text {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  color: rgba(255, 255, 255, 0.94) !important;
  font-size: clamp(21px, 1.45vw, 24px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0;
}

body .codex-footer-cta-line {
  display: block;
  white-space: nowrap;
}

body .footer-top-cta-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-height: 50px;
  padding: 14px 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px !important;
  background-color: #f8fbf4 !important;
  box-shadow: inset 0 -1px 0 rgba(16, 34, 53, 0.08) !important;
  color: #102235 !important;
}

body .footer-top-cta-button---text {
  color: inherit !important;
  font-size: clamp(15px, 1.05vw, 17px);
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
  white-space: nowrap;
}

body .footer-navigation {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 30px) !important;
  align-content: start;
  padding-top: 6px;
}

body .footer-navigation-colum {
  gap: 18px !important;
  min-width: 0;
}

body .footer-navigation-title {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

body .footer-navigation-list {
  gap: 11px !important;
}

body .footer-navigation-list---link,
body .footer-down-info---text {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

body .footer-navigation-list---link:hover,
body .footer-down-info---text:hover {
  color: #74d657 !important;
}

body .footer-navigation-list---link[aria-disabled="true"] {
  color: rgba(255, 255, 255, 0.5) !important;
  cursor: default;
  pointer-events: none;
}

body .footer-line {
  height: 1px !important;
  background-color: rgba(255, 255, 255, 0.13) !important;
}

body .footer-down {
  align-items: center;
  gap: 24px !important;
}

body .footer-down-info {
  align-items: center !important;
  gap: clamp(18px, 3vw, 44px) !important;
}

body .footer-down-info-social {
  gap: 10px !important;
}

body .footer-down-info-social-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.055);
  transition: background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .footer-down-info-social-link---img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain;
}

body .footer-down-info-social-link---svg {
  display: block;
  width: 18px;
  height: 18px;
  color: #ffffff;
}

body .footer-down-info-social-link.is-marketplace {
  width: 42px;
  padding-right: 0;
  padding-left: 0;
  background-color: rgba(255, 255, 255, 0.055);
  color: #ffffff;
}

body .footer-down-info-social-link---svg.is-upwork-icon {
  width: 21px;
  height: 21px;
}

body .footer-down-info-social-link---svg.is-freelancehunt-icon {
  width: 20px;
  height: 20px;
}

body .footer-down-info-social-link.is-linkedin {
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.055);
}

body .footer-down-info-social-link---svg.is-linkedin-icon {
  width: 23px;
  height: 23px;
  color: #ffffff;
}

body .footer-down-info-social-link.is-linkedin:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

body .footer-down-info-social-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
  transform: translateY(-2px);
}

body .footer-down-info-social-link:hover .footer-down-info-social-link---svg {
  color: #ffffff;
}

/* 100-contact-section.css */
/* Contact objective section */

body .contact-us {
  padding: clamp(56px, 7vw, 96px) clamp(18px, 4vw, 64px) !important;
}

body .contact-us-main-wrapper {
  width: min(var(--codex-site-max-width), 100%) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
}

body .contact-us-main {
  position: relative;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  align-items: center !important;
  gap: clamp(30px, 5vw, 78px);
  min-height: auto !important;
  padding: clamp(32px, 5vw, 64px) !important;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: clamp(28px, 4vw, 44px) !important;
  background: #fbfbf8 !important;
  box-shadow: 0 26px 78px -62px rgba(16, 34, 53, 0.54);
}

body .contact-us-main::before {
  content: "";
  position: absolute;
  inset: clamp(12px, 1.6vw, 20px);
  border: 1px solid rgba(16, 34, 53, 0.07);
  border-radius: calc(clamp(28px, 4vw, 44px) - 12px);
  pointer-events: none;
}

body .contact-us-main-content {
  position: relative;
  z-index: 1;
  display: grid !important;
  gap: clamp(16px, 2vw, 24px);
  max-width: 720px;
}

body .contact-us-eyebrow {
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(16, 34, 53, 0.68);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

body .contact-us-title {
  max-width: 11em;
  color: #102235 !important;
  font-size: clamp(36px, 5vw, 70px) !important;
  font-weight: 850 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
}

body .contact-us-description {
  max-width: 620px;
  color: rgba(16, 34, 53, 0.74) !important;
  font-size: clamp(17px, 1.45vw, 21px) !important;
  line-height: 1.48 !important;
}

body .contact-us-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body .contact-us-step {
  padding: 9px 12px;
  border: 1px solid rgba(16, 34, 53, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: rgba(16, 34, 53, 0.72);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

body .contact-us-logo {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}

body .contact-us-logo-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: clamp(176px, 24vw, 280px);
  aspect-ratio: 1;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 22px 56px -44px rgba(16, 34, 53, 0.6);
  color: #102235;
  animation: et-contact-mark-nudge 4.8s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

body .contact-us-logo-svg {
  width: 31%;
  height: auto;
  filter: drop-shadow(0 12px 18px rgba(16, 34, 53, 0.14));
}

body .contact-us-logo-orbit {
  position: absolute;
  inset: 13%;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 50%;
  animation: et-contact-orbit 5.8s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

body .contact-us-logo-orbit.is-two {
  inset: 24%;
  border-style: dashed;
  opacity: 0.58;
  animation-delay: -1.8s;
}

@keyframes et-contact-mark-nudge {
  0%,
  66%,
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }

  72% {
    transform: translate3d(-2px, 0, 0) rotate(-1.2deg);
  }

  78% {
    transform: translate3d(2px, 0, 0) rotate(1deg);
  }

  84% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}

@keyframes et-contact-orbit {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.06);
    opacity: 0.9;
  }
}

@media (max-width: 767px) {
  body .contact-us {
    padding: 40px 16px !important;
  }

  body .contact-us-main {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 26px 20px !important;
    border-radius: 26px !important;
  }

  body .contact-us-main::before {
    inset: 10px;
    border-radius: 18px;
  }

  body .contact-us-title {
    max-width: 100%;
    font-size: 34px !important;
    line-height: 1.02 !important;
  }

  body .contact-us-logo {
    min-height: 190px;
    order: -1;
  }

  body .contact-us-logo-mark {
    width: min(58vw, 190px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .contact-us-logo-mark,
  body .contact-us-logo-orbit {
    animation: none !important;
  }
}

/* 110-review-proof-cards.css */
/* Review distribution chart and marketplace proof cards */

body .reviews-section-main {
  gap: clamp(28px, 4vw, 52px) !important;
}

body .codex-review-growth {
  position: relative;
  isolation: isolate;
  display: grid;
  overflow: hidden;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 100%, rgba(16, 34, 53, 0.06), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 250, 247, 0.96));
  box-shadow: 0 24px 64px rgba(16, 34, 53, 0.075);
}

body .codex-review-growth::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, rgba(16, 34, 53, 0.026) 1px, transparent 1px),
    linear-gradient(180deg, rgba(16, 34, 53, 0.024) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(115deg, rgba(0, 0, 0, 0.72), transparent 64%);
}

body .codex-review-growth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(260px, 0.9fr);
  gap: clamp(28px, 3.6vw, 54px);
  align-items: stretch;
}

body .codex-review-growth-top {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: clamp(18px, 3vw, 42px);
}

body .codex-review-growth-summary {
  display: grid;
  gap: 12px;
  min-width: 0;
}

body .codex-review-growth-kicker {
  width: fit-content;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: #ffffff;
  color: rgba(16, 34, 53, 0.68);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body .codex-review-growth-number {
  display: flex;
  align-items: baseline;
  gap: 14px;
  min-width: 0;
}

body .codex-review-growth-number strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(64px, 7vw, 108px);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em;
  line-height: 0.82;
}

body .codex-review-growth-number span {
  color: rgba(16, 34, 53, 0.72);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(18px, 1.45vw, 22px);
  font-weight: 700;
  line-height: 1.05;
}

body .codex-review-growth-split {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

body .codex-review-growth-split span {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  padding: 8px 10px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: #ffffff;
  color: rgba(16, 34, 53, 0.68);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body .codex-review-growth-split b {
  color: #102235;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

body .codex-review-growth-split .is-freelancehunt {
  border-color: rgba(255, 178, 26, 0.28);
}

body .codex-review-growth-split .is-upwork {
  border-color: rgba(16, 34, 53, 0.14);
}

body .codex-review-growth-chart {
  display: grid;
  gap: clamp(18px, 2vw, 26px);
  min-width: 0;
}

body .codex-review-growth-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 0 4px;
}

body .codex-review-growth-chart-head span,
body .codex-review-growth-chart-head small {
  color: rgba(16, 34, 53, 0.62);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}

body .codex-review-growth-chart-head span {
  color: #102235;
  font-size: clamp(24px, 2.2vw, 34px);
  letter-spacing: -0.03em;
  line-height: 0.98;
}

body .codex-review-distribution {
  position: relative;
  display: grid;
  gap: 12px;
  overflow: visible;
  min-width: 0;
}

body .codex-review-distribution::after {
  display: none;
}

body .codex-review-side-proof {
  display: grid;
  gap: 0;
  align-content: stretch;
  min-width: 0;
  padding-left: clamp(22px, 2.5vw, 34px);
  border-left: 1px solid rgba(16, 34, 53, 0.09);
}

body .codex-review-distribution-svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

body .codex-review-distribution-gridline line,
body .codex-review-distribution-axis {
  stroke: rgba(16, 34, 53, 0.09);
  stroke-width: 1;
}

body .codex-review-distribution-gridline text {
  fill: rgba(16, 34, 53, 0.42);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

body .codex-review-distribution-year-label {
  fill: rgba(16, 34, 53, 0.5);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-weight: 800;
  text-anchor: middle;
}

body .codex-review-distribution-year-label {
  font-size: 15px;
}

body .codex-review-distribution-area {
  fill: rgba(62, 196, 0, 0.16);
}

body .codex-review-distribution-line {
  fill: none;
  stroke: #3ec400;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6;
}

body .codex-review-distribution-callout line {
  stroke: rgba(16, 34, 53, 0.26);
  stroke-dasharray: 3 5;
  stroke-linecap: round;
  stroke-width: 1.5;
}

body .codex-review-distribution-callout rect {
  fill: #102235;
  filter: drop-shadow(0 14px 26px rgba(16, 34, 53, 0.2));
}

body .codex-review-distribution-callout text {
  fill: #ffffff;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-anchor: middle;
}

body .codex-review-distribution-callout circle {
  fill: #ffffff;
  stroke: #3ec400;
  stroke-width: 7;
}

body .codex-review-distribution-legend {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}

body .codex-review-distribution-legend span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(16, 34, 53, 0.62);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

body .codex-review-distribution-legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

body .codex-review-distribution-legend .is-line {
  width: 22px;
  height: 4px;
  background: #3ec400;
}

body .codex-review-composition-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body .codex-review-composition-grid div {
  display: grid;
  gap: 5px;
  padding: 15px 16px;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.74);
}

body .codex-review-composition-grid span,
body .codex-review-composition-grid small {
  color: rgba(16, 34, 53, 0.58);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
}

body .codex-review-composition-grid strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  line-height: 0.95;
}

body .reviews-section-info-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

body .reviews-section-info.codex-marketplace-proof-card {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  min-height: 0;
  padding: clamp(20px, 2.2vw, 28px) 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body .reviews-section-info.codex-marketplace-proof-card + .reviews-section-info.codex-marketplace-proof-card {
  border-top: 1px solid rgba(16, 34, 53, 0.09);
}

body .codex-marketplace-proof-identity {
  display: grid !important;
  gap: 12px;
  justify-items: start;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  transition: transform 220ms ease, opacity 220ms ease;
}

body .reviews-section-info.codex-marketplace-proof-card:hover .codex-marketplace-proof-identity {
  transform: translateY(-2px);
}

body .codex-marketplace-proof-badge {
  width: 130px;
  max-width: 100%;
  height: auto;
}

body .codex-marketplace-proof-upwork-logo {
  display: block;
  width: min(198px, 100%);
  height: auto;
}

body .codex-marketplace-proof-rating {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 178, 26, 0.26);
  border-radius: 999px;
  background: #ffffff;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
}

body .codex-marketplace-proof-rating strong {
  color: #d88f00;
  font-size: 20px;
  line-height: 1;
}

body .codex-marketplace-proof-rating span {
  color: rgba(16, 34, 53, 0.62);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

body .codex-marketplace-proof-fh-logo {
  width: min(188px, 100%);
  height: auto;
}

body .codex-marketplace-proof-copy {
  display: grid;
  gap: 12px;
  min-width: 0;
}

body .codex-marketplace-proof-copy span {
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.8);
  color: rgba(16, 34, 53, 0.66);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body .codex-marketplace-proof-copy p {
  max-width: 34ch;
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(16px, 1.18vw, 19px);
  font-weight: 500;
  line-height: 1.38;
}

body .codex-marketplace-proof-identity:focus-visible {
  outline: 3px solid rgba(16, 34, 53, 0.22);
  outline-offset: 4px;
  border-radius: 14px;
}

/* 115-review-slider.css */
/* Shared hero review slider */

body .head-section-review.codex-review-slider {
  --codex-review-card-height: 460px;
  --codex-review-card-width: 430px;
  --codex-review-quote-lines: 8;
  --codex-review-slide-height: clamp(182px, 15vw, 196px);
  --codex-review-card-gap: clamp(14px, 1.8vw, 18px);

  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: var(--codex-review-slide-height) 38px auto;
  align-content: start;
  gap: var(--codex-review-card-gap) !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  width: min(100%, var(--codex-review-card-width)) !important;
  max-width: var(--codex-review-card-width) !important;
  min-width: 0 !important;
  height: var(--codex-review-card-height) !important;
  min-height: var(--codex-review-card-height) !important;
  max-height: var(--codex-review-card-height) !important;
  overflow: visible !important;
  padding: clamp(28px, 3vw, 42px) !important;
  border: 1px solid rgba(16, 34, 53, 0.12) !important;
  border-radius: clamp(24px, 3vw, 34px) !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.76),
    0 22px 52px rgba(16, 34, 53, 0.07) !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  transform: none !important;
  transition: none !important;
}

body .head-section-review.codex-review-slider::before {
  display: none !important;
  content: none !important;
}

body .head-section-review.codex-review-slider::after {
  display: none !important;
  content: none !important;
}

body .head-section-review.codex-review-slider .head-section-review-line {
  background: rgba(16, 34, 53, 0.1) !important;
}

@media (min-width: 992px) {
  body .head-section-wrapper:has(.codex-review-slider) {
    align-items: flex-start !important;
  }

  body .head-section-wrapper:has(.codex-review-slider) .head-section-main {
    align-self: flex-start !important;
  }
}

body .codex-review-slide {
  display: grid;
  align-content: start;
  gap: 8px;
  height: var(--codex-review-slide-height);
  min-height: var(--codex-review-slide-height);
  max-height: var(--codex-review-slide-height);
  overflow: hidden;
  padding: 2px;
  transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-review-quote {
  position: relative;
  max-width: 46ch;
  margin: 0;
  color: #102235;
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: clamp(16px, 1.05vw, 18px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  min-height: 0;
  max-height: calc(var(--codex-review-quote-lines) * 1.45em);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--codex-review-quote-lines);
}

body .codex-review-quote.is-expanded {
  display: block;
  max-height: 100%;
  padding-right: 4px;
  overflow-y: auto;
  -webkit-line-clamp: initial;
}

body .codex-review-quote::before {
  content: '"';
}

body .codex-review-quote::after {
  content: '"';
}

body .codex-review-more-slot {
  min-height: 22px;
}

body .codex-review-more-slot.is-hidden {
  display: none;
  min-height: 0;
}

body .codex-review-more {
  display: inline-flex;
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #245f0f;
  cursor: pointer;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 160ms ease, transform 160ms ease;
}

body .codex-review-more[hidden] {
  display: none;
}

body .codex-review-more:hover {
  color: #102235;
}

body .codex-review-more:active {
  transform: translateY(1px);
}

body .codex-review-more:focus-visible {
  outline: 3px solid rgba(62, 196, 0, 0.28);
  outline-offset: 3px;
  border-radius: 6px;
}

body .codex-review-meta {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 10px !important;
  height: 38px;
  min-height: 38px;
}

body .codex-review-meta-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  color: #102235;
}

body .codex-review-source-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(16, 34, 53, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

body .codex-review-source-mark svg {
  display: block;
  width: 13px;
  height: 13px;
}

body .codex-marketplace-logo-frame {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  overflow: hidden;
}

body .codex-marketplace-logo {
  display: block;
  flex: 0 0 auto;
  max-width: none;
}

body .codex-review-source-mark .codex-marketplace-logo-frame {
  justify-content: center;
  width: 15px;
  height: 15px;
}

body .codex-review-source-mark .codex-marketplace-logo--freelancehunt {
  width: auto;
  height: 15px;
}

body .codex-review-source-mark[data-platform="upwork"] {
  color: #245f0f;
}

body .codex-review-source-mark[data-platform="freelancehunt"] {
  border-color: rgba(255, 178, 26, 0.28);
  background: rgba(255, 178, 26, 0.1);
  color: #ffb21a;
}

body .codex-review-meta-text {
  display: grid;
  gap: 4px;
  min-width: 0;
}

body .codex-review-client {
  display: block;
  color: #102235;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.2 !important;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .codex-review-contract {
  max-width: 30ch;
  overflow: hidden;
  color: rgba(16, 34, 53, 0.7);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .codex-review-source-link {
  width: fit-content;
  color: rgba(16, 34, 53, 0.68);
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: color 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-review-source-link:hover {
  color: #245f0f;
}

body .codex-expert-vetted-icon {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  min-width: 0;
}

body .codex-expert-vetted-link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

body .codex-expert-vetted-badge {
  display: block;
  flex: 0 0 auto;
  width: 132px;
  height: auto;
}

body .codex-expert-vetted-icon::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  width: min(300px, calc(100vw - 48px));
  height: 12px;
  pointer-events: auto;
}

body .codex-expert-vetted-tooltip {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  z-index: 4;
  display: grid;
  gap: 8px;
  width: min(300px, calc(100vw - 48px));
  padding: 12px 14px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 40px rgba(16, 34, 53, 0.12);
  color: #102235;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity 160ms ease, transform 160ms ease;
}

body .codex-expert-vetted-tooltip a {
  width: fit-content;
  color: #245f0f;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body .codex-expert-vetted-icon:hover .codex-expert-vetted-tooltip,
body .codex-expert-vetted-icon:focus-within .codex-expert-vetted-tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

body .codex-freelancehunt-rating-mark {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  width: 122px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #ffb21a;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

body .codex-freelancehunt-rating-mark svg {
  display: block;
  width: 15px;
  height: 15px;
}

body .codex-freelancehunt-rating-mark .codex-marketplace-logo-frame {
  width: 122px;
  height: 24px;
}

body .codex-freelancehunt-rating-mark .codex-marketplace-logo--freelancehunt {
  width: 118px;
  height: auto;
}

body .codex-review-arrow {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: #102235;
  cursor: pointer;
  transition:
    color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-review-arrow span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body .codex-review-arrow::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 16H6.5M13.7 8.8 6.5 16l7.2 7.2' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 16H6.5M13.7 8.8 6.5 16l7.2 7.2' stroke='black' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  transform: translateX(0);
  transition:
    background-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-review-arrow--next::before {
  transform: rotate(180deg);
}

body .codex-review-counter {
  min-width: 44px;
  color: rgba(16, 34, 53, 0.62);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

body .head-section-review.codex-review-slider .head-section-review-rating {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 9px !important;
  margin-top: 0 !important;
  padding-top: clamp(2px, 0.7vw, 8px);
}

body .head-section-review.codex-review-slider .head-section-review-rating-point {
  display: grid !important;
  grid-template-columns: minmax(122px, 1fr) auto;
  align-items: center;
  justify-content: stretch;
  gap: 12px !important;
  width: 100%;
  min-height: 46px;
  padding: 8px 14px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

body .head-section-review.codex-review-slider .head-section-review-rating-point---text {
  justify-self: end;
  color: #102235 !important;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: right;
  text-decoration: none;
  white-space: nowrap;
}

body .head-section-review.codex-review-slider a.head-section-review-rating-point---text:hover,
body .head-section-review.codex-review-slider a.head-section-review-rating-point---text:focus-visible {
  color: #245f0f;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

body .head-section-review.codex-review-slider.is-sliding .codex-review-slide {
  opacity: 0;
  transform: translateX(-22px);
}

body .head-section-review.codex-review-slider.is-sliding.is-reverse .codex-review-slide {
  transform: translateX(22px);
}

body .head-section-review.codex-review-slider.is-entering .codex-review-slide {
  animation: codex-review-slide-in 260ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .head-section-review.codex-review-slider.is-entering.is-reverse .codex-review-slide {
  animation-name: codex-review-slide-in-reverse;
}

@keyframes codex-review-slide-in {
  from {
    opacity: 0;
    transform: translateX(22px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes codex-review-slide-in-reverse {
  from {
    opacity: 0;
    transform: translateX(-22px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (hover: hover) and (pointer: fine) {
  body .codex-review-arrow:hover {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: var(--codex-site-accent, #3ec400);
    transform: translateY(-1px);
  }

  body .codex-review-arrow--next:hover::before {
    transform: translateX(1px) rotate(180deg);
  }

  body .codex-review-arrow--previous:hover::before {
    transform: translateX(-1px);
  }

  body .codex-review-arrow:active {
    background: transparent;
    transform: translateY(1px) scale(0.94);
  }
}

body .codex-review-arrow:focus-visible {
  outline: 3px solid var(--codex-site-accent-focus, rgba(62, 196, 0, 0.28));
  outline-offset: 3px;
}

@media (max-width: 991px) {
  body .head-section-review.codex-review-slider {
    flex-basis: auto !important;
    width: min(100%, var(--codex-review-card-width)) !important;
    min-height: var(--codex-review-card-height) !important;
  }

  body .codex-review-quote {
    max-width: none;
  }
}

@media (max-width: 479px) {
  body .head-section-review.codex-review-slider {
    padding: 24px 20px !important;
  }

  body .codex-review-quote {
    font-size: 16px;
  }

  body .codex-review-arrow {
    width: 40px;
    height: 40px;
  }

  body .codex-review-arrow::before {
    width: 26px;
    height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .codex-review-slide,
  body .codex-review-arrow,
  body .codex-review-arrow span,
  body .codex-review-more {
    animation: none !important;
    transition: none !important;
  }
}

/* 120-focus-states.css */
/* Focus states */

body a:focus-visible,
body button:focus-visible,
body .dropdown-toggle-2:focus-visible,
body .tab-link-tab-1:focus-visible {
  outline: 2px solid var(--codex-site-focus, var(--codex-site-accent, #3ec400));
  outline-offset: 4px;
}

/* 130-animations.css */
/* Animations */

@keyframes et-dropdown-in {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0) scale(0.982);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes et-logo-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body .dropdown-list-2.w--open {
    animation: none !important;
  }
}

/* 140-hover-devices.css */
/* Hover-capable devices */

@media (hover: hover) and (pointer: fine) {
  body .brand-logo:hover {
    border-color: rgba(255, 255, 255, 0.86);
    background-color: rgba(255, 255, 255, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), inset 0 -1px 0 rgba(16, 34, 53, 0.04) !important;
    transform: none !important;
  }

  body .brand-logo:hover .brand-logo-image {
    opacity: 0.95;
    filter: grayscale(0);
  }

  body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:hover,
  body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link.is-logo-hovered,
  body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:focus-visible {
    border-color: rgba(62, 196, 0, 0.42) !important;
    background-color: rgba(255, 255, 255, 0.54) !important;
    box-shadow: 0 12px 26px rgba(16, 34, 53, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    transform: translateY(-2px) !important;
  }

  body .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:active {
    transform: translateY(0) scale(0.985) !important;
  }

  body .nav-link.button:hover,
  body .head-button:hover,
  body .codex-hero-secondary-link:hover,
  body .footer-top-cta-button:hover,
  body .contact-us-cta-button:hover,
  body .services-type-content-point-button:hover,
  body .cases-more-button:hover {
    filter: saturate(1.04);
    box-shadow: 0 1px 0 rgba(17, 24, 12, 0.08), 0 22px 38px -26px rgba(17, 24, 12, 0.58);
    transform: translateY(-1px);
  }

  body .head-section .head-button:hover,
  body .contact-us-cta-button:hover {
    border-color: rgba(62, 196, 0, 1) !important;
    background-color: #3ec400 !important;
    box-shadow: 0 22px 48px rgba(62, 196, 0, 0.26), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
    color: #ffffff !important;
  }

  body .codex-hero-secondary-link:hover {
    border-color: rgba(16, 34, 53, 0.28) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 18px 38px rgba(16, 34, 53, 0.1) !important;
    color: #102235 !important;
    filter: none !important;
  }

  body .services-type-content-point a.services-type-content-point-button:hover {
    box-shadow: 0 22px 48px rgba(17, 24, 12, 0.16), inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
  }

  body .services-type-content-point.green a.services-type-content-point-button:hover {
    border-color: rgba(62, 196, 0, 1) !important;
    background-color: #3ec400 !important;
    color: #ffffff !important;
  }

  body .services-type-content-point.orange a.services-type-content-point-button:hover {
    border-color: rgba(255, 178, 26, 1) !important;
    background-color: #ffb21a !important;
    color: #ffffff !important;
  }

  body .services-type-content-point.blue a.services-type-content-point-button:hover {
    border-color: rgba(10, 101, 211, 1) !important;
    background-color: #0a65d3 !important;
    color: #ffffff !important;
  }

  body .services-type-content-point.coral a.services-type-content-point-button:hover {
    border-color: rgba(240, 90, 40, 1) !important;
    background-color: #f05a28 !important;
    color: #ffffff !important;
  }

  body .services-type-content-point.violet a.services-type-content-point-button:hover {
    border-color: rgba(124, 58, 237, 1) !important;
    background-color: #7c3aed !important;
    color: #ffffff !important;
  }

  body .services-type-content-point.teal a.services-type-content-point-button:hover {
    border-color: rgba(7, 140, 127, 1) !important;
    background-color: #078c7f !important;
    color: #ffffff !important;
  }

  body .services-type-content-point-button.blue:not(a):hover {
    background-color: rgba(248, 251, 244, 0.82) !important;
    box-shadow: inset 0 -2px 0 rgba(16, 34, 53, 0.05) !important;
    filter: none;
    transform: none;
  }

  body .head-section .head-button.codex-magnetic-strike-button:hover,
  html[data-wf-page] body .head-section .head-button.codex-magnetic-strike-button:hover {
    background-color: #3ec400 !important;
    box-shadow: 0 24px 52px rgba(62, 196, 0, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.18) !important;
    color: #ffffff !important;
    filter: saturate(1.08) brightness(1.03) !important;
    transform: translate3d(var(--codex-magnet-x, 0px), calc(var(--codex-magnet-y, 0px) - 1px), 0) !important;
  }

  body .invest-section-main:hover,
  body .reviews-point:hover,
  body .cases-main:hover {
    border-color: rgba(62, 196, 0, 0.18);
    box-shadow: 0 24px 58px rgba(17, 24, 12, 0.08);
    transform: translateY(-2px);
  }

  body .faq-section-list-point:hover {
    border-color: rgba(16, 34, 53, 0.14) !important;
    background-color: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 42px rgba(17, 24, 12, 0.06);
    transform: none !important;
  }

  body .faq-section-list-point:hover .faq-section-list-point-button {
    background-color: rgba(62, 196, 0, 0.12);
    transform: none !important;
  }

  body #Pricing.codex-pricing-section .pricing-section-main:hover {
    border-color: rgba(17, 24, 12, 0.1) !important;
    box-shadow: 0 24px 70px -52px rgba(17, 24, 12, 0.42) !important;
    transform: none !important;
  }

  body .problem-section-main:hover {
    border-color: rgba(17, 24, 12, 0.07);
    box-shadow: 0 18px 46px rgba(17, 24, 12, 0.055);
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }

  body .case-studies-content .cases-main:hover {
    border-color: rgba(16, 34, 53, 0.16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 26px 64px rgba(16, 34, 53, 0.12) !important;
    transform: translateY(-2px) !important;
  }

  body .case-studies-content .cases-more-button:hover,
  body .case-studies-content .cases-main:hover .cases-more-button {
    border-color: rgba(16, 34, 53, 0.18) !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 16px 34px rgba(16, 34, 53, 0.16) !important;
    color: #102235 !important;
    filter: none !important;
    transform: translateY(-1px) !important;
  }

  body .case-studies-content .cases-more-button:hover .cases-button-image,
  body .case-studies-content .cases-main:hover .cases-button-image {
    opacity: 0 !important;
    filter: brightness(0) invert(1) !important;
    transform: translateY(-50%) !important;
  }

  body .case-studies-content .cases-more-button:hover::before,
  body .case-studies-content .cases-main:hover .cases-more-button::before {
    transform: translateY(-50%) translate(1px, -1px) !important;
  }

  body .case-studies-content .cases-more-button:hover::after,
  body .case-studies-content .cases-main:hover .cases-more-button::after {
    background: #050505 !important;
    transform: translateY(-50%) scale(1.04) !important;
  }

  body .cases-more-button:hover .cases-button-image,
  body .cases-main:hover .cases-button-image,
  body .problem-step-link:hover .problem-step-link---img,
  body .invest-section-main-description-link-item:hover .invest-section-main-description-link-item---img,
  body .footer-top-cta-button:hover .footer-top-cta---img {
    transform: translateX(4px);
  }
}

/* 150-laptop-narrow.css */
/* Laptop and narrow desktop */

@media (min-width: 1200px) and (max-width: 1280px) {
  body .navbar_logo,
  body .navbar_logo .logo_image,
  body .codex-animated-logo {
    width: 154px !important;
  }

  body .nav-menu {
    gap: clamp(8px, 1vw, 12px);
    margin-left: auto;
    margin-right: 0;
  }

  body .dropdown-toggle-2 {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  body .navbar .nav-link {
    font-size: 16px !important;
  }

  body .navbar .nav-link.button {
    padding: 12px 18px !important;
  }

  body .navbar .nav-link.pricing-button {
    padding: 12px 44px 12px 18px !important;
  }
}

/* 160-tablet-mobile.css */
/* Tablet and mobile navigation */

@media (max-width: 991px) {
  :root {
    --codex-site-gutter: 48px;
  }

  html {
    scroll-padding-top: 92px;
  }

  body {
    padding-top: 86px;
  }

  body .navbar {
    top: 10px;
    left: 11px !important;
    right: 11px !important;
    width: auto !important;
    max-width: none !important;
    padding: 0;
    transform: none !important;
  }

  body .navbar_container {
    position: relative;
    min-height: 68px;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px 72px 8px 16px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.62);
    -webkit-backdrop-filter: blur(22px) saturate(1.32);
    backdrop-filter: blur(22px) saturate(1.32);
  }

  body .navbar_logo {
    width: 138px !important;
    max-width: 48vw !important;
  }

  body .navbar_logo .logo_image,
  body .codex-animated-logo {
    width: 138px !important;
  }

  body .navbar .nav-link {
    font-size: 16px !important;
  }

  body .menu-button-2 {
    position: absolute !important;
    top: 50%;
    right: 12px;
    margin-left: 0 !important;
    transform: translateY(-50%);
  }

  body .menu-button-2:active {
    transform: translateY(-50%) scale(0.97);
  }

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

  body .codex-pricing-kicker,
  body .codex-pricing-head h2,
  body .codex-pricing-head p {
    grid-column: 1;
  }

  body .codex-pricing-kicker {
    grid-row: 1;
    justify-self: start;
    margin-top: 0;
  }

  body .codex-pricing-head h2 {
    grid-row: 2;
  }

  body .codex-pricing-head p {
    grid-row: 3;
  }

  body .codex-fee-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .w-nav-overlay {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
    backdrop-filter: blur(18px) saturate(1.08);
    overflow-y: auto !important;
  }

  body.codex-mobile-nav-open {
    overflow: hidden;
  }

  body.codex-mobile-nav-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(255, 255, 255, 0.82);
    -webkit-backdrop-filter: blur(14px) saturate(1.04);
    backdrop-filter: blur(14px) saturate(1.04);
  }

  body:not(.codex-mobile-nav-open) .w-nav-overlay {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  body.codex-mobile-nav-open .w-nav-overlay {
    display: block !important;
    pointer-events: auto;
  }

  body .nav-menu {
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    margin: 0;
  }

  body .w-nav-overlay .nav-menu,
  body.codex-mobile-nav-open #codex-mobile-nav {
    position: fixed !important;
    top: 86px !important;
    right: -11px !important;
    left: -11px !important;
    float: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - 102px);
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(17, 24, 12, 0.08);
    border-right: 0;
    border-left: 0;
    border-radius: 0 0 24px 24px;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: 0 22px 54px rgba(17, 24, 12, 0.12);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 60;
  }

  body:not(.codex-mobile-nav-open) #codex-mobile-nav {
    display: none !important;
  }

  body .w-nav-overlay .dropdown-2,
  body .w-nav-overlay .nav-cta-cluster,
  body .w-nav-overlay .nav-link.button,
  body #codex-mobile-nav .dropdown-2,
  body #codex-mobile-nav .nav-cta-cluster,
  body #codex-mobile-nav .nav-link.button {
    width: 100%;
  }

  body .w-nav-overlay .nav-menu > .dropdown-2,
  body .w-nav-overlay .nav-menu > .nav-cta-cluster,
  body .w-nav-overlay .nav-menu > .nav-link.button,
  body #codex-mobile-nav > .dropdown-2,
  body #codex-mobile-nav > .nav-cta-cluster,
  body #codex-mobile-nav > .nav-link.button {
    align-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    margin-right: 12px !important;
    margin-left: 12px !important;
  }

  body .w-nav-overlay .dropdown-2,
  body #codex-mobile-nav .dropdown-2 {
    position: static !important;
    display: block !important;
  }

  body .w-nav-overlay .dropdown-toggle-2,
  body #codex-mobile-nav .dropdown-toggle-2 {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: 14px 16px !important;
    border: 1px solid rgba(17, 24, 12, 0.07);
    border-radius: 18px;
    background: #ffffff;
  }

  body .w-nav-overlay .dropdown-toggle-2.w--open,
  body .w-nav-overlay .dropdown-toggle-2:hover,
  body #codex-mobile-nav .dropdown-toggle-2.w--open,
  body #codex-mobile-nav .dropdown-toggle-2:hover {
    border-color: rgba(var(--codex-site-accent-rgb, 17, 24, 12), 0.2);
    background: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(var(--codex-site-accent-rgb, 17, 24, 12), 0.08) !important;
  }

  body .w-nav-overlay .dropdown-toggle-2.w--open .nav-link,
  body .w-nav-overlay .dropdown-toggle-2:hover .nav-link,
  body #codex-mobile-nav .dropdown-toggle-2.w--open .nav-link,
  body #codex-mobile-nav .dropdown-toggle-2:hover .nav-link {
    color: var(--codex-site-accent-readable, #11180c) !important;
  }

  body .w-nav-overlay .dropdown-toggle-2:focus-visible,
  body #codex-mobile-nav .dropdown-toggle-2:focus-visible {
    outline: 2px solid var(--codex-site-accent-focus, rgba(17, 24, 12, 0.14)) !important;
    outline-offset: 3px;
  }

  body .w-nav-overlay .dropdown-list-2,
  body #codex-mobile-nav .dropdown-list-2 {
    position: static !important;
    display: none;
    width: 100%;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    margin-top: 0 !important;
    padding: 12px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(17, 24, 12, 0.08);
    background: #ffffff !important;
    box-shadow: none;
  }

  body .w-nav-overlay .dropdown-list-2.w--open,
  body #codex-mobile-nav .dropdown-list-2.w--open {
    display: block !important;
    position: static !important;
    top: auto !important;
  }

  body .w-nav-overlay .tabs-menu,
  body #codex-mobile-nav .tabs-menu {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(94px, 1fr));
    gap: 8px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 0;
    overflow-x: hidden !important;
  }

  body .w-nav-overlay .tab-link-tab-1,
  body #codex-mobile-nav .tab-link-tab-1 {
    display: flex !important;
    justify-content: center;
    min-width: 0;
    padding-right: 12px !important;
    padding-left: 12px !important;
    text-align: center;
    white-space: normal;
  }

  body .w-nav-overlay .w-tabs,
  body .w-nav-overlay .w-tab-content,
  body .w-nav-overlay .w-tab-pane,
  body .w-nav-overlay .div-block-62,
  body #codex-mobile-nav .w-tabs,
  body #codex-mobile-nav .w-tab-content,
  body #codex-mobile-nav .w-tab-pane,
  body #codex-mobile-nav .div-block-62 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body .w-nav-overlay .div-block-70,
  body #codex-mobile-nav .div-block-70 {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px !important;
  }

  body .w-nav-overlay .dropdown-list-2 .link-block,
  body #codex-mobile-nav .dropdown-list-2 .link-block {
    min-height: 0;
    padding: 14px 12px !important;
    border: 1px solid rgba(17, 24, 12, 0.06);
    background: #ffffff;
  }

  body .w-nav-overlay .text-block-33,
  body #codex-mobile-nav .text-block-33 {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  body .w-nav-overlay .text-block-34,
  body #codex-mobile-nav .text-block-34 {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body .w-nav-overlay .codex-nav-card-tags,
  body #codex-mobile-nav .codex-nav-card-tags {
    gap: 5px !important;
    margin-top: 9px !important;
  }

  body .w-nav-overlay .codex-nav-case-tag,
  body #codex-mobile-nav .codex-nav-case-tag {
    min-height: 20px;
    padding: 3px 7px;
    font-size: 11px;
  }

  body .w-nav-overlay .nav-link.button,
  body #codex-mobile-nav .nav-link.button {
    display: flex !important;
    justify-content: center;
    min-height: 48px;
    margin-top: 4px;
  }

  body .w-nav-overlay .nav-cta-cluster,
  body #codex-mobile-nav .nav-cta-cluster {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px !important;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }

  body .w-nav-overlay .nav-link.pricing-button,
  body .w-nav-overlay .nav-link.button,
  body #codex-mobile-nav .nav-link.pricing-button,
  body #codex-mobile-nav .nav-link.button {
    min-height: 48px;
    width: auto !important;
    margin-top: 0 !important;
    text-align: center;
  }

  body .w-nav-overlay .nav-link.pricing-button,
  body #codex-mobile-nav .nav-link.pricing-button {
    flex: 0 0 auto;
    min-width: 0;
    width: 100% !important;
    margin-right: 0 !important;
    padding: 12px 16px !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body .w-nav-overlay .nav-link.button,
  body #codex-mobile-nav .nav-link.button {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    min-width: 0;
    width: 100% !important;
    padding: 12px 16px !important;
    white-space: nowrap;
  }

  body .dropdown-list-2.w--open {
    position: static !important;
    top: auto !important;
    max-height: none;
    overflow: visible;
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(17, 24, 12, 0.12);
  }

  body .footer-navigation-list---link:hover,
  body .footer-down-info---text:hover,
  body .brand-logo:hover,
  body .invest-section-main:hover,
  body .reviews-point:hover,
  body .cases-main:hover,
  body .faq-section-list-point:hover {
    transform: none;
  }

  body .brand-logo {
    flex-basis: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 9px 14px !important;
    border-radius: 14px;
  }

  body .brand-logo-image,
  body .brand-logo-text {
    max-width: 104px !important;
  }

  body .brand-logo:has(.brand-logo-text) .brand-logo-image {
    flex-basis: 44px;
    max-width: 44px !important;
    max-height: 24px !important;
  }

  body .brand-logo:has(.brand-logo-text) .brand-logo-text {
    flex-basis: 62px;
    max-width: 62px !important;
    font-size: 12px;
  }

  body .reviews-section-info-wrapper {
    grid-template-columns: 1fr;
  }

  body .codex-review-growth-layout {
    grid-template-columns: 1fr;
  }

  body .codex-review-side-proof {
    padding-left: 0;
    border-left: 0;
  }

  body .reviews-section-info.codex-marketplace-proof-card {
    grid-template-columns: minmax(150px, 0.34fr) minmax(0, 1fr);
  }

  body .reviews-section-info {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: auto;
    padding: 22px !important;
  }

  body .reviews-section-info-image,
  body .review-section-freelancehunt {
    justify-items: start;
  }

  body .reviews-section-info-description-text,
  body .reviews-section-info-description,
  body .reviews-section-info > div:last-child {
    font-size: 16px;
  }

  body .services-type-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
  }

  body #services.codex-decision-engine .services-type-head {
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(1),
  body #services.codex-decision-engine .services-type-content-point:nth-child(2),
  body #services.codex-decision-engine .services-type-content-point:nth-child(3),
  body #services.codex-decision-engine .services-type-content-point:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(1) {
    grid-column: auto;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(1) .services-type-content-point-description---title {
    max-width: none;
  }

  body .footer-wrapper {
    width: min(100% - 48px, 1280px) !important;
  }

  body .footer-top {
    grid-template-columns: 1fr;
    gap: 32px !important;
  }

  body .footer-top-cta {
    min-height: 0;
  }

  body .footer-navigation {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px !important;
    padding-top: 0;
  }

  body .footer-down {
    align-items: flex-start;
  }
}

/* 170-small-mobile.css */
/* Small mobile */

@media (max-width: 767px) {
  :root {
    --codex-site-gutter: 32px;
  }

  html {
    scroll-padding-top: 82px;
  }

  body {
    padding-top: 74px;
  }

  body .navbar {
    top: 8px;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    padding: 0;
    transform: none !important;
  }

  body .navbar_container {
    min-height: 60px;
    width: 100% !important;
    padding: 7px 68px 7px 15px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 14px 34px rgba(29, 31, 35, 0.08);
  }

  body .w-nav-overlay {
    top: 0 !important;
    height: 100dvh !important;
  }

  body.codex-mobile-nav-open #codex-mobile-nav {
    top: 74px !important;
    left: -12px !important;
    right: -12px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 86px);
  }

  body #codex-mobile-nav > .nav-cta-cluster {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }

  body #codex-mobile-nav .nav-link.button,
  body #codex-mobile-nav .nav-link.pricing-button {
    min-height: 48px;
    font-size: 15px !important;
    line-height: 1.08 !important;
  }

  body .navbar_logo,
  body .navbar_logo .logo_image,
  body .codex-animated-logo {
    width: 112px !important;
    max-width: 42vw !important;
  }

  body .navbar_logo {
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  body .main-wrapper > section > div {
    position: relative;
    left: auto;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body .problem-section {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  body .menu-button {
    width: 48px !important;
    height: 44px !important;
    padding: 8px !important;
  }

  body .menu-button-2 {
    display: flex !important;
    width: 48px !important;
    height: 44px !important;
    padding: 0 !important;
  }

  body .menu-button-2 .div-block-5 {
    margin: auto;
  }

  body .main-wrapper {
    box-sizing: border-box;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow-x: visible;
  }

  body .page-wrapper {
    box-sizing: border-box;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  body .head-section {
    width: 100% !important;
    max-width: 100% !important;
  }

  body .head-section-wrapper,
  body .head-section-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .head-section .heading-3 {
    max-width: 100%;
    font-size: clamp(34px, 7.2vw, 40px) !important;
    line-height: 1.08 !important;
  }

  body .codex-home-hero .heading-3 {
    max-width: 100%;
    font-size: clamp(36px, 10.8vw, 48px) !important;
    line-height: 1.02 !important;
  }

  body .head-section-main-description {
    max-width: 100%;
    font-size: clamp(17px, 3.8vw, 20px) !important;
    line-height: 1.32 !important;
  }

  body #Pricing.codex-pricing-section {
    padding: 56px 16px;
  }

  body #Pricing.codex-pricing-section .pricing-section-main {
    padding: 22px !important;
    border-radius: 22px;
  }

  body .codex-fee-cards {
    grid-template-columns: 1fr;
  }

  body .codex-pricing-note {
    align-items: flex-start;
    flex-direction: column;
  }

  body #FAQs.faq-section {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  body #FAQs .faq-section-main {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    align-items: stretch !important;
  }

  body #FAQs .faq-section-head {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
  }

  body #FAQs .heading-label {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body #FAQs .heading-2 {
    color: #102235 !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    text-align: left;
  }

  body #FAQs .faq-section-list {
    gap: 10px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    align-self: stretch !important;
  }

  body #FAQs .faq-section-list-point {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 12px 28px rgba(17, 24, 12, 0.045);
  }

  body #FAQs .faq-section-list-point-title {
    align-items: flex-start;
    gap: 12px;
  }

  body #FAQs .faq-section-list-point-title-text {
    max-width: none;
    font-size: 19px !important;
    line-height: 1.18 !important;
  }

  body #FAQs .faq-section-list-point-button {
    width: 42px !important;
    height: 42px !important;
    margin-top: 0 !important;
  }

  body #FAQs .faq-section-list-point-description {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body #FAQs .faq-section-list-point-line {
    margin: 14px 0 !important;
  }

  body .faq-section .faq-section-list,
  body .faq-section .faq-section-list-point {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .codex-review-growth {
    gap: 16px;
    padding: 18px;
    border-radius: 24px;
  }

  body .codex-review-growth-summary,
  body .codex-review-growth-chart {
    border-radius: 18px;
  }

  body .codex-review-growth-chart {
    padding: 18px;
  }

  body .codex-review-growth-top {
    align-items: flex-start;
    flex-direction: column;
  }

  body .codex-review-growth-number {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  body .codex-review-growth-number strong {
    font-size: clamp(58px, 18vw, 78px);
  }

  body .codex-review-growth-chart-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 14px;
  }

  body .codex-review-distribution {
    overflow: visible;
    padding: 4px 0 0;
    border-radius: 16px;
  }

  body .codex-review-distribution-svg {
    min-width: 0;
  }

  body .codex-review-distribution-gridline text {
    display: none;
  }

  body .codex-review-distribution-year-label {
    font-size: 28px;
  }

  body .codex-review-distribution-callout text {
    font-size: 30px;
  }

  body .codex-review-distribution-legend {
    gap: 8px 10px;
  }

  body .codex-review-composition-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body .codex-review-composition-grid div {
    padding: 13px 14px;
  }

  body .reviews-section-info.codex-marketplace-proof-card {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  body .codex-marketplace-proof-copy p {
    font-size: 16px;
  }

  body .services-type-content {
    grid-template-columns: 1fr;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(1),
  body #services.codex-decision-engine .services-type-content-point:nth-child(2),
  body #services.codex-decision-engine .services-type-content-point:nth-child(3),
  body #services.codex-decision-engine .services-type-content-point:nth-child(4) {
    grid-column: auto;
    grid-row: auto;
  }

  body .services-type-content-point {
    min-height: 0;
  }

  body #services.codex-decision-engine .services-type-content-point:nth-child(1) .services-type-content-point-description---title {
    max-width: none;
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  body .footer {
    padding-top: 34px !important;
    padding-bottom: 28px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  body .footer-wrapper {
    width: min(100% - 32px, 1280px) !important;
    gap: 26px !important;
  }

  body .footer-top {
    gap: 26px !important;
  }

  body .footer-top-cta {
    gap: 24px !important;
    padding: 22px !important;
    border-radius: 22px;
  }

  body .footer-top-cta---img {
    width: 148px !important;
  }

  body .footer-top-cta---text {
    max-width: 100%;
    font-size: clamp(22px, 5.2vw, 27px) !important;
    line-height: 1.08 !important;
  }

  body .footer-top-cta-button {
    width: 100%;
    min-height: 52px;
  }

  body .footer-navigation {
    grid-template-columns: 1fr;
    gap: 0 !important;
  }

  body .footer-navigation-colum {
    gap: 14px !important;
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  body .footer-navigation-colum:first-child {
    padding-top: 0;
    border-top: 0;
  }

  body .footer-navigation-list {
    gap: 9px !important;
  }

  body .footer-navigation-list---link,
  body .footer-down-info---text {
    width: 100%;
    font-size: 15px !important;
  }

  body .footer-line {
    margin-top: -2px;
  }

  body .footer-down {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 20px !important;
  }

  body .footer-down-info {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  body .footer-down-info---text {
    text-align: left !important;
  }

  body .footer-down-info-social {
    justify-content: flex-start !important;
  }
}

/* 180-legacy-offer-pages.css */
/* Existing-element global metadata only. Visual styling stays with current Webflow/local classes. */

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
  body *,
  body *::before,
  body *::after {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }

  body .codex-magnetic-strike-button {
    transform: none !important;
  }

}

@media screen and (max-width: 479px) {
  body .main-wrapper {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body .head-section .heading-3 {
    font-size: clamp(29px, 8.8vw, 34px) !important;
    line-height: 1.1 !important;
  }

  body .head-introduction-text {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body .head-section-main-description {
    font-size: 16px !important;
    line-height: 1.34 !important;
  }

  body .head-section .head-button {
    width: 100% !important;
    min-height: 58px;
    padding: 16px 22px !important;
    font-size: 16px !important;
  }
}

body .ai-seo-page .ai-seo-hero__wrapper {
  justify-content: space-between !important;
  gap: 80px !important;
}

body .ai-seo-page .ai-seo-hero__copy {
  flex: 0 1 734px !important;
  width: 60% !important;
}

body .ai-seo-page .ai-seo-homeproof-scope {
  flex: 0 0 min(100%, 430px) !important;
  width: min(100%, 430px) !important;
}

body .ai-seo-page .ai-seo-homeproof-scope .head-section-review {
  margin-left: 0 !important;
}

body .ai-seo-page .ai-seo-hero h1.heading-3 {
  max-width: none !important;
  text-wrap: balance !important;
}

body .codex-ecom-hero .codex-ecom-hero-wrapper {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: clamp(42px, 6vw, 80px) !important;
}

body .codex-ecom-hero .codex-ecom-hero-main {
  flex: 0 1 734px !important;
  width: 60% !important;
  max-width: 760px !important;
  align-items: flex-start !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

body .codex-ecom-hero .codex-ecom-hero-main .heading-1,
body .codex-ecom-hero .codex-ecom-hero-main .head-introduction-text,
body .codex-ecom-hero .codex-ecom-hero-main .head-description-text,
body .codex-ecom-hero .codex-ecom-hero-main .head-button-description {
  text-align: left !important;
}

body .codex-ecom-hero .codex-ecom-hero-main .heading-1 {
  max-width: none !important;
  line-height: 1.08 !important;
  text-wrap: balance;
}

body .codex-ecom-hero .codex-ecom-hero-main .head-description-text {
  max-width: 680px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body .codex-ecom-hero .codex-ecom-hero-main .head-button-block,
body .codex-ecom-hero .codex-ecom-hero-proof-column .codex-ecom-hero-chips,
body .codex-ecom-hero .codex-ecom-hero-main .codex-ecom-proof-row {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body .codex-ecom-hero .codex-ecom-hero-main .head-button-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-items: start !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body .codex-ecom-hero .codex-ecom-hero-main .head-button {
  align-self: flex-start !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  transform-origin: left center !important;
}

body .codex-ecom-hero .codex-ecom-hero-main .head-button-description {
  margin-top: 20px !important;
}

body .codex-ecom-hero .codex-ecom-hero-proof-column {
  display: grid !important;
  flex: 0 0 min(100%, 430px) !important;
  width: min(100%, 430px) !important;
  gap: 18px !important;
  margin: 0 !important;
}

body .codex-ecom-hero .codex-ecom-hero-proof-column > .head-section-review {
  flex: 0 0 min(100%, 430px) !important;
  width: min(100%, 430px) !important;
  margin: 0 !important;
}

body .codex-ecom-hero .codex-ecom-hero-proof-column .codex-ecom-hero-chips {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  width: 100% !important;
}

body .codex-ecom-hero .codex-ecom-hero-proof-column .codex-ecom-hero-chips span {
  width: 100%;
  min-height: 38px;
  align-content: center;
  border-color: rgba(16, 34, 53, 0.1);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 32px rgba(16, 34, 53, 0.05);
}

@media screen and (max-width: 991px) {
  body .ai-seo-page .ai-seo-hero__wrapper {
    flex-direction: column !important;
    gap: 40px !important;
  }

  body .ai-seo-page .ai-seo-hero__copy {
    flex-basis: auto !important;
    width: 100% !important;
  }

  body .ai-seo-page .ai-seo-homeproof-scope {
    flex-basis: auto !important;
    width: 100% !important;
  }

  body .codex-ecom-hero .codex-ecom-hero-wrapper {
    flex-direction: column !important;
    gap: 40px !important;
  }

  body .codex-ecom-hero .codex-ecom-hero-main,
  body .codex-ecom-hero .codex-ecom-hero-proof-column,
  body .codex-ecom-hero .codex-ecom-hero-proof-column > .head-section-review {
    flex-basis: auto !important;
    width: 100% !important;
    max-width: none !important;
  }

  body .codex-ecom-hero .codex-ecom-hero-proof-column .codex-ecom-hero-chips {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 767px) {
  body .codex-ecom-hero .codex-ecom-hero-proof-column .codex-ecom-hero-chips {
    grid-template-columns: 1fr !important;
  }
}

body .codex-ecom-signal-section {
  padding: clamp(58px, 6.5vw, 104px) 0;
  background: #fff;
}

body .codex-ecom-signal-section .problem-section-main {
  display: grid !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  gap: clamp(26px, 3.4vw, 46px) !important;
  margin: 0 auto !important;
  padding: clamp(26px, 4vw, 54px) !important;
  border: 1px solid rgba(16, 34, 53, 0.1) !important;
  border-radius: clamp(24px, 3.5vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 247, 0.94)),
    #fff !important;
  box-shadow: 0 26px 80px rgba(16, 34, 53, 0.08) !important;
}

body .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step {
  position: relative;
  padding-top: 68px !important;
}

body .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 20px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(62, 196, 0, 0.24);
  border-radius: 12px;
  background-color: rgba(62, 196, 0, 0.06);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

body .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 12.5c2.25-4.75 5.25-7.12 9-7.12 2.1 0 3.78.62 5.04 1.86M19.5 11.5c-2.25 4.75-5.25 7.12-9 7.12-2.1 0-3.78-.62-5.04-1.86' stroke='%233ec400' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.25 12a2.75 2.75 0 1 0 5.5 0 2.75 2.75 0 0 0-5.5 0Z' stroke='%233ec400' stroke-width='1'/%3E%3C/svg%3E");
}

body .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.25 12 4l7.5 4.25-7.5 4.25-7.5-4.25Z' stroke='%233ec400' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='m4.5 12 7.5 4.25L19.5 12M4.5 15.75 12 20l7.5-4.25' stroke='%233ec400' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5h14M7.5 4.5h9a2.5 2.5 0 0 1 2.5 2.5v10a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 17V7a2.5 2.5 0 0 1 2.5-2.5Z' stroke='%233ec400' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.25h4.75M8.5 14.75h7' stroke='%233ec400' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
}

body .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.25 18.5 7v5.25c0 3.95-2.5 6.1-6.5 7.5-4-1.4-6.5-3.55-6.5-7.5V7L12 4.25Z' stroke='%233ec400' stroke-width='1' stroke-linejoin='round'/%3E%3Cpath d='m9.2 12.1 1.9 1.9 3.9-4.15' stroke='%233ec400' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body .codex-ecom-signal-section .problem-section-main:hover {
  transform: none !important;
}

body .codex-ecom-signal-section .problem-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
  gap: clamp(24px, 4vw, 64px) !important;
  align-items: end !important;
}

body .codex-ecom-signal-section .problem-section-title,
body .codex-ecom-signal-section .problem-section-description {
  display: grid !important;
  gap: 18px !important;
}

body .codex-ecom-signal-section .problem-section-mark {
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: #fff;
  color: rgba(16, 34, 53, 0.68);
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
}

body .codex-ecom-signal-section .problem-section-title .heading-2 {
  max-width: 920px;
  color: #102235 !important;
  font-size: clamp(34px, 4.2vw, 58px) !important;
  line-height: 1.02 !important;
}

body .codex-ecom-signal-section .problem-section-description {
  padding: 20px 22px;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(16, 34, 53, 0.72) !important;
}

body .codex-ecom-signal-section .problem-section-description > div {
  max-width: none !important;
  color: inherit !important;
  font-size: clamp(15px, 1.2vw, 17px) !important;
  line-height: 1.45 !important;
}

body .codex-ecom-signal-section .problem-step-main {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body .codex-ecom-signal-section .problem-step {
  min-height: 0 !important;
  padding: 20px !important;
  border: 1px solid rgba(16, 34, 53, 0.09) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(16, 34, 53, 0.045);
}

body .codex-ecom-signal-section .problem-step-title {
  margin-bottom: 12px !important;
  color: #102235 !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
}

body .codex-ecom-signal-section .problem-step div:not(.problem-step-title) {
  color: rgba(16, 34, 53, 0.72) !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
}

body .codex-ecom-signal-section .problem-section-line {
  position: relative;
  height: 2px !important;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(62, 196, 0, 0), #3ec400 16%, #3ec400 84%, rgba(62, 196, 0, 0)) !important;
}

body .codex-ecom-signal-section .problem-section-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border: 2px solid #3ec400;
  border-radius: 999px;
  background: #fff;
  transform: translate(-50%, -50%);
}

body .codex-ecom-signal-section .problem-section-solution {
  display: grid !important;
  gap: clamp(20px, 3vw, 30px) !important;
  padding: clamp(24px, 3.5vw, 42px) !important;
  border-radius: clamp(20px, 3vw, 28px) !important;
  background: #102235 !important;
  color: #fff !important;
}

body .codex-ecom-signal-section .problem-section-solution .heading-2 {
  color: #fff !important;
  font-size: clamp(30px, 3.3vw, 48px) !important;
}

body .codex-ecom-signal-section .problem-section-solution .problem-section-description {
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.78) !important;
}

body .codex-ecom-signal-section .problem-section-solution .problem-step {
  position: relative;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none;
}

body .codex-ecom-signal-section .problem-section-solution .problem-step::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-bottom: 14px;
  border: 1px solid rgba(62, 196, 0, 0.5);
  border-radius: 999px;
  background:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 9.2 2.4 2.4L13.4 6' stroke='%233ec400' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 14px 14px no-repeat;
}

body .codex-ecom-signal-section .problem-section-solution .problem-step div {
  color: rgba(255, 255, 255, 0.84) !important;
}

@media screen and (max-width: 991px) {
  body .codex-ecom-signal-section .problem-section-head,
  body .codex-ecom-signal-section .problem-step-main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media screen and (max-width: 767px) {
  body .codex-ecom-signal-section .problem-section-head,
  body .codex-ecom-signal-section .problem-step-main {
    grid-template-columns: 1fr !important;
  }

  body .codex-ecom-signal-section .problem-section-main {
    padding: 22px !important;
  }
}

body .contact-us.codex-ecom-contact {
  padding: clamp(40px, 5vw, 68px) 0 !important;
  background: #fff !important;
}

body .codex-ecom-contact .contact-us-main-wrapper {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
}

body .codex-ecom-contact .contact-us-main {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  align-items: center !important;
  padding: clamp(28px, 4vw, 48px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: clamp(22px, 3vw, 30px) !important;
  background: #102235 !important;
  box-shadow: 0 26px 80px rgba(16, 34, 53, 0.14) !important;
}

body .codex-ecom-contact .contact-us-main::before,
body .codex-ecom-contact .contact-us-logo {
  display: none !important;
}

body .codex-ecom-contact .contact-us-main-content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas:
    "eyebrow"
    "title"
    "description"
    "steps"
    "cta";
  gap: 16px !important;
  align-items: stretch !important;
  max-width: none !important;
}

body .codex-ecom-contact .contact-us-eyebrow {
  grid-area: eyebrow;
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.7);
}

body .codex-ecom-contact .contact-us-title {
  grid-area: title;
  max-width: 18em;
  color: #fff !important;
  font-size: clamp(34px, 3.6vw, 52px) !important;
  line-height: 1.06 !important;
  text-wrap: balance;
}

body .codex-ecom-contact .contact-us-description {
  grid-area: description;
  max-width: 62ch;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: clamp(16px, 1.2vw, 18px) !important;
  line-height: 1.45 !important;
}

body .codex-ecom-contact .contact-us-steps {
  grid-area: steps;
}

body .codex-ecom-contact .contact-us-step {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.75);
}

body .codex-ecom-contact .contact-us-action-panel {
  display: grid;
  grid-area: cta;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "note button"
    "list button";
  gap: 12px clamp(18px, 3vw, 34px);
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  margin-top: clamp(6px, 1.4vw, 16px);
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
}

body .codex-ecom-contact .contact-us-cta-button {
  grid-area: button;
  align-self: end;
  justify-self: stretch;
  min-width: 0;
  width: min(100%, 280px);
}

body .codex-ecom-contact .contact-us-action-note {
  grid-area: note;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.32;
}

body .codex-ecom-contact .contact-us-action-list {
  display: grid;
  grid-area: list;
  align-content: start;
  gap: 8px;
}

body .codex-ecom-contact .contact-us-action-item {
  position: relative;
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  line-height: 1.35;
}

body .codex-ecom-contact .contact-us-action-item::before {
  content: "";
  position: absolute;
  top: 0.42em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #3ec400;
  box-shadow: 0 0 0 4px rgba(62, 196, 0, 0.12);
}

@media screen and (max-width: 991px) {
  body .codex-ecom-contact .contact-us-action-panel,
  body .codex-ecom-contact .contact-us-cta-button {
    justify-self: start;
  }
}

@media screen and (max-width: 767px) {
  body .codex-ecom-contact .contact-us-main {
    padding: 24px !important;
  }

  body .codex-ecom-contact .contact-us-action-panel {
    grid-template-columns: 1fr;
    grid-template-areas:
      "note"
      "list"
      "button";
    width: 100%;
  }

  body .codex-ecom-contact .contact-us-cta-button {
    width: 100%;
  }
}

body.codex-offer-page {
  background:
    linear-gradient(180deg, #f5f1ea 0%, #fbfaf6 36%, #f1eee7 100%) !important;
  color: #102235;
}

body.codex-offer-page .main-wrapper {
  width: 100% !important;
  max-width: none !important;
  overflow-x: hidden;
}

body.codex-offer-page .codex-offer-container {
  box-sizing: border-box;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.codex-offer-page .codex-offer-hero {
  position: relative;
  min-height: 720px;
  padding: var(--codex-static-section-space-final) 0 var(--codex-static-section-space);
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(247, 244, 236, 0.54) 44%, rgba(255, 255, 255, 0.72)),
    #f4f0e8 !important;
}

body.codex-offer-page .codex-offer-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(16, 34, 53, 0), rgba(16, 34, 53, 0.16), rgba(16, 34, 53, 0));
}

body.codex-offer-page .codex-offer-hero-grid {
  display: grid;
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 42px;
}

body.codex-offer-page .codex-offer-kicker {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 22px;
  padding: 9px 14px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.64);
  color: #102235;
  font-family: "Montserrat", "Nunito Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

body.codex-offer-page .codex-offer-hero h1 {
  max-width: 1040px;
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", "Nunito Sans", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0;
}

body.codex-offer-page .codex-offer-hero-copy > p,
body.codex-offer-page .codex-offer-section-head > p,
body.codex-offer-page .codex-offer-split p,
body.codex-offer-page .codex-offer-founder-panel p {
  max-width: 760px;
  color: rgba(16, 34, 53, 0.74);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  line-height: 1.52;
}

body.codex-offer-page .codex-offer-hero-copy > p {
  margin: 28px 0 0;
}

body.codex-offer-page .codex-offer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

body.codex-offer-page .codex-offer-primary,
body.codex-offer-page .codex-offer-secondary,
body.codex-offer-page .codex-offer-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 999px;
  font-family: "Montserrat", "Nunito Sans", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), background-color 180ms cubic-bezier(0.23, 1, 0.32, 1), color 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-offer-page .codex-offer-primary {
  border: 1px solid rgba(49, 164, 0, 0.36);
  background: #3ec400;
  box-shadow: 0 18px 42px rgba(62, 196, 0, 0.2);
  color: #ffffff !important;
}

body.codex-offer-page .codex-offer-secondary,
body.codex-offer-page .codex-offer-inline-link {
  border: 1px solid rgba(16, 34, 53, 0.18);
  background: #102235;
  color: #ffffff !important;
}

body.codex-offer-page .codex-offer-primary:hover,
body.codex-offer-page .codex-offer-secondary:hover,
body.codex-offer-page .codex-offer-inline-link:hover {
  transform: translateY(-2px);
}

body.codex-offer-page .codex-offer-primary:active,
body.codex-offer-page .codex-offer-secondary:active,
body.codex-offer-page .codex-offer-inline-link:active {
  transform: translateY(0);
}

body.codex-offer-page .codex-offer-signal-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 1040px;
  padding: 24px;
  border: 1px solid rgba(16, 34, 53, 0.14);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 28px 70px rgba(16, 34, 53, 0.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
}

body.codex-offer-page .codex-offer-signal-panel span {
  grid-column: 1 / -1;
  color: #102235;
  font-family: "Montserrat", "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body.codex-offer-page .codex-offer-signal-panel div {
  padding: 16px 18px;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 18px;
  background: #ffffff;
  color: #102235;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.24;
}

body.codex-offer-page .codex-offer-chapter,
body.codex-offer-page .codex-offer-proof,
body.codex-offer-page .codex-offer-compare,
body.codex-offer-page .codex-offer-process,
body.codex-offer-page .codex-offer-reviews,
body.codex-offer-page .codex-offer-founder,
body.codex-offer-page .codex-offer-pricing,
body.codex-offer-page .codex-offer-addons,
body.codex-offer-page .codex-offer-faq {
  padding: var(--codex-static-section-space) 0;
}

body.codex-offer-page .codex-offer-section-head {
  display: grid;
  gap: 16px;
  margin-bottom: var(--codex-static-section-head-gap);
}

body.codex-offer-page .codex-offer-section-head h2,
body.codex-offer-page .codex-offer-split h2,
body.codex-offer-page .codex-offer-founder-panel h2 {
  max-width: 980px;
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", "Nunito Sans", sans-serif;
  font-size: 54px;
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: 0;
}

body.codex-offer-page .codex-offer-section-head p,
body.codex-offer-page .codex-offer-split p {
  margin: 0;
}

body.codex-offer-page .codex-offer-bento,
body.codex-offer-page .codex-proof-grid,
body.codex-offer-page .codex-review-grid,
body.codex-offer-page .codex-offer-tier-grid {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

body.codex-offer-page .codex-offer-card,
body.codex-offer-page .codex-proof-card,
body.codex-offer-page .codex-review-card,
body.codex-offer-page .codex-offer-tier {
  position: relative;
  grid-column: span 4;
  min-height: 210px;
  padding: 26px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 22px 55px rgba(16, 34, 53, 0.07);
  color: #102235 !important;
  text-decoration: none !important;
  transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-offer-page .codex-offer-card.is-wide {
  grid-column: span 6;
}

body.codex-offer-page .codex-offer-card:hover,
body.codex-offer-page .codex-proof-card:hover,
body.codex-offer-page .codex-review-card:hover,
body.codex-offer-page .codex-offer-tier:hover {
  border-color: rgba(62, 196, 0, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 26px 64px rgba(16, 34, 53, 0.1);
  transform: translateY(-3px);
}

body.codex-offer-page .codex-offer-card span,
body.codex-offer-page .codex-proof-card span,
body.codex-offer-page .codex-review-card span,
body.codex-offer-page .codex-offer-tier span,
body.codex-offer-page .codex-offer-founder-panel span {
  color: #245f0f;
  font-family: "Montserrat", "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

body.codex-offer-page .codex-offer-card p,
body.codex-offer-page .codex-proof-card p,
body.codex-offer-page .codex-review-card p,
body.codex-offer-page .codex-offer-tier p,
body.codex-offer-page .codex-process-step p {
  margin: 18px 0 0;
  color: rgba(16, 34, 53, 0.72);
  font-size: 18px;
  line-height: 1.46;
}

body.codex-offer-page .codex-proof-card strong,
body.codex-offer-page .codex-review-card strong,
body.codex-offer-page .codex-offer-tier strong {
  display: block;
  margin-top: 18px;
  color: #102235;
  font-family: "Space Grotesk", "Nunito Sans", sans-serif;
  font-size: 28px;
  line-height: 1.08;
}

body.codex-offer-page .codex-offer-split,
body.codex-offer-page .codex-offer-founder-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 42px;
  align-items: start;
}

body.codex-offer-page .codex-offer-checklist {
  display: grid;
  gap: 12px;
}

body.codex-offer-page .codex-offer-checklist div,
body.codex-offer-page .codex-addon-list li {
  padding: 18px 20px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 18px;
  background: #ffffff;
  color: #102235;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.26;
}

body.codex-offer-page .codex-offer-proof {
  background: #102235;
}

body.codex-offer-page .codex-offer-proof .codex-offer-section-head h2,
body.codex-offer-page .codex-offer-proof .codex-offer-section-head p {
  color: #ffffff;
}

body.codex-offer-page .codex-proof-card {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
  color: #ffffff !important;
}

body.codex-offer-page .codex-proof-card span,
body.codex-offer-page .codex-proof-card strong,
body.codex-offer-page .codex-proof-card p {
  color: #ffffff;
}

body.codex-offer-page .codex-offer-proof .codex-offer-inline-link {
  margin-top: 28px;
  background: #ffffff;
}

body.codex-offer-page .codex-compare-table {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.72);
}

body.codex-offer-page .codex-compare-row {
  display: grid;
  grid-template-columns: 0.78fr 1.1fr 1fr;
  min-height: 78px;
  border-top: 1px solid rgba(16, 34, 53, 0.1);
}

body.codex-offer-page .codex-compare-row:first-child {
  border-top: 0;
}

body.codex-offer-page .codex-compare-row > div {
  display: flex;
  align-items: center;
  padding: 22px;
  border-left: 1px solid rgba(16, 34, 53, 0.1);
  color: rgba(16, 34, 53, 0.76);
  font-size: 16px;
  line-height: 1.35;
}

body.codex-offer-page .codex-compare-row > div:first-child {
  border-left: 0;
  color: #102235;
  font-weight: 800;
}

body.codex-offer-page .codex-compare-row > div:nth-child(2) {
  background: rgba(62, 196, 0, 0.06);
  color: #102235;
  font-weight: 700;
}

body.codex-offer-page .codex-compare-row.is-head > div {
  background: #102235;
  color: #ffffff;
  font-family: "Montserrat", "Nunito Sans", sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

body.codex-offer-page .codex-process-list {
  display: grid;
  gap: 14px;
}

body.codex-offer-page .codex-process-step {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  padding: 24px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.72);
}

body.codex-offer-page .codex-process-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 999px;
  background: #102235;
  color: #ffffff;
  font-family: "Montserrat", "Nunito Sans", sans-serif;
  font-weight: 800;
}

body.codex-offer-page .codex-process-step h3 {
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", "Nunito Sans", sans-serif;
  font-size: 28px;
  line-height: 1.1;
}

body.codex-offer-page .codex-offer-founder-panel,
body.codex-offer-page #Pricing.codex-offer-pricing .pricing-section-main {
  padding: 42px !important;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 22px 55px rgba(16, 34, 53, 0.07);
}

body.codex-offer-page .codex-offer-tier-grid {
  margin-top: 28px;
}

body.codex-offer-page .codex-offer-tier {
  min-height: 250px;
}

body.codex-offer-page .codex-addon-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.codex-offer-page #FAQs.faq-section {
  background: #102235;
}

body.codex-offer-page #FAQs .faq-section-head {
  margin-bottom: 34px;
}

body.codex-offer-page #FAQs .heading-2.white {
  color: #ffffff !important;
}

body.codex-offer-page a:focus-visible,
body.codex-offer-page .faq-section-list-point:focus-visible {
  outline: 2px solid rgba(62, 196, 0, 0.58);
  outline-offset: 4px;
}

body.codex-offer-industry {
  --codex-industry-ink: #071523;
  --codex-industry-muted: rgba(7, 21, 35, 0.68);
  --codex-industry-line: rgba(7, 21, 35, 0.12);
  --codex-industry-paper: #fffdf7;
  --codex-industry-card: rgba(255, 255, 255, 0.82);
  --codex-industry-media-image: url("https://picsum.photos/seed/ecommerce-operations/1200/900");
  --codex-industry-scroll: 0;
  background:
    radial-gradient(circle at 10% 2%, rgba(62, 196, 0, 0.13), rgba(62, 196, 0, 0) 31rem),
    radial-gradient(circle at 82% 10%, rgba(255, 178, 26, 0.13), rgba(255, 178, 26, 0) 33rem),
    linear-gradient(180deg, #f8f5ee 0%, #fffdf7 34%, #f3f0e9 100%) !important;
  color: var(--codex-industry-ink);
}

body.codex-offer-industry .codex-offer-hero {
  display: flex;
  align-items: center;
  min-height: min(780px, calc(100dvh - 18px));
  padding: clamp(118px, 13vw, 176px) 0 clamp(82px, 9vw, 118px);
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 252, 245, 0.9) 48%, rgba(239, 235, 225, 0.72) 100%),
    #f7f3ea !important;
  isolation: isolate;
}

body.codex-offer-industry .codex-offer-hero::before {
  content: "";
  position: absolute;
  top: clamp(122px, 13vw, 178px);
  right: max(38px, calc((100vw - var(--codex-site-max-width)) / 2));
  z-index: 0;
  width: min(34vw, 460px);
  min-width: 320px;
  aspect-ratio: 0.86;
  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 42px;
  background:
    linear-gradient(180deg, rgba(7, 21, 35, 0.06), rgba(7, 21, 35, 0.44)),
    var(--codex-industry-media-image) center / cover;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.44),
    0 34px 90px rgba(7, 21, 35, 0.2);
  filter: saturate(0.78) contrast(1.1);
  opacity: 0.92;
  transform: translate3d(calc(var(--codex-industry-scroll) * -18px), calc(var(--codex-industry-scroll) * 22px), 0) rotate(2deg);
  transition: transform 120ms linear;
}

body.codex-offer-industry .codex-offer-hero::after {
  z-index: 0;
  height: 120px;
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0), #f8f5ee),
    linear-gradient(90deg, rgba(7, 21, 35, 0), rgba(7, 21, 35, 0.12), rgba(7, 21, 35, 0));
}

body.codex-offer-industry .codex-offer-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.44fr);
  gap: clamp(34px, 5vw, 70px);
  align-items: end;
}

body.codex-offer-industry .codex-offer-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 850px;
}

body.codex-offer-industry .codex-offer-kicker {
  margin-bottom: 26px;
  padding: 10px 16px;
  border-color: rgba(7, 21, 35, 0.12);
  background: rgba(255, 255, 255, 0.72);
  color: var(--codex-industry-ink);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.codex-offer-industry .codex-offer-hero h1 {
  max-width: 760px;
  color: var(--codex-industry-ink);
  font-size: clamp(50px, 4vw, 60px);
  line-height: 0.96;
  text-wrap: balance;
}

body.codex-offer-industry .codex-offer-hero-copy > p {
  max-width: 760px;
  margin-top: 30px;
  color: var(--codex-industry-muted);
  font-size: clamp(20px, 1.8vw, 25px);
  line-height: 1.42;
}

body.codex-offer-industry .codex-offer-actions {
  gap: 16px;
  margin-top: 38px;
}

body.codex-offer-industry .codex-offer-primary,
body.codex-offer-industry .codex-offer-secondary,
body.codex-offer-industry .codex-offer-inline-link {
  min-height: 60px;
  padding: 0 30px;
  box-shadow: 0 18px 42px rgba(7, 21, 35, 0.12);
}

body.codex-offer-industry .codex-offer-primary {
  box-shadow: 0 22px 50px rgba(62, 196, 0, 0.28);
}

body.codex-offer-industry .codex-offer-signal-panel {
  position: relative;
  z-index: 2;
  grid-template-columns: 1fr;
  align-self: end;
  max-width: 390px;
  margin-left: auto;
  padding: 18px;
  border-color: rgba(255, 255, 255, 0.52);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 28px 70px rgba(7, 21, 35, 0.14);
}

body.codex-offer-industry .codex-offer-signal-panel::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 1.9;
  margin-bottom: 8px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(7, 21, 35, 0.06), rgba(7, 21, 35, 0.5)),
    var(--codex-industry-media-image) center / cover;
  filter: saturate(0.72) contrast(1.08);
}

body.codex-offer-industry .codex-offer-signal-panel span {
  color: rgba(7, 21, 35, 0.62);
}

body.codex-offer-industry .codex-offer-signal-panel div {
  min-height: 66px;
  border-color: rgba(7, 21, 35, 0.08);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 30px rgba(7, 21, 35, 0.055);
  color: var(--codex-industry-ink);
}

body.codex-offer-industry .codex-offer-chapter,
body.codex-offer-industry .codex-offer-proof,
body.codex-offer-industry .codex-offer-compare,
body.codex-offer-industry .codex-offer-process,
body.codex-offer-industry .codex-offer-reviews,
body.codex-offer-industry .codex-offer-founder,
body.codex-offer-industry .codex-offer-pricing,
body.codex-offer-industry .codex-offer-addons,
body.codex-offer-industry .codex-offer-faq {
  padding: clamp(112px, 12vw, 168px) 0;
}

body.codex-offer-industry .codex-offer-section-head {
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.65fr);
  align-items: end;
  gap: clamp(24px, 5vw, 72px);
  margin-bottom: 44px;
}

body.codex-offer-industry .codex-offer-section-head h2,
body.codex-offer-industry .codex-offer-split h2,
body.codex-offer-industry .codex-offer-founder-panel h2 {
  max-width: 1040px;
  color: var(--codex-industry-ink);
  font-size: clamp(48px, 5.2vw, 78px);
  line-height: 0.96;
  text-wrap: balance;
}

body.codex-offer-industry .codex-offer-section-head > p,
body.codex-offer-industry .codex-offer-split p,
body.codex-offer-industry .codex-offer-founder-panel p {
  max-width: 560px;
  color: var(--codex-industry-muted);
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.45;
}

body.codex-offer-industry .codex-offer-bento,
body.codex-offer-industry .codex-proof-grid,
body.codex-offer-industry .codex-review-grid,
body.codex-offer-industry .codex-offer-tier-grid {
  gap: 18px;
}

body.codex-offer-industry .codex-offer-card,
body.codex-offer-industry .codex-review-card,
body.codex-offer-industry .codex-offer-tier {
  min-height: 250px;
  padding: clamp(26px, 3vw, 38px);
  border-color: rgba(7, 21, 35, 0.1);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(255, 250, 239, 0.72)),
    var(--codex-industry-card);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 28px 70px rgba(7, 21, 35, 0.08);
  overflow: hidden;
  transform: translate3d(var(--codex-card-x, 0px), var(--codex-card-y, 0px), 0) rotate(var(--codex-card-r, 0deg));
}

body.codex-offer-industry .codex-offer-card::after,
body.codex-offer-industry .codex-review-card::after,
body.codex-offer-industry .codex-offer-tier::after {
  content: "";
  position: absolute;
  right: -64px;
  bottom: -74px;
  width: 170px;
  aspect-ratio: 1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(62, 196, 0, 0.18), rgba(62, 196, 0, 0));
  pointer-events: none;
}

body.codex-offer-industry .codex-offer-card.is-wide {
  grid-column: span 7;
}

body.codex-offer-industry .codex-offer-card:not(.is-wide) {
  grid-column: span 5;
}

body.codex-offer-industry .codex-offer-card:nth-child(n+3) {
  grid-column: span 4;
}

body.codex-offer-industry .codex-offer-card:hover,
body.codex-offer-industry .codex-review-card:hover,
body.codex-offer-industry .codex-offer-tier:hover {
  border-color: rgba(62, 196, 0, 0.25);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 34px 82px rgba(7, 21, 35, 0.13);
}

body.codex-offer-industry .codex-offer-card span,
body.codex-offer-industry .codex-review-card span,
body.codex-offer-industry .codex-offer-tier span,
body.codex-offer-industry .codex-offer-founder-panel span {
  display: inline-flex;
  width: fit-content;
  padding: 7px 11px;
  border: 1px solid rgba(62, 196, 0, 0.18);
  border-radius: 999px;
  background: rgba(62, 196, 0, 0.08);
  color: #245f0f;
}

body.codex-offer-industry .codex-offer-card p,
body.codex-offer-industry .codex-review-card p,
body.codex-offer-industry .codex-offer-tier p,
body.codex-offer-industry .codex-process-step p {
  position: relative;
  z-index: 1;
  color: rgba(7, 21, 35, 0.72);
  font-size: clamp(18px, 1.45vw, 22px);
}

body.codex-offer-industry .codex-offer-card p {
  max-width: 640px;
  font-family: "Space Grotesk", "Nunito Sans", sans-serif;
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.08;
  color: var(--codex-industry-ink);
}

body.codex-offer-industry .codex-offer-split {
  align-items: stretch;
  padding: clamp(34px, 5vw, 58px);
  border: 1px solid rgba(7, 21, 35, 0.1);
  border-radius: 34px;
  background:
    radial-gradient(circle at 92% 12%, rgba(62, 196, 0, 0.16), rgba(62, 196, 0, 0) 22rem),
    rgba(255, 255, 255, 0.78);
  box-shadow: 0 28px 70px rgba(7, 21, 35, 0.08);
}

body.codex-offer-industry .codex-offer-checklist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.codex-offer-industry .codex-offer-checklist div,
body.codex-offer-industry .codex-addon-list li {
  display: flex;
  align-items: center;
  min-height: 92px;
  border-color: rgba(7, 21, 35, 0.1);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 16px 36px rgba(7, 21, 35, 0.055);
}

body.codex-offer-industry .codex-offer-proof {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 14%, rgba(62, 196, 0, 0.2), rgba(62, 196, 0, 0) 30rem),
    radial-gradient(circle at 88% 22%, rgba(255, 178, 26, 0.14), rgba(255, 178, 26, 0) 28rem),
    linear-gradient(145deg, #071523, #102235 58%, #07101b);
}

body.codex-offer-industry .codex-proof-card {
  min-height: 310px;
  padding: clamp(28px, 3vw, 40px);
  border-color: rgba(255, 255, 255, 0.13);
  border-radius: 30px;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.codex-offer-industry .codex-proof-card:nth-child(1) {
  grid-column: span 6;
}

body.codex-offer-industry .codex-proof-card:nth-child(2),
body.codex-offer-industry .codex-proof-card:nth-child(3) {
  grid-column: span 3;
}

body.codex-offer-industry .codex-proof-card:nth-child(n+4) {
  grid-column: span 4;
}

body.codex-offer-industry .codex-proof-card strong,
body.codex-offer-industry .codex-review-card strong,
body.codex-offer-industry .codex-offer-tier strong {
  font-size: clamp(30px, 2.7vw, 42px);
  line-height: 1;
}

body.codex-offer-industry .codex-offer-proof .codex-offer-inline-link {
  color: var(--codex-industry-ink) !important;
}

body.codex-offer-industry .codex-compare-table {
  border-color: rgba(7, 21, 35, 0.1);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 28px 70px rgba(7, 21, 35, 0.08);
}

body.codex-offer-industry .codex-compare-row {
  min-height: 92px;
  grid-template-columns: 0.66fr 1.18fr 0.92fr;
}

body.codex-offer-industry .codex-compare-row > div {
  padding: clamp(20px, 2.4vw, 30px);
  font-size: clamp(16px, 1.3vw, 19px);
}

body.codex-offer-industry .codex-compare-row.is-head > div {
  background: var(--codex-industry-ink);
}

body.codex-offer-industry .codex-process-list {
  gap: 18px;
  counter-reset: codex-process;
}

body.codex-offer-industry .codex-process-step {
  position: sticky;
  top: 118px;
  grid-template-columns: 76px minmax(0, 1fr);
  padding: clamp(26px, 3vw, 38px);
  border-color: rgba(7, 21, 35, 0.1);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 24px 60px rgba(7, 21, 35, 0.07);
}

body.codex-offer-industry .codex-process-step:nth-child(2) {
  top: 132px;
}

body.codex-offer-industry .codex-process-step:nth-child(3) {
  top: 146px;
}

body.codex-offer-industry .codex-process-step:nth-child(4) {
  top: 160px;
}

body.codex-offer-industry .codex-process-step:nth-child(5) {
  top: 174px;
}

body.codex-offer-industry .codex-process-number {
  width: 58px;
  height: 58px;
  background: var(--codex-industry-ink);
}

body.codex-offer-industry .codex-process-step h3 {
  font-size: clamp(28px, 2.6vw, 40px);
}

body.codex-offer-industry .codex-offer-founder-panel,
body.codex-offer-industry #Pricing.codex-offer-pricing .pricing-section-main {
  border-color: rgba(7, 21, 35, 0.1);
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 10%, rgba(62, 196, 0, 0.16), rgba(62, 196, 0, 0) 22rem),
    rgba(255, 255, 255, 0.8);
  box-shadow: 0 28px 70px rgba(7, 21, 35, 0.08);
}

body.codex-offer-industry .codex-addon-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.codex-offer-industry #FAQs.faq-section {
  background:
    radial-gradient(circle at 18% 12%, rgba(62, 196, 0, 0.18), rgba(62, 196, 0, 0) 24rem),
    linear-gradient(145deg, #071523, #102235);
}

body.codex-offer-industry .faq-section-main {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
}

body.codex-offer-industry .faq-section-list-point {
  border-color: rgba(255, 255, 255, 0.12) !important;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.06);
}

body.codex-offer-industry .faq-section-list-point-title-text,
body.codex-offer-industry .faq-section-list-point-description {
  color: #ffffff !important;
}

body.codex-offer-industry .contact-us {
  background: var(--codex-industry-paper);
}

@media screen and (max-width: 991px) {
  body.codex-offer-page .codex-offer-container {
    width: min(100% - 48px, var(--codex-site-max-width)) !important;
  }

  body.codex-offer-page .codex-offer-hero {
    min-height: 0;
    padding: 88px 0 72px;
  }

  body.codex-offer-page .codex-offer-hero-grid,
  body.codex-offer-page .codex-offer-split,
  body.codex-offer-page .codex-offer-founder-panel {
    grid-template-columns: 1fr;
  }

  body.codex-offer-page .codex-offer-hero h1 {
    font-size: 64px;
  }

  body.codex-offer-page .codex-offer-section-head h2,
  body.codex-offer-page .codex-offer-split h2,
  body.codex-offer-page .codex-offer-founder-panel h2 {
    font-size: 44px;
  }

  body.codex-offer-page .codex-offer-card,
  body.codex-offer-page .codex-offer-card.is-wide,
  body.codex-offer-page .codex-proof-card,
  body.codex-offer-page .codex-review-card,
  body.codex-offer-page .codex-offer-tier {
    grid-column: span 6;
  }

  body.codex-offer-page .codex-addon-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .footer-navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 767px) {
  body.codex-offer-page .codex-offer-container {
    width: calc(100% - 32px) !important;
  }

  body.codex-offer-page .codex-offer-hero {
    padding: 66px 0 58px;
  }

  body.codex-offer-page .codex-offer-hero h1 {
    font-size: 44px;
    line-height: 1.02;
  }

  body.codex-offer-page .codex-offer-hero-copy > p,
  body.codex-offer-page .codex-offer-section-head > p,
  body.codex-offer-page .codex-offer-split p,
  body.codex-offer-page .codex-offer-founder-panel p {
    font-size: 17px;
  }

  body.codex-offer-page .codex-offer-signal-panel {
    grid-template-columns: 1fr;
  }

  body.codex-offer-page .codex-offer-chapter,
  body.codex-offer-page .codex-offer-proof,
  body.codex-offer-page .codex-offer-compare,
  body.codex-offer-page .codex-offer-process,
  body.codex-offer-page .codex-offer-reviews,
  body.codex-offer-page .codex-offer-founder,
  body.codex-offer-page .codex-offer-pricing,
  body.codex-offer-page .codex-offer-addons,
  body.codex-offer-page .codex-offer-faq {
    padding: 72px 0;
  }

  body.codex-offer-page .codex-offer-section-head h2,
  body.codex-offer-page .codex-offer-split h2,
  body.codex-offer-page .codex-offer-founder-panel h2 {
    font-size: 36px;
  }

  body.codex-offer-page .codex-offer-card,
  body.codex-offer-page .codex-offer-card.is-wide,
  body.codex-offer-page .codex-proof-card,
  body.codex-offer-page .codex-review-card,
  body.codex-offer-page .codex-offer-tier {
    grid-column: span 12;
    min-height: 0;
    padding: 22px;
  }

  body.codex-offer-page .codex-compare-table {
    overflow-x: auto;
  }

  body.codex-offer-page .codex-compare-row {
    grid-template-columns: 170px 240px 220px;
    min-width: 630px;
  }

  body.codex-offer-page .codex-process-step {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body.codex-offer-page .codex-offer-founder-panel,
  body.codex-offer-page #Pricing.codex-offer-pricing .pricing-section-main {
    padding: 26px !important;
  }

  body.codex-offer-page .codex-addon-list {
    grid-template-columns: 1fr;
  }

  body .footer-navigation {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  body.codex-offer-page .main-wrapper {
    width: 100% !important;
    max-width: none !important;
  }

  body.codex-offer-page .codex-offer-hero h1 {
    font-size: 38px;
  }

  body.codex-offer-page .codex-offer-actions {
    display: grid;
  }

  body.codex-offer-page .codex-offer-primary,
  body.codex-offer-page .codex-offer-secondary,
  body.codex-offer-page .codex-offer-inline-link {
    width: 100%;
  }
}

@media screen and (max-width: 1180px) {
  body.codex-offer-industry .codex-offer-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.codex-offer-industry .codex-offer-hero::before {
    top: auto;
    right: 32px;
    bottom: 42px;
    width: min(40vw, 360px);
    min-width: 240px;
    opacity: 0.38;
  }

  body.codex-offer-industry .codex-offer-signal-panel {
    max-width: 100%;
    margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
  body.codex-offer-industry .codex-offer-hero {
    min-height: 0;
    padding: 108px 0 82px;
  }

  body.codex-offer-industry .codex-offer-hero h1 {
    font-size: clamp(54px, 9vw, 74px);
  }

  body.codex-offer-industry .codex-offer-section-head {
    grid-template-columns: 1fr;
  }

  body.codex-offer-industry .codex-offer-card.is-wide,
  body.codex-offer-industry .codex-offer-card:not(.is-wide),
  body.codex-offer-industry .codex-offer-card:nth-child(n+3),
  body.codex-offer-industry .codex-proof-card:nth-child(1),
  body.codex-offer-industry .codex-proof-card:nth-child(2),
  body.codex-offer-industry .codex-proof-card:nth-child(3),
  body.codex-offer-industry .codex-proof-card:nth-child(n+4) {
    grid-column: span 6;
  }

  body.codex-offer-industry .codex-process-step {
    position: relative;
    top: auto !important;
  }
}

@media screen and (max-width: 767px) {
  body.codex-offer-industry .codex-offer-hero {
    padding: 82px 0 66px;
  }

  body.codex-offer-industry .codex-offer-hero::before {
    display: none;
  }

  body.codex-offer-industry .codex-offer-hero h1 {
    font-size: clamp(40px, 12vw, 56px);
    line-height: 0.98;
  }

  body.codex-offer-industry .codex-offer-hero-copy > p,
  body.codex-offer-industry .codex-offer-section-head > p,
  body.codex-offer-industry .codex-offer-split p,
  body.codex-offer-industry .codex-offer-founder-panel p {
    font-size: 18px;
  }

  body.codex-offer-industry .codex-offer-chapter,
  body.codex-offer-industry .codex-offer-proof,
  body.codex-offer-industry .codex-offer-compare,
  body.codex-offer-industry .codex-offer-process,
  body.codex-offer-industry .codex-offer-reviews,
  body.codex-offer-industry .codex-offer-founder,
  body.codex-offer-industry .codex-offer-pricing,
  body.codex-offer-industry .codex-offer-addons,
  body.codex-offer-industry .codex-offer-faq {
    padding: 82px 0;
  }

  body.codex-offer-industry .codex-offer-section-head h2,
  body.codex-offer-industry .codex-offer-split h2,
  body.codex-offer-industry .codex-offer-founder-panel h2 {
    font-size: clamp(34px, 9vw, 46px);
  }

  body.codex-offer-industry .codex-offer-card.is-wide,
  body.codex-offer-industry .codex-offer-card:not(.is-wide),
  body.codex-offer-industry .codex-offer-card:nth-child(n+3),
  body.codex-offer-industry .codex-proof-card:nth-child(1),
  body.codex-offer-industry .codex-proof-card:nth-child(2),
  body.codex-offer-industry .codex-proof-card:nth-child(3),
  body.codex-offer-industry .codex-proof-card:nth-child(n+4) {
    grid-column: span 12;
  }

  body.codex-offer-industry .codex-offer-split {
    padding: 24px;
  }

  body.codex-offer-industry .codex-offer-checklist,
  body.codex-offer-industry .codex-addon-list {
    grid-template-columns: 1fr;
  }

  body.codex-offer-industry .codex-compare-row {
    grid-template-columns: 170px 260px 230px;
    min-width: 660px;
  }
}

/* 185-cro-updates.css */
body .codex-ecom-hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: min(100%, 980px);
  margin: 26px auto 0;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav {
  --page-section-nav-offset: 92px;
  position: fixed !important;
  top: var(--page-section-nav-offset) !important;
  left: 50%;
  z-index: 2990;
  width: min(1180px, calc(100% - 160px)) !important;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 23px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 34px rgba(16, 34, 53, 0.08);
  transform: translateX(-50%);
  transition:
    top 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    width 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav__inner {
  width: 100% !important;
  max-width: none !important;
  min-height: 50px;
  padding: 6px 10px;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav__links {
  gap: 4px;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav__link {
  min-height: 34px;
  padding: 8px 12px;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav__cta {
  min-height: 38px;
  padding: 10px 18px;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .navbar {
  transition:
    opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)).codex-ecom-nav-condensed .navbar {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -115%) !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)).codex-ecom-nav-condensed .page-section-nav {
  --page-section-nav-offset: 14px;
  box-shadow: 0 10px 30px rgba(16, 34, 53, 0.09);
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-hero {
  padding-top: clamp(56px, 5vw, 78px) !important;
}

body .codex-ecom-proof-card {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 18px;
  border: 1px solid rgba(16, 34, 53, 0.14);
  border-radius: 24px;
  background: #ffffff;
  color: #102235;
  text-decoration: none;
  box-shadow: 0 14px 34px rgba(16, 34, 53, 0.08);
  transition:
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-ecom-proof-card span,
body .codex-performance-rules__head span,
body .codex-fee-calculator__head span,
body .cases-proof-note {
  color: rgba(16, 34, 53, 0.58);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
}

body .codex-ecom-proof-card strong {
  display: block;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.05;
}

body .codex-ecom-proof-card small {
  color: rgba(16, 34, 53, 0.68);
  font-size: 14px;
  line-height: 1.35;
}

body .codex-ecom-proof-card:hover,
body .codex-ecom-proof-card:focus-visible {
  border-color: rgba(62, 196, 0, 0.46);
  box-shadow: 0 18px 42px rgba(16, 34, 53, 0.12);
  transform: translateY(-1px);
}

body .codex-ecom-proof-card:active {
  transform: translateY(1px);
}

body .codex-ecom-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
}

body .codex-ecom-hero-actions .head-button,
body .codex-ecom-hero-actions .codex-press-cta {
  flex: 0 0 auto;
  margin: 0 !important;
}

body .codex-ecom-secondary-cta,
body .codex-ecom-section-cta,
body .codex-ecom-fit-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 15px 22px;
  border: 1px solid rgba(16, 34, 53, 0.14);
  border-radius: 999px;
  background: #ffffff;
  color: #102235 !important;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(16, 34, 53, 0.07);
  transition: border-color 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1), transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body .codex-ecom-secondary-cta {
  flex: 0 0 auto;
  min-width: 190px;
  min-height: 64px;
  padding: 18px 28px;
  margin: 0 !important;
  white-space: nowrap;
}

body .codex-ecom-secondary-cta:hover,
body .codex-ecom-secondary-cta:focus-visible,
body .codex-ecom-section-cta:hover,
body .codex-ecom-section-cta:focus-visible,
body .codex-ecom-fit-cta:hover,
body .codex-ecom-fit-cta:focus-visible {
  border-color: rgba(62, 196, 0, 0.48);
  box-shadow: 0 18px 38px rgba(16, 34, 53, 0.12);
  transform: translateY(-1px);
}

body .codex-ecom-secondary-cta:active,
body .codex-ecom-section-cta:active,
body .codex-ecom-fit-cta:active {
  transform: translateY(1px);
}

body .codex-ecom-first-call,
body .codex-ecom-eligibility {
  padding: clamp(34px, 5vw, 72px) 0;
  background: #ffffff;
}

body .codex-ecom-first-call {
  padding-top: clamp(30px, 4vw, 54px);
}

body .codex-ecom-eligibility {
  padding-top: clamp(24px, 3.2vw, 46px);
}

body .codex-ecom-decision-card,
body .codex-ecom-eligibility-main {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
}

body .codex-ecom-decision-card {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(24px, 4vw, 54px);
  align-items: stretch;
  padding: clamp(26px, 3.8vw, 48px);
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 247, 0.94)), #ffffff;
  box-shadow: 0 24px 70px rgba(16, 34, 53, 0.075);
}

body .codex-ecom-decision-copy,
body .codex-ecom-eligibility-head {
  display: grid;
  align-content: start;
  gap: 12px;
}

body .codex-ecom-decision-copy span {
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid rgba(62, 196, 0, 0.32);
  border-radius: 999px;
  background: rgba(62, 196, 0, 0.08);
  color: #245f0f;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}

body .codex-ecom-decision-copy h2,
body .codex-ecom-eligibility-head h2 {
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.03;
  letter-spacing: 0;
  text-wrap: balance;
}

body .codex-ecom-decision-copy p,
body .codex-ecom-eligibility-head p {
  max-width: 640px;
  margin: 0;
  color: rgba(16, 34, 53, 0.72);
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.46;
}

body .codex-ecom-decision-panel {
  display: grid;
  gap: 18px;
  padding: clamp(20px, 2.8vw, 30px);
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 26px;
  background: #ffffff;
}

body .codex-ecom-decision-panel ul,
body .codex-ecom-fit-column ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body .codex-ecom-decision-panel li,
body .codex-ecom-fit-column li {
  position: relative;
  padding-left: 28px;
  color: rgba(16, 34, 53, 0.74);
  font-size: 16px;
  line-height: 1.42;
}

body .codex-ecom-decision-panel li::before,
body .codex-ecom-fit-column li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #3ec400;
  box-shadow: 0 0 0 5px rgba(62, 196, 0, 0.12);
}

body .codex-ecom-section-cta {
  width: fit-content;
  background: #3ec400;
  color: #ffffff !important;
}

body .codex-ecom-eligibility-main {
  display: grid;
  gap: clamp(22px, 3.4vw, 40px);
}

body .codex-ecom-eligibility-head {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  align-items: end;
}

body .codex-ecom-fit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body .codex-ecom-fit-column {
  display: grid;
  align-content: start;
  gap: 18px;
  min-height: 100%;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(16, 34, 53, 0.065);
}

body .codex-ecom-fit-column--best {
  background: #ffffff;
}

body .codex-ecom-fit-column--not-yet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 251, 0.94)), #ffffff;
}

body .codex-ecom-fit-column h3 {
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.08;
}

body .codex-ecom-fit-column--not-yet li::before {
  background: #8da0ad;
  box-shadow: 0 0 0 5px rgba(141, 160, 173, 0.14);
}

body .codex-ecom-fit-cta {
  width: fit-content;
  min-height: 0;
  justify-self: start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #102235 !important;
  text-align: left;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  transform: none !important;
}

body .codex-ecom-fit-cta:hover,
body .codex-ecom-fit-cta:focus-visible {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #245f0f !important;
  transform: none !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .text-span-13 {
  color: inherit;
  text-decoration: none;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Compare .e-commerce-list {
  display: block;
  width: min(100%, 1180px);
  height: auto;
  min-height: 0;
  margin: clamp(28px, 4vw, 48px) auto 0;
}

body .codex-comparison-grid {
  overflow: hidden;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 32px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(16, 34, 53, 0.08);
}

body .codex-comparison-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.78fr) minmax(210px, 1fr) minmax(230px, 1.1fr) minmax(180px, 0.82fr);
  gap: 1px;
  border-top: 1px solid rgba(16, 34, 53, 0.1);
  background: rgba(16, 34, 53, 0.1);
}

body .codex-comparison-row:first-child {
  border-top: 0;
}

body .codex-comparison-row > div {
  padding: clamp(18px, 2vw, 26px);
  background: #f9fafb;
  color: rgba(16, 34, 53, 0.7);
  font-size: 15px;
  line-height: 1.42;
}

body .codex-comparison-row > div:first-child,
body .codex-comparison-row > div:nth-child(3) {
  color: #102235;
  font-weight: 800;
}

body .codex-comparison-row.codex-comparison-row--head > div {
  background: #102235;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing .pricing-section-main {
  width: min(1180px, calc(100% - 160px)) !important;
  max-width: 1180px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing .codex-performance-pricing-component {
  width: 100%;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing .codex-pricing-head h2 {
  max-width: 720px;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.03;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing.codex-pricing-section .pricing-section-main:hover {
  box-shadow: none !important;
  transform: none !important;
}

body .codex-performance-rules,
body .codex-fee-calculator {
  display: grid;
  gap: 24px;
  margin-top: 24px;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 32px;
  background: #ffffff;
  color: #102235;
}

body .codex-performance-rules {
  gap: clamp(20px, 2.5vw, 30px);
  padding: clamp(28px, 3.4vw, 46px);
}

body .codex-fee-calculator {
  gap: clamp(22px, 2.6vw, 32px);
  padding: clamp(26px, 3.4vw, 44px);
}

body .codex-performance-rules__head {
  display: grid;
  gap: 10px;
  max-width: 780px;
}

body .codex-performance-rules__head h3 {
  margin: 0;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.06;
}

body .codex-performance-rules__head p {
  margin: 0;
  color: rgba(16, 34, 53, 0.7);
  font-size: 17px;
  line-height: 1.48;
}

body .codex-performance-rules__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(28px, 4vw, 56px);
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body .codex-performance-rules__grid > div {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 0;
  padding: 20px 0;
  border-top: 1px solid rgba(16, 34, 53, 0.12);
  background: transparent;
}

body .codex-performance-rules__grid strong {
  color: #102235;
  font-size: 18px;
  line-height: 1.18;
}

body .codex-performance-rules__grid span {
  color: rgba(16, 34, 53, 0.7);
  font-size: 15px;
  line-height: 1.42;
}

body .codex-fee-calculator__head {
  display: grid;
  gap: 8px;
  max-width: 860px;
}

body .codex-fee-calculator__head strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(30px, 3.3vw, 46px);
  line-height: 1.05;
}

body .codex-fee-calculator__head small {
  max-width: 820px;
  color: rgba(16, 34, 53, 0.68);
  font-size: 16px;
  line-height: 1.46;
}

body .codex-fee-calculator__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body .codex-fee-calculator label {
  display: grid;
  gap: 8px;
  color: #102235;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

body .codex-fee-calculator input {
  min-height: 50px;
  border: 1px solid rgba(16, 34, 53, 0.14);
  border-radius: 16px;
  background: #f9fafb;
  color: #102235;
  font: inherit;
  font-size: 16px;
  padding: 12px 14px;
}

body .codex-fee-calculator input:focus-visible {
  border-color: rgba(62, 196, 0, 0.86);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(62, 196, 0, 0.18);
  outline: none;
}

body .codex-fee-calculator__outputs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 24px;
  background: rgba(16, 34, 53, 0.12);
}

body .codex-fee-calculator__outputs div {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 112px;
  padding: 18px;
  background: #f9fafb;
}

body .codex-fee-calculator__outputs .codex-fee-calculator__band,
body .codex-fee-calculator__outputs .codex-fee-calculator__fee {
  background: #102235;
}

body .codex-fee-calculator__outputs span {
  color: rgba(16, 34, 53, 0.62);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.18;
}

body .codex-fee-calculator__outputs strong {
  color: #102235;
  font-size: clamp(20px, 1.8vw, 28px);
  line-height: 1.08;
}

body .codex-fee-calculator__outputs .codex-fee-calculator__band span,
body .codex-fee-calculator__outputs .codex-fee-calculator__fee span {
  color: rgba(255, 255, 255, 0.62);
}

body .codex-fee-calculator__outputs .codex-fee-calculator__band strong,
body .codex-fee-calculator__outputs .codex-fee-calculator__fee strong {
  color: #ffffff;
}

body .codex-fee-calculator__scenarios {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body .codex-fee-calculator__scenarios div {
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 18px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 22px;
  background: #ffffff;
}

body .codex-fee-calculator__scenarios span {
  color: rgba(16, 34, 53, 0.62);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.18;
}

body .codex-fee-calculator__scenarios strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.05;
}

body .codex-fee-calculator__scenarios small,
body .codex-fee-calculator__disclaimer {
  color: rgba(16, 34, 53, 0.68);
  font-size: 14px;
  line-height: 1.42;
}

body .codex-fee-calculator__disclaimer {
  margin: 0;
}

body .codex-fee-calculator--roas-lab {
  gap: clamp(22px, 2.8vw, 34px);
  margin-top: clamp(22px, 3vw, 34px);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  --codex-delta-positive: #176f42;
  --codex-delta-positive-rgb: 23, 111, 66;
  --codex-delta-negative: #ad352e;
  --codex-delta-negative-rgb: 173, 53, 46;
  --codex-delta-neutral: #647386;
  --codex-delta-neutral-rgb: 100, 115, 134;
}

body .codex-roas-lab__head {
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(280px, 0.64fr);
  gap: clamp(18px, 3vw, 46px);
  align-items: end;
}

body .codex-roas-lab__head > div {
  display: grid;
  gap: 10px;
}

body .codex-roas-lab__head span,
body .codex-roas-lab__input-group > span {
  color: rgba(16, 34, 53, 0.58);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.1;
  text-transform: none;
}

body .codex-roas-lab__head strong {
  max-width: 760px;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 0.98;
}

body .codex-roas-lab__head p {
  margin: 0;
  color: rgba(16, 34, 53, 0.7);
  font-size: clamp(16px, 1.45vw, 19px);
  line-height: 1.48;
}

body .codex-roas-lab__canvas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: stretch;
}

body .codex-roas-lab__inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

body .codex-roas-lab__input-group {
  display: grid;
  align-content: start;
  gap: 14px;
  height: 100%;
  min-width: 0;
  padding: clamp(18px, 1.8vw, 22px);
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 22px;
  background: #f8fafb;
  box-shadow: 0 18px 42px rgba(16, 34, 53, 0.05);
}

body .codex-roas-lab__input-group--guardrails {
  background: #fffaf0;
}

body .codex-roas-lab__input-group--scenario {
  background: #ffffff;
}

body .codex-roas-lab__input-group label {
  color: #102235;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.15;
}

body .codex-roas-lab__field {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body .codex-roas-lab__field-control {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  min-height: 54px;
  overflow: hidden;
  border: 1px solid rgba(16, 34, 53, 0.14);
  border-radius: 18px;
  background: #ffffff;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease;
}

body .codex-roas-lab__input-group input {
  appearance: textfield;
  min-height: 54px;
  min-width: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 21px;
  font-weight: 750;
  line-height: 1;
  padding: 12px 8px;
  text-align: center;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

body .codex-roas-lab__input-group input::-webkit-inner-spin-button,
body .codex-roas-lab__input-group input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

body .codex-roas-lab__stepper {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  background: rgba(16, 34, 53, 0.045);
  color: #102235;
  cursor: pointer;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 22px;
  font-weight: 850;
  line-height: 1;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

body .codex-roas-lab__stepper:hover,
body .codex-roas-lab__stepper:focus-visible {
  background: rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.2);
  color: #102235;
  outline: none;
}

body .codex-roas-lab__stepper:active {
  transform: translateY(1px);
}

body .codex-roas-lab__field-control:hover {
  border-color: rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.5);
}

body .codex-roas-lab__field-control:focus-within {
  border-color: rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.72);
  box-shadow: 0 0 0 3px rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.16);
}

body .codex-roas-lab__input-group input:focus {
  box-shadow: none;
  outline: none;
}

body .codex-roas-lab__input-group input:active {
  transform: translateY(1px);
}

body .codex-roas-lab__assumption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 14px 16px;
  border: 1px solid rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.22);
  border-radius: 18px;
  background: rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.08);
}

body .codex-roas-lab__assumption span {
  color: rgba(16, 34, 53, 0.62);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.15;
}

body .codex-roas-lab__assumption strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 21px;
  line-height: 1;
}

body .codex-roas-lab__group-result {
  display: grid;
  gap: 6px;
  align-self: end;
  padding: 14px 16px;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
}

body .codex-roas-lab__input-group > .codex-roas-lab__group-result:first-of-type {
  margin-top: auto;
}

body .codex-roas-lab__group-result span {
  color: rgba(16, 34, 53, 0.58);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.16;
}

body .codex-roas-lab__group-result strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1;
}

body .codex-roas-lab__group-result--compact strong {
  font-size: clamp(19px, 1.55vw, 24px);
}

body .codex-roas-lab__decision {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.62fr);
  gap: clamp(18px, 2.6vw, 30px);
  min-height: 100%;
  align-items: stretch;
  padding: clamp(22px, 2.8vw, 34px);
  border-radius: 28px;
  background: #102235;
  color: #ffffff;
}

body .codex-roas-lab__decision-copy {
  display: grid;
  align-content: start;
  gap: 18px;
  min-width: 0;
}

body .codex-roas-lab__decision-copy > span {
  width: fit-content;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

body .codex-roas-lab__decision-copy > strong {
  display: grid;
  gap: 10px;
  max-width: 100%;
  color: #ffffff;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(48px, 6vw, 82px);
  line-height: 0.9;
}

body .codex-roas-lab__decision-copy > strong small {
  max-width: 28ch;
  color: rgba(255, 255, 255, 0.68);
  font-family: "Nunito Sans", Arial, sans-serif;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.2;
}

body .codex-roas-lab__decision-copy p {
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
  line-height: 1.48;
}

body .codex-roas-lab__delta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body .codex-roas-lab__delta {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(var(--codex-delta-neutral-rgb), 0.18);
  border-radius: 999px;
  background: rgba(var(--codex-delta-neutral-rgb), 0.08);
  color: var(--codex-delta-neutral);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

body .codex-roas-lab__delta i {
  display: inline-block;
  width: 8px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  flex: 0 0 auto;
}

body .codex-roas-lab__delta small {
  color: inherit;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  opacity: 0.82;
}

body .codex-roas-lab__delta[data-tone="positive"] {
  border-color: rgba(var(--codex-delta-positive-rgb), 0.22);
  background: rgba(var(--codex-delta-positive-rgb), 0.1);
  color: var(--codex-delta-positive);
}

body .codex-roas-lab__delta[data-tone="positive"] i {
  width: 0;
  height: 0;
  border-right: 4px solid transparent;
  border-bottom: 7px solid currentColor;
  border-left: 4px solid transparent;
  border-radius: 0;
  background: transparent;
}

body .codex-roas-lab__delta[data-tone="negative"] {
  border-color: rgba(var(--codex-delta-negative-rgb), 0.22);
  background: rgba(var(--codex-delta-negative-rgb), 0.1);
  color: var(--codex-delta-negative);
}

body .codex-roas-lab__delta[data-tone="negative"] i {
  width: 0;
  height: 0;
  border-top: 7px solid currentColor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-radius: 0;
  background: transparent;
}

body .codex-roas-lab__delta[data-direction="flat"] i {
  width: 8px;
  height: 2px;
  border: 0;
  border-radius: 999px;
  background: currentColor;
}

body .codex-roas-lab__delta[data-direction="up"] i {
  width: 0;
  height: 0;
  border: 0;
  border-right: 4px solid transparent;
  border-bottom: 7px solid currentColor;
  border-left: 4px solid transparent;
  border-radius: 0;
  background: transparent;
}

body .codex-roas-lab__delta[data-direction="down"] i {
  width: 0;
  height: 0;
  border: 0;
  border-top: 7px solid currentColor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-radius: 0;
  background: transparent;
}

body .codex-roas-lab__decision .codex-roas-lab__delta[data-tone="positive"] {
  border-color: rgba(126, 226, 162, 0.28);
  background: rgba(126, 226, 162, 0.12);
  color: #7ee2a2;
}

body .codex-roas-lab__decision .codex-roas-lab__delta[data-tone="negative"] {
  border-color: rgba(255, 128, 112, 0.32);
  background: rgba(255, 128, 112, 0.12);
  color: #ff8f80;
}

body .codex-roas-lab__decision .codex-roas-lab__delta[data-tone="neutral"] {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.76);
}

body .codex-roas-lab__fee-compare {
  display: grid;
  align-content: start;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.12);
}

body .codex-roas-lab__fee-compare > div {
  display: grid;
  gap: 7px;
  min-height: 92px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.06);
}

body .codex-roas-lab__fee-compare span,
body .codex-roas-lab__fee-compare small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.18;
}

body .codex-roas-lab__fee-compare strong {
  color: #ffffff;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(25px, 2.4vw, 34px);
  line-height: 1;
}

body .codex-roas-lab__fee-compare .codex-roas-lab__delta {
  padding: 0;
  border: 0;
  background: transparent;
}

body .codex-roas-lab__cta {
  display: inline-flex;
  width: fit-content;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 13px 18px;
  border: 1px solid rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.4);
  border-radius: 999px;
  background: var(--codex-site-accent, #ffb21a);
  color: #ffffff;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  transition:
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

body .codex-roas-lab__cta:hover,
body .codex-roas-lab__cta:focus-visible {
  border-color: rgba(255, 255, 255, 0.48);
  box-shadow: 0 14px 28px rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.22);
  color: #ffffff;
  outline: none;
  transform: translateY(-1px);
}

body .codex-roas-lab__cta:active {
  box-shadow: none;
  transform: translateY(0);
}

body .codex-roas-lab__metrics,
body .codex-roas-lab__stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 24px;
  background: rgba(16, 34, 53, 0.1);
}

body .codex-roas-lab__metrics > div,
body .codex-roas-lab__stages > div {
  display: grid;
  align-content: start;
  gap: 9px;
  min-height: 118px;
  padding: 18px;
  background: #f8fafb;
  transition:
    background-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

body .codex-roas-lab__metrics > div:hover,
body .codex-roas-lab__stages > div:hover {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(var(--codex-site-accent-rgb, 255, 178, 26), 0.18);
  transform: translateY(-1px);
}

body .codex-roas-lab__metrics span,
body .codex-roas-lab__stages span,
body .codex-roas-lab__metrics small {
  color: rgba(16, 34, 53, 0.58);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.16;
}

body .codex-roas-lab__metrics span.codex-roas-lab__delta {
  align-self: start;
  color: var(--codex-delta-neutral);
  font-size: 12px;
  line-height: 1;
}

body .codex-roas-lab__metrics span.codex-roas-lab__delta small {
  color: inherit;
  font-size: 12px;
  line-height: 1;
}

body .codex-roas-lab__metrics strong,
body .codex-roas-lab__stages strong {
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(23px, 2.3vw, 34px);
  line-height: 1;
}

body .codex-roas-lab__stages > div {
  position: relative;
  min-height: 108px;
  background: #ffffff;
}

body .codex-roas-lab__stages > div::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: rgba(16, 34, 53, 0.12);
}

body .codex-roas-lab__stages > div.is-active::before {
  background: var(--codex-site-accent, #ffb21a);
}

body .codex-roas-lab__stages > div:not(.is-active) {
  opacity: 0.58;
}

body .cases-proof-note {
  margin-bottom: 8px;
}

body .codex-founder-bullets {
  display: grid;
  gap: 12px;
}

body .codex-founder-bullets p {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid rgba(16, 34, 53, 0.12);
  border-radius: 18px;
  background: #ffffff;
  color: #102235;
  font-weight: 700;
  line-height: 1.4;
  box-shadow: 0 10px 28px rgba(16, 34, 53, 0.06);
}

body .meet-section-info-description blockquote {
  margin: 18px 0 0;
  border-left-color: #3ec400;
  color: #102235;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 700;
  line-height: 1.12;
}

body .codex-founder-link {
  display: inline-flex;
  width: fit-content;
  margin-top: 18px;
  color: #102235;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 5px;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .heading-1,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .heading-2,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) h1,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) h2,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) h3 {
  overflow-wrap: normal;
  text-wrap: pretty;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .case-studies-head,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Process .ppc-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .case-studies-head .heading-label,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Process .ppc-section-head .heading-label {
  width: fit-content !important;
  max-width: 100% !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .case-studies-head .head-description,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Process .ppc-section-head .head-description {
  max-width: 820px !important;
}

@media (min-width: 768px) {
  body .codex-ecom-hero-actions {
    display: inline-flex;
    flex-wrap: nowrap;
    width: auto;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .case-studies-head .heading-2.white,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Process .ppc-section-head .heading-2.white {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) {
    --codex-ecom-mobile-content-width: min(calc(100% - 32px), var(--codex-site-max-width));
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-decision-card,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-eligibility-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .reviews-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .case-studies-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Compare .e-commerce-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing .pricing-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Process .ppc-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Meet-Andrew .meet-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #FAQs .faq-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-final-cta-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-signal-section .problem-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-main {
    width: var(--codex-ecom-mobile-content-width) !important;
    max-width: var(--codex-ecom-mobile-content-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Compare .e-commerce-list {
    width: 100% !important;
    max-width: 100% !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing.codex-pricing-section,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #FAQs.faq-section {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav--liquid .et-liquid-glass-nav__links {
    width: 100% !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav--liquid .et-liquid-glass-nav .codex-press-cta {
    display: none !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Pricing .pricing-section-main,
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav {
    width: calc(100% - 32px) !important;
  }
}

@media (max-width: 991px) {
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav__links {
    width: 100%;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-section-nav__cta {
    display: none;
  }
}

@media (max-width: 1024px) {
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Compare {
    overflow-x: clip;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) #Compare .e-commerce-list {
    max-width: 100%;
  }

  body .codex-ecom-hero-proof,
  body .codex-fee-calculator__grid,
  body .codex-fee-calculator__outputs,
  body .codex-fee-calculator__scenarios {
    grid-template-columns: 1fr 1fr;
  }

  body .codex-roas-lab__head,
  body .codex-roas-lab__canvas {
    grid-template-columns: 1fr;
  }

  body .codex-roas-lab__inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .codex-roas-lab__decision {
    grid-template-columns: 1fr;
  }

  body .codex-roas-lab__decision-copy > strong {
    max-width: 18ch;
  }

  body .codex-roas-lab__metrics,
  body .codex-roas-lab__stages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body .codex-performance-rules__grid {
    grid-template-columns: 1fr;
  }

  body .codex-ecom-decision-card,
  body .codex-ecom-eligibility-head {
    grid-template-columns: 1fr;
  }

  body .codex-comparison-grid {
    overflow-x: auto;
  }

  body .codex-comparison-row {
    min-width: 920px;
  }
}

@media (max-width: 700px) {
  body .codex-ecom-hero-proof,
  body .codex-performance-rules__grid,
  body .codex-fee-calculator__grid,
  body .codex-fee-calculator__outputs,
  body .codex-fee-calculator__scenarios {
    grid-template-columns: 1fr;
  }

  body .codex-roas-lab__inputs,
  body .codex-roas-lab__metrics,
  body .codex-roas-lab__stages {
    grid-template-columns: 1fr;
  }

  body .codex-roas-lab__decision,
  body .codex-roas-lab__input-group {
    border-radius: 22px;
  }

  body .codex-roas-lab__head {
    gap: 14px;
  }

  body .codex-roas-lab__head strong {
    font-size: clamp(31px, 10vw, 42px);
    line-height: 1;
  }

  body .codex-roas-lab__field-control {
    grid-template-columns: 40px minmax(0, 1fr) 40px;
  }

  body .codex-roas-lab__input-group input {
    font-size: 20px;
    padding-right: 6px;
    padding-left: 6px;
  }

  body .codex-roas-lab__decision {
    padding: 22px;
  }

  body .codex-roas-lab__decision-copy > strong {
    max-width: 100%;
    font-size: clamp(46px, 15vw, 66px);
  }

  body .codex-roas-lab__cta {
    width: 100%;
  }

  body .codex-ecom-fit-grid {
    grid-template-columns: 1fr;
  }

  body .codex-ecom-secondary-cta,
  body .codex-ecom-section-cta {
    width: 100%;
  }

  body .codex-ecom-fit-cta {
    width: fit-content;
  }

  body .codex-ecom-proof-card {
    min-height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .codex-ecom-proof-card,
  body .codex-ecom-secondary-cta,
  body .codex-ecom-section-cta,
  body .codex-ecom-fit-cta,
  body .codex-roas-lab__cta,
  body .codex-roas-lab__field-control,
  body .codex-roas-lab__input-group input,
  body .codex-roas-lab__stepper,
  body .codex-roas-lab__metrics > div,
  body .codex-roas-lab__stages > div {
    transition: none;
  }
}

/* 190-pre-made-offer.css */
/* Scoped polish for the legacy pre-made SEO audit offer page. */

body.codex-pre-made-offer {
  background: #f8faf7;
  color: #102235;
}

body.codex-pre-made-offer .main-wrapper {
  width: 100% !important;
  max-width: none !important;
  gap: 0 !important;
  overflow-x: clip;
}

body.codex-pre-made-offer .page-section-nav {
  --page-section-nav-offset: 98px;
  position: relative;
  top: auto;
  z-index: 2990;
  border-top: 0;
  border-bottom-color: rgba(16, 34, 53, 0.08);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 34px rgba(16, 34, 53, 0.06);
}

body.codex-pre-made-offer .page-section-nav__inner {
  min-height: 58px;
}

body.codex-pre-made-offer .page-section-nav__cta {
  display: none !important;
}

body.codex-pre-made-offer .navbar .nav-link.pricing-button {
  margin-right: 0 !important;
  padding-right: 22px !important;
  padding-left: 22px !important;
  -webkit-mask-image: none;
  mask-image: none;
}

body.codex-pre-made-offer .page-section-nav__cta:hover,
body.codex-pre-made-offer .page-section-nav__cta:focus-visible {
  background: #3ec400;
}

body.codex-pre-made-offer .codex-pre-offer-hero {
  position: relative;
  padding: clamp(58px, 6vw, 86px) 0 clamp(44px, 5.8vw, 78px) !important;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 246, 0.94)),
    #ffffff !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero::before {
  content: "";
  position: absolute;
  top: 10%;
  right: -9%;
  width: min(42vw, 620px);
  height: min(42vw, 620px);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(62, 196, 0, 0.12), rgba(62, 196, 0, 0) 66%);
  pointer-events: none;
}

body.codex-pre-made-offer .codex-pre-offer-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(16, 34, 53, 0), rgba(16, 34, 53, 0.12), rgba(16, 34, 53, 0));
}

body.codex-pre-made-offer .codex-pre-offer-hero-wrapper {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
  gap: clamp(34px, 5.4vw, 72px) !important;
  align-items: center !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

body.codex-pre-made-offer .codex-pre-offer-hero-copy {
  display: grid !important;
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0;
  justify-content: start !important;
  align-items: start !important;
  gap: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero-copy .head-section-main-title,
body.codex-pre-made-offer .codex-pre-offer-hero-copy .head-section-main-description---text,
body.codex-pre-made-offer .codex-pre-offer-hero-copy .head-section-buttons,
body.codex-pre-made-offer .codex-pre-offer-hero-copy .head-button-description {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

body.codex-pre-made-offer .codex-pre-offer-eyebrow {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 8px 12px;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: rgba(16, 34, 53, 0.7) !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
  width: min(100%, 760px);
  max-width: 12.6em !important;
  margin: 0 !important;
  color: #06121f !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: clamp(45px, 4.15vw, 64px) !important;
  font-weight: 780 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-wrap: balance;
}

body.codex-pre-made-offer .codex-pre-offer-hero .head-section-main-description---text {
  max-width: 62ch !important;
  margin-top: 24px !important;
  color: rgba(16, 34, 53, 0.76) !important;
  font-size: clamp(17px, 1.35vw, 20px) !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
  text-wrap: pretty;
}

body.codex-pre-made-offer .codex-pre-offer-hero .head-section-buttons {
  display: grid !important;
  gap: 14px !important;
  margin-top: 30px !important;
}

body.codex-pre-made-offer .codex-pre-offer-actions {
  display: inline-flex !important;
  grid-template-columns: none !important;
  grid-auto-flow: column;
  width: fit-content !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero .head-button {
  flex: 0 0 auto;
  width: auto !important;
  min-width: min(100%, 276px);
  min-height: 62px;
  margin: 0 !important;
  padding: 18px 30px !important;
  white-space: nowrap;
  transition:
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    filter 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-pre-made-offer .codex-pre-offer-hero .head-button:hover,
body.codex-pre-made-offer .codex-pre-offer-hero .head-button:focus-visible {
  box-shadow: 0 24px 52px rgba(62, 196, 0, 0.3), inset 0 -2px 0 rgba(0, 0, 0, 0.18) !important;
  filter: saturate(1.08) brightness(1.03);
  transform: translateY(-1px);
}

body.codex-pre-made-offer .codex-pre-offer-hero .head-button:active,
body.codex-pre-made-offer .codex-pre-offer-hero .head-button:hover:active,
body.codex-pre-made-offer .codex-pre-offer-hero .head-button.codex-magnetic-strike-button:hover:active,
html[data-wf-page] body.codex-pre-made-offer .codex-pre-offer-hero .head-button.codex-magnetic-strike-button:hover:active {
  box-shadow: 0 10px 22px rgba(62, 196, 0, 0.18), inset 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  filter: saturate(1.02) brightness(0.98) !important;
  transform: translateY(1px) scaleX(0.975) scaleY(0.95) !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button {
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 190px;
  min-height: 62px;
  margin: 0 !important;
  padding: 18px 24px !important;
  border: 1px solid rgba(16, 34, 53, 0.18) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 14px 30px rgba(16, 34, 53, 0.07);
  color: #102235 !important;
  font-family: "Space Grotesk", Arial, sans-serif;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.1;
  text-align: center;
  text-decoration: none !important;
  transition:
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button:hover,
body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button:focus-visible {
  border-color: rgba(62, 196, 0, 0.46) !important;
  box-shadow: 0 18px 38px rgba(16, 34, 53, 0.11);
  transform: translateY(-1px);
}

body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button:active {
  transform: translateY(1px) scaleX(0.975) scaleY(0.95);
}

body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button---text {
  color: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button---img {
  width: 22px;
  height: 22px;
  filter: brightness(0) saturate(100%) invert(10%) sepia(23%) saturate(1601%) hue-rotate(168deg) brightness(96%) contrast(92%);
}

body.codex-pre-made-offer .codex-pre-offer-hero .head-button-description {
  max-width: 60ch !important;
  color: rgba(16, 34, 53, 0.6) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.36 !important;
}

body.codex-pre-made-offer .codex-pre-offer-review {
  width: 100% !important;
  max-width: none !important;
  min-height: 400px !important;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(28px, 3vw, 42px) clamp(24px, 2.6vw, 36px) !important;
  border: 1px solid rgba(16, 34, 53, 0.1) !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 253, 249, 0.94)),
    #ffffff !important;
  box-shadow: 0 24px 70px rgba(16, 34, 53, 0.08) !important;
}

body.codex-pre-made-offer .codex-pre-offer-review .head-section-review-text {
  color: #102235 !important;
  font-size: clamp(16px, 1.26vw, 18px) !important;
  line-height: 1.48 !important;
}

body.codex-pre-made-offer .codex-pre-offer-hero .brand-logo-line {
  position: relative;
  z-index: 1;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: clamp(34px, 5vw, 62px) auto 0 !important;
}

body.codex-pre-made-offer .codex-pre-offer-pricing,
body.codex-pre-made-offer .codex-pre-offer-addons,
body.codex-pre-made-offer .codex-pre-offer-compare,
body.codex-pre-made-offer .codex-pre-offer-process {
  padding: clamp(62px, 6.6vw, 104px) 0 !important;
  background: #ffffff !important;
}

body.codex-pre-made-offer .codex-pre-offer-addons,
body.codex-pre-made-offer .codex-pre-offer-process {
  background: #f8faf7 !important;
}

body.codex-pre-made-offer .pricing-seo-main,
body.codex-pre-made-offer .seo-audit-main,
body.codex-pre-made-offer .seo-table-main,
body.codex-pre-made-offer .ppc-section-main {
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body.codex-pre-made-offer .pricing-seo-head,
body.codex-pre-made-offer .seo-audit-head,
body.codex-pre-made-offer .seo-table-head,
body.codex-pre-made-offer .ppc-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.62fr);
  gap: clamp(18px, 3vw, 44px) !important;
  align-items: end !important;
  width: 100% !important;
  max-width: none !important;
  margin-bottom: clamp(26px, 4vw, 46px) !important;
}

body.codex-pre-made-offer .pricing-seo-head .heading-label,
body.codex-pre-made-offer .seo-audit-head .heading-label,
body.codex-pre-made-offer .seo-table-head .heading-label,
body.codex-pre-made-offer .ppc-section-head .heading-label {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.codex-pre-made-offer .pricing-seo-head .heading-2,
body.codex-pre-made-offer .seo-audit-head .heading-2,
body.codex-pre-made-offer .seo-table-head .heading-2,
body.codex-pre-made-offer .ppc-section-head .heading-2 {
  max-width: 840px;
  margin: 0 !important;
  color: #102235 !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: clamp(36px, 4vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-wrap: balance;
}

body.codex-pre-made-offer .seo-table-head > div:not(.heading-label) {
  color: rgba(16, 34, 53, 0.68) !important;
  font-size: clamp(16px, 1.3vw, 19px) !important;
  line-height: 1.45 !important;
}

body.codex-pre-made-offer .pricing-seo-content,
body.codex-pre-made-offer .seo-audit-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body.codex-pre-made-offer .pricing-seo-content-item,
body.codex-pre-made-offer .seo-audit-content-item {
  position: relative;
  display: grid !important;
  align-content: start;
  gap: 18px;
  min-height: 100% !important;
  padding: clamp(22px, 2.8vw, 34px) !important;
  border: 1px solid rgba(16, 34, 53, 0.11) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(250, 252, 249, 0.96)),
    #ffffff !important;
  box-shadow: 0 18px 48px rgba(16, 34, 53, 0.065) !important;
  color: #102235 !important;
  overflow: hidden;
  transition:
    border-color 180ms cubic-bezier(0.23, 1, 0.32, 1),
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-pre-made-offer .pricing-seo-content-item.is-featured {
  border-color: rgba(62, 196, 0, 0.3) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(247, 252, 245, 0.96)),
    #ffffff !important;
  box-shadow: 0 24px 66px rgba(16, 34, 53, 0.1) !important;
}

body.codex-pre-made-offer .pricing-seo-content-item:hover,
body.codex-pre-made-offer .pricing-seo-content-item:focus-within,
body.codex-pre-made-offer .seo-audit-content-item:hover,
body.codex-pre-made-offer .seo-audit-content-item:focus-within {
  border-color: rgba(62, 196, 0, 0.34) !important;
  box-shadow: 0 24px 62px rgba(16, 34, 53, 0.1) !important;
  transform: translateY(-2px);
}

body.codex-pre-made-offer .label-most-popular,
body.codex-pre-made-offer .seo-audit-content-item-sale-label {
  width: fit-content !important;
  min-height: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(62, 196, 0, 0.28);
  border-radius: 999px !important;
  background: rgba(62, 196, 0, 0.08) !important;
  color: #245f0f !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.codex-pre-made-offer .label-most-popular---text,
body.codex-pre-made-offer .seo-audit-content-item-sale-label---text {
  color: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-head,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-head {
  display: grid !important;
  gap: 12px !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-head-title,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-heading {
  color: #102235 !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: clamp(23px, 2vw, 30px) !important;
  font-weight: 780 !important;
  line-height: 1.08 !important;
  text-wrap: pretty;
}

body.codex-pre-made-offer .pricing-seo-content-item-head-price,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-head-perprice,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-head-price {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: baseline;
  color: rgba(16, 34, 53, 0.55) !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-head-price---text,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-head-perprice---text {
  color: rgba(16, 34, 53, 0.48) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-decoration: line-through;
}

body.codex-pre-made-offer .text-span-16,
body.codex-pre-made-offer .text-span-17,
body.codex-pre-made-offer .pricing-seo-content-item-head-price > div:not(.pricing-seo-content-item-head-price---text),
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-head-price > div {
  color: #102235 !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: clamp(29px, 2.6vw, 38px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-cta-button {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 14px 18px !important;
  border: 1px solid rgba(62, 196, 0, 0.92) !important;
  border-radius: 999px !important;
  background: #3ec400 !important;
  box-shadow: 0 16px 34px rgba(62, 196, 0, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
  transition:
    box-shadow 180ms cubic-bezier(0.23, 1, 0.32, 1),
    filter 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 180ms cubic-bezier(0.23, 1, 0.32, 1);
}

body.codex-pre-made-offer .pricing-seo-content-item-cta-button.black {
  border-color: rgba(16, 34, 53, 0.94) !important;
  background: #102235 !important;
  box-shadow: 0 16px 34px rgba(16, 34, 53, 0.15), inset 0 -2px 0 rgba(255, 255, 255, 0.08) !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-cta-button:hover,
body.codex-pre-made-offer .pricing-seo-content-item-cta-button:focus-visible {
  box-shadow: 0 20px 42px rgba(62, 196, 0, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  filter: saturate(1.08) brightness(1.03);
  transform: translateY(-1px);
}

body.codex-pre-made-offer .pricing-seo-content-item-cta-button.black:hover,
body.codex-pre-made-offer .pricing-seo-content-item-cta-button.black:focus-visible {
  box-shadow: 0 20px 42px rgba(16, 34, 53, 0.22), inset 0 -2px 0 rgba(255, 255, 255, 0.1) !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-cta-button:active {
  box-shadow: 0 8px 18px rgba(17, 24, 12, 0.16), inset 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  transform: translateY(1px) scaleX(0.975) scaleY(0.95) !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-cta-button---text,
body.codex-pre-made-offer .pricing-seo-content-item-cta-button---text.white,
body.codex-pre-made-offer .pricing-seo-content-item-cta-button---text._400 {
  color: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-description,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description {
  display: grid !important;
  gap: 16px !important;
  color: rgba(16, 34, 53, 0.74) !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-description-wrapper,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-wrapper {
  display: grid !important;
  gap: 16px !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-description strong,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description strong {
  color: #102235 !important;
  font-weight: 850 !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-description ul,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-list {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-description li,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-list li {
  position: relative;
  padding-left: 24px;
  color: rgba(16, 34, 53, 0.72) !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
}

body.codex-pre-made-offer .pricing-seo-content-item-description li::before,
body.codex-pre-made-offer .seo-audit-content-item-sale-label-description-list li::before {
  content: "";
  position: absolute;
  top: 0.52em;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #3ec400;
  box-shadow: 0 0 0 4px rgba(62, 196, 0, 0.12);
}

body.codex-pre-made-offer .seo-table-content {
  overflow-x: auto !important;
  overflow-y: visible !important;
  max-height: none !important;
  padding: 0 !important;
  border: 1px solid rgba(16, 34, 53, 0.1);
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(16, 34, 53, 0.065);
}

body.codex-pre-made-offer .seo-table {
  min-width: 1040px;
  background: transparent !important;
}

body.codex-pre-made-offer .seo-table-row {
  display: grid !important;
  grid-template-columns: minmax(230px, 1.2fr) repeat(4, minmax(170px, 0.88fr));
  min-height: 68px;
  border-top: 1px solid rgba(16, 34, 53, 0.08);
  background: transparent !important;
}

body.codex-pre-made-offer .seo-table-row:first-child {
  min-height: 96px;
  border-top: 0;
}

body.codex-pre-made-offer .seo-table-call {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  min-height: 68px;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  border-left: 1px solid rgba(16, 34, 53, 0.08);
  background: #ffffff !important;
  color: rgba(16, 34, 53, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

body.codex-pre-made-offer .seo-table-call.first {
  justify-content: flex-start !important;
  border-left: 0;
  color: #102235 !important;
  font-weight: 800 !important;
  text-align: left !important;
}

body.codex-pre-made-offer .seo-table-row:first-child .seo-table-call,
body.codex-pre-made-offer .seo-table-call.title {
  background: #102235 !important;
  color: #ffffff !important;
}

body.codex-pre-made-offer .seo-table-row:first-child .seo-table-call {
  min-height: 96px;
}

body.codex-pre-made-offer .seo-table-row:first-child .seo-table-call.title {
  gap: 8px !important;
  padding: 18px 14px !important;
}

body.codex-pre-made-offer .seo-table-row:first-child .seo-table-call.first {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.codex-pre-made-offer .seo-table-call-title---text,
body.codex-pre-made-offer .seo-table-call-price---text,
body.codex-pre-made-offer .seo-table-call---text {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

body.codex-pre-made-offer .seo-table-call-title---text {
  font-weight: 850 !important;
}

body.codex-pre-made-offer .seo-table-call-price---text {
  margin: 0 !important;
  opacity: 0.74;
}

body.codex-pre-made-offer .seo-table-row:first-child .seo-table-call-price---text.mob {
  display: none !important;
}

body.codex-pre-made-offer .seo-table-call---img {
  width: 22px !important;
  height: 22px !important;
}

body.codex-pre-made-offer .codex-pre-offer-process {
  background: #102235 !important;
}

body.codex-pre-made-offer .codex-pre-offer-process .ppc-section-head .heading-2,
body.codex-pre-made-offer .codex-pre-offer-process .ppc-section-head .heading-2.white {
  color: #ffffff !important;
}

body.codex-pre-made-offer .ppc-section-step-wrapper {
  display: grid !important;
  gap: 14px !important;
}

body.codex-pre-made-offer .ppc-section-step {
  display: grid !important;
  grid-template-columns: 280px minmax(40px, 1fr) minmax(0, 1.2fr);
  gap: clamp(18px, 3vw, 36px) !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: clamp(20px, 2.5vw, 30px) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.codex-pre-made-offer .ppc-section-step-title {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px !important;
  align-items: center !important;
}

body.codex-pre-made-offer .ppc-section-step-title-number {
  display: inline-flex !important;
  width: 46px !important;
  height: 46px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(62, 196, 0, 0.38);
  border-radius: 999px;
  background: rgba(62, 196, 0, 0.12);
  color: #ffffff !important;
  font-weight: 850 !important;
}

body.codex-pre-made-offer .ppc-section-step-title-text {
  color: #ffffff !important;
  font-family: "Space Grotesk", Arial, sans-serif !important;
  font-size: clamp(19px, 1.6vw, 24px) !important;
  font-weight: 780 !important;
  line-height: 1.14 !important;
}

body.codex-pre-made-offer .ppc-section-step-line {
  width: 100% !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(62, 196, 0, 0.55), rgba(255, 255, 255, 0.12)) !important;
}

body.codex-pre-made-offer .ppc-section-step-description,
body.codex-pre-made-offer .ppc-section-step-description div {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: clamp(15px, 1.2vw, 17px) !important;
  line-height: 1.48 !important;
}

body.codex-pre-made-offer a:focus-visible,
body.codex-pre-made-offer .pricing-seo-content-item:focus-within,
body.codex-pre-made-offer .seo-audit-content-item:focus-within {
  outline: 3px solid rgba(62, 196, 0, 0.32);
  outline-offset: 3px;
}

@media screen and (max-width: 1180px) {
  body.codex-pre-made-offer .codex-pre-offer-hero-wrapper {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 400px);
    gap: 38px !important;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
    font-size: clamp(42px, 4.4vw, 58px) !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
  body.codex-pre-made-offer .codex-pre-offer-hero-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }

  body.codex-pre-made-offer .codex-pre-offer-hero-copy {
    max-width: 720px !important;
  }

  body.codex-pre-made-offer .codex-pre-offer-review {
    width: min(100%, 520px) !important;
    min-height: 0 !important;
  }
}

@media screen and (max-width: 991px) {
  body.codex-pre-made-offer .codex-pre-offer-hero-wrapper,
  body.codex-pre-made-offer .pricing-seo-head,
  body.codex-pre-made-offer .seo-audit-head,
  body.codex-pre-made-offer .seo-table-head,
  body.codex-pre-made-offer .ppc-section-head {
    grid-template-columns: 1fr;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero-copy {
    max-width: none !important;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
    max-width: 11.5em !important;
    font-size: clamp(36px, 5.8vw, 52px) !important;
    line-height: 1.04 !important;
    text-wrap: pretty;
  }

  body.codex-pre-made-offer .codex-pre-offer-review {
    min-height: 0 !important;
  }

  body.codex-pre-made-offer .pricing-seo-content,
  body.codex-pre-made-offer .seo-audit-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.codex-pre-made-offer .pricing-seo-content-item.is-featured {
    grid-column: span 2;
  }

  body.codex-pre-made-offer .ppc-section-step {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (min-width: 992px) and (max-width: 1320px) {
  body.codex-pre-made-offer .navbar .nav-cta-cluster,
  body.codex-pre-made-offer #codex-mobile-nav > .nav-cta-cluster,
  body.codex-pre-made-offer .navbar .nav-cta-cluster .nav-link.button {
    display: none !important;
  }

  body.codex-pre-made-offer .navbar .nav-link.pricing-button,
  body.codex-pre-made-offer #codex-mobile-nav .nav-link.pricing-button {
    display: none !important;
    margin-right: 0 !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
    -webkit-mask-image: none;
    mask-image: none;
  }

  body.codex-pre-made-offer #codex-mobile-nav > .dropdown-2:nth-child(3),
  body.codex-pre-made-offer #codex-mobile-nav > .dropdown-2:nth-child(4) {
    display: none !important;
  }
}

@media screen and (max-width: 1320px) {
  body.codex-pre-made-offer .page-section-nav__cta {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body.codex-pre-made-offer .page-section-nav {
    --page-section-nav-offset: 86px;
  }

  body.codex-pre-made-offer .page-section-nav__cta {
    display: none;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero {
    padding: 44px 0 54px !important;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero-wrapper,
  body.codex-pre-made-offer .codex-pre-offer-hero .brand-logo-line,
  body.codex-pre-made-offer .pricing-seo-main,
  body.codex-pre-made-offer .seo-audit-main,
  body.codex-pre-made-offer .seo-table-main,
  body.codex-pre-made-offer .ppc-section-main {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
    max-width: 100% !important;
    overflow-wrap: normal;
    word-break: normal;
    font-size: clamp(34px, 8.8vw, 42px) !important;
    line-height: 1.05 !important;
    text-wrap: pretty;
  }

  body.codex-pre-made-offer .codex-pre-offer-actions {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-auto-flow: row;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero .head-button,
  body.codex-pre-made-offer .codex-pre-offer-hero .see-an-example-button {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }

  body.codex-pre-made-offer .pricing-seo-content,
  body.codex-pre-made-offer .seo-audit-content {
    grid-template-columns: 1fr !important;
  }

  body.codex-pre-made-offer .pricing-seo-content-item.is-featured {
    grid-column: auto;
  }

  body.codex-pre-made-offer .seo-table {
    min-width: 880px;
  }

  body.codex-pre-made-offer .seo-table-row {
    grid-template-columns: minmax(190px, 1.1fr) repeat(4, minmax(160px, 0.86fr));
  }

  body.codex-pre-made-offer .ppc-section-step {
    padding: 20px !important;
  }

  body.codex-pre-made-offer .ppc-section-step-title {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  body.codex-pre-made-offer .ppc-section-step-title-number {
    width: 42px !important;
    height: 42px !important;
  }
}

@media screen and (max-width: 479px) {
  body.codex-pre-made-offer .page-section-nav__inner {
    width: 100% !important;
    padding-right: 12px;
    padding-left: 12px;
  }

  body.codex-pre-made-offer .page-section-nav__links {
    justify-content: space-between;
    gap: 2px;
    overflow-x: visible;
  }

  body.codex-pre-made-offer .page-section-nav__link {
    min-height: 36px;
    padding: 9px 8px;
    font-size: 12px;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
    font-size: clamp(32px, 9.6vw, 38px) !important;
    line-height: 1.06 !important;
  }

  body.codex-pre-made-offer .codex-pre-offer-hero .head-section-main-description---text {
    font-size: 16px !important;
  }

  body.codex-pre-made-offer .pricing-seo-content-item,
  body.codex-pre-made-offer .seo-audit-content-item {
    padding: 22px !important;
    border-radius: 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.codex-pre-made-offer .see-an-example-button,
  body.codex-pre-made-offer .pricing-seo-content-item,
  body.codex-pre-made-offer .seo-audit-content-item,
  body.codex-pre-made-offer .pricing-seo-content-item-cta-button {
    transition: none;
  }
}

/* 195-site-accent-overrides.css */
/* Route-level accent overrides */

body.site-theme,
body .site-theme {
  --codex-site-accent: #3ec400;
  --codex-site-accent-rgb: 62, 196, 0;
  --codex-site-accent-border: rgba(62, 196, 0, 0.9);
  --codex-site-accent-border-hover: rgba(62, 196, 0, 1);
  --codex-site-accent-soft: rgba(62, 196, 0, 0.12);
  --codex-site-accent-wash: rgba(62, 196, 0, 0.08);
  --codex-site-accent-faint: rgba(62, 196, 0, 0.06);
  --codex-site-accent-focus: rgba(62, 196, 0, 0.32);
  --codex-site-accent-readable: #245f0f;
  --codex-site-focus: #3ec400;
}

body.site-theme--orange,
body:has(.site-theme--orange),
body .site-theme--orange {
  --codex-site-accent: #ffb21a;
  --codex-site-accent-rgb: 255, 178, 26;
  --codex-site-accent-border: rgba(255, 178, 26, 0.95);
  --codex-site-accent-border-hover: rgba(255, 178, 26, 1);
  --codex-site-accent-soft: rgba(255, 178, 26, 0.16);
  --codex-site-accent-wash: rgba(255, 178, 26, 0.1);
  --codex-site-accent-faint: rgba(255, 178, 26, 0.07);
  --codex-site-accent-focus: rgba(255, 178, 26, 0.34);
  --codex-site-accent-readable: #8a5200;
  --codex-site-focus: #ffb21a;
}

body.site-theme--blue,
body:has(.site-theme--blue),
body .site-theme--blue {
  --codex-site-accent: #0a65d3;
  --codex-site-accent-rgb: 10, 101, 211;
  --codex-site-accent-border: rgba(10, 101, 211, 0.96);
  --codex-site-accent-border-hover: rgba(10, 101, 211, 1);
  --codex-site-accent-soft: rgba(10, 101, 211, 0.14);
  --codex-site-accent-wash: rgba(10, 101, 211, 0.08);
  --codex-site-accent-faint: rgba(10, 101, 211, 0.06);
  --codex-site-accent-focus: rgba(10, 101, 211, 0.3);
  --codex-site-accent-readable: #064179;
  --codex-site-focus: #0a65d3;
}

body.site-theme--purple,
body:has(.site-theme--purple),
body .site-theme--purple {
  --codex-site-accent: #550080;
  --codex-site-accent-hover: #49006f;
  --codex-site-accent-rgb: 85, 0, 128;
  --codex-site-accent-border: rgba(85, 0, 128, 0.96);
  --codex-site-accent-border-hover: rgba(85, 0, 128, 1);
  --codex-site-accent-soft: rgba(85, 0, 128, 0.13);
  --codex-site-accent-wash: rgba(85, 0, 128, 0.08);
  --codex-site-accent-faint: rgba(85, 0, 128, 0.05);
  --codex-site-accent-focus: rgba(85, 0, 128, 0.28);
  --codex-site-accent-readable: #550080;
  --codex-press-bg: #550080;
  --codex-press-bg-hover: #49006f;
  --codex-press-border: rgba(85, 0, 128, 0.96);
  --codex-press-border-hover: rgba(85, 0, 128, 1);
  --codex-press-shadow: 0 18px 42px rgba(85, 0, 128, 0.18), inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(85, 0, 128, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16);
  --codex-site-focus: #550080;
}

:is(body.site-theme, body .site-theme) .head-section .head-button,
:is(body.site-theme, body .site-theme) .contact-us-cta-button,
:is(body.site-theme, body .site-theme) .codex-path-cta,
:is(body.site-theme, body .site-theme) .codex-ecom-final-button,
:is(body.site-theme, body .site-theme) .codex-ecom-section-cta,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel > .codex-press-cta {
  min-height: 58px;
  padding: 16px 28px !important;
  border-color: var(--codex-site-accent-border) !important;
  background: var(--codex-site-accent) !important;
  background-color: var(--codex-site-accent) !important;
  box-shadow:
    0 18px 42px rgba(var(--codex-site-accent-rgb), 0.2),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-section-cta,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel > .codex-press-cta {
  gap: 8px;
  white-space: nowrap;
  transform-origin: center;
}

:is(body.site-theme, body .site-theme) .head-section .head-button:hover,
:is(body.site-theme, body .site-theme) .contact-us-cta-button:hover,
:is(body.site-theme, body .site-theme) .codex-path-cta:hover,
:is(body.site-theme, body .site-theme) .codex-ecom-final-button:hover,
:is(body.site-theme, body .site-theme) .codex-ecom-section-cta:hover,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel > .codex-press-cta:hover,
:is(body.site-theme, body .site-theme) .head-section .head-button:focus-visible,
:is(body.site-theme, body .site-theme) .contact-us-cta-button:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-cta:focus-visible,
:is(body.site-theme, body .site-theme) .codex-ecom-final-button:focus-visible,
:is(body.site-theme, body .site-theme) .codex-ecom-section-cta:focus-visible,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel > .codex-press-cta:focus-visible {
  border-color: var(--codex-site-accent-border-hover) !important;
  background: var(--codex-site-accent) !important;
  background-color: var(--codex-site-accent) !important;
  box-shadow:
    0 22px 48px rgba(var(--codex-site-accent-rgb), 0.26),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-section-cta:active,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel > .codex-press-cta:active {
  box-shadow: 0 8px 18px rgba(17, 24, 12, 0.16), inset 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  filter: saturate(1.02);
  transform: translateY(1px) scaleX(0.965) scaleY(0.94) !important;
  transition-duration: 90ms;
}

:is(body.site-theme, body .site-theme) .navbar .nav-link.button.codex-press-cta--accent {
  --codex-press-bg: var(--codex-site-accent, #3ec400);
  --codex-press-bg-hover: var(--codex-site-accent-hover, var(--codex-site-accent, #3ec400));
  --codex-press-border: var(--codex-site-accent-border, rgba(62, 196, 0, 0.9));
  --codex-press-border-hover: var(--codex-site-accent-border-hover, rgba(62, 196, 0, 1));
  --codex-press-shadow: 0 18px 42px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.2),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14);
  --codex-press-shadow-hover: 0 22px 48px rgba(var(--codex-site-accent-rgb, 62, 196, 0), 0.26),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16);
}

:is(body.site-theme, body .site-theme) .codex-ecom-final-copy > span,
:is(body.site-theme, body .site-theme) .cases-proof-note {
  color: color-mix(in srgb, var(--codex-site-accent-readable) 55%, #102235);
}

:is(body.site-theme, body .site-theme) .codex-path-progress-track span,
:is(body.site-theme, body .site-theme) .case-studies-content .cases-more-button::after,
:is(body.site-theme, body .site-theme) .codex-review-distribution-legend .is-line {
  background: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .case-studies-content .cases-more-button:focus-visible,
:is(body.site-theme, body .site-theme) .cases-main:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-quiz-card [data-path-back]:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-options button:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-contact-grid input:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-proof a:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-cta:focus-visible,
:is(body.site-theme, body .site-theme) .codex-ecom-final-button:focus-visible {
  outline-color: var(--codex-site-accent-focus) !important;
}

:is(body.site-theme, body .site-theme) .case-studies-content .cases-more-button:hover,
:is(body.site-theme, body .site-theme) .case-studies-content .cases-main:hover .cases-more-button {
  border-color: rgba(var(--codex-site-accent-rgb), 0.34) !important;
}

:is(body.site-theme, body .site-theme) .codex-review-distribution-area {
  fill: rgba(var(--codex-site-accent-rgb), 0.16) !important;
}

:is(body.site-theme, body .site-theme) .codex-review-distribution-line {
  stroke: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .codex-review-distribution-callout circle {
  stroke: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .codex-review-distribution-svg feDropShadow {
  flood-color: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .brand-logo.has-case-link:hover,
:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .brand-logo.has-case-link.is-logo-hovered,
:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .brand-logo.has-case-link:focus-visible,
:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:hover,
:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link.is-logo-hovered,
:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .codex-logo-marquee .brand-logo.has-case-link:focus-visible {
  border-color: rgba(var(--codex-site-accent-rgb), 0.42) !important;
}

:is(body.site-theme, body .site-theme) .codex-brand-logo-line-enriched .brand-logo.has-case-link:focus-visible {
  outline-color: rgba(var(--codex-site-accent-rgb), 0.38) !important;
}

:is(body.site-theme, body .site-theme) .brand-logo.has-case-link:hover .codex-logo-case-link,
:is(body.site-theme, body .site-theme) .brand-logo.has-case-link.is-logo-hovered .codex-logo-case-link,
:is(body.site-theme, body .site-theme) .brand-logo.has-case-link:focus-visible .codex-logo-case-link {
  border-color: rgba(var(--codex-site-accent-rgb), 0.5) !important;
  background: var(--codex-site-accent) !important;
  box-shadow:
    0 12px 24px rgba(var(--codex-site-accent-rgb), 0.24),
    inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
}

:is(body.site-theme, body .site-theme) .faq-section-list-point-button,
:is(body.site-theme, body .site-theme) .faq-section-list-point.codex-faq-open .faq-section-list-point-button,
:is(body.site-theme, body .site-theme) .faq-section-list-point:hover .faq-section-list-point-button {
  border-color: rgba(var(--codex-site-accent-rgb), 0.24) !important;
  background: var(--codex-site-accent-wash) !important;
  background-color: var(--codex-site-accent-soft) !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-proof-card:hover,
:is(body.site-theme, body .site-theme) .codex-ecom-proof-card:focus-visible,
:is(body.site-theme, body .site-theme) .codex-path-proof a:hover,
:is(body.site-theme, body .site-theme) .invest-section-main:hover,
:is(body.site-theme, body .site-theme) .reviews-point:hover,
:is(body.site-theme, body .site-theme) .cases-main:hover {
  border-color: rgba(var(--codex-site-accent-rgb), 0.32) !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-decision-copy span,
:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step::before,
:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-solution .problem-step::before {
  border-color: rgba(var(--codex-site-accent-rgb), 0.32) !important;
  background-color: var(--codex-site-accent-wash) !important;
  background-image: none !important;
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step::after {
  content: "";
  position: absolute;
  top: 24px;
  left: 26px;
  width: 22px;
  height: 22px;
  background-color: var(--codex-site-accent);
  pointer-events: none;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(1)::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 12.5c2.25-4.75 5.25-7.12 9-7.12 2.1 0 3.78.62 5.04 1.86M19.5 11.5c-2.25 4.75-5.25 7.12-9 7.12-2.1 0-3.78-.62-5.04-1.86M9.25 12a2.75 2.75 0 1 0 5.5 0 2.75 2.75 0 0 0-5.5 0Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 12.5c2.25-4.75 5.25-7.12 9-7.12 2.1 0 3.78.62 5.04 1.86M19.5 11.5c-2.25 4.75-5.25 7.12-9 7.12-2.1 0-3.78-.62-5.04-1.86M9.25 12a2.75 2.75 0 1 0 5.5 0 2.75 2.75 0 0 0-5.5 0Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(2)::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.25 12 4l7.5 4.25-7.5 4.25-7.5-4.25ZM4.5 12l7.5 4.25L19.5 12M4.5 15.75 12 20l7.5-4.25' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 8.25 12 4l7.5 4.25-7.5 4.25-7.5-4.25ZM4.5 12l7.5 4.25L19.5 12M4.5 15.75 12 20l7.5-4.25' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(3)::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5h14M7.5 4.5h9A2.5 2.5 0 0 1 19 7v10a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 17V7a2.5 2.5 0 0 1 2.5-2.5ZM8.5 11.25h4.75M8.5 14.75h7' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5h14M7.5 4.5h9A2.5 2.5 0 0 1 19 7v10a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 5 17V7a2.5 2.5 0 0 1 2.5-2.5ZM8.5 11.25h4.75M8.5 14.75h7' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step:nth-child(4)::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.25 18.5 7v5.25c0 3.95-2.5 6.1-6.5 7.5-4-1.4-6.5-3.55-6.5-7.5V7L12 4.25ZM9.2 12.1l1.9 1.9 3.9-4.15' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.25 18.5 7v5.25c0 3.95-2.5 6.1-6.5 7.5-4-1.4-6.5-3.55-6.5-7.5V7L12 4.25ZM9.2 12.1l1.9 1.9 3.9-4.15' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-solution .problem-step {
  position: relative;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-solution .problem-step::after {
  content: "";
  position: absolute;
  top: 23px;
  left: 23px;
  width: 14px;
  height: 14px;
  background-color: var(--codex-site-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 9.2 2.4 2.4L13.4 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5 9.2 2.4 2.4L13.4 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel li::before,
:is(body.site-theme, body .site-theme) .codex-ecom-fit-column:not(.codex-ecom-fit-column--not-yet) li::before,
:is(body.site-theme, body .site-theme) .codex-ecom-contact .contact-us-action-item::before {
  background: var(--codex-site-accent) !important;
  box-shadow: 0 0 0 5px var(--codex-site-accent-soft) !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-line {
  background:
    linear-gradient(
      90deg,
      rgba(var(--codex-site-accent-rgb), 0),
      var(--codex-site-accent) 16%,
      var(--codex-site-accent) 84%,
      rgba(var(--codex-site-accent-rgb), 0)
    ) !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-line::before {
  border-color: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) {
  padding: clamp(42px, 5vw, 76px) 0 !important;
  background: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-main {
  display: grid !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  gap: clamp(24px, 3.2vw, 38px) !important;
  margin: 0 auto !important;
  padding: clamp(28px, 4.2vw, 56px) !important;
  border: 1px solid rgba(16, 34, 53, 0.1) !important;
  border-radius: clamp(24px, 3.5vw, 34px) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 247, 0.94)),
    #ffffff !important;
  box-shadow: 0 26px 80px rgba(16, 34, 53, 0.075) !important;
  overflow: hidden;
  transform: none !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.86fr);
  gap: clamp(22px, 4vw, 60px) !important;
  align-items: end !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-title {
  display: grid !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-mark {
  width: fit-content;
  padding: 8px 12px !important;
  border: 1px solid rgba(var(--codex-site-accent-rgb), 0.3) !important;
  border-radius: 999px !important;
  background: var(--codex-site-accent-wash) !important;
  color: var(--codex-site-accent-readable) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-title .heading-2 {
  max-width: 980px;
  color: #102235 !important;
  font-size: clamp(34px, 4.1vw, 58px) !important;
  line-height: 1.03 !important;
  letter-spacing: 0 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-description {
  max-width: none !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(16, 34, 53, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.7);
  color: rgba(16, 34, 53, 0.72) !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-description > div {
  max-width: none !important;
  color: inherit !important;
  font-size: clamp(15px, 1.2vw, 17px) !important;
  line-height: 1.45 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-step-main {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-step {
  min-height: 0 !important;
  padding: clamp(20px, 2.2vw, 26px) !important;
  border: 1px solid rgba(16, 34, 53, 0.09) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 16px 38px rgba(16, 34, 53, 0.045);
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-step-title {
  margin-bottom: 12px !important;
  color: #102235 !important;
  font-size: clamp(16px, 1.25vw, 18px) !important;
  line-height: 1.16 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-step div:not(.problem-step-title) {
  color: rgba(16, 34, 53, 0.72) !important;
  font-size: clamp(15px, 1.12vw, 17px) !important;
  line-height: 1.42 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-line {
  position: relative;
  height: 2px !important;
  margin: clamp(10px, 1.7vw, 18px) 0 clamp(4px, 1vw, 10px) !important;
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      rgba(var(--codex-site-accent-rgb), 0),
      var(--codex-site-accent) 16%,
      var(--codex-site-accent) 84%,
      rgba(var(--codex-site-accent-rgb), 0)
    ) !important;
  box-shadow: none !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 13px;
  border: 2px solid var(--codex-site-accent);
  border-radius: 999px;
  background: #ffffff;
  transform: translate(-50%, -50%);
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution {
  display: grid !important;
  gap: clamp(20px, 3vw, 30px) !important;
  padding: clamp(24px, 3.6vw, 42px) !important;
  border-radius: clamp(20px, 3vw, 28px) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
    #102235 !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .heading-2 {
  color: #ffffff !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .problem-step {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .problem-step-title {
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .problem-step div:not(.problem-step-title) {
  color: rgba(255, 255, 255, 0.78) !important;
}

@media screen and (max-width: 991px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-head,
  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-step-main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-title {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 767px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-head,
  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-step-main {
    grid-template-columns: 1fr !important;
  }

  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-main {
    padding: 22px !important;
  }
}

:is(body.site-theme, body .site-theme) .codex-review-more,
:is(body.site-theme, body .site-theme) .codex-review-source-link:hover,
:is(body.site-theme, body .site-theme) .head-section-review.codex-review-slider a.head-section-review-rating-point---text:hover,
:is(body.site-theme, body .site-theme) .head-section-review.codex-review-slider a.head-section-review-rating-point---text:focus-visible {
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .codex-review-arrow:hover {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .codex-review-arrow:focus-visible {
  outline-color: var(--codex-site-accent-focus) !important;
}

:is(body.site-theme, body .site-theme) .codex-fee-calculator input:focus-visible {
  border-color: var(--codex-site-accent-border-hover) !important;
  box-shadow: 0 0 0 3px var(--codex-site-accent-focus) !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-fit-cta:hover,
:is(body.site-theme, body .site-theme) .codex-ecom-fit-cta:focus-visible,
:is(body.site-theme, body .site-theme) .link-8:hover,
:is(body.site-theme, body .site-theme) .footer-navigation-list---link:hover,
:is(body.site-theme, body .site-theme) .footer-down-info---text:hover {
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .meet-section-info-description blockquote {
  border-left-color: var(--codex-site-accent) !important;
}

:is(body.site-theme, body .site-theme) .invest-section-main-title---ai-label,
:is(body.site-theme, body .site-theme) .pricing-section-price-list-title {
  border-color: rgba(var(--codex-site-accent-rgb), 0.24) !important;
  background-color: var(--codex-site-accent-faint) !important;
}

:is(body.site-theme, body .site-theme) .codex-path-options button:not([data-path-value]) {
  --codex-path-option-accent: var(--codex-site-accent);
  --codex-path-option-accent-soft: var(--codex-site-accent-soft);
  --codex-path-option-accent-shadow: rgba(var(--codex-site-accent-rgb), 0.14);
}

:is(body.site-theme, body .site-theme) .dropdown-toggle-2.w--open,
:is(body.site-theme, body .site-theme) .dropdown-toggle-2:hover,
:is(body.site-theme, body .site-theme) .tab-link-tab-1:hover,
:is(body.site-theme, body .site-theme) .tab-link-tab-1.w--current,
:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-block:hover {
  border-color: rgba(var(--codex-site-accent-rgb), 0.28) !important;
  background-color: var(--codex-site-accent-wash) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--codex-site-accent-rgb), 0.12) !important;
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .dropdown-toggle-2,
:is(body.site-theme, body .site-theme) .tab-link-tab-1,
:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-block,
:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-8 {
  transform: none !important;
}

:is(body.site-theme, body .site-theme) .dropdown-toggle-2.w--open,
:is(body.site-theme, body .site-theme) .dropdown-toggle-2:hover,
:is(body.site-theme, body .site-theme) .tab-link-tab-1:hover,
:is(body.site-theme, body .site-theme) .tab-link-tab-1.w--current,
:is(body.site-theme, body .site-theme) .dropdown-list-2 a.link-block:hover,
:is(body.site-theme, body .site-theme) .dropdown-list-2 a.link-block:focus-visible,
:is(body.site-theme, body .site-theme) .dropdown-list-2 a.link-8:hover,
:is(body.site-theme, body .site-theme) .dropdown-list-2 a.link-8:focus-visible {
  border-color: rgba(var(--codex-site-accent-rgb), 0.24) !important;
  background-color: var(--codex-site-accent-wash) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--codex-site-accent-rgb), 0.12) !important;
  color: var(--codex-site-accent-readable) !important;
  transform: none !important;
}

:is(body.site-theme, body .site-theme) .dropdown-toggle-2.w--open .nav-link,
:is(body.site-theme, body .site-theme) .dropdown-toggle-2:hover .nav-link {
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .navbar .nav-link.pricing-button:hover,
:is(body.site-theme, body .site-theme) .navbar .nav-link.pricing-button:focus-visible {
  border-color: rgba(var(--codex-site-accent-rgb), 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 1px 0 0 rgba(255, 255, 255, 0.82),
    inset -1px 0 0 rgba(var(--codex-site-accent-rgb), 0.12),
    inset 0 -3px 0 rgba(var(--codex-site-accent-rgb), 0.13),
    0 22px 48px rgba(var(--codex-site-accent-rgb), 0.12) !important;
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .navbar .nav-link.pricing-button:focus-visible {
  outline: 2px solid var(--codex-site-accent-focus) !important;
  outline-offset: 3px;
}

:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-block[aria-disabled="true"] {
  border-color: rgba(16, 34, 53, 0.08) !important;
  background: rgba(16, 34, 53, 0.045) !important;
  box-shadow: inset 0 0 0 1px rgba(16, 34, 53, 0.035) !important;
  color: rgba(16, 34, 53, 0.66) !important;
  transform: none !important;
}

:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-block[aria-disabled="true"] .text-block-33 {
  color: rgba(16, 34, 53, 0.66) !important;
}

:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-block[aria-disabled="true"] .text-block-34 {
  color: rgba(16, 34, 53, 0.63) !important;
}

:is(body.site-theme, body .site-theme) .dropdown-list-2 .link-8[aria-disabled="true"] {
  background: rgba(16, 34, 53, 0.05) !important;
  box-shadow: inset 0 0 0 1px rgba(16, 34, 53, 0.08) !important;
  color: rgba(16, 34, 53, 0.62) !important;
  transform: none !important;
}

:is(body.site-theme, body .site-theme) .tab-link-tab-1:focus-visible {
  outline-color: var(--codex-site-accent-focus) !important;
}

:is(body.site-theme, body .site-theme) .problem-step-link:hover,
:is(body.site-theme, body .site-theme) .invest-section-main-description-link-item:hover {
  border-color: rgba(var(--codex-site-accent-rgb), 0.28) !important;
  background-color: var(--codex-site-accent-wash) !important;
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .problem-step-link,
:is(body.site-theme, body .site-theme) .invest-section-main-description-link-item {
  gap: 9px !important;
}

:is(body.site-theme, body .site-theme) .problem-step-link .problem-step-link---img,
:is(body.site-theme, body .site-theme) .invest-section-main-description-link-item .invest-section-main-description-link-item---img {
  width: 14px !important;
  height: 10px !important;
  flex: 0 0 14px;
  object-fit: contain;
  transform: translateY(0) !important;
}

:is(body.site-theme, body .site-theme) .problem-step-link:hover .problem-step-link---img,
:is(body.site-theme, body .site-theme) .invest-section-main-description-link-item:hover .invest-section-main-description-link-item---img {
  transform: translateX(2px) translateY(0) !important;
}

:is(body.site-theme, body .site-theme) .problem-step-link:focus-visible,
:is(body.site-theme, body .site-theme) .invest-section-main-description-link-item:focus-visible {
  outline-color: var(--codex-site-accent-focus) !important;
}

:is(body.site-theme, body .site-theme) .head-section .head-button.codex-magnetic-strike-button:hover,
html[data-wf-page] :is(body.site-theme, body .site-theme) .head-section .head-button.codex-magnetic-strike-button:hover {
  border-color: var(--codex-site-accent-border-hover) !important;
  background-color: var(--codex-site-accent) !important;
  box-shadow:
    0 24px 52px rgba(var(--codex-site-accent-rgb), 0.3),
    inset 0 -2px 0 rgba(0, 0, 0, 0.18) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point a.services-type-content-point-button:hover {
  filter: saturate(1.04) brightness(1.01) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.green a.services-type-content-point-button:hover {
  border-color: rgba(62, 196, 0, 1) !important;
  background-color: #3ec400 !important;
  box-shadow: 0 22px 48px rgba(62, 196, 0, 0.26), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.orange a.services-type-content-point-button:hover {
  border-color: rgba(255, 178, 26, 1) !important;
  background-color: #ffb21a !important;
  box-shadow: 0 22px 48px rgba(255, 178, 26, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.15) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.blue a.services-type-content-point-button:hover {
  border-color: rgba(10, 101, 211, 1) !important;
  background-color: #0a65d3 !important;
  box-shadow: 0 22px 48px rgba(10, 101, 211, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.coral a.services-type-content-point-button:hover {
  border-color: rgba(240, 90, 40, 1) !important;
  background-color: #f05a28 !important;
  box-shadow: 0 22px 48px rgba(240, 90, 40, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.violet a.services-type-content-point-button:hover {
  border-color: rgba(124, 58, 237, 1) !important;
  background-color: #7c3aed !important;
  box-shadow: 0 22px 48px rgba(124, 58, 237, 0.22), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.teal a.services-type-content-point-button:hover {
  border-color: rgba(7, 140, 127, 1) !important;
  background-color: #078c7f !important;
  box-shadow: 0 22px 48px rgba(7, 140, 127, 0.24), inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.green a.services-type-content-point-button:focus,
:is(body.site-theme, body .site-theme) .services-type-content-point.green a.services-type-content-point-button:focus-visible {
  outline-color: rgba(62, 196, 0, 0.38) !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.orange a.services-type-content-point-button:focus,
:is(body.site-theme, body .site-theme) .services-type-content-point.orange a.services-type-content-point-button:focus-visible {
  outline-color: rgba(255, 178, 26, 0.42) !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.blue a.services-type-content-point-button:focus,
:is(body.site-theme, body .site-theme) .services-type-content-point.blue a.services-type-content-point-button:focus-visible {
  outline-color: rgba(10, 101, 211, 0.42) !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.coral a.services-type-content-point-button:focus,
:is(body.site-theme, body .site-theme) .services-type-content-point.coral a.services-type-content-point-button:focus-visible {
  outline-color: rgba(240, 90, 40, 0.4) !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.violet a.services-type-content-point-button:focus,
:is(body.site-theme, body .site-theme) .services-type-content-point.violet a.services-type-content-point-button:focus-visible {
  outline-color: rgba(124, 58, 237, 0.4) !important;
}

:is(body.site-theme, body .site-theme) .services-type-content-point.teal a.services-type-content-point-button:focus,
:is(body.site-theme, body .site-theme) .services-type-content-point.teal a.services-type-content-point-button:focus-visible {
  outline-color: rgba(7, 140, 127, 0.42) !important;
}

:is(body.site-theme, body .site-theme) .faq-section-list-point-button,
:is(body.site-theme, body .site-theme) .faq-section-list-point.codex-faq-open .faq-section-list-point-button,
:is(body.site-theme, body .site-theme) .faq-section-list-point:hover .faq-section-list-point-button {
  border-color: rgba(var(--codex-site-accent-rgb), 0.24) !important;
  background-color: var(--codex-site-accent-soft) !important;
}

:is(body.site-theme, body .site-theme) .problem-section-main:nth-child(even),
:is(body.site-theme, body .site-theme) .problem-section-main:nth-child(even)::before,
:is(body.site-theme, body .site-theme) .problem-section-main:nth-child(2)::before,
:is(body.site-theme, body .site-theme) .problem-section-main:nth-child(4)::before,
:is(body.site-theme, body .site-theme) .problem-section-main:nth-child(even) .problem-section-mark {
  border-color: rgba(var(--codex-site-accent-rgb), 0.28) !important;
  background-color: var(--codex-site-accent-wash) !important;
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .codex-offer-primary,
:is(body.site-theme, body .site-theme).codex-offer-page .codex-offer-primary,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-content-item-cta-button:not(.black) {
  border-color: var(--codex-site-accent-border) !important;
  background: var(--codex-site-accent) !important;
  box-shadow:
    0 18px 42px rgba(var(--codex-site-accent-rgb), 0.2),
    inset 0 -2px 0 rgba(0, 0, 0, 0.14) !important;
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .codex-offer-primary:hover,
:is(body.site-theme, body .site-theme).codex-offer-page .codex-offer-primary:hover,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-content-item-cta-button:not(.black):hover,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-content-item-cta-button:not(.black):focus-visible {
  border-color: var(--codex-site-accent-border-hover) !important;
  background: var(--codex-site-accent) !important;
  box-shadow:
    0 22px 48px rgba(var(--codex-site-accent-rgb), 0.26),
    inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
}

:is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-content-item-description li::before,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .seo-audit-content-item-sale-label-description-list li::before,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .codex-addon-item::before {
  background: var(--codex-site-accent) !important;
  box-shadow: 0 0 0 4px var(--codex-site-accent-soft) !important;
}

:is(body.site-theme, body .site-theme) .codex-offer-card:hover,
:is(body.site-theme, body .site-theme) .codex-proof-card:hover,
:is(body.site-theme, body .site-theme) .codex-review-card:hover,
:is(body.site-theme, body .site-theme) .codex-offer-tier:hover,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-content-item:hover,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .seo-audit-content-item-sale-label:hover {
  border-color: rgba(var(--codex-site-accent-rgb), 0.28) !important;
}

:is(body.site-theme, body .site-theme) .codex-offer-card span,
:is(body.site-theme, body .site-theme) .codex-proof-card span,
:is(body.site-theme, body .site-theme) .codex-review-card span,
:is(body.site-theme, body .site-theme) .codex-offer-tier span,
:is(body.site-theme, body .site-theme) .codex-offer-founder-panel span {
  border-color: rgba(var(--codex-site-accent-rgb), 0.2) !important;
  background-color: var(--codex-site-accent-wash) !important;
  color: var(--codex-site-accent-readable) !important;
}

:is(body.site-theme, body .site-theme) .codex-offer-card::after,
:is(body.site-theme, body .site-theme) .codex-review-card::after,
:is(body.site-theme, body .site-theme) .codex-offer-tier::after {
  background: radial-gradient(circle, rgba(var(--codex-site-accent-rgb), 0.18), rgba(var(--codex-site-accent-rgb), 0)) !important;
}

:is(body.site-theme, body .site-theme) .codex-offer-split {
  background:
    radial-gradient(circle at 92% 12%, rgba(var(--codex-site-accent-rgb), 0.16), rgba(var(--codex-site-accent-rgb), 0) 22rem),
    rgba(255, 255, 255, 0.78) !important;
}

/* Site-wide type scale normalization for code-owned and legacy marketing pages. */
:is(body.site-theme, body .site-theme) h1,
:is(body.site-theme, body .site-theme) h1.heading-1,
:is(body.site-theme, body .site-theme) h1.heading-3,
:is(body.site-theme, body .site-theme) .head-section h1.heading-3,
:is(body.site-theme, body .site-theme) .codex-ecom-hero .codex-ecom-hero-main .heading-1,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
  color: #102235 !important;
  font-family: "Space Grotesk", "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(38px, 3.1vw, 42px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal;
  text-wrap: balance;
}

:is(body.site-theme, body .site-theme) h2,
:is(body.site-theme, body .site-theme) .heading-2,
:is(body.site-theme, body .site-theme) .heading-2.white,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-copy h2,
:is(body.site-theme, body .site-theme) .codex-ecom-final-copy h2,
:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-title .heading-2,
:is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-solution .heading-2,
:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-title .heading-2,
:is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .heading-2,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-head .heading-2,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .seo-audit-head .heading-2,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .seo-table-head .heading-2,
:is(body.site-theme, body .site-theme).codex-pre-made-offer .ppc-section-head .heading-2 {
  color: #102235 !important;
  font-family: "Space Grotesk", "Nunito Sans", Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-wrap: balance;
}

:is(body.site-theme, body .site-theme) h3,
:is(body.site-theme, body .site-theme) .services-type-content-point-description---title,
:is(body.site-theme, body .site-theme) .codex-performance-rules__head h3,
:is(body.site-theme, body .site-theme) .codex-path-result h3 {
  color: #102235 !important;
  font-family: "Space Grotesk", "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(24px, 2.05vw, 30px) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html :is(body.site-theme, body .site-theme) #Pricing .codex-pricing-head h2,
html :is(body.site-theme, body .site-theme) #services .services-type-head .heading-2,
html :is(body.site-theme, body .site-theme) #services.codex-decision-engine .services-type-head .heading-2,
html :is(body.site-theme, body .site-theme) .case-studies-head .heading-2,
html :is(body.site-theme, body .site-theme) .ppc-section-head .heading-2,
html :is(body.site-theme, body .site-theme) .reviews-section-head .heading-2,
html :is(body.site-theme, body .site-theme) .faq-section .heading-2.white {
  color: #102235 !important;
  font-family: "Space Grotesk", "Nunito Sans", Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

:is(body.site-theme, body .site-theme) .codex-section-heading,
:is(body.site-theme, body .site-theme) .heading-label,
:is(body.site-theme, body .site-theme) .heading-label:has(> .heading-2),
html :is(body.site-theme, body .site-theme) .case-studies-head .heading-label,
html :is(body.site-theme, body .site-theme) .reviews-section-head .heading-label,
html :is(body.site-theme, body .site-theme) .faq-section-head .heading-label,
html :is(body.site-theme, body .site-theme) .ppc-section-head .heading-label,
html :is(body.site-theme, body .site-theme) .pricing-seo-head .heading-label,
html :is(body.site-theme, body .site-theme) .seo-audit-head .heading-label,
html :is(body.site-theme, body .site-theme) .seo-table-head .heading-label,
html :is(body.site-theme, body .site-theme) .services-type-head .heading-label {
  width: auto !important;
  max-width: min(100%, 900px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

:is(body.site-theme, body .site-theme) .heading-label > .heading-2,
:is(body.site-theme, body .site-theme) .heading-label > .heading-2.white,
html :is(body.site-theme, body .site-theme) .case-studies-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .reviews-section-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .faq-section-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .ppc-section-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .pricing-seo-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .seo-audit-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .seo-table-head .heading-label > .heading-2,
html :is(body.site-theme, body .site-theme) .services-type-head .heading-label > .heading-2 {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:is(body.site-theme, body .site-theme) .codex-section-heading--plain,
:is(body.site-theme, body .site-theme) .heading-label:has(> .heading-2:not(.white)) > .heading-2 {
  color: #102235 !important;
}

:is(body.site-theme, body .site-theme) .codex-section-heading--inverse,
:is(body.site-theme, body .site-theme) .codex-section-heading--inverse > .heading-2,
:is(body.site-theme, body .site-theme) .problem-section-solution .heading-label,
:is(body.site-theme, body .site-theme) .problem-section-solution .heading-label > .heading-2,
:is(body.site-theme, body .site-theme) section[style*="#102235"] .heading-label > .heading-2,
:is(body.site-theme, body .site-theme).codex-offer-page #FAQs .heading-label > .heading-2 {
  color: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .problem-section-solution .heading-2,
html :is(body.site-theme, body .site-theme) .problem-section-solution .heading-2 {
  color: #ffffff !important;
}

/* Homepage-specific repairs after the site-wide heading and problem-section normalization. */
:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-main {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-content: start !important;
  gap: clamp(16px, 1.9vw, 24px) !important;
  width: auto !important;
  max-width: none !important;
  min-height: clamp(226px, 20vw, 270px) !important;
  margin: 0 !important;
  padding: clamp(24px, 2.8vw, 36px) !important;
  border-radius: 22px !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-head {
  display: grid !important;
  grid-column: 2 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(12px, 1.3vw, 18px) !important;
  align-items: start !important;
  min-width: 0 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-title {
  gap: clamp(12px, 1.25vw, 16px) !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .heading-2 {
  color: #102235 !important;
  font-size: clamp(28px, 2.18vw, 36px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-description {
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(16, 34, 53, 0.7) !important;
  font-weight: 500 !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-description > div {
  max-width: 430px !important;
  color: inherit !important;
  font-size: clamp(15px, 1.16vw, 17px) !important;
  font-weight: 500 !important;
  line-height: 1.48 !important;
}

:is(body.site-theme, body .site-theme) .codex-path-quiz-card .codex-path-selector-head h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) > .problem-section-main {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: clamp(16px, 1.9vw, 24px) !important;
}

.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) .problem-section-head {
  grid-column: 2 !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(12px, 1.3vw, 18px) !important;
}

.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) .problem-section-description {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media screen and (max-width: 991px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main {
    grid-template-columns: 1fr !important;
  }

  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 18px !important;
  }

  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) > .problem-section-main {
    display: grid !important;
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
    display: grid !important;
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-main {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  :is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-section-head {
    grid-column: 1 !important;
  }

  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) > .problem-section-main {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
  }

  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) .problem-section-head {
    grid-column: 1 !important;
  }

  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
    display: grid !important;
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-head,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-head,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-head,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-head {
    grid-column: 1 !important;
    min-width: 0 !important;
  }
}

/* Homepage problem block: keep the section unframed and let the cards carry the layout. */
:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section {
  padding: clamp(54px, 6vw, 92px) 0 !important;
  background: #ffffff !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main,
.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
  position: relative !important;
  display: grid !important;
  grid-area: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-template-columns: minmax(0, min(100%, 430px)) !important;
  align-content: center !important;
  justify-content: center !important;
  justify-items: center !important;
  gap: clamp(14px, 1.4vw, 18px) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: clamp(230px, 20.5vw, 286px) !important;
  padding: clamp(22px, 2.55vw, 32px) !important;
  border: 0 !important;
  border-radius: clamp(20px, 2.6vw, 28px) !important;
  background: #ffffff !important;
  box-shadow: none !important;
  text-align: center !important;
  overflow: hidden !important;
}

#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018)),
    #102235 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main::before,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main::before,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main::before,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main::before {
  content: "";
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background-color: var(--codex-site-accent-wash) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 7.5h13.5M7 4.75h10a2.25 2.25 0 0 1 2.25 2.25v10A2.25 2.25 0 0 1 17 19.25H7A2.25 2.25 0 0 1 4.75 17V7A2.25 2.25 0 0 1 7 4.75Z' stroke='%233ec400' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.25 11.5h4.8M8.25 15h7.5' stroke='%233ec400' stroke-width='1.35' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main::before,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main::before {
  border-color: rgba(62, 196, 0, 0.5) !important;
  background-color: rgba(62, 196, 0, 0.12) !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.2 12.3 3.4 3.35L17.9 7.6' stroke='%233ec400' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 16.5h14.5M7 13.25l3.15-3.15 2.55 2.55L17.25 8' stroke='%233ec400' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 19.25h11A1.75 1.75 0 0 0 19.25 17.5v-11A1.75 1.75 0 0 0 17.5 4.75h-11A1.75 1.75 0 0 0 4.75 6.5v11A1.75 1.75 0 0 0 6.5 19.25Z' stroke='%233ec400' stroke-width='1.35'/%3E%3C/svg%3E") !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-head,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-head,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-head,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-head {
  display: grid !important;
  grid-column: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(12px, 1.2vw, 16px) !important;
  justify-items: center !important;
  text-align: center !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-title,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-title,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-title,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-title {
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}

#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .heading-2,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .heading-2 {
  color: #ffffff !important;
}

#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-mark,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-mark {
  border: 0 !important;
  background-color: rgba(62, 196, 0, 0.13) !important;
  color: #bdf2a7 !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-mark,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-mark {
  border: 0 !important;
}

#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description > div,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description > div {
  color: rgba(255, 255, 255, 0.78) !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description > div,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description > div,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description > div,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description > div {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

@media screen and (max-width: 991px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main,
  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
    grid-template-columns: 1fr !important;
  }

  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
    grid-column: 1 / -1 !important;
    min-height: auto !important;
  }
}

@media screen and (max-width: 767px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main,
  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
    padding: 0 !important;
  }
}

/* Final homepage problem-section reset: no framed parent section, left-aligned cards. */
:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section {
  background: #ffffff !important;
  box-shadow: none !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main,
.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: min(var(--codex-site-max-width), calc(100% - var(--codex-site-gutter))) !important;
  max-width: var(--codex-site-max-width) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-content: center !important;
  justify-content: stretch !important;
  justify-items: start !important;
  gap: clamp(16px, 1.7vw, 22px) !important;
  width: auto !important;
  min-height: clamp(230px, 20.5vw, 286px) !important;
  padding: clamp(24px, 2.8vw, 36px) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main {
  border: 1px solid rgba(16, 34, 53, 0.12) !important;
  box-shadow: 0 18px 42px rgba(16, 34, 53, 0.055) !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main::before,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main::before,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main::before,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main::before {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-head,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-head,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-head,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-head {
  grid-column: 2 !important;
  justify-items: start !important;
  text-align: left !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-title,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-title,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-title,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-title {
  align-items: flex-start !important;
  justify-items: start !important;
  text-align: left !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .heading-2,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .heading-2,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .heading-2,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .heading-2,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description > div,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description > div,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description > div,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description > div {
  margin-right: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

@media screen and (max-width: 991px) {
  :is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section .problem-main,
  .site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
    grid-template-columns: 1fr !important;
  }

  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-head,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-head,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-head,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-head {
    grid-column: 1 !important;
  }
}

:is(body.site-theme, body .site-theme) .head-description-text,
:is(body.site-theme, body .site-theme) .head-section-main-description---text,
:is(body.site-theme, body .site-theme) .head-description > div,
:is(body.site-theme, body .site-theme) .codex-ecom-decision-copy p,
:is(body.site-theme, body .site-theme) .codex-ecom-final-copy p,
:is(body.site-theme, body .site-theme) .codex-ecom-first-call li,
:is(body.site-theme, body .site-theme) .codex-ecom-fit-column li,
:is(body.site-theme, body .site-theme) .codex-founder-bullets p {
  font-size: clamp(16px, 1.05vw, 18px) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-hero .head-description-text {
  max-width: 64ch !important;
  font-size: clamp(16px, 1.05vw, 18px) !important;
  line-height: 1.43 !important;
}

:is(body.site-theme, body .site-theme) .codex-ecom-decision-panel li::first-letter,
:is(body.site-theme, body .site-theme) .codex-ecom-fit-column li::first-letter,
:is(body.site-theme, body .site-theme) .codex-founder-bullets p::first-letter,
:is(body.site-theme, body .site-theme) .contact-us-action-item::first-letter {
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  :is(body.site-theme, body .site-theme) h1,
  :is(body.site-theme, body .site-theme) h1.heading-1,
  :is(body.site-theme, body .site-theme) h1.heading-3,
  :is(body.site-theme, body .site-theme) .head-section h1.heading-3,
  :is(body.site-theme, body .site-theme) .codex-ecom-hero .codex-ecom-hero-main .heading-1,
  :is(body.site-theme, body .site-theme).codex-pre-made-offer .codex-pre-offer-hero h1.heading-3 {
    font-size: clamp(34px, 9.4vw, 40px) !important;
    line-height: 1.08 !important;
  }

  :is(body.site-theme, body .site-theme) h2,
  :is(body.site-theme, body .site-theme) .heading-2,
  :is(body.site-theme, body .site-theme) .heading-2.white,
  :is(body.site-theme, body .site-theme) .codex-ecom-decision-copy h2,
  :is(body.site-theme, body .site-theme) .codex-ecom-final-copy h2,
  :is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-title .heading-2,
  :is(body.site-theme, body .site-theme) .codex-ecom-signal-section .problem-section-solution .heading-2,
  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-title .heading-2,
  :is(body.site-theme, body .site-theme) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .heading-2,
  :is(body.site-theme, body .site-theme).codex-pre-made-offer .pricing-seo-head .heading-2,
  :is(body.site-theme, body .site-theme).codex-pre-made-offer .seo-audit-head .heading-2,
  :is(body.site-theme, body .site-theme).codex-pre-made-offer .seo-table-head .heading-2,
  :is(body.site-theme, body .site-theme).codex-pre-made-offer .ppc-section-head .heading-2 {
    font-size: clamp(30px, 8.4vw, 38px) !important;
    line-height: 1.14 !important;
  }

  :is(body.site-theme, body .site-theme) h3,
  :is(body.site-theme, body .site-theme) .services-type-content-point-description---title,
  :is(body.site-theme, body .site-theme) .codex-performance-rules__head h3,
  :is(body.site-theme, body .site-theme) .codex-path-result h3 {
    font-size: clamp(22px, 6.2vw, 30px) !important;
    line-height: 1.14 !important;
  }
}

html body.site-theme--orange .codex-ecom-signal-section .problem-section-solution > h2.heading-2,
html body.site-theme--orange .codex-ecom-signal-section .problem-section-solution .heading-2,
html body.site-theme--orange .main-wrapper > .codex-ecom-signal-section .problem-section-solution > h2.heading-2 {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.site-theme--orange .codex-ecom-signal-section .problem-section-line {
  height: 2px !important;
  background:
    linear-gradient(
      90deg,
      rgba(255, 178, 26, 0),
      #ffb21a 16%,
      #ffb21a 84%,
      rgba(255, 178, 26, 0)
    ) !important;
  box-shadow: none !important;
}

html body.site-theme--orange .codex-ecom-signal-section .problem-section-line::before {
  border-color: #ffb21a !important;
  background: #ffffff !important;
}

html body.site-theme--orange .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step::before {
  border-color: rgba(255, 178, 26, 0.32) !important;
  background-color: rgba(255, 178, 26, 0.1) !important;
  background-image: none !important;
}

html body.site-theme--orange .codex-ecom-signal-section .problem-section-main > .problem-step-main > .problem-step::after {
  top: 24px !important;
  left: 26px !important;
  width: 22px !important;
  height: 22px !important;
  background-color: #ffb21a !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-signal-section .problem-section-line,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-line {
  display: none !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-signal-section .problem-section-line::before,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-line::before {
  content: none !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-ecom-signal-section .problem-section-solution .heading-2,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .main-wrapper > .problem-section:not(.codex-ecom-signal-section) .problem-section-solution .heading-2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .codex-fee-card-best {
  border-color: rgba(255, 178, 26, 0.24) !important;
  background: rgba(255, 178, 26, 0.1) !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) a:focus-visible,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) button:focus-visible,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .w-nav-button:focus-visible,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .faq-section-list-point:focus-visible,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .dropdown-toggle-2:focus-visible,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .tab-link-tab-1:focus-visible {
  outline: 2px solid rgba(255, 178, 26, 0.58) !important;
  outline-offset: 3px !important;
}

:is(body.site-theme, body .site-theme) .main-wrapper {
  gap: clamp(48px, 4vw, 56px) !important;
}

:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .menu-button-2:hover,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .menu-button-2.w--open,
:is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .menu-button-2[aria-expanded="true"] {
  border-color: rgba(255, 178, 26, 0.28) !important;
  background: rgba(255, 178, 26, 0.12) !important;
  color: #8a5200 !important;
}

@media (max-width: 991px) {
  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) {
    align-items: stretch !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) > .site-theme {
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: clip;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .main-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    overflow-x: clip;
  }

  :is(body.codex-cro-ecommerce, body:has(.codex-cro-ecommerce-page)) .main-wrapper > section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 767px) {
  :is(body.site-theme, body .site-theme) .main-wrapper {
    gap: 36px !important;
  }
}

/* Final services-grid consistency pass for the homepage decision cards. */
html body #services.codex-decision-engine .codex-decision-engine-intro {
  max-width: 48ch !important;
  margin: 6px 0 0 !important;
  padding-left: 18px !important;
  border-left: 2px solid rgba(16, 34, 53, 0.12) !important;
  color: rgba(16, 34, 53, 0.72) !important;
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(16px, 1.08vw, 17px) !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
}

@media (min-width: 992px) {
  html body #services.codex-decision-engine .services-type-content {
    width: 100% !important;
  }

  html body #services.codex-decision-engine .services-type-content-point {
    width: 85% !important;
    max-width: 85% !important;
  }

  html body #services.codex-decision-engine .services-type-content-point:nth-child(odd) {
    justify-self: start !important;
  }

  html body #services.codex-decision-engine .services-type-content-point:nth-child(even) {
    justify-self: end !important;
  }
}

html body #services.codex-decision-engine .services-type-content-point-description---title {
  max-width: none !important;
  color: #102235 !important;
  font-family: "Space Grotesk", "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(28px, 2.05vw, 32px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html body #services.codex-decision-engine .services-type-content-point-description > div {
  max-width: 46ch !important;
  color: rgba(16, 34, 53, 0.78) !important;
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-size: clamp(15px, 1.05vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

@media (max-width: 991px) {
  html body #services.codex-decision-engine .services-type-content-point {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }
}

/* Homepage problem/solution block: tighter spacing, no decorative icons, lighter body copy. */
:is(body.site-theme, body .site-theme) .main-wrapper > .codex-home-hero ~ .problem-section {
  padding: clamp(36px, 4.6vw, 68px) 0 !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  gap: clamp(12px, 1.3vw, 18px) !important;
  min-height: clamp(210px, 18.5vw, 252px) !important;
  padding: clamp(28px, 3vw, 40px) !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main::before,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main::before,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main::before,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main::before {
  content: none !important;
  display: none !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-head,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-head,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-head,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-head {
  grid-column: 1 !important;
  max-width: 480px !important;
  gap: clamp(12px, 1.1vw, 15px) !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description > div,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description > div,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description > div,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description > div {
  font-family: "Nunito Sans", Arial, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description strong,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description strong,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description strong,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description strong,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description b,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description b,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description b,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description b {
  font-weight: 400 !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-head,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-head,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-head,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-head {
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: 0 !important;
  justify-self: start !important;
}

#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-title,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-title,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-title,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-title,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description,
#w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .problem-section-description > div,
#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .problem-section-description > div,
#w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .problem-section-description > div,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .problem-section-description > div {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  justify-self: start !important;
  text-align: left !important;
}

#w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
#w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
  background: #102235 !important;
}

@media (max-width: 767px) {
  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301.problem-section-main,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301.problem-section-main,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301.problem-section-main,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301.problem-section-main {
    padding: 26px 24px !important;
  }

  #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301 .heading-2,
  #w-node-ad606e8f-51cf-a6df-d226-e5938ce1e937-014fc301 .heading-2,
  #w-node-_649aa66d-b866-79db-9d01-e30b7631872f-014fc301 .heading-2,
  #w-node-_42574183-b74d-d053-a76c-27d576f2e2a7-014fc301 .heading-2 {
    font-size: clamp(24px, 6.6vw, 28px) !important;
    line-height: 1.12 !important;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
  }
}

.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) > .problem-section-main {
  grid-template-columns: minmax(0, 1fr) !important;
}

.site-theme--green .problem-main:has(> #w-node-_7b77e8ee-755a-ac49-0c80-141d9c8cdff7-014fc301) > .problem-section-main > .problem-section-head {
  grid-column: 1 !important;
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  margin: 0 !important;
  justify-self: start !important;
}