body:not(.portfolio-page) .hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page) .hero-copy-block {
  width: min(900px, calc(100vw - 40px)) !important;
  max-width: 900px !important;
  margin-inline: auto !important;
  justify-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page) #hero-title,
body:not(.portfolio-page) .hero-badge,
body:not(.portfolio-page) .hero-proof,
body:not(.portfolio-page) .hero-buttons {
  justify-content: center !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body:not(.portfolio-page) #hero-title {
  display: block !important;
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

body:not(.portfolio-page) #hero-title > span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-self: auto !important;
  text-align: center !important;
}

body:not(.portfolio-page) #hero-title > span:last-child {
  margin-top: 0.02em !important;
}

body:not(.portfolio-page) .hero-note.hero-console {
  display: none !important;
}

body:not(.portfolio-page) .hero-cycle-word {
  position: relative !important;
  isolation: isolate !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 8.8ch !important;
  padding: 0 0.09em 0.04em !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: center !important;
  transform-origin: 50% 70% !important;
  transition: opacity 220ms ease, transform 220ms ease, filter 220ms ease !important;
}

body:not(.portfolio-page) .hero-cycle-marker {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.18em !important;
  min-width: 12ch !important;
  padding: 0 0.14em 0.04em !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body:not(.portfolio-page) .hero-cycle-word::before,
body:not(.portfolio-page) .hero-cycle-word::after {
  content: "";
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

body:not(.portfolio-page) .hero-cycle-word::before {
  left: -0.06em !important;
  right: -0.08em !important;
  bottom: 0.03em !important;
  height: 0.34em !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--green, #b9f66b) 72%, transparent) !important;
  opacity: 0.78 !important;
  transform: rotate(-1.5deg) !important;
}

body:not(.portfolio-page) .hero-cycle-word::after {
  left: -18% !important;
  top: 8% !important;
  width: 34% !important;
  height: 84% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.34), transparent) !important;
  opacity: 0.85 !important;
  mix-blend-mode: screen !important;
  transform: translateX(-120%) skewX(-16deg) !important;
  animation: hero-word-flow 1800ms cubic-bezier(0.16, 1, 0.3, 1) infinite !important;
}

body:not(.portfolio-page) .hero-cycle-word.is-changing {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(0.16em) scale(0.98);
}

body:not(.portfolio-page) .hero-cycle-marker::before,
body:not(.portfolio-page) .hero-cycle-marker::after {
  content: "";
  position: absolute !important;
  pointer-events: none !important;
}

body:not(.portfolio-page) .hero-cycle-marker::before {
  z-index: -2 !important;
  left: -0.09em !important;
  right: -0.09em !important;
  bottom: 0.01em !important;
  height: 0.42em !important;
  border-radius: 0.48em 0.32em 0.42em 0.28em !important;
  background: var(--green, #b9f66b) !important;
  opacity: 0.94 !important;
  transform: scaleX(1) rotate(-1deg) !important;
  transform-origin: left center !important;
}

body:not(.portfolio-page) .hero-cycle-marker::after {
  z-index: -1 !important;
  left: -0.18em !important;
  bottom: -0.01em !important;
  width: 42% !important;
  height: 0.5em !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent) !important;
  opacity: 0 !important;
  mix-blend-mode: screen !important;
  transform: translateX(-65%) rotate(-1deg) !important;
}

body:not(.portfolio-page) .hero-cycle-marker.is-sweeping::before {
  animation: hero-marker-draw 720ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

body:not(.portfolio-page) .hero-cycle-marker.is-sweeping::after {
  animation: hero-marker-glint 720ms cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

body:not(.portfolio-page) .hero-cycle-marker .hero-cycle-word {
  min-width: 8.2ch !important;
  padding: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body:not(.portfolio-page) .hero-cycle-marker .hero-cycle-word::before,
body:not(.portfolio-page) .hero-cycle-marker .hero-cycle-word::after {
  content: none !important;
  display: none !important;
}

@supports not (background: color-mix(in srgb, #000, transparent)) {
  body:not(.portfolio-page) .hero-cycle-word::before {
    background: rgba(185, 246, 107, 0.72);
  }
}

@keyframes hero-word-flow {
  0% {
    transform: translateX(-140%) skewX(-16deg);
    opacity: 0;
  }
  18% {
    opacity: 0.85;
  }
  58% {
    opacity: 0.85;
  }
  78%,
  100% {
    transform: translateX(360%) skewX(-16deg);
    opacity: 0;
  }
}

@keyframes hero-marker-draw {
  0% {
    opacity: 0;
    transform: scaleX(0.08) rotate(-1.2deg);
  }
  45% {
    opacity: 0.98;
  }
  100% {
    opacity: 0.94;
    transform: scaleX(1) rotate(-1deg);
  }
}

@keyframes hero-marker-glint {
  0% {
    opacity: 0;
    transform: translateX(-70%) rotate(-1deg);
  }
  24% {
    opacity: 0.78;
  }
  100% {
    opacity: 0;
    transform: translateX(190%) rotate(-1deg);
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) #hero-title {
    width: min(100%, 620px) !important;
  }

  body:not(.portfolio-page) .hero-cycle-word {
    min-width: 0 !important;
    text-align: center !important;
  }

  body:not(.portfolio-page) .hero-cycle-marker {
    min-width: 0 !important;
  }
}

body:not(.portfolio-page) .pricing .price-button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 52px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body:not(.portfolio-page) .pricing .price-button::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  border-radius: inherit;
  background: var(--ink, #0b0e14);
  transition: background 280ms ease;
}

body:not(.portfolio-page) .pricing .price-button::before {
  z-index: -1 !important;
  background: var(--green, #b9f66b) !important;
}

body:not(.portfolio-page) .pricing .featured-price .price-button {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .pricing .featured-price .price-button::after {
  background: var(--green, #b9f66b);
}

body:not(.portfolio-page) .pricing .featured-price .price-button::before {
  background: color-mix(in srgb, var(--green, #b9f66b) 78%, #ffffff 22%) !important;
}

body:not(.portfolio-page) .pricing .price-button:hover,
body:not(.portfolio-page) .pricing .price-button:focus-visible {
  border-color: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .pricing .price-button:hover::before,
body:not(.portfolio-page) .pricing .price-button:focus-visible::before {
  transform: translate(-50%, -50%) scale(30) !important;
}

body:not(.portfolio-page) .pricing .price-button:focus-visible {
  outline: 2px solid var(--green, #b9f66b);
  outline-offset: 4px;
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  body:not(.portfolio-page) .pricing .featured-price .price-button::before {
    background: #d8ff6a !important;
  }
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill) {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 1px 10px !important;
  overflow: hidden !important;
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  transition:
    color 180ms ease,
    -webkit-text-fill-color 180ms ease,
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill)::before,
body:not(.portfolio-page) .site-nav a:not(.nav-pill)::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 3px !important;
  height: 2px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill)::before {
  background: rgba(255, 255, 255, 0.16) !important;
  opacity: 0 !important;
  transform: scaleX(0.55) !important;
  transition:
    opacity 180ms ease,
    transform 280ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill)::after {
  background: var(--green, #b9f66b) !important;
  box-shadow: 0 0 16px rgba(185, 246, 107, 0.58) !important;
  transform: translateX(-112%) scaleX(0.72) !important;
  transform-origin: left center !important;
  transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill):hover,
body:not(.portfolio-page) .site-nav a:not(.nav-pill):focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill):hover::before,
body:not(.portfolio-page) .site-nav a:not(.nav-pill):focus-visible::before {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill):hover::after,
body:not(.portfolio-page) .site-nav a:not(.nav-pill):focus-visible::after {
  transform: translateX(0) scaleX(1) !important;
}

body:not(.portfolio-page) .site-nav a:not(.nav-pill):focus-visible {
  outline: 0 !important;
}

body:not(.portfolio-page) .brand-world-card span {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: grid !important;
  justify-content: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: clamp(150px, 30%, 230px) !important;
  padding: clamp(52px, 7vw, 92px) clamp(18px, 2.8vw, 34px) clamp(18px, 2.4vw, 30px) !important;
  border: 0 !important;
  border-radius: 0 0 inherit inherit !important;
  background:
    linear-gradient(180deg, rgba(4, 9, 8, 0), rgba(4, 9, 8, 0.78) 42%, rgba(4, 9, 8, 0.94)) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  align-content: end !important;
}

body:not(.portfolio-page) .brand-world-card span strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-size: clamp(0.9rem, 1vw, 1.08rem) !important;
  line-height: 1.05 !important;
}

body:not(.portfolio-page) .brand-world-card span em {
  color: rgba(255, 255, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

body:not(.portfolio-page) .brand-world-card .case-tags,
body:not(.portfolio-page) .brand-world-card b {
  z-index: 4 !important;
}

/* Final pricing order lock: keep PlanCard layout after all legacy rules. */
body:not(.portfolio-page) .pricing {
  width: min(1320px, calc(100vw - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: clamp(82px, 8vw, 124px) 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .pricing-intro {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .pricing-intro h2 {
  margin: 0 !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(3.4rem, 7vw, 7.2rem) !important;
  font-weight: 900 !important;
  line-height: 0.86 !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .pricing-intro p,
body:not(.portfolio-page) .pricing-toolbar > p {
  display: none !important;
}

body:not(.portfolio-page) .pricing-toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  margin: -68px 0 30px !important;
  padding: 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .currency-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px !important;
  border: 1px solid rgba(11, 14, 20, 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .currency-toggle span {
  margin: 0 8px 0 10px !important;
  color: #687386 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .currency-toggle button {
  min-width: 54px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #687386 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

body:not(.portfolio-page) .currency-toggle button.active {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: clamp(30px, 2.7vw, 44px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(11, 14, 20, 0.045) !important;
  border-radius: clamp(26px, 2.5vw, 38px) !important;
  background: #f2f4f5 !important;
  box-shadow: none !important;
  color: var(--ink, #0b0e14) !important;
  transform: none !important;
}

body:not(.portfolio-page) .price-card::before,
body:not(.portfolio-page) .price-card::after {
  display: none !important;
}

body:not(.portfolio-page) .price-card.featured-price {
  background: var(--ink, #0b0e14) !important;
  border-color: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .popular-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 34px !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  transform: translateX(-50%) !important;
}

body:not(.portfolio-page) .price-label {
  margin: 0 0 28px !important;
  color: #9aa3af !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.82rem, 0.9vw, 0.95rem) !important;
  font-weight: 850 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .featured-price .price-label {
  margin-top: 24px !important;
  color: rgba(255, 255, 255, 0.46) !important;
}

body:not(.portfolio-page) .price-card h3 {
  margin: 0 0 16px !important;
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(2.2rem, 3.4vw, 4rem) !important;
  font-weight: 900 !important;
  line-height: 0.94 !important;
  letter-spacing: -0.055em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-line span {
  color: #98a1ad !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(4.7rem, 7vw, 7.4rem) !important;
  font-weight: 950 !important;
  line-height: 0.84 !important;
  letter-spacing: -0.06em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-card ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) .price-card li {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #748092 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.98rem, 1.02vw, 1.08rem) !important;
  font-weight: 400 !important;
  line-height: 1.44 !important;
  letter-spacing: -0.012em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body:not(.portfolio-page) .price-card li::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(185, 246, 107, 0.58) !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(0.11em) !important;
}

body:not(.portfolio-page) .featured-price li {
  color: rgba(255, 255, 255, 0.64) !important;
}

body:not(.portfolio-page) .featured-price li::before {
  background: rgba(185, 246, 107, 0.96) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-scope {
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  margin: auto 0 24px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

body:not(.portfolio-page) .featured-price .price-scope {
  background: rgba(255, 255, 255, 0.08) !important;
}

body:not(.portfolio-page) .price-scope strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .price-scope span {
  color: #748092 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.94rem !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
}

body:not(.portfolio-page) .featured-price .price-scope span {
  color: rgba(255, 255, 255, 0.62) !important;
}

body:not(.portfolio-page) .price-button {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body:not(.portfolio-page) .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  bottom: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1), height 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) .featured-price .price-button::before {
  background: #ffffff !important;
}

body:not(.portfolio-page) .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body:not(.portfolio-page) .price-button:hover,
body:not(.portfolio-page) .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) !important;
}

body:not(.portfolio-page) .price-button:hover::before,
body:not(.portfolio-page) .price-button:focus-visible::before {
  width: 124% !important;
  height: 290% !important;
}

@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 40px)) !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    margin-top: -56px !important;
  }

  body:not(.portfolio-page) .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body:not(.portfolio-page) .price-card {
    min-height: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 24px)) !important;
    padding-block: 70px !important;
  }

  body:not(.portfolio-page) .pricing-intro {
    display: block !important;
    margin-bottom: 18px !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
  }

  body:not(.portfolio-page) .currency-toggle {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body:not(.portfolio-page) .currency-toggle span {
    display: none !important;
  }

  body:not(.portfolio-page) .currency-toggle button {
    flex: 1 1 0 !important;
  }

  body:not(.portfolio-page) .price-card {
    border-radius: 28px !important;
    padding: 28px 22px !important;
  }

body:not(.portfolio-page) .popular-badge {
    left: 22px !important;
    transform: none !important;
    border-radius: 0 0 18px 18px !important;
  }
}

/* Final homepage hero typewriter pass.
   This intentionally sits at the end so older animation experiments cannot override it. */
body:not(.portfolio-page):not(.about-page) .hero-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title {
  display: flex !important;
  width: min(100%, 940px) !important;
  max-width: 940px !important;
  margin-inline: auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: clamp(4.15rem, 8.2vw, 8.15rem) !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1.04em !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: baseline !important;
  justify-content: center !important;
  overflow: visible !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::after,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 0.16em 0 0 !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  border-right: 0.055em solid currentColor !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: proTextCaretFinal 760ms steps(1, end) infinite !important;
}

@keyframes proTextCaretFinal {
  0%,
  48% {
    border-right-color: currentColor;
  }

  49%,
  100% {
    border-right-color: transparent;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) #hero-title {
    width: min(100%, 680px) !important;
    max-width: 680px !important;
  }
}

/* Final override: portfolio image titles should breathe like the page headings. */
body:not(.portfolio-page) .portfolio-showcase .brand-world-card span strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-weight: 900 !important;
  letter-spacing: 0.34em !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
body:not(.portfolio-page) .portfolio-showcase .brand-world-card span strong {
  letter-spacing: 0.24em !important;
}
}

/* Final Who are we page overrides */
.about-page .about-stats {
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f4f0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: clamp(18px, 2.6vw, 30px) !important;
}

.about-page .about-stats div {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(11, 14, 20, 0.08) !important;
  box-shadow: none !important;
}

.about-page .about-stats div:last-child {
  border-right: 0 !important;
}

.about-page .about-cta {
  background: var(--brandnest-green, var(--green, #b9f66b)) !important;
  color: #0b0e14 !important;
}

.about-page .about-cta h2,
.about-page .about-cta p {
  color: #0b0e14 !important;
}

.about-page .about-cta .nav-pill {
  background: #0b0e14 !important;
  border-color: #0b0e14 !important;
  color: #ffffff !important;
}

.about-page .about-cta .nav-pill:hover,
.about-page .about-cta .nav-pill:focus-visible {
  color: #0b0e14 !important;
}

@media (max-width: 900px) {
  .about-page .about-stats div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(11, 14, 20, 0.08) !important;
  }

  .about-page .about-stats div:last-child {
    border-bottom: 0 !important;
  }
}

.about-page .site-header .header-actions .nav-pill,
.about-page .site-header .header-actions .nav-pill:visited,
.about-page .site-header .header-actions .nav-pill:hover,
.about-page .site-header .header-actions .nav-pill:focus-visible {
  color: #102014 !important;
}

/* Who are we intro and CTA refinements */
.about-page .about-intro-with-media {
  align-items: stretch !important;
}

.about-page .about-intro-with-media .about-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.about-page .about-intro-media {
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

.about-page .about-intro-media img {
  height: 100% !important;
  min-height: 100% !important;
}

.about-page .about-cta {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  text-align: center !important;
}

.about-page .about-cta .nav-pill {
  min-height: 58px !important;
  padding: 0 34px !important;
  font-size: 1rem !important;
  background: var(--brandnest-deep-green, #071d15) !important;
  border-color: var(--brandnest-deep-green, #071d15) !important;
}

@media (max-width: 900px) {
  .about-page .about-intro-media {
    height: auto !important;
    aspect-ratio: 16 / 11 !important;
  }
}

/* Who are we intro and CTA refinements */
.about-page .about-intro-with-media {
  align-items: stretch !important;
}

.about-page .about-intro-with-media .about-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.about-page .about-intro-media {
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

.about-page .about-intro-media img {
  height: 100% !important;
  min-height: 100% !important;
}

.about-page .about-cta {
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  text-align: center !important;
}

.about-page .about-cta .nav-pill {
  min-height: 58px !important;
  padding: 0 34px !important;
  font-size: 1rem !important;
  background: var(--brandnest-deep-green, #071d15) !important;
  border-color: var(--brandnest-deep-green, #071d15) !important;
}

@media (max-width: 900px) {
  .about-page .about-intro-media {
    height: auto !important;
    aspect-ratio: 16 / 11 !important;
  }
}

/* Who are we page final layout polish */
.about-page .about-intro-with-media {
  grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr) !important;
  align-items: center !important;
  gap: clamp(30px, 5vw, 72px) !important;
  padding-top: clamp(92px, 10vw, 142px) !important;
}

.about-page .about-intro-media {
  margin: 0 !important;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: clamp(22px, 3vw, 34px);
  background: #eef1ec;
}

.about-page .about-intro-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-page .about-copy .about-kicker {
  margin-bottom: clamp(18px, 2vw, 28px);
}

.about-page .about-copy h2 {
  max-width: 820px;
}

.about-page .about-stats {
  gap: 0 !important;
  border-radius: 0 !important;
  background: #f2f4f0 !important;
  border: 0 !important;
  overflow: visible !important;
  padding: clamp(18px, 2.6vw, 30px) !important;
}

.about-page .about-stats div {
  background: transparent !important;
  border-right: 1px solid rgba(11, 14, 20, 0.08);
  padding: clamp(20px, 3vw, 36px) !important;
}

.about-page .about-stats div:last-child {
  border-right: 0;
}

.about-page .about-stats strong {
  color: #0b0e14 !important;
}

.about-page .about-stats span {
  color: rgba(11, 14, 20, 0.58) !important;
}

.about-page .about-cta {
  background: var(--green, #b9ff2f) !important;
  color: #0b0e14 !important;
}

.about-page .about-cta h2,
.about-page .about-cta p {
  color: #0b0e14 !important;
}

.about-page .about-cta p {
  opacity: 0.72;
}

.about-page .about-cta .nav-pill {
  background: #0b0e14 !important;
  border-color: #0b0e14 !important;
  color: #ffffff !important;
}

.about-page .about-cta .nav-pill:hover,
.about-page .about-cta .nav-pill:focus-visible {
  color: #0b0e14 !important;
}

.about-page .site-footer {
  width: min(var(--content-max, 1280px), calc(100vw - 40px)) !important;
}

@media (max-width: 900px) {
  .about-page .about-intro-with-media {
    grid-template-columns: 1fr !important;
    padding-top: clamp(72px, 12vw, 112px) !important;
  }

  .about-page .about-intro-media {
    aspect-ratio: 4 / 3;
  }

  .about-page .about-stats {
    grid-template-columns: 1fr !important;
    padding: 0 !important;
  }

  .about-page .about-stats div {
    border-right: 0;
    border-bottom: 1px solid rgba(11, 14, 20, 0.08);
  }

  .about-page .about-stats div:last-child {
    border-bottom: 0;
  }

  .about-page .about-cta {
    grid-template-columns: 1fr !important;
  }
}

/* Final mobile hero fit: three controlled lines instead of viewport overflow. */
@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) .hero {
    min-height: min(740px, 100svh) !important;
    padding: 106px 18px 70px !important;
    overflow: hidden !important;
  }

  body:not(.portfolio-page):not(.about-page) .hero-copy,
  body:not(.portfolio-page):not(.about-page) .hero-copy-block {
    width: 100% !important;
    max-width: min(100%, 430px) !important;
    margin-inline: auto !important;
    align-items: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(3rem, 14.2vw, 4.55rem) !important;
    line-height: 0.9 !important;
    letter-spacing: 0.045em !important;
    text-align: center !important;
    overflow: visible !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-branding,
  body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-for {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-for {
    padding-left: 0 !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
    max-width: 100% !important;
    white-space: nowrap !important;
    font-size: clamp(2.5rem, 13vw, 4.1rem) !important;
  }

  body:not(.portfolio-page):not(.about-page) .hero-badge,
  body:not(.portfolio-page):not(.about-page) .hero-proof {
    max-width: 100% !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  body:not(.portfolio-page):not(.about-page) .hero-buttons {
    width: 100% !important;
    max-width: 360px !important;
    margin-inline: auto !important;
    justify-content: center !important;
  }
}

@media (max-width: 390px) {
  body:not(.portfolio-page):not(.about-page) #hero-title {
    font-size: clamp(2.55rem, 13vw, 3.25rem) !important;
    letter-spacing: 0.035em !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
    font-size: clamp(2.25rem, 12.2vw, 3rem) !important;
  }
}

/* Mobile hero fit fix: keep the centered homepage headline inside the viewport. */
@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) .hero {
    min-height: min(760px, 100svh) !important;
    padding: 108px 18px 72px !important;
    display: grid !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  body:not(.portfolio-page):not(.about-page) .hero-copy-block {
    width: 100% !important;
    max-width: min(100%, 420px) !important;
    margin-inline: auto !important;
    justify-items: center !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(3rem, 16vw, 4.35rem) !important;
    line-height: 0.88 !important;
    letter-spacing: 0.025em !important;
    overflow-wrap: normal !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-wrap: balance !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  body:not(.portfolio-page):not(.about-page) .hero-badge,
  body:not(.portfolio-page):not(.about-page) .hero-proof {
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  body:not(.portfolio-page):not(.about-page) .hero-buttons {
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 420px) {
  body:not(.portfolio-page):not(.about-page) #hero-title {
    font-size: clamp(2.55rem, 15vw, 3.45rem) !important;
  }
}

/* Final portfolio card title spacing. Keep this at EOF so older overrides cannot tighten it again. */
body:not(.portfolio-page) .brand-world-card span strong {
  display: block !important;
  max-width: 100% !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-weight: 900 !important;
  letter-spacing: 0.18em !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .brand-world-card span em {
  display: block !important;
  margin-top: 10px !important;
}

/* Portfolio image titles need the same spaced, editorial rhythm as the main headings. */
body:not(.portfolio-page) .brand-world-card span strong {
  display: block !important;
  max-width: 100% !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .brand-world-card span em {
  margin-top: 10px !important;
}

/* Absolute final hero typewriter override. Keep this at EOF so older hero experiments cannot win. */
body:not(.portfolio-page):not(.about-page) .hero-copy-block {
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: min(100%, 980px) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  position: relative !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1.06em !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::after,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::after {
  content: none !important;
  display: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  display: inline-block !important;
  width: auto !important;
  min-width: 1ch !important;
  max-width: 100% !important;
  padding: 0 0.12em 0 0 !important;
  overflow: visible !important;
  border-right: 0.06em solid currentColor !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: center !important;
  white-space: nowrap !important;
  animation: proTypeCaret 760ms steps(1, end) infinite !important;
  transition: opacity 140ms ease, transform 140ms ease !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word.is-deleting {
  opacity: 0.78 !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word.is-typing {
  opacity: 1 !important;
}

/* Final homepage hero typewriter lock: ProTextType-style centered line with only a blinking caret. */
body:not(.portfolio-page):not(.about-page) .hero-copy-block {
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: min(100%, 980px) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  position: relative !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1.06em !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::after,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::after {
  content: none !important;
  display: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  display: inline-block !important;
  width: auto !important;
  min-width: 1ch !important;
  max-width: 100% !important;
  padding: 0 0.12em 0 0 !important;
  overflow: visible !important;
  border-right: 0.06em solid currentColor !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: center !important;
  white-space: nowrap !important;
  animation: proTypeCaret 760ms steps(1, end) infinite !important;
  transition: opacity 140ms ease, transform 140ms ease !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word.is-deleting {
  opacity: 0.78 !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word.is-typing {
  opacity: 1 !important;
}

@keyframes proTypeCaret {
  0%,
  48% {
    border-right-color: currentColor;
  }

  49%,
  100% {
    border-right-color: transparent;
  }
}

/* EOF pricing lock: this is intentionally the last package styling block. */
body:not(.portfolio-page) section.pricing {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  width: min(100%, var(--content-max, 1280px)) !important;
  margin-inline: auto !important;
  padding: clamp(82px, 8vw, 120px) var(--content-pad, 40px) !important;
  background: transparent !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro {
  grid-column: 1 !important;
  margin: 0 !important;
  text-align: left !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro h2 {
  margin: 0 !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(2.8rem, 5.8vw, 5.8rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro p,
body:not(.portfolio-page) section.pricing .pricing-toolbar > p,
body:not(.portfolio-page) section.pricing .price-card > p:not(.price-line),
body:not(.portfolio-page) section.pricing .price-scope {
  display: none !important;
}

body:not(.portfolio-page) section.pricing .pricing-toolbar {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  padding: 6px !important;
  border: 1px solid rgba(11, 14, 20, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle span {
  margin: 0 8px 0 6px !important;
  color: rgba(11, 14, 20, 0.58) !important;
  font: 800 0.76rem/1 var(--body-font, "Inter", sans-serif) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle button {
  min-width: 54px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--ink, #0b0e14) !important;
  font: 800 0.82rem/1 var(--body-font, "Inter", sans-serif) !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle button.active {
  background: var(--ink, #0b0e14) !important;
  color: #fff !important;
}

body:not(.portfolio-page) section.pricing .pricing-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.portfolio-page) section.pricing .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 560px !important;
  padding: clamp(34px, 3vw, 46px) clamp(28px, 3vw, 40px) !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f3f4f2 !important;
  color: var(--ink, #0b0e14) !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
}

body:not(.portfolio-page) section.pricing .price-card::before,
body:not(.portfolio-page) section.pricing .price-card::after {
  content: none !important;
  display: none !important;
}

body:not(.portfolio-page) section.pricing .price-card.featured-price {
  padding-top: clamp(46px, 4vw, 62px) !important;
  background: #0b0e14 !important;
  color: #fff !important;
}

body:not(.portfolio-page) section.pricing .popular-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 5 !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 160px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font: 900 0.88rem/1 var(--body-font, "Inter", sans-serif) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transform: translateX(-50%) !important;
}

body:not(.portfolio-page) section.pricing .price-label {
  order: 1 !important;
  display: block !important;
  margin: 0 0 26px !important;
  color: #97a0ad !important;
  font: 900 0.82rem/1 var(--body-font, "Inter", sans-serif) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) section.pricing .featured-price .price-label {
  color: rgba(255, 255, 255, 0.48) !important;
}

body:not(.portfolio-page) section.pricing .price-card h3 {
  order: 2 !important;
  margin: 0 0 20px !important;
  color: inherit !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(2rem, 2.45vw, 3.1rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) section.pricing .price-line {
  order: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 30px !important;
  color: inherit !important;
}

body:not(.portfolio-page) section.pricing .price-line span {
  color: #9aa3af !important;
  font: 600 0.95rem/1.2 var(--body-font, "Inter", sans-serif) !important;
}

body:not(.portfolio-page) section.pricing .price-line strong {
  color: inherit !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(4rem, 5.7vw, 6.6rem) !important;
  font-weight: 900 !important;
  line-height: 0.82 !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page) section.pricing .price-card ul {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) section.pricing .price-card li {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  column-gap: 15px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #687281 !important;
  font: 500 clamp(0.98rem, 1.05vw, 1.08rem)/1.35 var(--body-font, "Inter", sans-serif) !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body:not(.portfolio-page) section.pricing .featured-price li {
  color: rgba(255, 255, 255, 0.64) !important;
}

body:not(.portfolio-page) section.pricing .price-card li::before {
  content: "✓" !important;
  position: static !important;
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: rgba(185, 246, 107, 0.52) !important;
  color: var(--ink, #0b0e14) !important;
  font: 900 0.82rem/1 var(--body-font, "Inter", sans-serif) !important;
}

body:not(.portfolio-page) section.pricing .featured-price li::before {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

body:not(.portfolio-page) section.pricing .price-button {
  order: 5 !important;
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: auto 0 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ink, #0b0e14) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font: 900 1rem/1 var(--body-font, "Inter", sans-serif) !important;
  text-decoration: none !important;
  isolation: isolate !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body:not(.portfolio-page) section.pricing .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) section.pricing .price-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  bottom: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1), height 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) section.pricing .featured-price .price-button::before {
  background: #fff !important;
}

body:not(.portfolio-page) section.pricing .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
}

body:not(.portfolio-page) section.pricing .price-button:hover,
body:not(.portfolio-page) section.pricing .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) !important;
}

body:not(.portfolio-page) section.pricing .price-button:hover::before,
body:not(.portfolio-page) section.pricing .price-button:focus-visible::before {
  width: 126% !important;
  height: 300% !important;
}

@media (max-width: 1100px) {
  body:not(.portfolio-page) section.pricing {
    grid-template-columns: 1fr !important;
  }

  body:not(.portfolio-page) section.pricing .pricing-toolbar {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }

  body:not(.portfolio-page) section.pricing .pricing-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.portfolio-page) section.pricing .price-card {
    max-width: none !important;
    min-height: auto !important;
  }
}

@media (max-width: 700px) {
  body:not(.portfolio-page) section.pricing {
    width: 100% !important;
    padding-inline: 16px !important;
  }

  body:not(.portfolio-page) section.pricing .price-card {
    padding: 30px 22px !important;
    border-radius: 24px !important;
  }

  body:not(.portfolio-page) section.pricing .currency-toggle {
    width: 100% !important;
  }

  body:not(.portfolio-page) section.pricing .currency-toggle span {
    display: none !important;
  }

  body:not(.portfolio-page) section.pricing .currency-toggle button {
    flex: 1 1 0 !important;
  }
}

/* Absolute final pricing layout lock. Keeps homepage packages close to the PlanCard reference. */
body:not(.portfolio-page) section.pricing {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 22px !important;
  width: min(100%, var(--content-max, 1280px)) !important;
  margin-inline: auto !important;
  padding: clamp(82px, 8vw, 120px) var(--content-pad, 40px) !important;
  background: transparent !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro,
body:not(.portfolio-page) section.pricing .pricing-toolbar,
body:not(.portfolio-page) section.pricing .pricing-grid {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro {
  grid-column: 1 !important;
  display: block !important;
  margin: 0 !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro h2 {
  margin: 0 !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(2.6rem, 6vw, 5.6rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) section.pricing .pricing-intro p,
body:not(.portfolio-page) section.pricing .pricing-toolbar > p,
body:not(.portfolio-page) section.pricing .price-scope,
body:not(.portfolio-page) section.pricing .price-card > p:not(.price-line) {
  display: none !important;
}

body:not(.portfolio-page) section.pricing .pricing-toolbar {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  padding: 6px !important;
  border: 1px solid rgba(11, 14, 20, 0.11) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle span {
  margin: 0 8px 0 6px !important;
  color: rgba(11, 14, 20, 0.58) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle button {
  min-width: 54px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--ink, #0b0e14) !important;
  font: 800 0.82rem/1 var(--body-font, "Inter", sans-serif) !important;
  cursor: pointer !important;
}

body:not(.portfolio-page) section.pricing .currency-toggle button.active {
  background: var(--ink, #0b0e14) !important;
  color: #fff !important;
}

body:not(.portfolio-page) section.pricing .pricing-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
  padding: 0 !important;
}

body:not(.portfolio-page) section.pricing .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(34px, 3vw, 46px) clamp(28px, 3vw, 40px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #f3f4f2 !important;
  color: var(--ink, #0b0e14) !important;
  box-shadow: none !important;
  transform: none !important;
  isolation: isolate !important;
}

body:not(.portfolio-page) section.pricing .price-card::before,
body:not(.portfolio-page) section.pricing .price-card::after {
  content: none !important;
  display: none !important;
}

body:not(.portfolio-page) section.pricing .price-card.featured-price {
  margin-top: 0 !important;
  padding-top: clamp(42px, 4vw, 58px) !important;
  background: #0b0e14 !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) section.pricing .popular-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 4 !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 160px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font: 900 0.88rem/1 var(--body-font, "Inter", sans-serif) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transform: translateX(-50%) !important;
}

body:not(.portfolio-page) section.pricing .price-label {
  order: 1 !important;
  display: block !important;
  margin: 0 0 28px !important;
  color: #97a0ad !important;
  font: 900 0.82rem/1 var(--body-font, "Inter", sans-serif) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) section.pricing .featured-price .price-label {
  color: rgba(255, 255, 255, 0.48) !important;
}

body:not(.portfolio-page) section.pricing .price-card h3 {
  order: 2 !important;
  margin: 0 0 22px !important;
  max-width: 100% !important;
  color: inherit !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(2rem, 2.5vw, 3.2rem) !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) section.pricing .price-line {
  order: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 32px !important;
  color: inherit !important;
}

body:not(.portfolio-page) section.pricing .price-line span {
  color: #9aa3af !important;
  font: 600 0.95rem/1.2 var(--body-font, "Inter", sans-serif) !important;
}

body:not(.portfolio-page) section.pricing .price-line strong {
  display: block !important;
  color: inherit !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(4rem, 5.8vw, 6.7rem) !important;
  font-weight: 900 !important;
  line-height: 0.82 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page) section.pricing .price-card ul {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) section.pricing .price-card li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #687281 !important;
  font: 500 clamp(0.98rem, 1.05vw, 1.08rem)/1.35 var(--body-font, "Inter", sans-serif) !important;
}

body:not(.portfolio-page) section.pricing .price-card li::before {
  content: "✓" !important;
  position: static !important;
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: rgba(185, 246, 107, 0.46) !important;
  color: var(--ink, #0b0e14) !important;
  font: 900 0.82rem/1 var(--body-font, "Inter", sans-serif) !important;
}

body:not(.portfolio-page) section.pricing .featured-price li {
  color: rgba(255, 255, 255, 0.64) !important;
}

body:not(.portfolio-page) section.pricing .featured-price li::before {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) section.pricing .price-button {
  order: 5 !important;
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: auto 0 0 !important;
  padding: 0 24px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font: 900 1rem/1 var(--body-font, "Inter", sans-serif) !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body:not(.portfolio-page) section.pricing .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) section.pricing .price-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  bottom: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1), height 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) section.pricing .featured-price .price-button::before {
  background: #ffffff !important;
}

body:not(.portfolio-page) section.pricing .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
  font-size: 1rem !important;
}

body:not(.portfolio-page) section.pricing .price-button:hover,
body:not(.portfolio-page) section.pricing .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) !important;
}

body:not(.portfolio-page) section.pricing .price-button:hover::before,
body:not(.portfolio-page) section.pricing .price-button:focus-visible::before {
  width: 126% !important;
  height: 300% !important;
}

@media (max-width: 1100px) {
  body:not(.portfolio-page) section.pricing {
    grid-template-columns: 1fr !important;
  }

  body:not(.portfolio-page) section.pricing .pricing-toolbar {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }

  body:not(.portfolio-page) section.pricing .pricing-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.portfolio-page) section.pricing .price-card {
    max-width: none !important;
  }
}

@media (max-width: 700px) {
  body:not(.portfolio-page) section.pricing {
    width: 100% !important;
    padding-inline: 16px !important;
  }

  body:not(.portfolio-page) section.pricing .price-card {
    padding: 30px 22px !important;
    border-radius: 24px !important;
  }

  body:not(.portfolio-page) section.pricing .currency-toggle {
    width: 100% !important;
  }

  body:not(.portfolio-page) section.pricing .currency-toggle button {
    flex: 1 1 0 !important;
  }
}

/* Keep the Who Are We page aligned with the homepage display typography. */
.about-page {
  --title-font: "Parafina Black", "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
}

.about-page #about-title,
.about-page .about-copy h2,
.about-page .about-cards h3,
.about-page .about-stats strong,
.about-page .about-cta h2 {
  font-family: var(--title-font) !important;
  font-weight: 900 !important;
  font-variation-settings: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.018em !important;
}

.about-page .about-hero {
  grid-template-rows: auto !important;
  min-height: clamp(620px, 78vh, 820px) !important;
  padding-bottom: clamp(82px, 9vw, 126px) !important;
}

.about-page .about-hero-visual {
  display: none !important;
}

.about-page .about-intro {
  padding-top: clamp(76px, 9vw, 132px) !important;
}

@media (max-width: 900px) {
  .about-page .about-intro {
    padding-top: 64px !important;
  }
}

/* Final pricing card refresh: PlanCard-inspired, compact, readable and cache-busted. */
body:not(.portfolio-page) .pricing {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  column-gap: 24px !important;
  width: min(var(--content-max, 1280px), calc(100vw - (var(--content-pad, 40px) * 2))) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: clamp(80px, 8vw, 116px) 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .pricing-intro {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  text-align: left !important;
}

body:not(.portfolio-page) .pricing-intro h2 {
  margin: 0 !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--title-font, "Parafina Black", "Manrope", sans-serif) !important;
  font-size: clamp(3.6rem, 6.6vw, 7.2rem) !important;
  font-weight: 950 !important;
  line-height: 0.86 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .pricing-intro p,
body:not(.portfolio-page) .pricing-toolbar > p,
body:not(.portfolio-page) .price-card > p:not(.price-line),
body:not(.portfolio-page) .price-scope {
  display: none !important;
}

body:not(.portfolio-page) .pricing-toolbar {
  grid-column: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: end !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .currency-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px !important;
  border: 1px solid rgba(11, 14, 20, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .currency-toggle span {
  color: rgba(11, 14, 20, 0.5) !important;
  padding: 0 8px 0 10px !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body:not(.portfolio-page) .currency-toggle button {
  min-width: 54px !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--ink, #0b0e14) !important;
  background: transparent !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

body:not(.portfolio-page) .currency-toggle button.active {
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .pricing-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

body:not(.portfolio-page) .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 560px !important;
  margin: 0 !important;
  padding: clamp(34px, 3vw, 48px) !important;
  overflow: visible !important;
  border: 1px solid rgba(11, 14, 20, 0.045) !important;
  border-radius: 34px !important;
  background: #f4f5f6 !important;
  color: var(--ink, #0b0e14) !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not(.portfolio-page) .price-card::before,
body:not(.portfolio-page) .price-card::after {
  display: none !important;
}

body:not(.portfolio-page) .price-card.featured-price {
  background: var(--ink, #0b0e14) !important;
  border-color: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .popular-badge {
  position: absolute !important;
  top: -17px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page) .price-label {
  order: 1 !important;
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #9aa3af !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.16em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .featured-price .price-label {
  color: rgba(255, 255, 255, 0.46) !important;
}

body:not(.portfolio-page) .price-card h3 {
  order: 2 !important;
  margin: 0 0 22px !important;
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(1.55rem, 2.1vw, 2.2rem) !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line {
  order: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-line span {
  order: 2 !important;
  color: #9aa3af !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: lowercase !important;
}

body:not(.portfolio-page) .featured-price .price-line span {
  color: rgba(255, 255, 255, 0.42) !important;
}

body:not(.portfolio-page) .price-line strong {
  order: 1 !important;
  display: block !important;
  color: inherit !important;
  font-family: var(--title-font, "Parafina Black", "Manrope", sans-serif) !important;
  font-size: clamp(4.2rem, 7vw, 7rem) !important;
  font-weight: 950 !important;
  line-height: 0.84 !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .price-card ul {
  order: 4 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 32px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) .price-card li {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #768192 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(1rem, 1.05vw, 1.1rem) !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  letter-spacing: -0.01em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body:not(.portfolio-page) .price-card li::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(185, 246, 107, 0.72) !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(0.12em) !important;
}

body:not(.portfolio-page) .featured-price li {
  color: rgba(255, 255, 255, 0.58) !important;
}

body:not(.portfolio-page) .featured-price li::before {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .price-button {
  order: 5 !important;
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: auto 0 0 !important;
  padding: 0 28px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body:not(.portfolio-page) .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  bottom: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 340ms cubic-bezier(0.22, 1, 0.36, 1), height 340ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) .featured-price .price-button::before {
  background: #ffffff !important;
}

body:not(.portfolio-page) .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body:not(.portfolio-page) .price-button:hover,
body:not(.portfolio-page) .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) !important;
}

body:not(.portfolio-page) .price-button:hover::before,
body:not(.portfolio-page) .price-button:focus-visible::before {
  width: 126% !important;
  height: 300% !important;
}

@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 40px)) !important;
  }

  body:not(.portfolio-page) .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body:not(.portfolio-page) .price-card {
    min-height: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .pricing {
    display: block !important;
    width: min(100%, calc(100vw - 24px)) !important;
    padding-block: 68px !important;
  }

  body:not(.portfolio-page) .pricing-intro {
    margin-bottom: 16px !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    justify-content: flex-start !important;
    margin: 0 0 22px !important;
  }

  body:not(.portfolio-page) .currency-toggle {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body:not(.portfolio-page) .currency-toggle span {
    display: none !important;
  }

  body:not(.portfolio-page) .currency-toggle button {
    flex: 1 1 0 !important;
  }

  body:not(.portfolio-page) .price-card {
    width: 100% !important;
    padding: 30px 22px !important;
    border-radius: 28px !important;
  }

  body:not(.portfolio-page) .price-card li {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    column-gap: 14px !important;
  }

  body:not(.portfolio-page) .popular-badge {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* Final hero title alignment lock. Keeps the headline centered as a unit. */
body:not(.portfolio-page):not(.about-page) .hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
}

body:not(.portfolio-page):not(.about-page) .hero-copy-block {
  width: min(100%, 980px) !important;
  max-width: min(980px, calc(100vw - 48px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin-inline: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span {
  display: block !important;
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  width: min(100%, 18ch) !important;
  min-width: 0 !important;
  max-width: min(100%, 18ch) !important;
  margin-inline: auto !important;
  justify-content: center !important;
}

/* Final portfolio case title spacing. */
body:not(.portfolio-page) .brand-world-card span strong {
  letter-spacing: 0.34em !important;
  word-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* Final PlanCard-style pricing pass */
body:not(.portfolio-page) .pricing {
  width: min(1320px, calc(100vw - 64px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: clamp(82px, 8vw, 124px) 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .pricing-intro {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .pricing-intro h2 {
  margin: 0 !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(3.4rem, 7vw, 7.2rem) !important;
  font-weight: 900 !important;
  line-height: 0.86 !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .pricing-intro p,
body:not(.portfolio-page) .pricing-toolbar > p {
  display: none !important;
}

body:not(.portfolio-page) .pricing-toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin: -68px 0 30px !important;
  padding: 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .currency-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  min-height: 44px !important;
  padding: 5px !important;
  border: 1px solid rgba(11, 14, 20, 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .currency-toggle span {
  margin: 0 8px 0 10px !important;
  color: #687386 !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .currency-toggle button {
  min-width: 54px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #687386 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

body:not(.portfolio-page) .currency-toggle button.active {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: clamp(30px, 2.7vw, 44px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(11, 14, 20, 0.045) !important;
  border-radius: clamp(26px, 2.5vw, 38px) !important;
  background: #f2f4f5 !important;
  box-shadow: none !important;
  color: var(--ink, #0b0e14) !important;
  transform: none !important;
}

body:not(.portfolio-page) .price-card::before,
body:not(.portfolio-page) .price-card::after {
  display: none !important;
}

body:not(.portfolio-page) .price-card.featured-price {
  background: var(--ink, #0b0e14) !important;
  border-color: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .popular-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 34px !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  transform: translateX(-50%) !important;
}

body:not(.portfolio-page) .price-label {
  display: block !important;
  margin: 0 0 28px !important;
  color: #9aa3af !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.82rem, 0.9vw, 0.95rem) !important;
  font-weight: 850 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .featured-price .price-label {
  margin-top: 24px !important;
  color: rgba(255, 255, 255, 0.46) !important;
}

body:not(.portfolio-page) .price-card h3 {
  margin: 0 0 16px !important;
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(2.2rem, 3.4vw, 4rem) !important;
  font-weight: 900 !important;
  line-height: 0.94 !important;
  letter-spacing: -0.055em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-line span {
  color: #98a1ad !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 450 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(4.7rem, 7vw, 7.4rem) !important;
  font-weight: 950 !important;
  line-height: 0.84 !important;
  letter-spacing: -0.06em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-card ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) .price-card li {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #748092 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.98rem, 1.02vw, 1.08rem) !important;
  font-weight: 400 !important;
  line-height: 1.44 !important;
  letter-spacing: -0.012em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body:not(.portfolio-page) .price-card li::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(185, 246, 107, 0.58) !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(0.11em) !important;
}

body:not(.portfolio-page) .featured-price li {
  color: rgba(255, 255, 255, 0.64) !important;
}

body:not(.portfolio-page) .featured-price li::before {
  background: rgba(185, 246, 107, 0.96) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-scope {
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  margin: auto 0 24px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .featured-price .price-scope {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .price-scope strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .price-scope span {
  color: #748092 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.94rem !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
}

body:not(.portfolio-page) .featured-price .price-scope span {
  color: rgba(255, 255, 255, 0.62) !important;
}

body:not(.portfolio-page) .price-button {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body:not(.portfolio-page) .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  bottom: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1), height 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) .featured-price .price-button::before {
  background: #ffffff !important;
}

body:not(.portfolio-page) .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body:not(.portfolio-page) .price-button:hover,
body:not(.portfolio-page) .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) !important;
}

body:not(.portfolio-page) .price-button:hover::before,
body:not(.portfolio-page) .price-button:focus-visible::before {
  width: 124% !important;
  height: 290% !important;
}

@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 40px)) !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    margin-top: -56px !important;
  }

  body:not(.portfolio-page) .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body:not(.portfolio-page) .price-card {
    min-height: auto !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body:not(.portfolio-page) .price-card h3 {
    font-size: clamp(2.4rem, 7vw, 4.2rem) !important;
  }

  body:not(.portfolio-page) .price-line strong {
    font-size: clamp(4.2rem, 12vw, 7rem) !important;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 24px)) !important;
    padding-block: 70px !important;
  }

  body:not(.portfolio-page) .pricing-intro {
    display: block !important;
    margin-bottom: 18px !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
  }

  body:not(.portfolio-page) .currency-toggle {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body:not(.portfolio-page) .currency-toggle span {
    display: none !important;
  }

  body:not(.portfolio-page) .currency-toggle button {
    flex: 1 1 0 !important;
  }

  body:not(.portfolio-page) .price-card {
    border-radius: 28px !important;
    padding: 28px 22px !important;
  }

  body:not(.portfolio-page) .popular-badge {
    left: 22px !important;
    transform: none !important;
    border-radius: 0 0 18px 18px !important;
  }

  body:not(.portfolio-page) .featured-price .price-label {
    margin-top: 34px !important;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body:not(.portfolio-page) .brand-world-card span {
    background: rgba(4, 9, 8, 0.8) !important;
  }
}

@media (max-width: 640px) {
  body:not(.portfolio-page) .brand-world-card span {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-width: none !important;
    min-height: 46% !important;
    border-radius: 0 0 inherit inherit !important;
  }

  body:not(.portfolio-page) .brand-world-card span strong {
    letter-spacing: 0.16em !important;
  }
}

/* Keep the Origin-style hover reliable on pricing CTAs after all package overrides. */
body:not(.portfolio-page) .pricing .price-button {
  --price-button-bg: var(--ink, #0b0e14);
  --price-button-fg: #ffffff;
  --price-button-hover: var(--green, #b9f66b);
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--price-button-fg) !important;
  -webkit-text-fill-color: var(--price-button-fg) !important;
  transform: translateZ(0) !important;
}

body:not(.portfolio-page) .pricing .featured-price .price-button {
  --price-button-bg: var(--green, #b9f66b);
  --price-button-fg: var(--ink, #0b0e14);
  --price-button-hover: color-mix(in srgb, var(--green, #b9f66b) 76%, #ffffff 24%);
}

body:not(.portfolio-page) .pricing .price-button::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  border-radius: inherit !important;
  background: var(--price-button-bg) !important;
  pointer-events: none !important;
}

body:not(.portfolio-page) .pricing .price-button::before {
  content: "" !important;
  position: absolute !important;
  left: var(--origin-x, 50%) !important;
  top: var(--origin-y, 50%) !important;
  z-index: -1 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: var(--price-button-hover) !important;
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(0) !important;
  transform-origin: center !important;
  transition: transform 460ms cubic-bezier(0.2, 0.9, 0.2, 1) !important;
  pointer-events: none !important;
}

body:not(.portfolio-page) .pricing .price-button:hover,
body:not(.portfolio-page) .pricing .price-button:focus-visible {
  border-color: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) translateZ(0) !important;
}

body:not(.portfolio-page) .pricing .price-button:hover::before,
body:not(.portfolio-page) .pricing .price-button:focus-visible::before {
  transform: translate(-50%, -50%) scale(34) !important;
}

@supports not (color: color-mix(in srgb, #000, #fff)) {
  body:not(.portfolio-page) .pricing .featured-price .price-button {
    --price-button-hover: #d8ff6a;
  }
}

/* Pricing readability polish: more breathing room in prices and feature rows. */
body:not(.portfolio-page) .pricing .price-line {
  display: grid !important;
  gap: 12px !important;
  margin-bottom: 26px !important;
}

body:not(.portfolio-page) .pricing .price-line strong {
  letter-spacing: 0.025em !important;
  font-kerning: normal !important;
}

body:not(.portfolio-page) .pricing .price-card ul {
  gap: 13px !important;
}

body:not(.portfolio-page) .pricing .price-card li {
  gap: 16px !important;
  align-items: flex-start !important;
  line-height: 1.46 !important;
}

body:not(.portfolio-page) .pricing .price-card li::before {
  flex: 0 0 22px !important;
  margin-right: 0 !important;
}

/* Portfolio statistics: make the linked rating match the clients/brands cards. */
body:not(.portfolio-page) .portfolio-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body:not(.portfolio-page) .portfolio-stats > span,
body:not(.portfolio-page) .portfolio-stats > a {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-height: 88px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(11, 14, 20, 0.08) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: var(--ink, #0b0e14) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .portfolio-stats > a:hover,
body:not(.portfolio-page) .portfolio-stats > a:focus-visible {
  border-color: rgba(185, 246, 107, 0.9) !important;
  background: rgba(185, 246, 107, 0.22) !important;
  outline: none !important;
}

body:not(.portfolio-page) .portfolio-stats > a:hover strong,
body:not(.portfolio-page) .portfolio-stats > a:focus-visible strong {
  text-decoration: none !important;
}

body:not(.portfolio-page) .portfolio-stats strong {
  color: var(--ink, #0b0e14) !important;
  font-family: var(--title-font, "Manrope", ui-sans-serif, system-ui) !important;
  font-size: clamp(1.55rem, 2vw, 2.15rem) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body:not(.portfolio-page) .portfolio-stats em {
  color: var(--muted, #667085) !important;
  font-family: var(--body-font, "Inter", ui-sans-serif, system-ui) !important;
  font-size: 0.78rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

@media (max-width: 720px) {
  body:not(.portfolio-page) .portfolio-stats {
    grid-template-columns: 1fr !important;
  }
}

/* Responsive polish: keep stacked pricing fluid and stats grouped on smaller screens. */
@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  body:not(.portfolio-page) .price-card {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 720px) {
  body:not(.portfolio-page) .portfolio-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body:not(.portfolio-page) .portfolio-stats > span,
  body:not(.portfolio-page) .portfolio-stats > a {
    min-height: 74px !important;
    padding: 14px 10px !important;
    border-radius: 14px !important;
  }

  body:not(.portfolio-page) .portfolio-stats strong {
    font-size: clamp(1.05rem, 5vw, 1.45rem) !important;
  }

  body:not(.portfolio-page) .portfolio-stats em {
    font-size: clamp(0.62rem, 2.6vw, 0.72rem) !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 900px) {
  body:not(.portfolio-page) .reviews-visual {
    display: none !important;
  }

  body:not(.portfolio-page) .client-reviews {
    padding-top: 66px !important;
  }
}

/* Who are we page */
.about-page {
  --about-green: #071d15;
  --about-green-soft: #0f2a20;
  --about-paper: #e8f6dd;
  --about-line: rgba(11,14,20,.12);
  background: var(--about-green) !important;
  color: var(--ink, #0b0e14);
  font-family: var(--body-font, "Inter", sans-serif);
  font-weight: 400;
}

.about-page .site-header {
  position: relative !important;
  inset: auto !important;
  z-index: 10 !important;
  width: min(1460px, calc(100vw - 40px)) !important;
  margin: 18px auto 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.about-page .site-header .brand-logo img {
  filter: brightness(0) invert(1) !important;
}

.about-page .site-header .site-nav a {
  color: rgba(255,255,255,.78) !important;
}

.about-page .site-header .site-nav a[aria-current="page"],
.about-page .site-header .site-nav a:hover {
  color: #fff !important;
}

.about-page .site-header .nav-pill {
  background: #fff !important;
  color: #0b0e14 !important;
}

.about-page main {
  background: var(--about-paper);
}

.about-hero {
  width: 100%;
  min-height: clamp(560px, 72vh, 820px);
  margin: -74px 0 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 20%, rgba(185,246,107,.18), transparent 32%),
    linear-gradient(135deg, #061710 0%, #071d15 48%, #0f2a20 100%);
  color: #fff;
  display: grid;
  place-items: center;
  padding: clamp(120px, 14vw, 190px) var(--content-pad, 48px) clamp(72px, 8vw, 110px);
  overflow: hidden;
  position: relative;
}

.about-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 84px 84px;
  opacity: .18;
}

.about-hero-inner {
  position: relative;
  z-index: 1;
  width: min(920px, calc(100vw - 40px));
  margin: 0 auto;
  text-align: center;
}

.about-proof {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 9px 14px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.08);
  text-decoration: none;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: .86rem;
}

.about-proof strong {
  font-weight: 800;
}

.about-proof span {
  color: rgba(255,255,255,.7);
}

.about-hero h1,
.about-intro h2,
.about-cta h2 {
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.about-hero h1 {
  max-width: 860px;
  margin: 24px auto 22px;
  color: #fff;
  font-size: clamp(4rem, 10vw, 9rem);
  line-height: .82;
}

.about-hero p {
  width: min(680px, 100%);
  margin: 0 auto;
  color: rgba(255,255,255,.78);
  font-size: clamp(1.02rem, 1.4vw, 1.22rem);
  line-height: 1.65;
  font-weight: 400;
}

.about-intro,
.about-cards,
.about-stats,
.about-cta {
  width: min(var(--content-max, 1280px), calc(100vw - 40px));
  margin-inline: auto;
}

.about-intro {
  display: grid;
  grid-template-columns: minmax(160px, 260px) minmax(0, 820px);
  justify-content: space-between;
  gap: clamp(36px, 7vw, 120px);
  padding: clamp(76px, 9vw, 132px) 0 clamp(50px, 6vw, 86px);
}

.about-kicker {
  align-self: start;
  display: inline-flex;
  width: max-content;
  padding: 9px 14px;
  border: 1px solid var(--about-line);
  border-radius: 999px;
  color: rgba(11,14,20,.72);
  font-size: .86rem;
}

.about-copy h2 {
  margin: 0 0 22px;
  max-width: 760px;
  color: var(--ink, #0b0e14);
  font-size: clamp(2.5rem, 6vw, 5.8rem);
  line-height: .9;
}

.about-copy p {
  max-width: 780px;
  margin: 0 0 16px;
  color: rgba(11,14,20,.66);
  font-size: clamp(1rem, 1.2vw, 1.14rem);
  line-height: 1.72;
  font-weight: 400;
}

.about-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding-bottom: clamp(54px, 7vw, 94px);
}

.about-cards article {
  min-height: 250px;
  padding: clamp(24px, 3vw, 38px);
  border-radius: 30px;
  background: #fff;
  border: 1px solid rgba(11,14,20,.06);
}

.about-cards span {
  display: inline-flex;
  margin-bottom: 44px;
  color: var(--about-green);
  font-weight: 800;
  letter-spacing: .08em;
}

.about-cards h3 {
  margin: 0 0 12px;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.05;
  color: var(--ink, #0b0e14);
}

.about-cards p {
  margin: 0;
  color: rgba(11,14,20,.62);
  line-height: 1.65;
  font-weight: 400;
}

.about-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border-radius: 30px;
  background: rgba(11,14,20,.08);
  margin-bottom: clamp(72px, 8vw, 116px);
}

.about-stats div {
  background: #fff;
  padding: clamp(26px, 4vw, 46px);
}

.about-stats strong {
  display: block;
  color: var(--ink, #0b0e14);
  font-family: var(--title-font, "Manrope", sans-serif);
  font-size: clamp(2.8rem, 5vw, 5.8rem);
  line-height: .9;
  letter-spacing: .01em;
}

.about-stats span {
  display: block;
  margin-top: 12px;
  color: rgba(11,14,20,.58);
  font-weight: 500;
}

.about-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  margin-bottom: clamp(74px, 8vw, 120px);
  padding: clamp(34px, 5vw, 58px);
  border-radius: 32px;
  background: var(--about-green);
  color: #fff;
}

.about-cta h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(2.2rem, 5vw, 5.2rem);
  line-height: .92;
}

.about-cta p {
  max-width: 640px;
  margin: 0;
  color: rgba(255,255,255,.72);
  line-height: 1.65;
}

.about-page .site-footer {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  .about-page .site-header {
    width: min(100% - 24px, 720px) !important;
    margin-top: 12px !important;
    flex-wrap: wrap;
  }

  .about-page .site-nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .about-hero {
    width: 100%;
    margin-top: -120px;
    min-height: 640px;
    border-radius: 0;
    padding-top: 176px;
  }

  .about-hero h1 {
    font-size: clamp(3.2rem, 18vw, 5.8rem);
  }

  .about-intro,
  .about-cards,
  .about-stats,
  .about-cta {
    width: calc(100vw - 28px);
  }

  .about-intro,
  .about-cards,
  .about-stats,
  .about-cta {
    grid-template-columns: 1fr;
  }

  .about-cta {
    align-items: start;
  }
}

/* Wise-inspired who are we page refresh */
.about-page {
  --about-green: #123a08;
  --about-green-deep: #0b2b03;
  --about-cream: #e5f8d6;
  --about-paper: #e8f6dd;
  --about-lime: #dfffd2;
  background: var(--about-green) !important;
}

.about-page main {
  background: #ffffff !important;
}

.about-page .site-header {
  width: min(1160px, calc(100vw - 40px)) !important;
  min-height: 58px !important;
  margin-top: 22px !important;
  align-items: center !important;
  color: rgba(229, 248, 214, 0.86) !important;
}

.about-page .site-header .site-nav {
  max-width: none !important;
  gap: 26px !important;
}

.about-page .site-header .site-nav a,
.about-page .site-header .header-actions a {
  color: rgba(229, 248, 214, 0.86) !important;
  font-weight: 750 !important;
}

.about-page .site-header .nav-pill {
  min-height: 38px !important;
  padding: 10px 19px !important;
  background: var(--about-lime) !important;
  color: #102014 !important;
}

.about-hero {
  min-height: clamp(760px, 86vh, 920px) !important;
  margin-top: -80px !important;
  padding: clamp(150px, 14vw, 210px) var(--content-pad, 48px) 0 !important;
  background: var(--about-green) !important;
  color: var(--about-cream) !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  place-items: start center !important;
  overflow: visible !important;
}

.about-hero::after {
  display: none !important;
}

.about-hero-inner {
  width: min(980px, calc(100vw - 40px)) !important;
  text-align: center !important;
}

.about-proof {
  border-color: rgba(229, 248, 214, 0.16) !important;
  background: rgba(229, 248, 214, 0.07) !important;
  color: var(--about-cream) !important;
}

.about-proof span {
  color: rgba(229, 248, 214, 0.72) !important;
}

.about-hero h1 {
  max-width: 940px !important;
  margin: 26px auto 18px !important;
  color: var(--about-cream) !important;
  font-family: var(--title-font, "Parafina Black", "Manrope", sans-serif) !important;
  font-size: clamp(4.5rem, 8.6vw, 8.75rem) !important;
  line-height: 0.86 !important;
  letter-spacing: 0.006em !important;
  text-transform: uppercase !important;
}

.about-hero p {
  width: min(650px, 100%) !important;
  color: rgba(229, 248, 214, 0.82) !important;
  font-size: clamp(1rem, 1.16vw, 1.17rem) !important;
  line-height: 1.5 !important;
  font-weight: 650 !important;
}

.about-hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 28px;
  margin-top: 34px;
}

.about-primary,
.about-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 999px;
  font-weight: 850;
}

.about-primary {
  padding: 13px 34px;
  background: var(--about-lime);
  color: #102014;
}

.about-secondary {
  min-height: auto;
  border-bottom: 2px solid rgba(229, 248, 214, 0.64);
  border-radius: 0;
  padding: 5px 0;
  color: var(--about-cream);
}

.about-hero-visual {
  position: relative;
  z-index: 2;
  width: min(1160px, calc(100vw - 40px));
  margin: clamp(56px, 6vw, 78px) auto -210px;
  border-radius: 26px;
  overflow: hidden;
  background: #2f5b26;
}

.about-hero-visual img {
  width: 100%;
  height: clamp(390px, 42vw, 540px);
  object-fit: cover;
  object-position: center;
}

.about-intro {
  padding-top: clamp(250px, 24vw, 310px) !important;
}

.about-intro,
.about-cards,
.about-stats,
.about-cta {
  width: min(1160px, calc(100vw - 40px)) !important;
}

.about-copy h2,
.about-cta h2,
.about-stats strong {
  font-family: var(--title-font, "Parafina Black", "Manrope", sans-serif) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.006em !important;
}

.about-cards article,
.about-stats div {
  background: #e8f6dd !important;
}

.about-cta {
  background: var(--about-green) !important;
}

@media (max-width: 900px) {
  .about-page .site-header {
    width: min(100% - 24px, 720px) !important;
  }

  .about-hero {
    min-height: 720px !important;
    margin-top: -118px !important;
    padding-top: 178px !important;
  }

  .about-hero h1 {
    font-size: clamp(3.35rem, 15vw, 5.6rem) !important;
  }

  .about-hero-actions {
    flex-direction: column;
    gap: 14px;
  }

  .about-hero-visual {
    width: calc(100vw - 28px);
    margin-bottom: -118px;
    border-radius: 20px;
  }

  .about-hero-visual img {
    height: 300px;
  }

  .about-intro {
    padding-top: 176px !important;
  }
}

/* Hero title typewriter cycle */
body:not(.portfolio-page) .hero-cycle-marker::before,
body:not(.portfolio-page) .hero-cycle-marker::after,
body:not(.portfolio-page) .hero-cycle-word::before,
body:not(.portfolio-page) .hero-cycle-word::after {
  content: none !important;
  display: none !important;
}

body:not(.portfolio-page) .hero-cycle-marker {
  position: relative !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.18em !important;
  min-width: clamp(11ch, 22vw, 18ch) !important;
  padding: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

body:not(.portfolio-page) .hero-cycle-word {
  display: inline-block !important;
  min-width: clamp(8.5ch, 17vw, 15ch) !important;
  padding: 0 0.08em 0 0 !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: left !important;
  border-right: 0.065em solid var(--green, #b9f66b) !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
  animation: heroTypeCaret 780ms steps(1, end) infinite !important;
}

body:not(.portfolio-page) .hero-cycle-word.is-changing {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

@keyframes heroTypeCaret {
  0%,
  45% {
    border-color: var(--green, #b9f66b);
  }

  46%,
  100% {
    border-color: transparent;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .hero-cycle-marker,
  body:not(.portfolio-page) .hero-cycle-word {
    min-width: 0 !important;
    text-align: center !important;
  }
}

/* Shared light background refresh */
:root {
  --page-bg: #f4f5f2;
  --surface: #f4f5f2;
}

body:not(.portfolio-page) {
  background: var(--page-bg) !important;
}

body:not(.portfolio-page) main,
body:not(.portfolio-page) .door-section,
body:not(.portfolio-page) .client-reviews,
body:not(.portfolio-page) .pricing,
body:not(.portfolio-page) .faq-section,
body:not(.portfolio-page) .logo-carousel,
body:not(.portfolio-page) .proof-section {
  background: var(--surface) !important;
}

/* Main homepage hero treatment. */
body:not(.portfolio-page):not(.about-page) {
  --green: #c7ff3d;
}

body:not(.portfolio-page):not(.about-page) .site-header {
  color: rgba(233, 248, 223, 0.9) !important;
}

body:not(.portfolio-page):not(.about-page) .site-header a {
  color: rgba(233, 248, 223, 0.9) !important;
}

body:not(.portfolio-page):not(.about-page) .brand-logo img {
  filter: brightness(0) invert(1) !important;
}

body:not(.portfolio-page):not(.about-page) .hero {
  min-height: 735px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  place-items: center !important;
  text-align: center !important;
  color: #e9f8df !important;
  background-color: #123f08 !important;
  background-image:
    linear-gradient(90deg, rgba(6, 29, 8, 0.94), rgba(6, 29, 8, 0.72) 44%, rgba(6, 29, 8, 0.28)),
    url("assets/optimized/hero-imagewom5-1920.webp") !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}

body:not(.portfolio-page):not(.about-page) .hero::after {
  background:
    radial-gradient(circle at 52% 44%, rgba(199, 255, 61, 0.16), transparent 24%),
    linear-gradient(180deg, rgba(6, 29, 8, 0.06), rgba(6, 29, 8, 0.76)) !important;
}

body:not(.portfolio-page):not(.about-page) .hero-copy-block {
  max-width: min(980px, calc(100vw - 48px)) !important;
  margin-inline: auto !important;
  justify-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title,
body:not(.portfolio-page):not(.about-page) #hero-title span {
  color: #e9f8df !important;
  -webkit-text-fill-color: #e9f8df !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title {
  justify-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span:last-child,
body:not(.portfolio-page):not(.about-page) .hero-cycle-marker {
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) .hero-cycle-marker {
  min-width: 0 !important;
  gap: 0.18em !important;
}

body:not(.portfolio-page):not(.about-page) .hero-cycle-marker .hero-cycle-word {
  display: inline-block !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 0.08em 0.08em 0 !important;
  color: var(--green) !important;
  -webkit-text-fill-color: var(--green) !important;
  border-right-color: var(--green) !important;
}

body:not(.portfolio-page):not(.about-page) .hero-cycle-marker .hero-cycle-word::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0.08em !important;
  bottom: -0.02em !important;
  height: 0.08em !important;
  border-radius: 999px !important;
  background: var(--green) !important;
  opacity: 0.95 !important;
}

body:not(.portfolio-page):not(.about-page) .hero-badge,
body:not(.portfolio-page):not(.about-page) .hero-proof {
  border-color: rgba(233, 248, 223, 0.18) !important;
  background: rgba(233, 248, 223, 0.08) !important;
  color: rgba(233, 248, 223, 0.82) !important;
}

body:not(.portfolio-page):not(.about-page) .hero-badge a,
body:not(.portfolio-page):not(.about-page) .hero-proof a {
  color: #e9f8df !important;
}

body:not(.portfolio-page):not(.about-page) .hero-badge,
body:not(.portfolio-page):not(.about-page) .hero-proof,
body:not(.portfolio-page):not(.about-page) .hero-buttons {
  justify-content: center !important;
  margin-inline: auto !important;
}

body:not(.portfolio-page):not(.about-page) .hero-trust {
  left: 50% !important;
  right: auto !important;
  width: min(960px, calc(100vw - 48px)) !important;
  transform: translateX(-50%) !important;
  border-color: rgba(233, 248, 223, 0.14) !important;
  color: rgba(233, 248, 223, 0.74) !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) .hero-trust div {
  justify-content: center !important;
}

body:not(.portfolio-page):not(.about-page) .hero-trust img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.72 !important;
}

/* Package bullet spacing refinement. */
body:not(.portfolio-page):not(.about-page) .price-card ul {
  gap: 12px !important;
}

body:not(.portfolio-page):not(.about-page) .price-card li {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  column-gap: 18px !important;
  align-items: start !important;
}

body:not(.portfolio-page):not(.about-page) .price-card li::before {
  grid-column: 1 !important;
  margin: 0 !important;
  justify-self: start !important;
}

@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) #hero-title > span:last-child {
    white-space: normal !important;
  }
}

/* Portfolio case title tracking. */
body:not(.portfolio-page) .brand-world-card span strong {
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  line-height: 1.08 !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.48) !important;
}

body:not(.portfolio-page) .brand-world-card span {
  min-height: clamp(92px, 18%, 138px) !important;
  padding: clamp(30px, 4vw, 48px) clamp(18px, 2.8vw, 34px) clamp(16px, 2vw, 24px) !important;
  background: linear-gradient(180deg, rgba(4, 9, 8, 0), rgba(4, 9, 8, 0.62) 42%, rgba(4, 9, 8, 0.86)) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:not(.portfolio-page) .brand-world-card span em {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42) !important;
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .brand-world-card span {
    min-height: clamp(96px, 24%, 140px) !important;
    padding-top: 38px !important;
  }

  body:not(.portfolio-page) .brand-world-card span strong {
    letter-spacing: 0.2em !important;
  }
}

/* Keep hero headline to a clean three-line rhythm. */
body:not(.portfolio-page):not(.about-page) #hero-title {
  display: grid !important;
  justify-items: center !important;
  gap: 0 !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span {
  display: block !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  min-width: clamp(8ch, 18vw, 15ch) !important;
  width: auto !important;
  text-align: center !important;
}

@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) #hero-title {
    font-size: clamp(2.3rem, 12.5vw, 4.5rem) !important;
  }

  body:not(.portfolio-page):not(.about-page) #hero-title > span:last-child {
    white-space: nowrap !important;
  }
}

/* Final typewriter treatment: caret and underline follow the typed word. */
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  display: flex !important;
  width: min(100%, 18ch) !important;
  min-width: min(18ch, 100%) !important;
  justify-content: center !important;
  overflow: visible !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 0.14em 0.08em 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  color: var(--green) !important;
  -webkit-text-fill-color: var(--green) !important;
  border-right: 0.06em solid var(--green) !important;
  background: none !important;
  background-image: none !important;
  animation: heroTypeCaret 780ms steps(1, end) infinite !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::after {
  content: none !important;
  display: none !important;
}

@keyframes heroTypeCaret {
  0%,
  48% {
    border-right-color: var(--green, #b9f66b);
  }

  49%,
  100% {
    border-right-color: transparent;
  }
}

/* Match the Who are we hero actions on the homepage hero. */
body:not(.portfolio-page):not(.about-page) .hero-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  margin-top: 34px !important;
}

body:not(.portfolio-page):not(.about-page) .hero-buttons .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
}

body:not(.portfolio-page):not(.about-page) .hero-buttons .button.blue {
  padding: 13px 34px !important;
  background: var(--green) !important;
  color: #102014 !important;
  -webkit-text-fill-color: #102014 !important;
  border: 1px solid rgba(205, 255, 61, 0.35) !important;
  box-shadow: none !important;
}

body:not(.portfolio-page):not(.about-page) .hero-buttons .button.dark {
  min-height: auto !important;
  padding: 5px 0 !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.68) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

body:not(.portfolio-page):not(.about-page) .hero-buttons .button.dark::before,
body:not(.portfolio-page):not(.about-page) .hero-buttons .button.dark::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
    width: min(100%, 15ch) !important;
    min-width: min(15ch, 100%) !important;
  }
}

/* Keep "For Every" together, with the changing business type on the next line. */
body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  display: inline-block !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  text-wrap: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  display: flex !important;
  flex-basis: 100% !important;
  width: min(100%, 18ch) !important;
  margin-inline: auto !important;
}

/* Final pricing list reset: keep every package feature as a clean full-width row. */
body:not(.portfolio-page) .pricing .price-card ul {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) .pricing .price-card li {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  column-gap: 15px !important;
  align-items: start !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #657082 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.98rem !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
  letter-spacing: -0.01em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body:not(.portfolio-page) .pricing .price-card li::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  grid-column: 1 !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(185, 246, 107, 0.55) !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(0.08em) !important;
}

body:not(.portfolio-page) .pricing .featured-price li {
  color: rgba(255, 255, 255, 0.78) !important;
}

body:not(.portfolio-page) .pricing .featured-price li::before {
  background: rgba(185, 246, 107, 0.95) !important;
  color: var(--ink, #0b0e14) !important;
}

@media (max-width: 980px) {
  body:not(.portfolio-page) .pricing .price-card li {
    font-size: 0.96rem !important;
  }
}

/* Mobile pricing width fix: cards should use the full available section width. */
@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 28px)) !important;
    max-width: none !important;
    padding-inline: 0 !important;
  }

  body:not(.portfolio-page) .pricing-intro,
  body:not(.portfolio-page) .pricing-toolbar,
  body:not(.portfolio-page) .pricing-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body:not(.portfolio-page) .pricing-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  body:not(.portfolio-page) .pricing .price-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 720px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 24px)) !important;
  }

  body:not(.portfolio-page) .pricing .price-card {
    padding: 26px 20px !important;
  }
}

/* ProTextType-inspired final hero word treatment: stable width, no marker line, blinking caret. */
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  position: relative !important;
  display: flex !important;
  flex-basis: 100% !important;
  width: min(100%, 18ch) !important;
  min-width: min(18ch, 100%) !important;
  max-width: min(100%, 18ch) !important;
  min-height: 1.04em !important;
  margin-inline: auto !important;
  padding: 0 !important;
  align-items: baseline !important;
  justify-content: center !important;
  overflow: visible !important;
  white-space: nowrap !important;
  background: none !important;
  box-shadow: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::after,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 0.13em 0 0 !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  border-right: 0.055em solid currentColor !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  transform: none !important;
  animation: proTextCaret 740ms steps(1, end) infinite !important;
}

@keyframes proTextCaret {
  0%,
  46% {
    border-right-color: currentColor;
  }

  47%,
  100% {
    border-right-color: transparent;
  }
}

/* PlanCard-inspired pricing polish: clean hierarchy, compact spacing, Brandnest colors. */
body:not(.portfolio-page) .pricing {
  width: min(var(--content-max), calc(100vw - (var(--content-pad) * 2))) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: clamp(72px, 8vw, 112px) 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .pricing-intro,
body:not(.portfolio-page) .pricing-toolbar,
body:not(.portfolio-page) .pricing-grid {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

body:not(.portfolio-page) .pricing-intro {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  margin: 0 0 18px !important;
}

body:not(.portfolio-page) .pricing-intro h2 {
  margin: 0 !important;
  font-family: var(--title-font, "Parafina Black", "Manrope", sans-serif) !important;
  font-size: clamp(3rem, 5.2vw, 5.6rem) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: 0.018em !important;
  text-transform: uppercase !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .pricing-intro p,
body:not(.portfolio-page) .pricing-toolbar > p {
  display: none !important;
}

body:not(.portfolio-page) .pricing-toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: -60px 0 30px !important;
  pointer-events: none !important;
}

body:not(.portfolio-page) .currency-toggle {
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 5px !important;
  border: 1px solid rgba(11, 14, 20, 0.1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .currency-toggle span {
  padding: 0 10px 0 12px !important;
  color: #6b7280 !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .currency-toggle button {
  min-height: 34px !important;
  min-width: 52px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}

body:not(.portfolio-page) .currency-toggle button.active {
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  align-items: stretch !important;
}

body:not(.portfolio-page) .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(26px, 2.6vw, 38px) !important;
  border: 1px solid rgba(11, 14, 20, 0.06) !important;
  border-radius: 34px !important;
  background: #f4f6f5 !important;
  color: var(--ink, #0b0e14) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body:not(.portfolio-page) .price-card.featured-price {
  border-color: rgba(11, 14, 20, 0.92) !important;
  background: #0b0e14 !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .price-label {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 28px !important;
  color: #8a94a3 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .featured-price .price-label {
  color: rgba(255, 255, 255, 0.46) !important;
}

body:not(.portfolio-page) .popular-badge {
  position: absolute !important;
  top: -18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .price-card h3 {
  margin: 0 0 12px !important;
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(1.72rem, 2.4vw, 2.65rem) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: -0.055em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-card > p:not(.price-line) {
  display: none !important;
}

body:not(.portfolio-page) .price-line {
  display: grid !important;
  gap: 7px !important;
  margin: 0 0 24px !important;
  color: inherit !important;
}

body:not(.portfolio-page) .price-line span {
  order: 2 !important;
  color: #8992a0 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
}

body:not(.portfolio-page) .featured-price .price-line span {
  color: rgba(255, 255, 255, 0.46) !important;
}

body:not(.portfolio-page) .price-line strong {
  order: 1 !important;
  display: block !important;
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(3.4rem, 5.2vw, 5.9rem) !important;
  font-weight: 900 !important;
  line-height: 0.86 !important;
  letter-spacing: -0.055em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-button {
  order: 10 !important;
  position: relative !important;
  z-index: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: auto 0 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: color 240ms ease, transform 240ms ease !important;
}

body:not(.portfolio-page) .price-card:not(.featured-price) .price-button {
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body:not(.portfolio-page) .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-button::before {
  content: "" !important;
  position: absolute !important;
  inset: auto auto 50% 50% !important;
  z-index: -1 !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 320ms ease, height 320ms ease !important;
}

body:not(.portfolio-page) .featured-price .price-button::before {
  background: #ffffff !important;
}

body:not(.portfolio-page) .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body:not(.portfolio-page) .price-button:hover,
body:not(.portfolio-page) .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-1px) !important;
}

body:not(.portfolio-page) .price-button:hover::before,
body:not(.portfolio-page) .price-button:focus-visible::before {
  width: 120% !important;
  height: 260% !important;
}

body:not(.portfolio-page) .price-card ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 4px 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) .price-card li {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  column-gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6f7887 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.92rem, 0.98vw, 1rem) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body:not(.portfolio-page) .price-card li::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(185, 246, 107, 0.56) !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.73rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transform: translateY(0.1em) !important;
}

body:not(.portfolio-page) .featured-price li {
  color: rgba(255, 255, 255, 0.68) !important;
}

body:not(.portfolio-page) .featured-price li::before {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .price-scope {
  display: grid !important;
  gap: 5px !important;
  margin: 0 0 24px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.66) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .featured-price .price-scope {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .price-scope strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .price-scope span {
  color: #737c89 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
}

body:not(.portfolio-page) .featured-price .price-scope span {
  color: rgba(255, 255, 255, 0.64) !important;
}

@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body:not(.portfolio-page) .price-card {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  body:not(.portfolio-page) .price-line strong {
    font-size: clamp(3rem, 11vw, 5.2rem) !important;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 24px)) !important;
  }

  body:not(.portfolio-page) .pricing-intro {
    display: block !important;
    margin-bottom: 18px !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
  }

  body:not(.portfolio-page) .currency-toggle {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body:not(.portfolio-page) .currency-toggle button {
    flex: 1 !important;
  }

  body:not(.portfolio-page) .price-card {
    border-radius: 26px !important;
    padding: 28px 22px !important;
  }

  body:not(.portfolio-page) .popular-badge {
    left: 22px !important;
    transform: none !important;
  }
}

/* Portfolio card bottom fade: full-width, flush to the image edge. */
body:not(.portfolio-page) .brand-world-card {
  position: relative !important;
  overflow: hidden !important;
}

body:not(.portfolio-page) .brand-world-card::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  height: clamp(135px, 34%, 240px) !important;
  pointer-events: none !important;
  border-radius: 0 0 inherit inherit !important;
  background: linear-gradient(
    180deg,
    rgba(4, 9, 8, 0) 0%,
    rgba(4, 9, 8, 0.34) 34%,
    rgba(4, 9, 8, 0.78) 68%,
    rgba(4, 9, 8, 0.94) 100%
  ) !important;
}

body:not(.portfolio-page) .brand-world-card span {
  z-index: 3 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .brand-world-card .case-tags,
body:not(.portfolio-page) .brand-world-card b {
  z-index: 4 !important;
}

/* Final pricing order lock: this block intentionally sits after portfolio fades. */
body:not(.portfolio-page) .pricing {
  width: min(1320px, calc(100vw - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding: clamp(82px, 8vw, 124px) 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .pricing-intro {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .pricing-intro h2 {
  margin: 0 !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-size: clamp(3.4rem, 7vw, 7.2rem) !important;
  font-weight: 900 !important;
  line-height: 0.86 !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .pricing-intro p,
body:not(.portfolio-page) .pricing-toolbar > p {
  display: none !important;
}

body:not(.portfolio-page) .pricing-toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  margin: -68px 0 30px !important;
  padding: 0 !important;
  background: transparent !important;
}

body:not(.portfolio-page) .currency-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px !important;
  border: 1px solid rgba(11, 14, 20, 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:not(.portfolio-page) .currency-toggle span {
  margin: 0 8px 0 10px !important;
  color: #687386 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .currency-toggle button {
  min-width: 54px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #687386 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

body:not(.portfolio-page) .currency-toggle button.active {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .pricing-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 600px !important;
  margin: 0 !important;
  padding: clamp(30px, 2.7vw, 44px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(11, 14, 20, 0.045) !important;
  border-radius: clamp(26px, 2.5vw, 38px) !important;
  background: #f2f4f5 !important;
  box-shadow: none !important;
  color: var(--ink, #0b0e14) !important;
  transform: none !important;
}

body:not(.portfolio-page) .price-card::before,
body:not(.portfolio-page) .price-card::after {
  display: none !important;
}

body:not(.portfolio-page) .price-card.featured-price {
  background: var(--ink, #0b0e14) !important;
  border-color: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
}

body:not(.portfolio-page) .popular-badge {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 34px !important;
  border-radius: 0 0 999px 999px !important;
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
  transform: translateX(-50%) !important;
}

body:not(.portfolio-page) .price-label {
  margin: 0 0 28px !important;
  color: #9aa3af !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.82rem, 0.9vw, 0.95rem) !important;
  font-weight: 850 !important;
  letter-spacing: 0.16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .featured-price .price-label {
  margin-top: 24px !important;
  color: rgba(255, 255, 255, 0.46) !important;
}

body:not(.portfolio-page) .price-card h3 {
  margin: 0 0 16px !important;
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(2.2rem, 3.4vw, 4rem) !important;
  font-weight: 900 !important;
  line-height: 0.94 !important;
  letter-spacing: -0.055em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
}

body:not(.portfolio-page) .price-line span {
  color: #98a1ad !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 450 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-line strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(4.7rem, 7vw, 7.4rem) !important;
  font-weight: 950 !important;
  line-height: 0.84 !important;
  letter-spacing: -0.06em !important;
  text-transform: none !important;
}

body:not(.portfolio-page) .price-card ul {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

body:not(.portfolio-page) .price-card li {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #748092 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: clamp(0.98rem, 1.02vw, 1.08rem) !important;
  font-weight: 400 !important;
  line-height: 1.44 !important;
  letter-spacing: -0.012em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body:not(.portfolio-page) .price-card li::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(185, 246, 107, 0.58) !important;
  color: var(--ink, #0b0e14) !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(0.11em) !important;
}

body:not(.portfolio-page) .featured-price li {
  color: rgba(255, 255, 255, 0.64) !important;
}

body:not(.portfolio-page) .featured-price li::before {
  background: rgba(185, 246, 107, 0.96) !important;
  color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-scope {
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  margin: auto 0 24px !important;
  padding: 18px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

body:not(.portfolio-page) .featured-price .price-scope {
  background: rgba(255, 255, 255, 0.08) !important;
}

body:not(.portfolio-page) .price-scope strong {
  color: inherit !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body:not(.portfolio-page) .price-scope span {
  color: #748092 !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 0.94rem !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
}

body:not(.portfolio-page) .featured-price .price-scope span {
  color: rgba(255, 255, 255, 0.62) !important;
}

body:not(.portfolio-page) .price-button {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 0 26px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--ink, #0b0e14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--body-font, "Inter", sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: color 220ms ease, transform 220ms ease !important;
}

body:not(.portfolio-page) .featured-price .price-button {
  background: var(--green, #b9f66b) !important;
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
}

body:not(.portfolio-page) .price-button::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  bottom: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 999px !important;
  background: var(--green, #b9f66b) !important;
  transform: translate(-50%, 50%) !important;
  transition: width 320ms cubic-bezier(0.22, 1, 0.36, 1), height 320ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body:not(.portfolio-page) .featured-price .price-button::before {
  background: #ffffff !important;
}

body:not(.portfolio-page) .price-button::after {
  content: "↗" !important;
  margin-left: 10px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

body:not(.portfolio-page) .price-button:hover,
body:not(.portfolio-page) .price-button:focus-visible {
  color: var(--ink, #0b0e14) !important;
  -webkit-text-fill-color: var(--ink, #0b0e14) !important;
  transform: translateY(-2px) !important;
}

body:not(.portfolio-page) .price-button:hover::before,
body:not(.portfolio-page) .price-button:focus-visible::before {
  width: 124% !important;
  height: 290% !important;
}

@media (max-width: 1180px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 40px)) !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    margin-top: -56px !important;
  }

  body:not(.portfolio-page) .pricing-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body:not(.portfolio-page) .price-card {
    min-height: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .pricing {
    width: min(100%, calc(100vw - 24px)) !important;
    padding-block: 70px !important;
  }

  body:not(.portfolio-page) .pricing-intro {
    display: block !important;
    margin-bottom: 18px !important;
  }

  body:not(.portfolio-page) .pricing-toolbar {
    justify-content: flex-start !important;
    margin: 0 0 20px !important;
  }

  body:not(.portfolio-page) .currency-toggle {
    width: 100% !important;
    justify-content: space-between !important;
  }

  body:not(.portfolio-page) .currency-toggle span {
    display: none !important;
  }

  body:not(.portfolio-page) .currency-toggle button {
    flex: 1 1 0 !important;
  }

  body:not(.portfolio-page) .price-card {
    border-radius: 28px !important;
    padding: 28px 22px !important;
  }

  body:not(.portfolio-page) .popular-badge {
    left: 22px !important;
    transform: none !important;
    border-radius: 0 0 18px 18px !important;
  }
}

/* Final homepage hero typewriter pass.
   This intentionally sits at the real end so older animation experiments cannot override it. */
body:not(.portfolio-page):not(.about-page) .hero-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title {
  display: flex !important;
  width: min(100%, 940px) !important;
  max-width: 940px !important;
  margin-inline: auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: clamp(4.15rem, 8.2vw, 8.15rem) !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title > span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-title-prefix {
  white-space: nowrap !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1.04em !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: baseline !important;
  justify-content: center !important;
  overflow: visible !important;
  white-space: nowrap !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-marker::after,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::before,
body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

body:not(.portfolio-page):not(.about-page) #hero-title .hero-cycle-word {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 0.16em 0 0 !important;
  color: var(--green, #b9f66b) !important;
  -webkit-text-fill-color: var(--green, #b9f66b) !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: visible !important;
  border-right: 0.055em solid currentColor !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: proTextCaretFinal 760ms steps(1, end) infinite !important;
}

@keyframes proTextCaretFinal {
  0%,
  48% {
    border-right-color: currentColor;
  }

  49%,
  100% {
    border-right-color: transparent;
  }
}

@media (max-width: 760px) {
  body:not(.portfolio-page):not(.about-page) #hero-title {
    width: min(100%, 680px) !important;
    max-width: 680px !important;
  }
}

/* Final portfolio image title spacing.
   Keep this after the hero pass so case names match the spaced title style. */
body:not(.portfolio-page) .portfolio-showcase .brand-world-card span strong {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-family: var(--title-font, "Manrope", sans-serif) !important;
  font-weight: 900 !important;
  letter-spacing: 0.36em !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
}

@media (max-width: 760px) {
  body:not(.portfolio-page) .portfolio-showcase .brand-world-card span strong {
    letter-spacing: 0.24em !important;
  }
}

/* Last-pass Who are we page layout */
.about-page .about-intro-with-media {
  align-items: stretch !important;
}

.about-page .about-intro-with-media .about-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.about-page .about-intro-media {
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

.about-page .about-intro-media img {
  height: 100% !important;
  min-height: 100% !important;
}

.about-page .about-stats {
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f4f0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: clamp(18px, 2.6vw, 30px) !important;
}

.about-page .about-stats div {
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(11, 14, 20, 0.08) !important;
  box-shadow: none !important;
}

.about-page .about-stats div:last-child {
  border-right: 0 !important;
}

.about-page .about-cta {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  text-align: left !important;
  background: var(--brandnest-green, var(--green, #b9f66b)) !important;
  color: #0b0e14 !important;
}

.about-page .about-cta h2,
.about-page .about-cta p {
  color: #0b0e14 !important;
}

.about-page .about-cta .nav-pill {
  min-height: 58px !important;
  padding: 0 34px !important;
  font-size: 1rem !important;
  background: var(--brandnest-deep-green, #071d15) !important;
  border-color: var(--brandnest-deep-green, #071d15) !important;
  color: #ffffff !important;
}

.about-page .about-cta .nav-pill:hover,
.about-page .about-cta .nav-pill:focus-visible {
  color: #0b0e14 !important;
}

@media (max-width: 900px) {
  .about-page .about-intro-media {
    height: auto !important;
    aspect-ratio: 16 / 11 !important;
  }

  .about-page .about-cta {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }

  .about-page .about-stats div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(11, 14, 20, 0.08) !important;
  }

  .about-page .about-stats div:last-child {
    border-bottom: 0 !important;
  }
}