/* Critical top-bar nav — avoids Webflow nav-container-bg flash before auth-nav.js */

/* Global light theme base — overrides Webflow dark body (#161616) */
body {
  background-color: #f8f5ef !important;
  color: #5a544e !important;
  --beckground-color--bg-color-02: #f8f5ef;
  --beckground-color--bg-color-03: rgba(255, 255, 255, 0.55);
  --beckground-color--bg-color-04: #f3efe8;
  --beckground-color--bg-color-01: rgba(254, 121, 83, 0.35);
  --border-color--border-color-01: rgba(90, 84, 78, 0.12);
  --text-color--text-color-01: #8a837a;
}

.page-wrapper,
.main-wrapper {
  background-color: #f8f5ef !important;
}

.main-wrapper h1,
.main-wrapper h2,
.main-wrapper h3,
.main-wrapper h4,
.main-wrapper h5,
.main-wrapper h6,
.main-wrapper [class*="-title-block"]:not(.section-caption-block) {
  color: #5a544e;
}

.main-wrapper .paragraph-p2 {
  color: #8a837a;
}

.section-caption-block {
  color: #8f6b4a;
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.16);
}

.section-caption-devider {
  background-color: rgba(196, 73, 38, 0.18);
}

.button-secondery {
  color: #5a544e;
  border-color: rgba(90, 84, 78, 0.16);
}

.button-secondery:hover {
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.22);
}

.button-primary,
.button-primary .button-text {
  color: #ffffff !important;
}

.section-border-01,
.section-border-03 {
  background-image: linear-gradient(#f8f5ef, rgba(90, 84, 78, 0.16) 8.6% 90.38%, #f8f5ef);
}

.section-border-02,
.section-border-04 {
  background-image: linear-gradient(90deg, #f8f5ef, rgba(90, 84, 78, 0.16) 5% 95%, #f8f5ef);
}

.section-border-bot-01,
.section-border-bot-02,
.section-border-bot-03,
.section-border-bot-04 {
  background-color: rgba(254, 121, 83, 0.35);
}

@media (max-width: 991px) {
  .navbar .nav-container-bg {
    background-color: #f8f5ef !important;
  }
}

img.caption-icon {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}

.cta-icon-block img {
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}

.navbar .nav-brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  max-width: 140px;
  margin-left: 2px;
}

.navbar .nav-brand .logo,
.footer-brand-block .logo,
.footer-brand-block img {
  height: 32px;
  width: auto;
  max-height: 32px;
  max-width: 128px;
  object-fit: contain;
  display: block;
}

@media (min-width: 992px) {
  .navbar {
    top: 28px;
    display: flex;
    justify-content: center;
    background: transparent;
    pointer-events: none;
  }

  .navbar .nav-container {
    pointer-events: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: auto;
    max-width: 1000px;
    padding: 4px 6px 4px 22px;
    background: rgba(248, 245, 239, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(254, 121, 83, 0.14);
    border-radius: 100px;
    box-shadow: 0 1px 2px rgba(90, 84, 78, 0.06), 0 8px 24px -8px rgba(90, 84, 78, 0.1);
  }

  .navbar .nav-container-bg {
    display: none !important;
  }

  .navbar .nav-brand {
    margin-left: 12px;
    margin-right: 16px;
    max-width: 128px;
  }

  .navbar .nav-menu-wrapper.w-nav-menu {
    width: auto;
    max-width: none;
    display: flex;
    align-items: center;
  }

  .navbar .nav-cta-block {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
  }

  /* Hide static Webflow CTA ("Book a demo") until auth-nav.js hydrates */
  .navbar .nav-cta-block:not(.an-nav) {
    opacity: 0;
    pointer-events: none;
  }

  .navbar .nav-cta-block.an-nav {
    opacity: 1;
    pointer-events: auto;
  }

  .nav-menu-inner-block {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 4px;
  }
}

@media (max-width: 991px) {
  .nav-cta-block {
    display: none !important;
  }

  #nav-profile-link {
    display: none !important;
  }

  .navbar {
    top: 0;
  }

  .navbar .nav-container {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navbar .nav-brand {
    margin-left: 0;
  }

  .navbar .nav-brand .logo {
    height: 30px;
    max-height: 30px;
    max-width: 120px;
    min-height: 28px;
  }

  .navbar .menu-button-inner {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .navbar .w-nav-button,
  .navbar .w-nav-button.w--open {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .navbar .menu-open-icon,
  .navbar .menu-close-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
}

/* Landing hero background — local asset (replaces Webflow CDN URL) */
.hero-inner {
  background-image: url("/hero-bg-light.svg");
}

/* Light hero — text readable on hero-bg-light.svg (#F8F5EF) */
section.hero .hero-section-caption-block {
  color: #8f6b4a;
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.16);
}

section.hero .hero-caption-devider {
  background-color: rgba(196, 73, 38, 0.18);
}

section.hero .hero-title-block > h1,
section.hero .hero-title-inner-block > h1 {
  color: #5a544e;
}

section.hero .hero-title-changeing-word,
section.hero .hero-title-changeing-word .gsap_split_letter,
section.hero .hero-title-changeing-word .gsap_split_letter-mask {
  background-image: linear-gradient(246deg, #fe7953 1.64%, #c44926 99.27%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

section.hero .hero-description-block,
section.hero .hero-description-block div {
  color: #8a837a;
}

/* Light nav — matches hero-bg-light.svg palette */
.navbar .nav-link {
  color: #5a544e;
}

.navbar .nav-link-text {
  color: #5a544e;
}

.navbar .nav-link-text.hover-text {
  color: #8f6b4a;
}

.navbar .nav-dropdown-arrow {
  opacity: 0.5;
  filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(700%) hue-rotate(350deg);
}

.navbar .nav-button {
  color: #5a544e;
  border-color: rgba(90, 84, 78, 0.16);
}

.navbar .an-sign-in-transparent {
  color: #5a544e !important;
}

.navbar .an-dashboard-btn,
.navbar .an-user-pill {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(90, 84, 78, 0.12);
  color: #5a544e;
}

.navbar .an-dashboard-btn .button-text,
.navbar .an-user-pill > span:not(.an-avatar) {
  color: #5a544e;
}

.navbar .an-avatar {
  background: linear-gradient(180deg, #fe7953 0%, #c44926 100%);
  border: 1px solid rgba(196, 73, 38, 0.22);
  box-shadow: 0 1px 2px rgba(90, 84, 78, 0.08);
  color: #fff !important;
}

.navbar .an-dashboard-btn:hover,
.navbar .an-user-pill:hover {
  background: rgba(254, 121, 83, 0.08);
}

.navbar .an-dropdown {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(90, 84, 78, 0.12);
  box-shadow: 0 8px 32px rgba(90, 84, 78, 0.12);
}

.navbar .an-dropdown-name {
  color: #5a544e;
}

.navbar .an-dropdown-email {
  color: #8a837a;
}

.navbar .an-dropdown-item {
  color: #5a544e;
}

.navbar .an-dropdown-item:hover {
  background: rgba(254, 121, 83, 0.08);
}

.navbar .an-dropdown-header {
  border-bottom-color: rgba(90, 84, 78, 0.1);
}

/* Nav Solutions dropdown — light theme */
.navbar .nav-dropdown-link-block.product,
.navbar .nav-dropdown-link-block.resources {
  background-color: rgba(255, 255, 255, 0.98);
  border-color: rgba(90, 84, 78, 0.12);
  box-shadow: 0 12px 40px rgba(90, 84, 78, 0.12);
}

.navbar .product-link-01 {
  background-color: rgba(254, 121, 83, 0.08);
  border: 1px solid rgba(254, 121, 83, 0.14);
}

.navbar .product-link-icon-block,
.navbar .resources-link-icon-block {
  background-color: rgba(255, 255, 255, 0.72);
  border-color: rgba(90, 84, 78, 0.12);
}

.navbar .product-link-icon-block._01 {
  background-color: rgba(254, 121, 83, 0.1);
  border-color: rgba(254, 121, 83, 0.22);
}

.navbar .product-link-title-block,
.navbar .product-link-title-block .paragraph-p1,
.navbar .product-link-title-block .heading-style-h4,
.navbar .resources-link-title-block {
  color: #5a544e;
}

.navbar .product-link-description-block,
.navbar .product-link-description-block .paragraph-p2,
.navbar .resources-link-description-block {
  color: #8a837a;
}

.navbar .product-link:hover .product-link-icon-block,
.navbar .resources-link:hover .resources-link-icon-block {
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.18);
}

@media (max-width: 991px) {
  .navbar .menu-open-icon,
  .navbar .menu-close-icon {
    filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(700%) hue-rotate(350deg);
  }

  .navbar .nav-dropdown-link-block.product,
  .navbar .nav-dropdown-link-block.resources {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }

  .navbar .product-link-01 {
    background-color: rgba(254, 121, 83, 0.08);
  }
}

/* Partners rating stars — light theme local asset */
.partners-card-ratting-star-block .icon-18px {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

/* Partners logo marquee — edge fades for light theme body */
.partner-logo-gradint-left-block {
  background-image: linear-gradient(270deg, #f8f5ef00 3.98%, #f8f5ef 96.02%);
}

.partner-logo-gradint-right-block {
  background-image: linear-gradient(90deg, #f8f5ef00 3.98%, #f8f5ef 96.02%);
}

/* Case study — light theme text */
section.case-study .case-study-author-name-block {
  color: #5a544e;
}

section.case-study .case-study-expertise {
  color: #5a544e;
}

/* Integration section — light theme */
section.integration .integration-coloum-01 {
  background-image: linear-gradient(100deg, rgba(90, 84, 78, 0.2), rgba(248, 245, 239, 0.55));
}

section.integration .integration-coloum-02 {
  background-image: linear-gradient(rgba(90, 84, 78, 0.24), rgba(248, 245, 239, 0.6));
}

section.integration .integration-icon-block {
  background-color: rgba(254, 121, 83, 0.12);
  border: 1px solid rgba(254, 121, 83, 0.28);
  box-shadow: 0 8px 24px rgba(254, 121, 83, 0.1);
}

section.integration .integration-icon-block img.integration-icon {
  display: block;
  width: 86px;
  height: 35px;
  object-fit: contain;
}

section.integration .integration-title-block h2 {
  color: #5a544e;
}

section.integration .integration-description-block,
section.integration .integration-description-block div {
  color: #8a837a;
}

/* Review section — light theme */
section.review .review-card-description-block,
section.review .review-card-description-block .heading-style-h4 {
  color: #5a544e;
}

section.review .review-card-author-name {
  color: #5a544e;
}

section.review .review-card-bar-block {
  background-color: rgba(254, 121, 83, 0.1);
}

section.review .review-card-bar-01,
section.review .review-card-bar-02,
section.review .review-card-bar-03,
section.review .review-card-bar-04 {
  background-color: rgba(90, 84, 78, 0.1);
}

section.review .review-card-bar-inner {
  background-color: #fe7953;
}

/* CTA section — light hero background */
.cta-contant-wrapper {
  background-image: url("/hero-bg-light.svg");
}

section.cta .cta-title-block,
section.cta .cta-title-block h2 {
  color: #5a544e;
}

section.cta .cta-title-block .sub-title-text {
  color: #8f6b4a;
}

section.cta .cta-description-block,
section.cta .cta-description-block .paragraph-p1,
section.cta .cta-description-block div {
  color: #8a837a;
}

/* Contact page hero — light theme */
section.contact-hero .contact-hero-inner {
  background-color: #f8f5ef;
  background-image: url("/hero-bg-light.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

section.contact-hero .contact-hero-title-block h1 {
  color: #5a544e;
}

section.contact-hero .contact-description-block,
section.contact-hero .contact-description-block div {
  color: #8a837a;
}

section.contact-hero .contact-link {
  color: #5a544e;
  background-color: rgba(255, 255, 255, 0.55);
  border-color: rgba(90, 84, 78, 0.16);
}

section.contact-hero .contact-link .button-text {
  color: #5a544e;
}

section.contact-hero .contact-link:hover {
  color: #8f6b4a;
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.22);
}

section.contact-hero .contact-link:hover .button-text {
  color: #8f6b4a;
}

section.contact-hero .contact-link .icon-24px {
  filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(700%) hue-rotate(350deg);
  opacity: 0.85;
}

/* Contact form attachment upload — light theme (label only) */
section.contact-hero .contact-form-attachment {
  margin-bottom: 16px;
}

section.contact-hero .contact-form-file-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border: 1px dashed rgba(90, 84, 78, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  color: #8a837a;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

section.contact-hero .contact-form-file-label:hover {
  border-color: rgba(254, 121, 83, 0.45);
  background: rgba(254, 121, 83, 0.08);
  color: #8f6b4a;
}

section.contact-hero .contact-form-file-label svg {
  color: #fe7953;
  flex-shrink: 0;
}

section.contact-hero .contact-form-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* FAQ section — light theme */
section.faq .faq-title-block h2 {
  color: #5a544e;
}

section.faq .faq-item {
  background-color: rgba(255, 255, 255, 0.55) !important;
  border-color: rgba(90, 84, 78, 0.12);
}

section.faq .faq-item.w--open {
  background-color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 4px 20px rgba(90, 84, 78, 0.06);
}

section.faq .faq-question-block,
section.faq .faq-question-block .heading-style-h6 {
  color: #5a544e;
}

section.faq .faq-answer-wrapper,
section.faq .faq-answer-wrapper .paragraph-p2 {
  color: #8a837a;
}

section.faq .faq-icon-block {
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.16);
}

section.faq .faq-icon {
  filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(700%) hue-rotate(350deg);
}

section.faq .faq-devider {
  background-color: rgba(90, 84, 78, 0.12);
}

/* Footer — light theme */
section.footer .footer-inner-block {
  background-image: url("/hero-bg-light.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

section.footer .footer-line._01,
section.footer .footer-line._03 {
  background-image: linear-gradient(#f8f5ef, rgba(90, 84, 78, 0.16) 8.6% 97%, #f8f5ef);
}

section.footer .footer-line._02,
section.footer .footer-line._04,
section.footer .footer-logo-border {
  background-image: linear-gradient(90deg, #f8f5ef, rgba(90, 84, 78, 0.16) 8.6% 96%, #f8f5ef);
}

section.footer .footer-line-dot {
  background-color: rgba(254, 121, 83, 0.35);
}

section.footer .footer-left-inner-block {
  background-image: linear-gradient(117deg, #f991462b 0.96%, #93562900),
    url("/light_theme_6a8e6b85.svg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

section.footer .footer-left-inner-block .heading-style-h6,
section.footer .footer-nav-inner-block .heading-style-h6 {
  color: #5a544e;
}

section.footer .footer-left-inner-block .footer-description-block,
section.footer .footer-left-inner-block .footer-description-block .paragraph-p2 {
  color: #8a837a;
}

section.footer .footer-nav-block {
  border-left-color: rgba(90, 84, 78, 0.12);
}

section.footer .footer-link,
section.footer .footer-link-text {
  color: #8a837a;
}

section.footer .footer-link-text.hover-text {
  color: #8f6b4a;
}

section.footer .footer-bottom-block .paragraph-p1,
section.footer .footer-bottom-link,
section.footer .footer-bottom-link-text {
  color: #8a837a;
}

section.footer .footer-bottom-link-text.hover-text {
  color: #8f6b4a;
}

section.footer .footer-bot {
  background-color: rgba(254, 121, 83, 0.45);
}

section.footer .footer-social-link-icon {
  filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(700%) hue-rotate(350deg);
  opacity: 0.72;
}

section.footer .footer-big-logo-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  grid-column: 1 / -1;
  padding-left: 28px;
}

section.footer .footer-big-logo-block img {
  opacity: 1;
  display: block;
  width: 76%;
  max-width: 76%;
  margin-left: auto;
  margin-right: auto;
  transform: none;
}

/* Pricing page — light theme */
section.pricing-hero .pricing-hero-inner {
  background-color: #f8f5ef;
  background-image: url("/hero-bg-light.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

section.pricing-hero .hero-section-caption-block {
  color: #8f6b4a;
  background-color: rgba(254, 121, 83, 0.08);
  border-color: rgba(254, 121, 83, 0.16);
}

section.pricing-hero .hero-caption-devider {
  background-color: rgba(196, 73, 38, 0.18);
}

section.pricing-hero .pricing-hero-title-block h1 {
  color: #5a544e;
}

section.pricing-hero .pricing-hero-title-block .sub-title-text {
  color: #8f6b4a;
}

section.pricing-hero .pricing-tabs-info-block .paragraph-p2,
section.pricing-hero .pricng-tab-info .paragraph-p2 {
  color: #8a837a;
}

section.pricing-hero .pricing-tab-dot-border {
  border-color: rgba(254, 121, 83, 0.35);
}

section.pricing-hero .pricing-tab-dot-border._02 {
  border-color: rgba(90, 84, 78, 0.2);
}

section.pricing-hero .pricing-tab-bot._01 {
  background-color: #fe7953;
}

section.pricing-hero .pricing-tab-bot._02 {
  background-color: rgba(90, 84, 78, 0.2);
}

section.pricing-hero .pricing-card._01,
section.pricing-hero .pricing-card._03 {
  border-color: rgba(90, 84, 78, 0.12);
}

section.pricing-hero .pricing-card.growth {
  background-image: linear-gradient(117deg, #f991462b 0.96%, #93562900),
    url("/light_theme_6a8e6b85.svg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

section.pricing-hero .pricing-card-top-block .heading-style-h5,
section.pricing-hero .pricing-card-price,
section.pricing-hero .pricing-card-price-wrapper .paragraph-p1,
section.pricing-hero .pricing-card-list-items-block .paragraph-p1 {
  color: #5a544e;
}

section.pricing-hero .pricing-card-price-block .heading-style-h6,
section.pricing-hero .pricing-card-price-wrapper {
  color: #8a837a;
}

section.pricing-hero .pricing-card-icon-block {
  background-color: rgba(255, 255, 255, 0.72);
  border-color: rgba(90, 84, 78, 0.12);
}

section.pricing-hero .pricing-card-icon-block.growth {
  background-color: rgba(254, 121, 83, 0.12);
  border-color: rgba(254, 121, 83, 0.28);
}

section.pricing-hero .top-border {
  background-image: linear-gradient(#fe7953, rgba(254, 121, 83, 0));
}

section.pricing-hero .pricing-tab-link {
  color: #5a544e;
}

section.pricing-hero .pricing-tab-link.w--current {
  color: #ffffff;
}

section.plans .plans-title-block h2 {
  color: #5a544e;
}

section.plans .heading-style-h5,
section.plans .company-plans-title-block,
section.plans .company-plans-title-block .heading-style-h5 {
  color: #5a544e;
}

section.plans .company-plans-list-wrapper {
  background-color: rgba(255, 255, 255, 0.55);
  border-bottom-color: rgba(90, 84, 78, 0.12);
}

section.plans .company-plans-list-block {
  border-right-color: rgba(90, 84, 78, 0.12);
  color: #5a544e;
}

section.plans .company-plans-list-block.title-block .paragraph-p1,
section.plans .company-plans-list-block .heading-style-h5 {
  color: #5a544e;
}

section.plans .plan-description-text {
  color: #8a837a;
}

section.plans .company-plans-title-block {
  color: #5a544e;
  border-bottom-color: rgba(90, 84, 78, 0.12);
  background-color: rgba(254, 121, 83, 0.05);
}

section.plans .company-plans-list-block .icon-24px {
  display: block;
  width: 24px;
  height: 24px;
}

/* Number section — card-specific light theme tweaks */
section.number .number-card-title-block,
section.number .number-card-title-block h3,
section.number .number-card-title-block .heading-style-h5,
section.number .number-card-big-info-block .heading-style-h2,
section.number .number-card-big-title-block .paragraph-p1 {
  color: #5a544e;
}

section.number .number-card-big-info-block {
  box-shadow: 0 1px 2px rgba(90, 84, 78, 0.04);
}

section.number .number-card-big-icon-wrapper,
section.number .number-card-big-icon-inner-block {
  border-color: rgba(254, 121, 83, 0.22);
}

section.number .number-card-big-icon-block {
  background-color: rgba(254, 121, 83, 0.1);
  border-color: rgba(254, 121, 83, 0.22);
}

section.number .number-card-icon-block {
  background-color: rgba(254, 121, 83, 0.1);
  border-color: rgba(254, 121, 83, 0.22);
}

section.number .number-card-icon-block img {
  display: block;
  width: 32px;
  height: 32px;
}

/* Number section big card — local asset (replaces Webflow CDN URL) */
section.number .number-card-big-inner-block {
  background-image: linear-gradient(175deg, #f991461f 4.02%, #93562900 95.98%),
    url("/light_theme_6a8e6b85.svg");
}