:root {
  --softplan-navy: #181a29;
  --softplan-navy-2: #2b2e49;
  --softplan-navy-3: #44486b;
  --softplan-blue: #5c5cff;
  --softplan-teal: #43cacb;
  --softplan-teal-soft: #dcefef;
  --softplan-bg: #f1f2f7;
  --softplan-bg-2: #fafbff;
  --softplan-border: #dfe5ef;
  --softplan-white: #ffffff;
  --softplan-shadow: 0 18px 40px rgba(24, 26, 41, 0.08);
  --softplan-radius: 24px;
  --softplan-radius-accent: 20px 6px 20px 6px;
  --colors--black: #181a29;
  --colors--yellow: #43cacb;
  --colors--light-yellow: #dcefef;
  --colors--light-green: #dcefef;
  --colors--bg-color: #ffffff;
  --colors--card-bg: #ffffff;
  --colors--grey-color: #44486b;
  --colors--stroke-white: rgba(24, 26, 41, 0.08);
  --colors--white-70: rgba(255, 255, 255, 0.76);
  --colors--black-70: rgba(24, 26, 41, 0.7);
  --font-family--font: "Open Sans", Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--softplan-bg);
  color: var(--softplan-navy-2);
  font-family: var(--font-family--font);
}

body.site-shell {
  min-height: 100vh;
}

body.page-sobre {
  overflow-x: hidden;
}

a,
.paragraph-02,
.paragraph-03,
.paragraph-4,
.paragraph-9,
.paragraph-10,
.tagline,
.dropdown-link-text {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.text-style-h1,
.text-style-h5 {
  color: var(--softplan-navy-2);
  font-weight: 400;
  letter-spacing: -0.03em;
}

.text-grey,
.subtitle,
.hero-subtitle,
.faq-answer,
.contact-info,
.copyright-text {
  color: var(--softplan-navy-3) !important;
}

.page-wrapper {
  background: var(--softplan-bg);
}

.site-shell .page-wrapper > section:not(.navbar):not(.hero-v1):not(.hero-v2):not(.features-hero):not(.contact-hero):not(.blog-hero):not(.pricing-hero):not(.integration-hero):not(.about):not(.footer):not(.cta-v1) {
  background: #40c2d3;
}

.site-shell .page-wrapper > section:nth-of-type(even):not(.navbar):not(.hero-v1):not(.hero-v2):not(.features-hero):not(.contact-hero):not(.blog-hero):not(.pricing-hero):not(.integration-hero):not(.about):not(.footer):not(.cta-v1) {
  background: #40c2d3;
}

.progressive-blur-wrap,
.star-lottie-wrap,
.features-v1-card-shadow,
.features-v2-shadow-bg,
.features-v2-shadow-bg-2,
.features-v2-shadow-bg-3,
.investor-shadow,
.about-video-wrap,
.hero-v1-video-wrap {
  display: none;
}

.card-outline,
.badge-outline,
.team-border,
.team-border-active {
  display: none;
}

.navbar {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: var(--softplan-navy);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.navbar-wrap {
  padding-top: 18px;
  padding-bottom: 18px;
}

.nav-container {
  max-width: 1280px;
}

.navbar-brand-logo {
  width: 138px;
  filter: brightness(0) invert(1);
}

.nav-menu .nav-text,
.dropdown-toggle-2,
.dropdown-toggle-3,
.mobile-menu,
.navbar a {
  color: #fff;
  font-weight: 600;
}

.navbar-desktop-wrap {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  align-items: center;
  min-height: 72px;
  position: relative;
}

.navbar-desktop-center {
  justify-content: flex-start;
}

.nav-left-menu-wrap {
  gap: 18px;
  padding-left: 32px;
}

.nav-menu,
.nav-dropdown {
  display: flex;
  align-items: center;
}

.nav-menu {
  position: relative;
}

.nav-dropdown {
  position: relative;
}

.nav-menu .nav-text,
.dropdown-toggle-2 {
  position: relative;
  padding: 12px 10px 18px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.nav-menu .nav-text::after,
.dropdown-toggle-2::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: var(--softplan-teal);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.2s ease;
}

.nav-menu:hover .nav-text::after,
.nav-menu.w--current .nav-text::after,
.nav-dropdown:hover .dropdown-toggle-2::after,
.nav-dropdown.w--open .dropdown-toggle-2::after {
  transform: scaleX(1);
}

.dropdown-toggle-2 {
  gap: 8px;
  padding-right: 28px;
}

.dropdown-toggle-2 .icon {
  margin-right: 0;
  font-size: 11px;
  opacity: 0.9;
}

.nav-menu:hover .nav-text,
.dropdown-toggle-2:hover,
.dropdown-toggle-3:hover,
.footer-link:hover,
.footer a:hover {
  color: var(--softplan-teal) !important;
}

.nav-divider {
  display: none;
}

.dropdown-wrap,
.dropdown-wrap.small,
.nav-dropdown-list.w--open,
.nav-dropdown-list._02.w--open,
.mobile-dropdown-wrap {
  border: 1px solid var(--softplan-border);
  border-radius: var(--softplan-radius);
  background: #fff;
  box-shadow: var(--softplan-shadow);
}

.dropdown-link-text,
.nav-dropdown-list a,
.mobile-dropdown-wrap a {
  color: var(--softplan-navy-2);
}

.nav-dropdown-list._02,
.nav-dropdown-list._02.w--open {
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% - 2px);
  width: 100%;
  max-width: 840px;
  min-width: 640px;
  padding-top: 14px;
  background: transparent;
  border: 0;
  box-shadow: none;
  z-index: 200;
}

.softplan-dropdown-shell {
  padding-top: 0;
}

.softplan-mega-menu {
  width: 100%;
  padding: 28px;
  border: 1px solid var(--softplan-border);
  border-radius: 44px 14px 44px 14px;
  background: #fff;
  box-shadow: 0 24px 54px rgba(24, 26, 41, 0.14);
  display: flex;
  flex-direction: column;
  gap: 22px;
}

@media screen and (min-width: 992px) {
  .nav-dropdown {
    padding-bottom: 14px;
  }

  .nav-dropdown-list._02 {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.18s ease,
      transform 0.18s ease,
      visibility 0.18s ease;
  }

  .nav-dropdown:hover .nav-dropdown-list._02,
  .nav-dropdown:focus-within .nav-dropdown-list._02,
  .nav-dropdown-list._02.w--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}

.softplan-mega-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.softplan-mega-kicker {
  color: var(--softplan-teal);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.softplan-mega-title {
  color: var(--softplan-navy-2);
  font-size: 28px;
  line-height: 1.08;
  font-weight: 400;
  letter-spacing: -0.04em;
}

.softplan-mega-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.softplan-mega-item {
  min-height: 128px;
  padding: 18px;
  border: 1px solid #e6edf7;
  border-radius: 18px;
  background: #fff;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.softplan-mega-item:hover {
  transform: translateY(-1px);
  border-color: #c7d5ea;
  background: #f8fafe;
}

.softplan-mega-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.softplan-mega-label {
  color: var(--softplan-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.softplan-mega-item .fa-arrow-right-long {
  color: var(--softplan-navy-3);
  font-size: 14px;
}

.softplan-mega-item .dropdown-link-text {
  color: var(--softplan-navy-2);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.softplan-mega-description {
  margin-top: 10px;
  color: #5b5f7b;
  font-size: 14px;
  line-height: 1.5;
}

.navbar-menu-box {
  border-radius: 12px;
  background: var(--softplan-teal);
}

.navbar-desktop-right._02 {
  gap: 12px;
}

.header-cta {
  background: var(--softplan-teal) !important;
  border: 0 !important;
}

.header-cta .primary-button-text,
.header-cta .text-black {
  color: #fff !important;
}

.header-icon-link {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: #fff !important;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.header-icon-link:hover {
  background: var(--softplan-teal);
  border-color: var(--softplan-teal);
  transform: translateY(-1px);
}

.header-icon-link.mobile {
  display: inline-flex;
}

.site-shell .blog-hero,
.site-shell .contact-hero,
.site-shell .pricing-hero,
.site-shell .features-hero,
.site-shell .integration-hero,
.site-shell .hero-v2,
.site-shell .about {
  background:
    radial-gradient(circle at 78% 24%, rgba(92, 92, 255, 0.16), transparent 18%),
    linear-gradient(180deg, #181a29 0%, #181a29 100%) !important;
}

.site-shell .blog,
.site-shell .blog-v2,
.site-shell .blog-v3,
.site-shell .blog-single,
.site-shell .blog-post-hero,
.site-shell .blog-post-content,
.site-shell .contact,
.site-shell .faq,
.site-shell .features-v1,
.site-shell .features-v1-2,
.site-shell .features-v2,
.site-shell .features-v2-2,
.site-shell .interface-v2-2,
.site-shell .vision,
.site-shell .capabilities,
.site-shell .integration-v1,
.site-shell .intro,
.site-shell .investor,
.site-shell .pricing,
.site-shell .pricing-v2,
.site-shell .pricing-v3,
.site-shell .team {
  padding-top: 96px;
  padding-bottom: 96px;
}

.site-shell .hero-v2-wrap-2,
.site-shell .features-hero-wrap,
.site-shell .integration-hero-wrap,
.site-shell .blog-post-hero .container,
.site-shell .vision-wrap,
.site-shell .interface-v2-wrap {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.site-shell .hero-header-wrap-2,
.site-shell .hero-text-wrap-2.left,
.site-shell .section-header-content-2,
.site-shell .section-header-content-3,
.site-shell .section-header-content-4,
.site-shell .section-header-content-4.left {
  text-align: left;
  align-items: flex-start;
}

.site-shell .hero-v2-heading,
.site-shell .features-heading,
.site-shell .blog-post-hero h1,
.site-shell .text-center-2 {
  color: #fff;
  font-weight: 300;
  letter-spacing: -0.045em;
}

.site-shell .hero-v2-heading,
.site-shell .features-heading,
.site-shell .blog-post-hero h1 {
  font-size: clamp(2.8rem, 5vw, 4.35rem);
  line-height: 1.04;
}

.site-shell .paragraph-12.hero-subtitle,
.site-shell .paragraph-13,
.site-shell .paragraph-14,
.site-shell .paragraph-8,
.site-shell .paragraph-8.text-grey,
.site-shell .paragraph-12.hero-subtitle.left,
.site-shell .blog-post-hero .tagline-02 {
  color: rgba(255, 255, 255, 0.82);
}

.site-shell .text-white-70 {
  color: var(--softplan-navy-3) !important;
}

.site-shell .hero-v2-main-wrap-2,
.site-shell .features-hero-image-wrap,
.site-shell .integration-icons-wrap,
.site-shell .blog-post-image {
  margin-top: 34px;
}

.site-shell .hero-v2-main-wrap-2 .interface-dashboard-wrap,
.site-shell .features-hero-image-wrap,
.site-shell .blog-post-image > div {
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, #f4f7fc, #eaf0f9);
}

.site-shell .hero-v2-bottom-shadow,
.site-shell .hero-v2-texture,
.site-shell .vision-shadow,
.site-shell .page-wrap,
.site-shell .page-wrap._02,
.site-shell .interface-v2-shadow,
.site-shell .features-v2-shadow-bg-2,
.site-shell .features-v2-shadow-bg-3 {
  display: none !important;
}

.site-shell .vision-main-wrap,
.site-shell .interface-v2-main-wrap-2,
.site-shell .features-v2-main-wrap-2 {
  margin-top: 36px;
}

.site-shell .features-v2-card-2,
.site-shell .interface-v2-card-2 {
  position: relative;
}

.site-shell .features-v2-card-inner-2,
.site-shell .interface-v2-card-inner-2,
.site-shell .vision-list-wrap,
.site-shell .blog-content-wrapper {
  border: 1px solid var(--softplan-border);
  border-radius: 20px;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.site-shell .features-v2-card-inner-2,
.site-shell .interface-v2-card-inner-2 {
  padding: 28px;
}

.site-shell .features-v2-image-wrap,
.site-shell .interface-v2-card-top,
.site-shell .interface-layout-wrap-2 {
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
}

.site-shell .features-v2-image,
.site-shell .interface-design,
.site-shell .interface-v2-dashboard,
.site-shell .features-hero-image,
.site-shell .integration-logo {
  object-fit: cover;
}

.site-shell .text-style-h5-2,
.site-shell .tagline-3 {
  color: var(--softplan-navy-2);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.site-shell .label-wrap-2,
.site-shell .label-wrap-2.light-green {
  display: inline-flex;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(67, 202, 203, 0.12);
}

.site-shell .tagline-3.text-black {
  color: var(--softplan-teal);
}

.site-shell .vision-list-wrap {
  padding: 24px 28px;
}

.site-shell .vision-list {
  padding: 18px 0;
}

.site-shell .vision-divider {
  background: var(--softplan-border);
}

.site-shell .integration-icons-wrap,
.site-shell .integration-marquee-wrap {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.site-shell .integration-logo-wrap,
.site-shell .integration-marquee-item {
  min-width: 148px;
  min-height: 88px;
  border: 1px solid var(--softplan-border);
  border-radius: 18px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(24, 26, 41, 0.03);
}

.site-shell .integration-icon-wrap {
  display: inline-flex;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(67, 202, 203, 0.12);
}

.site-shell .integration-icon,
.site-shell .integration-logo,
.site-shell .integration-marquee-icon {
  max-width: 88px;
  max-height: 36px;
  object-fit: contain;
  filter: grayscale(100%) contrast(1.08);
}

.site-shell .blog-post-hero {
  background: var(--softplan-navy);
}

.site-shell .blog-post-meta {
  justify-content: flex-start !important;
}

.site-shell .blog-post-content {
  background: #fff;
}

.site-shell .blog-content-wrapper {
  max-width: 920px;
  margin: 0 auto;
  padding: 40px;
  font-size: 18px;
  line-height: 1.75;
  color: var(--softplan-navy-2) !important;
}

.site-shell .blog-content-wrapper h1,
.site-shell .blog-content-wrapper h2,
.site-shell .blog-content-wrapper h3,
.site-shell .blog-content-wrapper h4 {
  color: var(--softplan-navy-2) !important;
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 14px;
}

.site-shell .blog-content-wrapper a {
  color: var(--softplan-blue) !important;
}

.site-shell .blog-content-wrapper img {
  border-radius: 18px;
}

.hero-v1,
.hero-v2,
.features-hero,
.contact-hero,
.blog-hero,
.pricing-hero,
.integration-hero,
.about {
  background: var(--softplan-navy) !important;
  min-height: 620px;
  position: relative;
}

.hero-v1::before,
.hero-v2::before,
.features-hero::before,
.contact-hero::before,
.blog-hero::before,
.pricing-hero::before,
.integration-hero::before,
.about::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 120px;
  background: linear-gradient(180deg, rgba(24, 26, 41, 0), rgba(24, 26, 41, 0.55));
  pointer-events: none;
}

.hero-v1 .container.hero,
.hero-v2 .container,
.features-hero .container,
.contact-hero .container,
.blog-hero .container,
.pricing-hero .container,
.integration-hero .container,
.about .container {
  max-width: 1280px;
  justify-content: flex-start;
}

.hero-v1-main-wrap,
.hero-v2-main-wrap,
.features-hero-wrap,
.contact-hero-wrap,
.blog-hero-wrap,
.pricing-hero-wrap,
.integration-hero-wrap,
.about-wrap {
  width: 100%;
  max-width: 680px;
  margin-left: 0;
  margin-right: auto;
  padding-top: 110px;
  padding-bottom: 110px;
}

.hero-header-wrap,
.hero-header-wrap.integration-header,
.section-header-content,
.section-header-content.left,
.section-header-content.large,
.section-header-text-wrap,
.section-header-text-wrap.left {
  align-items: flex-start;
  text-align: left;
}

.hero-badge-wrap {
  justify-content: flex-start;
  margin-bottom: 28px;
}

.hero-text-wrap,
.hero-subtitle-wrap,
.hero-button-wrap {
  align-items: flex-start;
  justify-content: flex-start;
}

.hero-text-wrap {
  max-width: 620px;
}

.badge-wrap,
.label-wrap,
.blog-date-wrap,
.pricing-v3-badge {
  border: 0;
  background: transparent !important;
  padding: 0;
}

.badge-inner-wrap,
.label-wrap {
  border: 0;
  background: transparent !important;
  padding: 0;
  box-shadow: none;
}

.badge-text,
.tagline-01,
.tagline-02 {
  color: var(--softplan-teal) !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.badge-dot {
  width: 8px;
  height: 8px;
  background-color: var(--softplan-teal);
}

.hero-v1 h1,
.hero-v2 h1,
.features-hero h1,
.contact-hero h1,
.blog-hero h1,
.pricing-hero h1,
.integration-hero h1,
.about h1,
.cta-v1-heading {
  color: #fff;
  font-weight: 300;
}

.hero-v1 .paragraph-02,
.hero-v2 .paragraph-02,
.features-hero .paragraph-02,
.contact-hero .paragraph-02,
.blog-hero .paragraph-02,
.pricing-hero .paragraph-02,
.integration-hero .paragraph-02,
.about .paragraph-02,
.hero-subtitle {
  color: rgba(255, 255, 255, 0.86) !important;
}

.hero-heading-wrap,
.section-header-text-wrap .heading-wrap,
.cta-text-wrap .heading-wrap {
  position: relative;
  width: 100%;
  padding-top: 18px;
}

.hero-heading-wrap::before,
.section-header-text-wrap .heading-wrap::before,
.cta-text-wrap .heading-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 62px;
  height: 4px;
  border-radius: 999px;
  background: var(--softplan-teal);
}

.text-center,
.hero-v1 .text-center,
.intro .text-center,
.features-v1 .text-center,
.capabilities .text-center,
.faq .text-center {
  text-align: left !important;
}

.accent-underline {
  font-weight: 300;
}

.accent-underline::after {
  display: none;
}

.button-01,
.button-9,
.contact-submit-button {
  border: 0;
  border-radius: var(--softplan-radius-accent);
  background: var(--softplan-teal) !important;
  color: #fff !important;
  box-shadow: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.button-01:hover,
.button-9:hover,
.contact-submit-button:hover {
  background: #36b6b7 !important;
  transform: translateY(-1px);
}

.button-01 .primary-button-text,
.button-9 .primary-button-text,
.button-9 .primary-button-text-2,
.contact-submit-button,
.button-01 .text-black {
  color: #fff !important;
}

.button-01-arrow,
.button-9 .button-01-arrow {
  filter: brightness(0) invert(1);
}

.button-03 {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--softplan-radius-accent);
  background: #fff !important;
  box-shadow: none;
}

.button-03 .primary-button-text,
.button-03 .text-black {
  color: var(--softplan-navy-2) !important;
}

.hero-v1 .button-03,
.hero-v2 .button-03,
.features-hero .button-03,
.contact-hero .button-03,
.blog-hero .button-03,
.pricing-hero .button-03,
.integration-hero .button-03 {
  background: transparent !important;
}

.hero-v1 .button-03 .primary-button-text,
.hero-v2 .button-03 .primary-button-text,
.features-hero .button-03 .primary-button-text,
.contact-hero .button-03 .primary-button-text,
.blog-hero .button-03 .primary-button-text,
.pricing-hero .button-03 .primary-button-text,
.integration-hero .button-03 .primary-button-text,
.hero-v1 .button-03 .text-black,
.hero-v2 .button-03 .text-black,
.features-hero .button-03 .text-black,
.contact-hero .button-03 .text-black,
.blog-hero .button-03 .text-black,
.pricing-hero .button-03 .text-black,
.integration-hero .button-03 .text-black {
  color: #fff !important;
}

.button-03:hover {
  border-color: var(--softplan-teal);
}

.intro,
.investor,
.faq,
.blog-v2,
.blog-v3,
.contact,
.pricing,
.pricing-v3 {
  background: var(--softplan-bg);
  padding-top: 100px;
  padding-bottom: 100px;
}

.features-v1,
.features-v1-2,
.capabilities,
.integration-v1,
.blog,
.blog-single,
.features-v2,
.features-v2-2 {
  background: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-header-wrap {
  margin-bottom: 36px;
}

.section-header-content,
.section-header-content.large {
  max-width: 720px;
}

.heading-wrap.medium,
.heading-wrap.small {
  max-width: 100%;
}

.subtitle-wrap,
.subtitle-wrap.small {
  max-width: 560px;
  margin-top: 18px;
}

.intro-card,
.intro-statistics-card,
.features-v1-card-01-inner,
.features-v1-card-01-inner-4,
.features-v1-card-01-inner-5,
.features-v1-card-01-inner-6,
.features-v1-card-01-inner-7,
.features-v1-card-01-inner-8,
.features-v1-card-02-inner,
.features-v1-card-02-inner-2,
.features-v1-card-02-inner-3,
.features-v2-card-inner,
.features-v2-card-inner-2,
.capabilities-card-inner,
.contact-right,
.faq-item,
.blog-card,
.blog-v3-card,
.blog-single-details-wrap,
.pricing-item,
.pricing-v3-card-inner,
.investor-card-inner {
  border: 1px solid var(--softplan-border);
  border-radius: var(--softplan-radius);
  background: #fff !important;
  box-shadow: none;
}

.features-v1-card-image-wrap,
.blog-image-wrap,
.blog-v3-image-wrap,
.contact-image-wrap,
.cta-v1-image-wrap {
  border-radius: 18px;
  overflow: hidden;
}

.investor-card-color {
  background: var(--softplan-teal-soft);
}

.faq-item {
  background: #fff !important;
}

.faq-item.w--current {
  border-color: #abc6ed;
  background: #fff !important;
}

.faq-arrow {
  filter: brightness(0) saturate(100%) invert(17%) sepia(18%) saturate(961%) hue-rotate(196deg) brightness(96%) contrast(93%);
}

.input-filed,
input,
select,
textarea {
  border: 1px solid var(--softplan-border);
  border-radius: 10px;
  background: #fff !important;
  color: var(--softplan-navy-2) !important;
}

.input-filed::placeholder,
input::placeholder,
textarea::placeholder {
  color: #7d8caf !important;
}

.input-filed:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: #abc6ed !important;
  box-shadow: 0 0 0 3px rgba(92, 92, 255, 0.08);
  outline: 0;
}

.contact-icon-wrap,
.contact-icon-wrap-2 {
  border: 1px solid #abc6ed;
  background: #dce5f2;
}

.blog-card__media::after,
.blog-v3-image-cover {
  background: linear-gradient(180deg, rgba(24, 26, 41, 0), rgba(24, 26, 41, 0.34));
}

.cta-v1 {
  background: var(--softplan-navy);
}

.cta-v1-wrap {
  border: 0;
  border-radius: 0;
  background: var(--softplan-navy);
  box-shadow: none;
}

.cta-v1 .badge-text,
.cta-v1 .tagline-01,
.cta-v1-heading,
.cta-v1 .paragraph-02,
.cta-v1 .primary-button-text:not(.text-black) {
  color: #fff !important;
}

.footer {
  background: var(--softplan-navy);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-logo {
  filter: brightness(0) invert(1);
}

.footer .paragraph-02,
.footer .paragraph-10,
.footer .footer-link,
.footer .copyright-text,
.footer a {
  color: rgba(255, 255, 255, 0.8) !important;
}

.copyright-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.bt-whatsApp {
  background: var(--softplan-teal);
  box-shadow: none;
}

@media screen and (max-width: 991px) {
  .navbar-desktop-wrap {
    display: none !important;
  }

  .navbar-mobile-wrap {
    display: block !important;
  }

  .mobile-dropdown-wrap {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid var(--softplan-border);
    border-radius: 24px 24px 0 0;
    background: #fff;
    box-shadow: var(--softplan-shadow);
  }

  .mobile-dropdown-list-wrap {
    gap: 18px;
    padding: 8px 18px 28px;
  }

  .mobile-dropdown-list {
    display: flex;
    width: 100%;
  }

  .mobile-dropdown-wrap .mobile-menu,
  .mobile-dropdown-wrap .softplan-mobile-trigger {
    width: 100%;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--softplan-border);
    color: var(--softplan-navy-2) !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
  }

  .mobile-dropdown-wrap .softplan-mobile-trigger {
    justify-content: space-between;
    background: transparent;
  }

  .mobile-dropdown-wrap .dropdown-link-text,
  .mobile-dropdown-wrap a,
  .mobile-dropdown-wrap .paragraph-4 {
    color: var(--softplan-navy-2) !important;
  }

  .mobile-dropdown-wrap .menu-underline-2 {
    display: none;
  }

  .softplan-mobile-panel {
    gap: 12px;
    padding-left: 0;
  }

  .softplan-mobile-group.is-open .softplan-mobile-panel {
    padding-top: 14px;
  }

  .softplan-mobile-panel .dropdown-menu {
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(223, 229, 239, 0.8);
  }

  .hero-v1,
  .hero-v2,
  .features-hero,
  .contact-hero,
  .blog-hero,
  .pricing-hero,
  .integration-hero,
  .about {
    min-height: auto;
  }

  .hero-v1-main-wrap,
  .hero-v2-main-wrap,
  .features-hero-wrap,
  .contact-hero-wrap,
  .blog-hero-wrap,
  .pricing-hero-wrap,
  .integration-hero-wrap,
  .about-wrap {
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .nav-left-menu-wrap {
    padding-left: 18px;
  }

  .softplan-mega-menu {
    width: min(680px, calc(100vw - 40px));
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .softplan-mega-grid {
    grid-template-columns: 1fr;
  }

  .nav-dropdown-list._02,
  .nav-dropdown-list._02.w--open {
    left: 50%;
    max-width: min(680px, calc(100vw - 40px));
    min-width: 0;
    padding-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .hero-v1 h1,
  .hero-v2 h1,
  .features-hero h1,
  .contact-hero h1,
  .blog-hero h1,
  .pricing-hero h1,
  .integration-hero h1,
  .about h1 {
    font-weight: 400;
  }

  .button-01,
  .button-03,
  .contact-submit-button {
    width: 100%;
    justify-content: center;
  }

  .hero-button-wrap,
  .section-button-wrap {
    width: 100%;
  }

  .navbar-right {
    gap: 10px;
    align-items: center;
  }

  .navbar-mobile-wrap {
    padding-left: 18px;
    padding-right: 18px;
  }

  .intro,
  .investor,
  .faq,
  .blog-v2,
  .contact,
  .pricing,
  .pricing-v3,
  .features-v1,
  .features-v1-2,
  .capabilities,
  .integration-v1,
  .blog,
  .blog-single,
  .features-v2,
  .features-v2-2 {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

/* Enterprise refinements */
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.container,
.nav-container {
  max-width: 1280px;
}

.navbar-wrap,
.footer-wrap,
.copyright-wrap,
.intro-main-wrap,
.features-v1-bottom-wrap,
.capabilities-main-wrap,
.contact-main-wrap {
  gap: 24px;
}

  .navbar-desktop-wrap {
    padding-left: 8px;
    padding-right: 8px;
  }

.nav-left-menu-wrap {
  gap: 30px;
}

.nav-menu .nav-text,
.dropdown-toggle-2,
.dropdown-toggle-3 {
  font-size: 15px;
  letter-spacing: -0.01em;
}

.navbar-desktop-right .button-03 {
  padding: 12px 18px;
  border-color: rgba(255, 255, 255, 0.18);
}

.hero-v1,
.hero-v2,
.features-hero,
.contact-hero,
.blog-hero,
.pricing-hero,
.integration-hero,
.about {
  min-height: 680px;
  background:
    radial-gradient(circle at 78% 24%, rgba(92, 92, 255, 0.16), transparent 18%),
    linear-gradient(180deg, #181a29 0%, #181a29 100%) !important;
}

.hero-v1-main-wrap,
.hero-v2-main-wrap,
.features-hero-wrap,
.contact-hero-wrap,
.blog-hero-wrap,
.pricing-hero-wrap,
.integration-hero-wrap,
.about-wrap {
  max-width: 760px;
  padding-top: 124px;
  padding-bottom: 120px;
}

.hero-v1 h1,
.hero-v2 h1,
.features-hero h1,
.contact-hero h1,
.blog-hero h1,
.pricing-hero h1,
.integration-hero h1,
.about h1 {
  max-width: 760px;
  font-size: clamp(2.8rem, 5vw, 4.35rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.hero-v1 .paragraph-02,
.hero-v2 .paragraph-02,
.features-hero .paragraph-02,
.contact-hero .paragraph-02,
.blog-hero .paragraph-02,
.pricing-hero .paragraph-02,
.integration-hero .paragraph-02,
.about .paragraph-02,
.hero-subtitle {
  max-width: 620px;
  font-size: 18px;
  line-height: 1.72;
}

.hero-button-wrap {
  gap: 16px;
  margin-top: 44px;
}

.button-01,
.button-03,
.button-9,
.contact-submit-button {
  min-height: 52px;
  padding: 14px 26px;
}

.button-01 .primary-button-text,
.button-03 .primary-button-text,
.button-9 .primary-button-text,
.button-9 .primary-button-text-2,
.contact-submit-button {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.section-header-wrap {
  margin-bottom: 44px;
}

.section-header-content,
.section-header-content.large {
  max-width: 820px;
}

.section-header-text-wrap .heading-wrap,
.cta-text-wrap .heading-wrap,
.hero-heading-wrap {
  padding-top: 20px;
}

.section-header-text-wrap .heading-wrap::before,
.cta-text-wrap .heading-wrap::before,
.hero-heading-wrap::before {
  width: 72px;
  height: 3px;
}

.section-header-wrap h2,
.section-header-wrap .h2,
.cta-v1-heading {
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  line-height: 1.12;
  letter-spacing: -0.04em;
}

.subtitle-wrap,
.subtitle-wrap.small {
  margin-top: 20px;
}

.subtitle,
.subtitle-wrap .paragraph-02,
.section-header-wrap .paragraph-02 {
  font-size: 17px;
  line-height: 1.68;
}

.intro-card,
.intro-statistics-card,
.features-v1-card-01-inner,
.features-v1-card-01-inner-4,
.features-v1-card-01-inner-5,
.features-v1-card-01-inner-6,
.features-v1-card-01-inner-7,
.features-v1-card-01-inner-8,
.features-v1-card-02-inner,
.features-v1-card-02-inner-2,
.features-v1-card-02-inner-3,
.features-v2-card-inner,
.features-v2-card-inner-2,
.capabilities-card-inner,
.contact-right,
.faq-item,
.blog-card,
.blog-v3-card,
.blog-single-details-wrap,
.pricing-item,
.pricing-v3-card-inner,
.investor-card-inner {
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.intro-card,
.features-v1-card-01-inner,
.features-v1-card-01-inner-4,
.features-v1-card-01-inner-5,
.features-v1-card-01-inner-6,
.features-v1-card-01-inner-7,
.features-v1-card-01-inner-8,
.features-v1-card-02-inner,
.features-v1-card-02-inner-2,
.features-v1-card-02-inner-3,
.features-v2-card-inner,
.features-v2-card-inner-2,
.contact-right,
.blog-card,
.blog-v3-card,
.blog-single-details-wrap,
.pricing-item,
.pricing-v3-card-inner {
  padding: 34px;
}

.intro-card {
  background:
    linear-gradient(180deg, rgba(92, 92, 255, 0.025), rgba(255, 255, 255, 0)),
    #fff !important;
}

.intro-top-wrap,
.features-v1-text-wrap,
.capabilities-text-wrap,
.blog-card__body {
  gap: 18px;
}

.intro-statistics-card {
  position: relative;
  overflow: hidden;
}

.intro-statistics-card::before,
.capabilities-card-inner::before,
.features-v1-card-02-inner::before,
.features-v1-card-02-inner-2::before,
.features-v1-card-02-inner-3::before,
.faq-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--softplan-teal), #abc6ed);
  opacity: 0.8;
}

.statistics-number-wrap .text-style-h1 {
  color: var(--softplan-navy);
  font-weight: 700;
  letter-spacing: -0.05em;
}

.h3,
.h4,
.text-style-h5,
.capabilities-text-wrap .text-style-h5,
.faq-question {
  color: var(--softplan-navy-2);
  font-weight: 600;
  letter-spacing: -0.03em;
}

.features-v1-card-01-right,
.features-v1-card-01-right-4,
.features-v1-card-01-right-3 {
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
}

.features-v1-image-01,
.features-v1-image-2 {
  object-fit: cover;
}

.features-v1-card-image-wrap,
.features-v1-card-image-wrap._02 {
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.capabilities-main-wrap {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.capabilities-card-inner {
  min-height: 100%;
  position: relative;
  padding-top: 30px;
}

.capabilities-content {
  align-items: flex-start;
}

.capabilities-icon {
  width: 56px;
  height: 56px;
  padding: 14px;
  border-radius: 14px;
  background: #f3f6fc;
  border: 1px solid #e6edf7;
}

.integration-v1-main-wrap {
  margin-top: 36px;
}

.integration-marquee-wrap {
  gap: 16px;
}

.integration-marquee-item {
  min-width: 148px;
  min-height: 88px;
  border: 1px solid var(--softplan-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(24, 26, 41, 0.03);
}

.integration-marquee-icon {
  max-width: 88px;
  max-height: 36px;
  object-fit: contain;
  filter: grayscale(100%) contrast(1.08);
}

.investor-main-wrap {
  margin-top: 24px;
}

.investor-card {
  max-width: 286px;
}

.investor-card-inner {
  gap: 14px;
  padding: 18px 20px;
  background: #fff !important;
}

.investor-image {
  width: 58px;
  border-radius: 14px;
  filter: grayscale(10%);
}

.investor-card-color {
  display: none;
}

.investor-info-wrap .h6 {
  font-weight: 700;
  color: var(--softplan-navy-2);
}

.blog-card,
.blog-v3-card {
  overflow: hidden;
}

.blog-card__media,
.blog-v3-image-wrap {
  background: #edf2fa;
}

.blog-card__body,
.blog-v3-details-wrap {
  padding-top: 10px;
}

.blog-card__title,
.blog-title-wrap h4,
.blog-v3-card h4 {
  color: var(--softplan-navy-2);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.blog-card__cta,
.blog-v3-link {
  color: var(--softplan-blue) !important;
  font-weight: 700;
}

.faq-item {
  padding-top: 26px;
}

.faq-question-wrap {
  align-items: flex-start;
}

.faq-answer-wrap {
  max-width: 92%;
}

.contact-right {
  padding-top: 34px;
}

.form-row {
  gap: 16px;
  margin-bottom: 22px;
}

.footer {
  padding-top: 96px;
  padding-bottom: 34px;
}

.footer-left {
  max-width: 280px;
  gap: 20px;
}

.footer-right {
  max-width: 900px;
  column-gap: 56px;
}

.footer-menu-list,
.footer-contact-list {
  gap: 12px;
}

.footer .paragraph-02,
.footer .paragraph-10,
.footer .footer-link,
.footer .copyright-text,
.footer a {
  font-size: 15px;
  line-height: 1.6;
}

.copyright-wrap {
  margin-top: 64px;
  padding-top: 22px;
}

@media screen and (max-width: 991px) {
  .capabilities-main-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-v1-main-wrap,
  .hero-v2-main-wrap,
  .features-hero-wrap,
  .contact-hero-wrap,
  .blog-hero-wrap,
  .pricing-hero-wrap,
  .integration-hero-wrap,
  .about-wrap {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .footer-right {
    max-width: 100%;
    column-gap: 28px;
  }
}

@media screen and (max-width: 767px) {
  .capabilities-main-wrap {
    grid-template-columns: 1fr;
  }

  .intro-card,
  .intro-statistics-card,
  .features-v1-card-01-inner,
  .features-v1-card-02-inner,
  .contact-right,
  .blog-card,
  .blog-v3-card,
  .pricing-item,
  .pricing-v3-card-inner {
    padding: 24px;
  }

  .hero-v1,
  .hero-v2,
  .features-hero,
  .contact-hero,
  .blog-hero,
  .pricing-hero,
  .integration-hero,
  .about {
    min-height: auto;
  }
}

/* Shared page normalization */
.navbar,
.nav-container,
.navbar-wrap,
.navbar-desktop-wrap,
.navbar-desktop-center,
.nav-left-menu-wrap {
  overflow: visible;
}

.softplan-mega-dropdown {
  position: static;
  display: flex;
  align-items: center;
}

.softplan-mega-trigger,
.softplan-mobile-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 10px 18px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.softplan-mega-trigger::after,
.softplan-mobile-trigger::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: var(--softplan-teal);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.2s ease;
}

.softplan-mega-dropdown:hover .softplan-mega-trigger::after,
.softplan-mega-dropdown:focus-within .softplan-mega-trigger::after,
.softplan-mega-dropdown.is-open .softplan-mega-trigger::after,
.softplan-mobile-group.is-open .softplan-mobile-trigger::after {
  transform: scaleX(1);
}

.softplan-mega-chevron {
  font-size: 11px;
  opacity: 0.85;
  transition: transform 0.2s ease;
}

.softplan-mega-dropdown.is-open .softplan-mega-chevron,
.softplan-mobile-group.is-open .softplan-mega-chevron {
  transform: rotate(180deg);
}

.softplan-mega-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  width: min(880px, calc(100vw - 64px));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 12px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
  z-index: 220;
}

.softplan-mega-dropdown:hover .softplan-mega-panel,
.softplan-mega-dropdown:focus-within .softplan-mega-panel,
.softplan-mega-dropdown.is-open .softplan-mega-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.softplan-mega-panel .softplan-dropdown-shell {
  padding-top: 0;
  width: 100%;
}

.softplan-mega-panel .dropdown-wrap-2.softplan-mega-menu {
  width: 100% !important;
  max-width: none;
  padding: 28px;
}

.softplan-mega-panel .softplan-mega-grid {
  width: 100%;
}

.softplan-mega-panel .softplan-mega-item {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}

.softplan-mobile-group {
  width: 100%;
}

.softplan-mobile-trigger {
  width: 100%;
  justify-content: space-between;
  text-align: left;
}

.softplan-mobile-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 0;
  overflow: hidden;
  padding-left: 14px;
  transition:
    max-height 0.25s ease,
    padding-top 0.25s ease;
}

.softplan-mobile-group.is-open .softplan-mobile-panel {
  max-height: 360px;
  padding-top: 12px;
}

.softplan-mobile-panel .dropdown-menu {
  padding: 6px 0;
}

.softplan-listing-hero,
.softplan-contact-intro,
.softplan-post-hero {
  padding-top: 120px;
}

.softplan-intro-copy {
  max-width: 880px;
  margin: 0 auto;
}

.softplan-blog-card-link {
  display: block;
  width: 100%;
}

.softplan-load-more,
.softplan-blog-latest-header {
  margin-top: 28px;
}

.softplan-post-meta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.softplan-post-title {
  max-width: 900px;
  margin: 0 auto 40px;
}

.softplan-post-image {
  margin-bottom: 60px;
}

.softplan-post-image-frame {
  border-radius: 20px;
  overflow: hidden;
}

.softplan-post-image-el,
.softplan-blog-card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.softplan-contact-section {
  padding: 20px 0 100px;
}

.softplan-contact-form-shell {
  max-width: 920px;
  margin: 0 auto;
}

.softplan-contact-form-shell .intro-card {
  padding: 32px;
  height: auto;
}

.softplan-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.softplan-contact-field {
  margin-top: 14px;
}

.softplan-contact-grid .softplan-contact-field {
  margin-top: 0;
}

.softplan-contact-label {
  display: block;
  margin-bottom: 8px;
}

.softplan-contact-input {
  width: 100%;
  padding: 14px;
  border: 1px solid var(--softplan-border);
  border-radius: 12px;
  background: #fff !important;
  color: var(--softplan-navy-2) !important;
}

.softplan-contact-input::placeholder {
  color: #7d8caf;
}

.softplan-contact-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.softplan-contact-privacy {
  margin: 0;
}

.softplan-contact-privacy span {
  color: var(--softplan-teal);
}

.softplan-form-alert {
  display: none;
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 14px;
}

.policy-hero {
  position: relative;
  padding: 144px 0 56px;
  background:
    radial-gradient(circle at 78% 24%, rgba(92, 92, 255, 0.16), transparent 18%),
    linear-gradient(180deg, #181a29 0%, #181a29 100%);
}

.policy-hero::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 120px;
  background: linear-gradient(180deg, rgba(24, 26, 41, 0), rgba(24, 26, 41, 0.55));
  pointer-events: none;
}

.policy-hero-wrap {
  position: relative;
  max-width: 760px;
}

.policy-kicker {
  display: inline-flex;
  margin-bottom: 20px;
  color: var(--softplan-teal);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.policy-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(2.6rem, 4.8vw, 4.1rem);
  line-height: 1.04;
  font-weight: 300;
  letter-spacing: -0.045em;
}

.policy-page {
  padding: 0 0 100px;
  background: var(--softplan-bg);
}

.policy-card {
  max-width: 940px;
  margin: -18px auto 0;
  padding: 40px 44px;
  border: 1px solid var(--softplan-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(24, 26, 41, 0.06);
}

.policy-card h2,
.policy-card h3,
.policy-card h5 {
  margin-top: 30px;
  margin-bottom: 12px;
  color: var(--softplan-navy-2);
  font-weight: 600;
}

.policy-card p,
.policy-card li {
  color: var(--softplan-navy-3);
  font-size: 17px;
  line-height: 1.8;
}

.policy-card p {
  margin-bottom: 18px;
}

.policy-list {
  margin: 12px 0 24px 20px;
  padding: 0;
}

.policy-card a {
  color: var(--softplan-blue);
}

.site-shell .values,
.site-shell .timeline {
  padding: 96px 0;
}

.site-shell .values {
  background: var(--softplan-bg);
}

.site-shell .timeline {
  background: #fff;
}

.site-shell .values-wrap,
.site-shell .timeline-wrap {
  max-width: 1280px;
  margin: 0 auto;
}

.site-shell .values-main-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.site-shell .value-list {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 28px;
  border: 1px solid var(--softplan-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.site-shell .value-icon,
.site-shell .collab-icon {
  width: 48px;
  height: 48px;
  padding: 12px;
  border: 1px solid #e6edf7;
  border-radius: 14px;
  background: #f3f6fc;
}

.site-shell .timeline-main-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 40px;
  align-items: start;
}

.site-shell .timeline-left {
  position: sticky;
  top: 120px;
}

.site-shell .timeline-right {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.site-shell .timeline-list {
  padding: 26px 28px;
  border: 1px solid var(--softplan-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.site-shell .timeline-list .year {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--softplan-blue);
  font-weight: 700;
}

#suite-ips.softplan-ips-section {
  padding: 96px 0;
  background: var(--softplan-navy);
}

#segmentos.softplan-segmentos-section {
  padding: 96px 0;
  background: #fff;
}

#suite-ips .ips-wrap,
#segmentos .seg-wrap {
  padding: 0;
}

#suite-ips .ips-title,
#suite-ips .ips-desc {
  color: #fff;
}

#suite-ips .ips-desc {
  max-width: 860px;
  margin: 12px auto 0;
}

#suite-ips .ips-grid,
#segmentos .seg-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

#suite-ips .feature_card,
#segmentos .seg-card {
  height: 100%;
  padding: 24px;
  border-radius: 20px;
}

#suite-ips .feature_card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

#suite-ips .feature_card:hover {
  border-color: rgba(67, 202, 203, 0.45);
}

#suite-ips .feature_card h4 {
  margin: 14px 0 10px;
  color: #fff;
  font-size: 18px;
}

#suite-ips .feature_card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.55;
}

#suite-ips .ficon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(67, 202, 203, 0.3);
  border-radius: 14px;
  background: rgba(67, 202, 203, 0.18);
  color: var(--softplan-teal);
}

#segmentos .seg-title,
#segmentos .seg-desc,
#segmentos .heading_block span {
  color: var(--softplan-navy-2) !important;
}

#segmentos .seg-card {
  border: 1px solid var(--softplan-border);
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

#segmentos .seg-card h4 {
  margin: 14px 0 10px;
  color: var(--softplan-navy-2);
  font-size: 18px;
}

#segmentos .seg-card p,
#segmentos .seg-card ul,
#segmentos .seg-card li {
  color: var(--softplan-navy-3);
}

#segmentos .seg-ico {
  color: var(--softplan-blue);
  font-size: 22px;
}

.site-shell .collab-2,
.site-shell .fn-section-2 {
  padding: 96px 0;
}

.site-shell .collab-2 {
  background: var(--softplan-bg);
}

.site-shell .fn-section-2 {
  background: #fff;
}

.site-shell .collab-main-wrap-2,
.site-shell .fn-container-grid {
  max-width: 1280px;
  margin: 0 auto;
}

.site-shell .collab-main-wrap-2 {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 32px;
  align-items: center;
}

.site-shell .collab-image-wrap-2 {
  border-radius: 24px;
  overflow: hidden;
}

.site-shell .collab-list-wrap {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.site-shell .collab-list {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--softplan-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.site-shell .fn-container-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 28px;
  align-items: stretch;
}

.site-shell .fn-column,
.site-shell .fn-form {
  padding: 34px;
  border: 1px solid var(--softplan-border);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.site-shell .fn-heading-4 {
  color: var(--softplan-navy-2);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1.12;
  letter-spacing: -0.04em;
}

.softplan-legacy-blog-card {
  padding: 20px;
  border: 1px solid var(--softplan-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.softplan-legacy-blog-tag {
  display: inline-flex;
  padding: 10px;
  border-radius: 10px;
  background: var(--softplan-teal);
  color: #fff;
}

.softplan-error-page {
  margin-top: 150px;
}

.page-sobre .about {
  min-height: auto;
}

.page-sobre .about-wrap {
  max-width: 760px;
  padding-bottom: 72px;
}

.page-sobre .values,
.page-sobre .timeline,
.page-sobre .investor,
.page-sobre .about-intro {
  position: relative;
  z-index: 1;
}

.page-sobre .investor-main-wrap {
  overflow: hidden;
}

/* Unified section system */
.site-shell .intro,
.site-shell .features-v1,
.site-shell .features-v1-2,
.site-shell .features-v2,
.site-shell .features-v2-2,
.site-shell .capabilities,
.site-shell .integration-v1,
.site-shell .vision,
.site-shell .interface,
.site-shell .faq,
.site-shell .blog-v2,
.site-shell .values,
.site-shell .timeline,
.site-shell .investor {
  padding-top: 104px;
  padding-bottom: 104px;
}

.site-shell .intro,
.site-shell .faq,
.site-shell .blog-v2,
.site-shell .values,
.site-shell .investor {
  background: var(--softplan-bg);
}

.site-shell .features-v1,
.site-shell .features-v1-2,
.site-shell .features-v2,
.site-shell .features-v2-2,
.site-shell .capabilities,
.site-shell .integration-v1,
.site-shell .vision,
.site-shell .interface,
.site-shell .timeline {
  background: #fff;
}

.site-shell .intro-wrap,
.site-shell .features-v1-wrap,
.site-shell .features-v1-wrap-3,
.site-shell .features-v2-wrap,
.site-shell .capabilities-wrap,
.site-shell .integration-v1-wrap,
.site-shell .vision-wrap,
.site-shell .interface-wrap,
.site-shell .faq-wrap,
.site-shell .blog-v2-wrap,
.site-shell .values-wrap,
.site-shell .timeline-wrap {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.site-shell .section-header-wrap {
  margin-bottom: 44px;
}

.site-shell .section-header-content,
.site-shell .section-header-content.large {
  max-width: 860px;
}

.site-shell .section-header-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.site-shell .section-header-wrap h2,
.site-shell .section-header-wrap .h2,
.site-shell .section-header-wrap .text-center {
  max-width: 880px;
}

.site-shell .intro-main-wrap,
.site-shell .vision-main-wrap,
.site-shell .interface-main-wrap,
.site-shell .features-v1-main-wrap,
.site-shell .features-v1-main-wrap-3,
.site-shell .features-v2-main-wrap-2,
.site-shell .capabilities-main-wrap,
.site-shell .integration-v1-main-wrap,
.site-shell .blog-v2-main-wrap,
.site-shell .faq-main-wrap {
  margin-top: 40px;
}

.site-shell .intro-card,
.site-shell .intro-statistics-card,
.site-shell .features-v1-card-01-inner,
.site-shell .features-v1-card-01-inner-4,
.site-shell .features-v1-card-01-inner-5,
.site-shell .features-v1-card-01-inner-6,
.site-shell .features-v1-card-01-inner-7,
.site-shell .features-v1-card-01-inner-8,
.site-shell .features-v1-card-02-inner,
.site-shell .features-v1-card-02-inner-2,
.site-shell .features-v1-card-02-inner-3,
.site-shell .features-v2-card-inner,
.site-shell .features-v2-card-inner-2,
.site-shell .capabilities-card-inner,
.site-shell .vision-list-wrap,
.site-shell .interface-tabs-content-wrap,
.site-shell .interface-tab-link,
.site-shell .faq-item,
.site-shell .blog-card,
.site-shell .blog-v3-card,
.site-shell .blog-single-details-wrap,
.site-shell .pricing-item,
.site-shell .pricing-v3-card-inner {
  border: 1px solid var(--softplan-border);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(92, 92, 255, 0.024), rgba(255, 255, 255, 0) 56%),
    #fff !important;
  box-shadow: 0 14px 36px rgba(24, 26, 41, 0.05);
}

.site-shell .intro-card,
.site-shell .intro-statistics-card,
.site-shell .features-v1-card-01-inner,
.site-shell .features-v1-card-01-inner-4,
.site-shell .features-v1-card-01-inner-5,
.site-shell .features-v1-card-01-inner-6,
.site-shell .features-v1-card-01-inner-7,
.site-shell .features-v1-card-01-inner-8,
.site-shell .features-v1-card-02-inner,
.site-shell .features-v1-card-02-inner-2,
.site-shell .features-v1-card-02-inner-3,
.site-shell .features-v2-card-inner,
.site-shell .features-v2-card-inner-2,
.site-shell .capabilities-card-inner,
.site-shell .vision-list-wrap,
.site-shell .interface-tabs-content-wrap,
.site-shell .blog-card,
.site-shell .blog-v3-card,
.site-shell .blog-single-details-wrap,
.site-shell .pricing-item,
.site-shell .pricing-v3-card-inner {
  position: relative;
  overflow: hidden;
}

.site-shell .intro-card::before,
.site-shell .intro-statistics-card::before,
.site-shell .features-v1-card-01-inner::before,
.site-shell .features-v1-card-01-inner-4::before,
.site-shell .features-v1-card-01-inner-5::before,
.site-shell .features-v1-card-01-inner-6::before,
.site-shell .features-v1-card-01-inner-7::before,
.site-shell .features-v1-card-01-inner-8::before,
.site-shell .features-v1-card-02-inner::before,
.site-shell .features-v1-card-02-inner-2::before,
.site-shell .features-v1-card-02-inner-3::before,
.site-shell .features-v2-card-inner::before,
.site-shell .features-v2-card-inner-2::before,
.site-shell .capabilities-card-inner::before,
.site-shell .vision-list-wrap::before,
.site-shell .interface-tabs-content-wrap::before,
.site-shell .pricing-item::before,
.site-shell .pricing-v3-card-inner::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--softplan-teal), #abc6ed);
  opacity: 0.85;
}

.site-shell .intro-card,
.site-shell .intro-statistics-card,
.site-shell .features-v1-card-01-inner,
.site-shell .features-v1-card-01-inner-4,
.site-shell .features-v1-card-01-inner-5,
.site-shell .features-v1-card-01-inner-6,
.site-shell .features-v1-card-01-inner-7,
.site-shell .features-v1-card-01-inner-8,
.site-shell .features-v1-card-02-inner,
.site-shell .features-v1-card-02-inner-2,
.site-shell .features-v1-card-02-inner-3,
.site-shell .features-v2-card-inner,
.site-shell .features-v2-card-inner-2,
.site-shell .capabilities-card-inner,
.site-shell .vision-list-wrap,
.site-shell .interface-tabs-content-wrap {
  padding: 34px;
}

.site-shell .intro-card .label-wrap,
.site-shell .intro-statistics-card .label-wrap,
.site-shell .features-v1-card-01-inner .label-wrap,
.site-shell .features-v1-card-01-inner-4 .label-wrap,
.site-shell .features-v1-card-01-inner-5 .label-wrap,
.site-shell .features-v1-card-01-inner-6 .label-wrap,
.site-shell .features-v1-card-01-inner-7 .label-wrap,
.site-shell .features-v1-card-01-inner-8 .label-wrap,
.site-shell .features-v1-card-02-inner .label-wrap,
.site-shell .features-v1-card-02-inner-2 .label-wrap,
.site-shell .features-v1-card-02-inner-3 .label-wrap,
.site-shell .interface-left-wrap .label-wrap {
  display: inline-flex;
  padding: 8px 14px;
  border: 1px solid rgba(67, 202, 203, 0.18);
  border-radius: 999px;
  background: rgba(67, 202, 203, 0.12) !important;
  box-shadow: none;
}

.site-shell .intro-card .tagline-02,
.site-shell .intro-statistics-card .tagline-02,
.site-shell .features-v1-card-01-inner .tagline-02,
.site-shell .features-v1-card-01-inner-4 .tagline-02,
.site-shell .features-v1-card-01-inner-5 .tagline-02,
.site-shell .features-v1-card-01-inner-6 .tagline-02,
.site-shell .features-v1-card-01-inner-7 .tagline-02,
.site-shell .features-v1-card-01-inner-8 .tagline-02,
.site-shell .features-v1-card-02-inner .tagline-02,
.site-shell .features-v1-card-02-inner-2 .tagline-02,
.site-shell .features-v1-card-02-inner-3 .tagline-02,
.site-shell .interface-left-wrap .tagline-02 {
  color: var(--softplan-teal) !important;
}

.site-shell .intro-main-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.85fr);
  gap: 22px;
  align-items: stretch;
}

.site-shell .intro-right {
  display: grid;
  gap: 20px;
}

.site-shell .intro-card,
.site-shell .intro-statistics-card {
  height: 100%;
}

.site-shell .intro-top-wrap,
.site-shell .features-v1-text-wrap,
.site-shell .capabilities-text-wrap,
.site-shell .interface-text-wrap,
.site-shell .vision-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.site-shell .intro-bottom-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 26px;
}

.site-shell .intro-info-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.site-shell .intro-image {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
}

.site-shell .intro-logo {
  width: 34px;
  opacity: 0.8;
}

.site-shell .intro-statistics-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.site-shell .intro-statistics-bottom {
  margin-top: 18px;
}

.site-shell .statistics-number-wrap .text-style-h1 {
  color: var(--softplan-navy);
  font-weight: 700;
}

.site-shell .features-v1-main-wrap,
.site-shell .features-v1-main-wrap-3 {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.site-shell .features-v1-card-01-inner,
.site-shell .features-v1-card-01-inner-4,
.site-shell .features-v1-card-01-inner-5,
.site-shell .features-v1-card-01-inner-6,
.site-shell .features-v1-card-01-inner-7,
.site-shell .features-v1-card-01-inner-8 {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
  gap: 30px;
  align-items: center;
}

.site-shell .features-v1-card-02-inner,
.site-shell .features-v1-card-02-inner-2,
.site-shell .features-v1-card-02-inner-3 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 100%;
}

.site-shell .features-v1-card-01-right,
.site-shell .features-v1-card-01-right-4,
.site-shell .features-v1-card-01-right-3,
.site-shell .features-v1-card-image-wrap,
.site-shell .features-v1-card-image-wrap._02 {
  min-height: 320px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
}

.site-shell .features-v1-image-01,
.site-shell .features-v1-image-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-shell .vision-main-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 24px;
  align-items: stretch;
}

.site-shell .interface-dashboard-wrap {
  border: 1px solid var(--softplan-border);
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
  box-shadow: 0 14px 36px rgba(24, 26, 41, 0.05);
}

.site-shell .vision-list-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.site-shell .vision-list {
  padding: 18px 0;
}

.site-shell .interface {
  background: #fff;
}

.site-shell .interface-tabs-menu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}

.site-shell .interface-tab-link {
  min-height: 78px;
  padding: 22px 20px;
  display: flex;
  align-items: center;
}

.site-shell .interface-tab-link.w--current {
  border-color: #b8d6ee;
  background:
    linear-gradient(180deg, rgba(67, 202, 203, 0.14), rgba(255, 255, 255, 0) 68%),
    #fff !important;
}

.site-shell .interface-link-text {
  color: var(--softplan-navy-2);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.site-shell .interface-tabs-content-wrap {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr);
  gap: 28px;
  align-items: center;
}

.site-shell .interface-left-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.site-shell .interface-title {
  color: var(--softplan-navy);
  font-size: clamp(1.85rem, 3.3vw, 2.6rem);
  line-height: 1.14;
  letter-spacing: -0.04em;
}

.site-shell .interface-image-wrap {
  min-height: 320px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
}

.site-shell .interface-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-shell .capabilities-card-inner {
  min-height: 100%;
}

.site-shell .capabilities-icon {
  width: 56px;
  height: 56px;
  padding: 14px;
  border-radius: 14px;
  background: #f3f6fc;
  border: 1px solid #e6edf7;
}

.site-shell .faq-wrap {
  max-width: 1280px;
  margin: 0 auto;
}

.site-shell .faq-main-wrap {
  width: 100%;
  max-width: 980px;
  margin: 36px auto 0;
}

.site-shell .faq-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.site-shell .faq-item {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--softplan-border);
  border-radius: 20px;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(24, 26, 41, 0.04);
}

.site-shell .faq-item::before {
  height: 3px;
}

.site-shell .faq-content {
  display: flex;
  flex-direction: column;
  padding: 26px 30px;
}

.site-shell .faq-question-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.site-shell .h5.faq-question {
  margin: 0;
  color: var(--softplan-navy-2) !important;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.site-shell .faq-arrow {
  flex: none;
  width: 18px;
  margin-top: 4px;
  transition: transform 0.2s ease;
}

.site-shell .faq-item.w--current .faq-arrow {
  transform: rotate(180deg);
}

.site-shell .faq-answer-wrap {
  max-width: none;
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.24s ease,
    margin-top 0.24s ease,
    opacity 0.2s ease;
}

.site-shell .faq-item.w--current .faq-answer-wrap {
  max-height: 240px;
  margin-top: 16px;
  opacity: 1;
}

.site-shell .paragraph-02.faq-answer {
  margin: 0;
  padding-top: 0;
  color: var(--softplan-navy-3) !important;
  font-size: 17px;
  line-height: 1.72;
}

@media screen and (max-width: 991px) {
  .site-shell .intro-main-wrap,
  .site-shell .vision-main-wrap,
  .site-shell .interface-tabs-content-wrap,
  .site-shell .features-v1-card-01-inner,
  .site-shell .features-v1-card-01-inner-4,
  .site-shell .features-v1-card-01-inner-5,
  .site-shell .features-v1-card-01-inner-6,
  .site-shell .features-v1-card-01-inner-7,
  .site-shell .features-v1-card-01-inner-8 {
    grid-template-columns: 1fr;
  }

  .site-shell .interface-tabs-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .softplan-mega-panel {
    width: min(720px, calc(100vw - 48px));
  }

  .softplan-contact-grid,
  .site-shell .values-main-wrap,
  #suite-ips .ips-grid,
  #segmentos .seg-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-shell .timeline-main-wrap,
  .site-shell .collab-main-wrap-2,
  .site-shell .fn-container-grid {
    grid-template-columns: 1fr;
  }

  .site-shell .timeline-left {
    position: static;
  }

  .site-shell .h5.faq-question {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .site-shell .intro,
  .site-shell .features-v1,
  .site-shell .features-v1-2,
  .site-shell .features-v2,
  .site-shell .features-v2-2,
  .site-shell .capabilities,
  .site-shell .integration-v1,
  .site-shell .vision,
  .site-shell .interface,
  .site-shell .faq,
  .site-shell .blog-v2,
  .site-shell .values,
  .site-shell .timeline,
  .site-shell .investor {
    padding-top: 78px;
    padding-bottom: 78px;
  }

  .site-shell .intro-card,
  .site-shell .intro-statistics-card,
  .site-shell .features-v1-card-01-inner,
  .site-shell .features-v1-card-01-inner-4,
  .site-shell .features-v1-card-01-inner-5,
  .site-shell .features-v1-card-01-inner-6,
  .site-shell .features-v1-card-01-inner-7,
  .site-shell .features-v1-card-01-inner-8,
  .site-shell .features-v1-card-02-inner,
  .site-shell .features-v1-card-02-inner-2,
  .site-shell .features-v1-card-02-inner-3,
  .site-shell .features-v2-card-inner,
  .site-shell .features-v2-card-inner-2,
  .site-shell .capabilities-card-inner,
  .site-shell .vision-list-wrap,
  .site-shell .interface-tabs-content-wrap {
    padding: 24px;
  }

  .site-shell .interface-tabs-menu {
    grid-template-columns: 1fr;
  }

  .site-shell .features-v1-card-01-right,
  .site-shell .features-v1-card-01-right-4,
  .site-shell .features-v1-card-01-right-3,
  .site-shell .features-v1-card-image-wrap,
  .site-shell .features-v1-card-image-wrap._02,
  .site-shell .interface-image-wrap {
    min-height: 240px;
  }

  .softplan-listing-hero,
  .softplan-contact-intro,
  .softplan-post-hero,
  .policy-hero {
    padding-top: 112px;
  }

  .softplan-contact-section,
  .policy-page,
  .site-shell .values,
  .site-shell .timeline,
  #suite-ips.softplan-ips-section,
  #segmentos.softplan-segmentos-section,
  .site-shell .collab-2,
  .site-shell .fn-section-2 {
    padding-bottom: 72px;
  }

  .softplan-contact-grid,
  .site-shell .values-main-wrap,
  #suite-ips .ips-grid,
  #segmentos .seg-grid {
    grid-template-columns: 1fr;
  }

  .policy-card,
  .site-shell .fn-column,
  .site-shell .fn-form {
    padding: 28px 22px;
  }

  .site-shell .faq-content {
    padding: 22px 22px 20px;
  }

  .site-shell .h5.faq-question {
    font-size: 18px;
    line-height: 1.4;
  }

  .site-shell .faq-item.w--current .faq-answer-wrap {
    max-height: 320px;
  }
}

/* Cross-page section alignment */
.site-shell .interface-v2-2,
.site-shell .blog-post-content,
.site-shell .policy-page,
.site-shell .softplan-contact-section,
.site-shell .collab-2,
.site-shell .fn-section-2,
#suite-ips.softplan-ips-section,
#segmentos.softplan-segmentos-section {
  padding-top: 104px;
  padding-bottom: 104px;
}

.site-shell .interface-v2-2,
.site-shell .blog-post-content,
.site-shell .softplan-contact-section,
.site-shell .fn-section-2,
#segmentos.softplan-segmentos-section {
  background: #fff;
}

.site-shell .policy-page,
.site-shell .collab-2 {
  background: var(--softplan-bg);
}

.site-shell .section-header-content-2,
.site-shell .section-header-content-3,
.site-shell .section-header-content-4,
.site-shell .policy-hero-wrap,
.site-shell .blog-post-hero .container,
.site-shell .softplan-contact-form-shell,
.site-shell .blog-post-content .container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.site-shell .section-header-content-2,
.site-shell .section-header-content-3,
.site-shell .section-header-content-4 {
  max-width: 860px;
}

.site-shell .features-v2-wrap,
.site-shell .interface-v2-wrap,
.site-shell .collab-main-wrap-2,
.site-shell .fn-container-grid {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.site-shell .features-v2-2 .text-center-2,
.site-shell .interface-v2-2 .text-center-2,
.site-shell .policy-page h2,
.site-shell .policy-page h3,
.site-shell .policy-page h4,
.site-shell .policy-page h5,
.site-shell .blog-post-content h2,
.site-shell .blog-post-content h3,
.site-shell .blog-post-content h4 {
  color: var(--softplan-navy-2) !important;
}

.site-shell .features-v2-2 .paragraph-13,
.site-shell .features-v2-2 .paragraph-14,
.site-shell .interface-v2-2 .paragraph-13,
.site-shell .interface-v2-2 .paragraph-14,
.site-shell .policy-page p,
.site-shell .policy-page li,
.site-shell .blog-post-content p,
.site-shell .blog-post-content li,
.site-shell .blog-post-content .paragraph-02,
.site-shell .blog-post-content .paragraph-13,
.site-shell .blog-post-content .paragraph-14 {
  color: var(--softplan-navy-3) !important;
}

.site-shell .features-v2-main-wrap-2,
.site-shell .interface-v2-main-wrap-2,
.site-shell .collab-main-wrap-2,
.site-shell .fn-container-grid {
  margin-top: 40px;
}

.site-shell .features-v2-card-inner-2,
.site-shell .interface-v2-card-inner-2,
.site-shell .policy-card,
.site-shell .collab-list,
.site-shell .fn-column,
.site-shell .fn-form,
.site-shell .investor-card-inner {
  border: 1px solid var(--softplan-border);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(92, 92, 255, 0.024), rgba(255, 255, 255, 0) 56%),
    #fff !important;
  box-shadow: 0 14px 36px rgba(24, 26, 41, 0.05);
}

.site-shell .features-v2-card-inner-2,
.site-shell .interface-v2-card-inner-2,
.site-shell .policy-card,
.site-shell .collab-list,
.site-shell .fn-column,
.site-shell .fn-form,
.site-shell .investor-card-inner {
  position: relative;
  overflow: hidden;
}

.site-shell .features-v2-card-inner-2::before,
.site-shell .interface-v2-card-inner-2::before,
.site-shell .policy-card::before,
.site-shell .collab-list::before,
.site-shell .fn-column::before,
.site-shell .fn-form::before,
.site-shell .investor-card-inner::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--softplan-teal), #abc6ed);
  opacity: 0.85;
}

.site-shell .policy-card,
.site-shell .collab-list,
.site-shell .fn-column,
.site-shell .fn-form,
.site-shell .investor-card-inner {
  padding: 32px;
}

.site-shell .investor-card {
  max-width: 304px;
}

.site-shell .investor-image {
  width: 62px;
  height: 62px;
  border-radius: 16px;
  object-fit: cover;
}

.site-shell .features-v2-image-wrap,
.site-shell .interface-v2-card-top,
.site-shell .interface-layout-wrap-2 {
  min-height: 300px;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f9fc, #edf2fa);
}

.site-shell .interface-v2-bottom-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.site-shell .interface-v2-card-2,
.site-shell .features-v2-card-2 {
  height: 100%;
}

.site-shell .interface-v2-card-inner-2,
.site-shell .features-v2-card-inner-2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 100%;
}

.site-shell .policy-card {
  max-width: 1040px;
  margin-top: -24px;
}

.site-shell .blog-single-details-wrap,
.site-shell .blog-content-wrapper {
  border: 1px solid var(--softplan-border);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(92, 92, 255, 0.024), rgba(255, 255, 255, 0) 56%),
    #fff !important;
  box-shadow: 0 14px 36px rgba(24, 26, 41, 0.05);
}

.site-shell .blog-content-wrapper {
  overflow: hidden;
}

.site-shell .blog-post-content .blog-single-rich-text,
.site-shell .blog-post-content .rich-text {
  color: var(--softplan-navy-3);
}

#suite-ips .feature_card,
#segmentos .seg-card {
  border-radius: 24px;
  box-shadow: 0 14px 36px rgba(24, 26, 41, 0.05);
}

#suite-ips .feature_card {
  background:
    linear-gradient(180deg, rgba(67, 202, 203, 0.06), rgba(255, 255, 255, 0) 56%),
    rgba(255, 255, 255, 0.04);
}

@media screen and (max-width: 991px) {
  .site-shell .interface-v2-bottom-wrap {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .site-shell .interface-v2-2,
  .site-shell .blog-post-content,
  .site-shell .policy-page,
  .site-shell .softplan-contact-section,
  .site-shell .collab-2,
  .site-shell .fn-section-2,
  #suite-ips.softplan-ips-section,
  #segmentos.softplan-segmentos-section {
    padding-top: 78px;
    padding-bottom: 78px;
  }

  .site-shell .policy-card,
  .site-shell .collab-list,
  .site-shell .fn-column,
  .site-shell .fn-form,
  .site-shell .investor-card-inner {
    padding: 24px;
  }

  .site-shell .features-v2-image-wrap,
  .site-shell .interface-v2-card-top,
  .site-shell .interface-layout-wrap-2 {
    min-height: 240px;
  }
}