:root {
  --software-ink: #132238;
  --software-muted: black;
  --software-primary: #5b4ee8;
  --software-primary-dark: #4035bf;
  --software-cyan: #25b9c5;
  --software-line: #dfe5f1;
  --software-surface: #f6f8fc;
}

.software-page { overflow: hidden; color: var(--software-ink); }

.software-hero {
  position: relative;
  isolation: isolate;
  min-height: 730px;
  padding: 110px 0 104px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.98) 0%, rgba(249,250,255,.96) 50%, rgba(242,244,255,.96) 100%),
    radial-gradient(circle at 80% 20%, rgba(91,78,232,.14), transparent 38%);
}

.software-hero::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  content: "";
  opacity: .34;
  background-image: linear-gradient(rgba(91,78,232,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(91,78,232,.08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(90deg, transparent, #000 55%, #000);
}

.software-hero__glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.software-hero__glow--one { top: 60px; right: 3%; width: 390px; height: 390px; background: rgba(104,89,240,.12); }
.software-hero__glow--two { right: 35%; bottom: -120px; width: 290px; height: 290px; background: rgba(37,185,197,.09); }
.software-hero__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(490px, .98fr); gap: 80px; align-items: center; }
.software-hero__content { position: relative; z-index: 2; }

.software-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 23px;
  color: var(--software-primary-dark);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.15px;
  text-transform: uppercase;
}
.software-kicker__icon { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(91,78,232,.18); border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(46,41,118,.08); font-size: 16px; }
.software-hero h1 { max-width: 690px; margin: 0; color: #112139; font-size: clamp(42px, 4.1vw, 66px); font-weight: 750; line-height: 1.075; letter-spacing: -2.7px; }
.software-hero h1 em { color: var(--software-primary); font-family: Georgia, serif; font-weight: 500; }
.software-hero__lead { max-width: 680px; margin: 25px 0 0; color: var(--software-muted); font-size: 18px; line-height: 1.78; }
.software-hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 33px; }
.software-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 23px; border: 1px solid transparent; border-radius: 12px; font-size: 15px; font-weight: 700; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.software-button:hover { transform: translateY(-2px); }
.software-button--primary { color: #fff; background: linear-gradient(135deg, var(--software-primary), var(--software-primary-dark)); box-shadow: 0 14px 30px rgba(64,53,191,.25); }
.software-button--primary:hover { color: #fff; box-shadow: 0 18px 36px rgba(64,53,191,.32); }
.software-button--secondary { color: #24334a; border-color: #d9dfeb; background: rgba(255,255,255,.85); }
.software-button--secondary:hover { color: var(--software-primary-dark); border-color: rgba(91,78,232,.35); }
.software-button--secondary .bi-whatsapp { color: #16a765; font-size: 18px; }
.software-hero__trust { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 29px; color: black; font-size: 13px; font-weight: 650; }
.software-hero__trust span { display: inline-flex; align-items: center; gap: 7px; }
.software-hero__trust i { color: var(--software-cyan); font-size: 17px; }

.software-hero__visual { position: relative; min-height: 520px; display: flex; align-items: center; }
.crm-dashboard { position: relative; width: 100%; padding: 24px; border: 1px solid rgba(211,218,234,.9); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: 0 32px 80px rgba(30,35,85,.16); backdrop-filter: blur(14px); }
.crm-dashboard__header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid #e9edf5; }
.crm-dashboard__header > div { display: grid; gap: 2px; }
.crm-dashboard__eyebrow { color: black; font-size: 9px; font-weight: 800; letter-spacing: 1.25px; }
.crm-dashboard__header strong { font-size: 18px; }
.crm-dashboard__live { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; color: #27826a; border-radius: 20px; background: #eaf8f3; font-size: 11px; font-weight: 750; }
.crm-dashboard__live i { width: 7px; height: 7px; border-radius: 50%; background: #2ebc8f; box-shadow: 0 0 0 4px rgba(46,188,143,.13); }
.crm-dashboard__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 18px 0; }
.crm-dashboard__metrics > div { display: grid; gap: 3px; padding: 14px; border: 1px solid #edf0f6; border-radius: 13px; background: #fafbfe; }
.crm-dashboard__metrics small { color: black; font-size: 10px; font-weight: 800; letter-spacing: .7px; }
.crm-dashboard__metrics strong { color: #202e45; font-size: 20px; }
.crm-dashboard__metrics em { color: #2a9e7d; font-size: 14px; font-style: normal; font-weight: 700; }
.crm-pipeline { padding: 17px; border: 1px solid #e8ecf4; border-radius: 15px; }
.crm-pipeline__head { display: flex; justify-content: space-between; margin-bottom: 15px; }
.crm-pipeline__head span { font-size: 13px; font-weight: 750; }
.crm-pipeline__head small { color: black; font-size: 12px; }
.crm-pipeline__row { display: grid; grid-template-columns: 94px 1fr 24px; gap: 10px; align-items: center; margin: 11px 0; font-size: 10px; }
.crm-pipeline__row > span { display: flex; align-items: center; gap: 7px; color: black;font-size: 12px }
.crm-pipeline__row > div { height: 7px; overflow: hidden; border-radius: 8px; background: #eef1f7; }
.crm-pipeline__row b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6558e9, #8c82f4); }
.crm-pipeline__row strong { text-align: right; font-size: 11px; }
.crm-pipeline__dot { width: 7px; height: 7px; border-radius: 50%; }
.crm-pipeline__dot--blue { background: #4e7bea; }.crm-pipeline__dot--purple { background: #8059d9; }.crm-pipeline__dot--orange { background: #f49b4c; }.crm-pipeline__dot--green { background: #34b58b; }
.crm-dashboard__activity { display: grid; grid-template-columns: 35px 1fr auto; gap: 11px; align-items: center; margin-top: 15px; padding: 12px 14px; border-radius: 13px; background: #f3f1ff; }
.crm-dashboard__avatar { display: grid; width: 35px; height: 35px; place-items: center; color: #fff; border-radius: 10px; background: linear-gradient(135deg, #675ae8, #38b9c5); font-size: 10px; font-weight: 800; }
.crm-dashboard__activity div { display: grid; gap: 2px; }.crm-dashboard__activity strong { font-size: 11px; }.crm-dashboard__activity small { color: #7c8799; font-size: 9px; }.crm-dashboard__activity > i { color: #7c72d9; }
.crm-float-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 12px 15px; border: 1px solid rgba(218,224,237,.9); border-radius: 13px; background: rgba(255,255,255,.97); box-shadow: 0 18px 40px rgba(30,35,85,.15); }
.crm-float-card > i, .crm-float-card > span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--software-primary); border-radius: 10px; background: #efedff; }
.crm-float-card > div { display: grid; gap: 2px; }.crm-float-card strong { color: #26344a; font-size: 11px; }.crm-float-card small { color: black; font-size: 12px; }
.crm-float-card--customer { top: 42px; right: -38px; }.crm-float-card--automation { bottom: 24px; left: -42px; }.crm-float-card--automation > span { color: #e78b25; background: #fff2df; }

@media (max-width: 1199.98px) {
  .software-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(430px, .9fr); gap: 40px; }
  .software-hero h1 { font-size: 50px; }
  .crm-float-card--customer { right: -10px; }
  .crm-float-card--automation { left: -10px; }
}

@media (max-width: 991.98px) {
  .software-hero { padding: 85px 0 90px; }
  .software-hero__grid { grid-template-columns: 1fr; }
  .software-hero__content { text-align: center; }
  .software-hero h1, .software-hero__lead { margin-right: auto; margin-left: auto; }
  .software-hero__actions, .software-hero__trust { justify-content: center; }
  .software-hero__visual { width: min(620px, 100%); min-height: 500px; margin: 0 auto; }
}

@media (max-width: 575.98px) {
  .software-hero { min-height: auto; padding: 68px 0 74px; }
  .software-hero h1 { font-size: 39px; line-height: 1.1; letter-spacing: -1.8px; }
  .software-hero__lead { font-size: 16px; line-height: 1.7; }
  .software-hero__actions { display: grid; }.software-button { width: 100%; }
  .software-hero__trust { display: grid; justify-content: start; width: max-content; max-width: 100%; margin-right: auto; margin-left: auto; text-align: left; }
  .software-hero__visual { min-height: 450px; }
  .crm-dashboard { padding: 16px; border-radius: 19px; }
  .crm-dashboard__metrics > div { padding: 10px 8px; }.crm-dashboard__metrics strong { font-size: 16px; }
  .crm-pipeline { padding: 13px; }.crm-pipeline__row { grid-template-columns: 78px 1fr 20px; }
  .crm-float-card--customer { top: 4px; right: -4px; }.crm-float-card--automation { bottom: 3px; left: -4px; }
  .crm-float-card { padding: 9px 11px; }.crm-float-card > i, .crm-float-card > span { width: 29px; height: 29px; }
}

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

/* CRM definition */
.software-definition { position: relative; padding: 108px 0; background: #fff; }
.software-section-heading { max-width: 900px; margin-bottom: 48px; }
.software-section-heading--center { margin-right: auto; margin-left: auto; text-align: center; }
.software-label { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 17px; color: var(--software-primary-dark); font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.software-label i { font-size: 16px; }
.software-section-heading h2, .software-capabilities__heading h2 { margin: 0; color: #14243b; font-size: clamp(34px, 3.3vw, 50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }
.software-section-heading > p { max-width: 800px; margin: 20px auto 0; color: var(--software-muted); font-size: 17px; line-height: 1.78; }
.software-definition__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.software-definition__card { position: relative; min-height: 285px; padding: 29px 25px; overflow: hidden; border: 1px solid #e2e7f0; border-radius: 18px; background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.software-definition__card::after { position: absolute; right: -35px; bottom: -48px; width: 120px; height: 120px; content: ""; border-radius: 50%; background: rgba(91,78,232,.045); }
.software-definition__card:hover { transform: translateY(-5px); border-color: rgba(91,78,232,.25); box-shadow: 0 20px 45px rgba(31,42,80,.09); }
.software-definition__card--featured { border-color: rgba(91,78,232,.24); background: linear-gradient(155deg, #fbfaff, #f5f3ff); }
.software-definition__icon { display: grid; width: 49px; height: 49px; place-items: center; margin-bottom: 31px; color: var(--software-primary); border: 1px solid rgba(91,78,232,.13); border-radius: 14px; background: #f0eeff; font-size: 21px; }
.software-definition__number { position: absolute; top: 29px; right: 23px; color: black; font-size: 25px; font-weight: 800; letter-spacing: 1px; }
.software-definition__card h3 { margin: 0 0 12px; color: #1d2c43; font-size: 19px; font-weight: 750; line-height: 1.3; }
.software-definition__card p { position: relative; z-index: 1; margin: 0; color: black; font-size: 14px; line-height: 1.7; }
.software-definition__note { display: grid; grid-template-columns: 50px 1fr; gap: 18px; align-items: center; margin-top: 25px; padding: 24px 28px; border: 1px solid #e1e5f0; border-radius: 17px; background: #f8f9fd; }
.software-definition__note-icon { display: grid; width: 50px; height: 50px; place-items: center; color: #fff; border-radius: 14px; background: linear-gradient(135deg, var(--software-primary), var(--software-cyan)); font-size: 21px; box-shadow: 0 10px 24px rgba(91,78,232,.2); }
.software-definition__note strong { display: block; margin-bottom: 5px; color: #25334a; font-size: 15px; }
.software-definition__note p { margin: 0; color: black; font-size: 14px; line-height: 1.65; }

/* CRM modules and capabilities */
.software-capabilities { position: relative; isolation: isolate; padding: 110px 0; overflow: hidden; color: var(--software-ink); background: linear-gradient(145deg, #f8f9fd 0%, #f3f2ff 52%, #f5fbfc 100%); }
.software-capabilities::before { position: absolute; inset: 0; z-index: -2; content: ""; opacity: .48; background-image: linear-gradient(rgba(91,78,232,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(91,78,232,.07) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
.software-capabilities__orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.software-capabilities__orb--one { top: -180px; right: -100px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(91,78,232,.13), transparent 68%); }
.software-capabilities__orb--two { bottom: -220px; left: -130px; width: 480px; height: 480px; background: radial-gradient(circle, rgba(37,185,197,.1), transparent 68%); }
.software-capabilities__heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .65fr); gap: 90px; align-items: end; margin-bottom: 48px; }
.software-capabilities .software-label--dark { color: var(--software-primary-dark); }
.software-capabilities__heading h2 { max-width: 760px; color: #14243b; }
.software-capabilities__heading > p { margin: 0 0 5px; color: var(--software-muted); font-size: 16px; line-height: 1.75; }
.software-capabilities__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.software-capability-card { position: relative; min-height: 350px; padding: 26px; overflow: hidden; border: 1px solid #e0e5ef; border-radius: 18px; background: rgba(255,255,255,.92); box-shadow: 0 12px 34px rgba(38,47,83,.06); backdrop-filter: blur(7px); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.software-capability-card:hover { transform: translateY(-5px); border-color: rgba(91,78,232,.28); box-shadow: 0 20px 44px rgba(49,47,104,.11); }
.software-capability-card--accent { border-color: rgba(91,78,232,.22); background: linear-gradient(145deg, #f0edff, #effafb); }
.software-capability-card header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.software-capability-card header span { display: grid; width: 48px; height: 48px; place-items: center; color: var(--software-primary); border: 1px solid rgba(91,78,232,.13); border-radius: 14px; background: #efedff; font-size: 21px; }
.software-capability-card header em { color: black; font-size: 25px; font-style: normal; font-weight: 800; letter-spacing: 1px; }
.software-capability-card h3 { margin: 0 0 11px; color: #223149; font-size: 20px; font-weight: 720; }
.software-capability-card p { min-height: 72px; margin: 0 0 19px; color: black; font-size: 16px; line-height: 1.7; }
.software-capability-card ul { display: grid; gap: 9px; margin: 0; padding: 17px 0 0; border-top: 1px solid #e8ecf3; list-style: none; }
.software-capability-card li { position: relative; padding-left: 17px; color: black; font-size: 16px; }
.software-capability-card li::before { position: absolute; top: 6px; left: 0; width: 6px; height: 6px; content: ""; border-radius: 50%; background: var(--software-cyan); box-shadow: 0 0 0 4px rgba(37,185,197,.1); }
.software-capabilities__footer { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 27px; overflow: hidden; border: 1px solid #dfe4ee; border-radius: 15px; background: rgba(255,255,255,.84); box-shadow: 0 12px 30px rgba(38,47,83,.045); }
.software-capabilities__footer span { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 61px; padding: 12px; color: black; border-right: 1px solid #e4e8f0; font-size: 14px; font-weight: 650; }
.software-capabilities__footer span:last-child { border-right: 0; }
.software-capabilities__footer i { color: var(--software-primary); font-size: 17px; }

@media (max-width: 1199.98px) {
  .software-definition__grid { grid-template-columns: repeat(2, 1fr); }
  .software-capabilities__heading { gap: 45px; }
}

@media (max-width: 991.98px) {
  .software-definition, .software-capabilities { padding: 88px 0; }
  .software-capabilities__heading { grid-template-columns: 1fr; gap: 20px; }
  .software-capabilities__heading > p { max-width: 720px; }
  .software-capabilities__grid { grid-template-columns: repeat(2, 1fr); }
  .software-capabilities__footer { grid-template-columns: repeat(2, 1fr); }
  .software-capabilities__footer span:nth-child(2) { border-right: 0; }
  .software-capabilities__footer span:nth-child(-n+2) { border-bottom: 1px solid #e4e8f0; }
}

@media (max-width: 575.98px) {
  .software-definition, .software-capabilities { padding: 72px 0; }
  .software-section-heading { margin-bottom: 34px; }
  .software-section-heading h2, .software-capabilities__heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .software-section-heading > p { font-size: 15px; }
  .software-definition__grid, .software-capabilities__grid { grid-template-columns: 1fr; }
  .software-definition__card { min-height: auto; }
  .software-definition__note { grid-template-columns: 1fr; padding: 22px; }
  .software-capability-card { min-height: auto; }
  .software-capability-card p { min-height: auto; }
  .software-capabilities__footer { grid-template-columns: 1fr; }
  .software-capabilities__footer span { justify-content: flex-start; padding-left: 20px; border-right: 0; border-bottom: 1px solid #e4e8f0; }
  .software-capabilities__footer span:last-child { border-bottom: 0; }
}

/* CRM business benefits */
.software-benefits { padding: 110px 0; background: #f6f8fc; }
.software-benefits__heading { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .65fr); gap: 85px; align-items: end; margin-bottom: 47px; }
.software-benefits__heading h2 { max-width: 760px; margin: 0; color: #14243b; font-size: clamp(34px, 3.3vw, 50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }
.software-benefits__heading > p { margin: 0 0 4px; color: var(--software-muted); font-size: 16x; line-height: 1.75; }
.software-benefits__layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(310px, .65fr); gap: 23px; align-items: stretch; }
.software-benefits__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.software-benefit-card { padding: 23px; border: 1px solid #e1e6ef; border-radius: 17px; background: #fff; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.software-benefit-card:hover { transform: translateY(-4px); border-color: rgba(91,78,232,.24); box-shadow: 0 17px 38px rgba(32,45,77,.08); }
.software-benefit-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.software-benefit-card__top span { display: grid; width: 43px; height: 43px; place-items: center; color: var(--software-primary); border-radius: 12px; background: #efedff; font-size: 19px; }
.software-benefit-card__top em { color: #c0c7d4; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: 1px; }
.software-benefit-card h3 { margin: 0 0 9px; color: #233249; font-size: 18px; font-weight: 750; }
.software-benefit-card p { min-height: 66px; margin: 0 0 16px; color: black; font-size: 14px; line-height: 1.65; }
.software-benefit-card__result { display: flex; align-items: center; gap: 7px; padding-top: 13px; color: #348a75; border-top: 1px solid #edf0f5; font-size: 14px; font-weight: 750; }
.software-benefits__summary { position: relative; padding: 26px; overflow: hidden; color: #fff; border-radius: 20px; background: linear-gradient(155deg, #182642, #111a30 58%, #1d2354); box-shadow: 0 25px 50px rgba(25,35,66,.18); }
.software-benefits__summary::after { position: absolute; right: -100px; bottom: -120px; width: 280px; height: 280px; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(91,78,232,.35), transparent 69%); }
.software-benefits__summary header { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 21px; border-bottom: 1px solid rgba(255,255,255,.1); }
.software-benefits__summary header > div { display: grid; gap: 4px; }
.software-benefits__summary header small { color: white; font-size: 10px; font-weight: 800; letter-spacing: 1.1px; }
.software-benefits__summary header strong { font-size: 17px; }
.software-benefits__summary header > span { display: flex; align-items: center; gap: 7px; color: #79d1b9; font-size: 14px; font-weight: 700; }
.software-benefits__summary header > span i { width: 7px; height: 7px; border-radius: 50%; background: #47c49f; box-shadow: 0 0 0 4px rgba(71,196,159,.12); }
.software-benefits__score { position: relative; z-index: 1; display: grid; grid-template-columns: 96px 1fr; gap: 17px; align-items: center; padding: 27px 0; }
.software-benefits__ring { display: flex; align-items: baseline; justify-content: center; width: 92px; height: 92px; padding-top: 29px; border: 7px solid rgba(255,255,255,.1); border-top-color: #7569ed; border-right-color: #4bbdbd; border-radius: 50%; transform: rotate(-16deg); }
.software-benefits__ring strong, .software-benefits__ring small { transform: rotate(16deg); }
.software-benefits__ring strong { font-size: 27px; }.software-benefits__ring small { color: #919bb0; font-size: 9px; }
.software-benefits__score > div:last-child strong { font-size: 14px; }.software-benefits__score p { margin: 6px 0 0; color: white; font-size: 12px; line-height: 1.55; }
.software-benefits__bars { position: relative; z-index: 1; display: grid; gap: 18px; padding: 21px 0; border-top: 1px solid rgba(255,255,255,.1); }
.software-benefits__bars > div { display: grid; gap: 8px; }.software-benefits__bars span { display: flex; justify-content: space-between; }.software-benefits__bars small { color: white; font-size: 14px; }.software-benefits__bars strong { font-size: 14px; }
.software-benefits__bars i { height: 6px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.08); }
.software-benefits__bars b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #6558e9, #46bdbe); }
.software-benefits__summary-note { position: relative; z-index: 1; display: grid; grid-template-columns: 34px 1fr; gap: 10px; margin-top: 12px; padding: 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.05); }
.software-benefits__summary-note > i { display: grid; width: 32px; height: 32px; place-items: center; color: #ffc46b; border-radius: 9px; background: rgba(255,196,107,.1); }
.software-benefits__summary-note p { margin: 0; color: white; font-size: 13px; line-height: 1.55; }.software-benefits__summary-note strong { display: block; margin-bottom: 2px; color: white; font-size: 13px; }

/* CRM development process */
.software-process { position: relative; padding: 110px 0; background: #fff; }
.software-process__timeline { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.software-process__timeline::before { position: absolute; top: 42px; right: 16.66%; left: 16.66%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, rgba(91,78,232,.28) 10%, rgba(91,78,232,.28) 90%, transparent); }
.software-process-step { position: relative; z-index: 1; padding: 0 0 23px; border: 1px solid #e1e6ef; border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(34,47,78,.055); }
.software-process-step__marker { display: flex; align-items: center; justify-content: space-between; height: 84px; padding: 0 23px; border-bottom: 1px solid #edf0f5; border-radius: 18px 18px 0 0; background: #fafbfe; }
.software-process-step__marker span { color: var(--software-primary); font-size: 25px; font-weight: 850; letter-spacing: 1px; }
.software-process-step__marker i { display: grid; width: 42px; height: 42px; place-items: center; color: #fff; border-radius: 12px; background: linear-gradient(135deg, #6659e9, #4e43ca); box-shadow: 0 10px 22px rgba(91,78,232,.22); font-size: 18px; }
.software-process-step__body { padding: 24px 23px 0; }
.software-process-step__body > small { display: block; margin-bottom: 7px; color: black; font-size: 12px; font-weight: 800; letter-spacing: 1.1px; }
.software-process-step h3 { margin: 0 0 11px; color: #243249; font-size: 18px; font-weight: 750; }
.software-process-step p { min-height: 69px; margin: 0 0 17px; color: black; font-size: 16px; line-height: 1.65; }
.software-process-step ul { display: grid; gap: 8px; margin: 0; padding: 15px 0 0; border-top: 1px solid #edf0f5; list-style: none; }
.software-process-step li { position: relative; padding-left: 16px; color: black; font-size: 16px; }
.software-process-step li::before { position: absolute; top: 5px; left: 0; width: 6px; height: 6px; content: ""; border-radius: 50%; background: var(--software-cyan); }
.software-process__promise { display: grid; grid-template-columns: 50px 1fr auto; gap: 17px; align-items: center; margin-top: 27px; padding: 23px 25px; border: 1px solid #dfe4ef; border-radius: 17px; background: linear-gradient(100deg, #f7f6ff, #f7fbfc); }
.software-process__promise > span { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; border-radius: 14px; background: linear-gradient(135deg, var(--software-primary), var(--software-cyan)); font-size: 20px; }
.software-process__promise strong { display: block; margin-bottom: 4px; color: #243249; font-size: 14px; }.software-process__promise p { margin: 0; color: black; font-size: 14px; line-height: 1.6; }
.software-process__promise a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; color: var(--software-primary-dark); border: 1px solid rgba(91,78,232,.2); border-radius: 10px; background: #fff; font-size: 12px; font-weight: 750; text-decoration: none; }

@media (max-width: 1199.98px) {
  .software-benefits__heading { gap: 45px; }
  .software-benefits__layout { grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); }
}

@media (max-width: 991.98px) {
  .software-benefits, .software-process { padding: 88px 0; }
  .software-benefits__heading { grid-template-columns: 1fr; gap: 20px; }
  .software-benefits__heading > p { max-width: 720px; }
  .software-benefits__layout { grid-template-columns: 1fr; }
  .software-benefits__summary { max-width: 600px; }
  .software-process__timeline { grid-template-columns: repeat(2, 1fr); }
  .software-process__timeline::before { display: none; }
}

@media (max-width: 575.98px) {
  .software-benefits, .software-process { padding: 72px 0; }
  .software-benefits__heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .software-benefits__grid, .software-process__timeline { grid-template-columns: 1fr; }
  .software-benefit-card p, .software-process-step p { min-height: auto; }
  .software-benefits__summary { padding: 21px; }
  .software-process__promise { grid-template-columns: 1fr; padding: 21px; }
  .software-process__promise a { justify-content: center; }
}

/* CRM integrations */
.software-integrations { position: relative; isolation: isolate; padding: 110px 0; overflow: hidden; color: #fff; background: #111a30; }
.software-integrations::before { position: absolute; inset: 0; z-index: -2; content: ""; opacity: .14; background-image: radial-gradient(rgba(255,255,255,.34) 1px, transparent 1px); background-size: 25px 25px; }
.software-integrations__glow { position: absolute; top: 15%; left: 10%; z-index: -1; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(91,78,232,.18), transparent 68%); pointer-events: none; }
.software-integrations__heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .65fr); gap: 85px; align-items: end; margin-bottom: 53px; }
.software-integrations__heading h2 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(34px, 3.3vw, 50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }
.software-integrations__heading > p { margin: 0 0 4px; color: #aab4c8; font-size: 16px; line-height: 1.75; }
.software-integrations__stage { display: grid; grid-template-columns: minmax(480px, 1.1fr) minmax(360px, .9fr); gap: 30px; align-items: stretch; }
.software-integrations__map { position: relative; min-height: 515px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: radial-gradient(circle at center, rgba(91,78,232,.15), rgba(255,255,255,.025) 58%); }
.software-integrations__orbit { position: absolute; top: 50%; left: 50%; border: 1px dashed rgba(139,128,242,.28); border-radius: 50%; transform: translate(-50%,-50%); }
.software-integrations__orbit--outer { width: 430px; height: 430px; }.software-integrations__orbit--inner { width: 255px; height: 255px; border-style: solid; border-color: rgba(37,185,197,.16); }
.software-integration-hub { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; width: 160px; height: 160px; place-content: center; justify-items: center; border: 1px solid rgba(155,145,255,.4); border-radius: 50%; background: linear-gradient(145deg, #5c50d9, #302978); box-shadow: 0 0 0 12px rgba(91,78,232,.08), 0 22px 50px rgba(4,8,22,.42); transform: translate(-50%,-50%); }
.software-integration-hub > span { display: grid; width: 40px; height: 40px; place-items: center; margin-bottom: 8px; border-radius: 12px; background: rgba(255,255,255,.13); font-size: 19px; }.software-integration-hub > strong { font-size: 16px; }.software-integration-hub > small { margin-top: 3px; color: white; font-size: 12px; }.software-integration-hub > em { display: flex; align-items: center; gap: 5px; margin-top: 8px; color: #81ddc3; font-size: 10px; font-style: normal; font-weight: 700; }.software-integration-hub > em i { width: 6px; height: 6px; border-radius: 50%; background: #57d2af; }
.software-integration-node { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; min-width: 142px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.11); border-radius: 12px; background: rgba(24,35,62,.96); box-shadow: 0 13px 28px rgba(5,9,22,.25); }
.software-integration-node > span { display: grid; width: 32px; height: 32px; place-items: center; color: #a69eff; border-radius: 9px; background: rgba(91,78,232,.17); }.software-integration-node > div { display: grid; gap: 2px; }.software-integration-node strong { font-size: 14px; }.software-integration-node small { color: black; font-size: 12px; }
.software-integration-node--erp { top: 35px; left: 50%; transform: translateX(-50%); }.software-integration-node--commerce { top: 125px; right: 21px; }.software-integration-node--mail { right: 25px; bottom: 104px; }.software-integration-node--phone { bottom: 27px; left: 50%; transform: translateX(-50%); }.software-integration-node--finance { bottom: 104px; left: 25px; }.software-integration-node--support { top: 125px; left: 21px; }
.software-integrations__catalog { display: grid; gap: 12px; }
.software-integrations__catalog article { display: grid; grid-template-columns: 44px 1fr auto; gap: 14px; align-items: center; padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(255,255,255,.045); transition: border-color .25s ease, background .25s ease; }.software-integrations__catalog article:hover { border-color: rgba(143,132,255,.4); background: rgba(255,255,255,.07); }
.software-integrations__catalog article > span { display: grid; width: 43px; height: 43px; place-items: center; color: #aaa2ff; border-radius: 12px; background: rgba(91,78,232,.16); font-size: 18px; }.software-integrations__catalog h3 { margin: 0 0 5px; font-size: 16px; }.software-integrations__catalog p { margin: 0; color: black; font-size: 14px; line-height: 1.55; }.software-integrations__catalog em { padding: 6px 8px; color: #77cdb6; border-radius: 7px; background: rgba(59,189,153,.09); font-size: 12px; font-style: normal; font-weight: 700; }
.software-integrations__methods { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(7,14,29,.48); }
.software-integrations__methods > div { display: flex; align-items: center; gap: 12px; min-height: 69px; padding: 14px 18px; border-right: 1px solid rgba(255,255,255,.09); }.software-integrations__methods > div:last-child { border-right: 0; }.software-integrations__methods > div > i { color: #9990f7; font-size: 20px; }.software-integrations__methods span { display: grid; gap: 3px; }.software-integrations__methods strong { font-size: 16px; }.software-integrations__methods small { color: black; font-size: 14px; }

/* CRM security and scalability */
.software-security { padding: 110px 0; background: #f7f9fc; }
.software-security__heading { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .65fr); gap: 85px; align-items: end; margin-bottom: 48px; }
.software-security__heading h2 { max-width: 770px; margin: 0; color: #14243b; font-size: clamp(34px, 3.3vw, 50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }.software-security__heading > p { margin: 0 0 4px; color: var(--software-muted); font-size: 16px; line-height: 1.75; }
.software-security__layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(340px, .72fr); gap: 23px; }
.software-security__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.software-security-card { display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 24px; border: 1px solid #e0e6ef; border-radius: 17px; background: #fff; }.software-security-card__icon { display: grid; width: 47px; height: 47px; place-items: center; color: var(--software-primary); border-radius: 13px; background: #efedff; font-size: 20px; }.software-security-card h3 { margin: 2px 0 8px; color: #233249; font-size: 16px; }.software-security-card p { min-height: 62px; margin: 0 0 12px; color: black; font-size: 14px; line-height: 1.65; }.software-security-card span { display: inline-block; padding: 5px 8px; color: #438b7a; border-radius: 6px; background: #edf8f5; font-size: 12px; font-weight: 750; letter-spacing: .25px; }
.software-security__panel { padding: 26px; color: #fff; border-radius: 20px; background: linear-gradient(155deg, #192943, #111b31); box-shadow: 0 24px 48px rgba(28,39,69,.16); }.software-security__panel header { display: grid; grid-template-columns: 47px 1fr auto; gap: 12px; align-items: center; padding-bottom: 21px; border-bottom: 1px solid rgba(255,255,255,.1); }.software-security__shield { display: grid; width: 47px; height: 47px; place-items: center; color: #6ee0bd; border-radius: 13px; background: rgba(60,196,157,.11); font-size: 22px; }.software-security__panel header > div:nth-child(2) { display: grid; gap: 3px; }.software-security__panel header small { color: #8592a9; font-size: 8px; font-weight: 800; letter-spacing: 1px; }.software-security__panel header strong { font-size: 16px; }.software-security__panel header > span { padding: 6px 8px; color: #69d2b3; border-radius: 7px; background: rgba(62,194,157,.1); font-size: 12px; font-weight: 800; }
.software-security__checks { display: grid; gap: 0; padding: 16px 0; }.software-security__checks > div { display: flex; align-items: center; justify-content: space-between; min-height: 47px; border-bottom: 1px solid rgba(255,255,255,.075); }.software-security__checks > div:last-child { border-bottom: 0; }.software-security__checks span { display: flex; align-items: center; gap: 8px; color: white; font-size: 14px; }.software-security__checks span i { display: grid; width: 20px; height: 20px; place-items: center; color: #61cbae; border-radius: 50%; background: rgba(60,194,157,.11); }.software-security__checks em { color: white; font-size: 14px; font-style: normal; }
.software-security__status { display: grid; grid-template-columns: 80px 1fr; gap: 15px; align-items: center; padding: 17px; border: 1px solid rgba(255,255,255,.08); border-radius: 13px; background: rgba(255,255,255,.045); }.software-security__status > span { display: grid; gap: 3px; }.software-security__status > span small { color: white; font-size: 8px; font-weight: 800; letter-spacing: .8px; }.software-security__status > span strong { font-size: 21px; }.software-security__status > div { display: grid; gap: 7px; }.software-security__status i { height: 6px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.09); }.software-security__status b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #56caa9, #5c84e5); }.software-security__status div small { color: white; font-size: 12px; }
.software-scalability { display: grid; grid-template-columns: minmax(320px,.8fr) minmax(0,1.2fr); gap: 24px; align-items: center; margin-top: 24px; padding: 24px; border: 1px solid #dfe5ef; border-radius: 17px; background: #fff; }.software-scalability__intro { display: grid; grid-template-columns: 48px 1fr; gap: 14px; align-items: center; }.software-scalability__intro > span { display: grid; width: 47px; height: 47px; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(135deg,var(--software-primary),var(--software-cyan)); font-size: 19px; }.software-scalability__intro strong { display: block; margin-bottom: 4px; color: #25334a; font-size: 16px; }.software-scalability__intro p { margin: 0; color: black; font-size: 14px; line-height: 1.55; }.software-scalability__items { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }.software-scalability__items span { display: flex; align-items: center; gap: 8px; padding: 11px 12px; color: black; border-radius: 9px; background: #f6f8fc; font-size: 14px; font-weight: 650; }.software-scalability__items i { color: var(--software-primary); font-size: 15px; }

@media (max-width: 1199.98px) {
  .software-integrations__heading, .software-security__heading { gap: 45px; }
  .software-integrations__stage { grid-template-columns: minmax(450px,1fr) minmax(330px,.8fr); }
}
@media (max-width: 991.98px) {
  .software-integrations, .software-security { padding: 88px 0; }
  .software-integrations__heading, .software-security__heading { grid-template-columns: 1fr; gap: 20px; }
  .software-integrations__heading > p, .software-security__heading > p { max-width: 720px; }
  .software-integrations__stage, .software-security__layout { grid-template-columns: 1fr; }
  .software-integrations__catalog { grid-template-columns: repeat(2,1fr); }
  .software-integrations__methods { grid-template-columns: repeat(2,1fr); }.software-integrations__methods > div:nth-child(2) { border-right: 0; }.software-integrations__methods > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.09); }
  .software-security__panel { max-width: 620px; }.software-scalability { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  .software-integrations, .software-security { padding: 72px 0; }
  .software-integrations__heading h2, .software-security__heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .software-integrations__map { min-height: 470px; }.software-integrations__orbit--outer { width: 340px; height: 340px; }.software-integrations__orbit--inner { width: 210px; height: 210px; }.software-integration-hub { width: 135px; height: 135px; }
  .software-integration-node { min-width: 112px; padding: 8px; }.software-integration-node > span { width: 27px; height: 27px; }.software-integration-node small { display: none; }.software-integration-node--commerce { right: 5px; }.software-integration-node--mail { right: 8px; }.software-integration-node--finance { left: 8px; }.software-integration-node--support { left: 5px; }
  .software-integrations__catalog, .software-integrations__methods, .software-security__cards, .software-scalability__items { grid-template-columns: 1fr; }
  .software-integrations__methods > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }.software-integrations__methods > div:last-child { border-bottom: 0; }
  .software-security-card { grid-template-columns: 1fr; }.software-security-card p { min-height: auto; }.software-security__panel { padding: 21px; }.software-security__panel header { grid-template-columns: 42px 1fr; }.software-security__panel header > span { display: none; }
  .software-scalability { padding: 20px; }.software-scalability__intro { grid-template-columns: 1fr; }
}

/* Light theme: CRM integrations */
.software-integrations { color: var(--software-ink); background: linear-gradient(145deg, #f7f9fd 0%, #f4f3ff 50%, #f5fbfc 100%); }
.software-integrations::before { opacity: .42; background-image: radial-gradient(rgba(91,78,232,.18) 1px, transparent 1px); }
.software-integrations__glow { background: radial-gradient(circle, rgba(91,78,232,.1), transparent 68%); }
.software-integrations .software-label--dark { color: var(--software-primary-dark); }
.software-integrations__heading h2 { color: #14243b; }
.software-integrations__heading > p { color: var(--software-muted); }
.software-integrations__map { border-color: #dfe4ee; background: radial-gradient(circle at center, rgba(91,78,232,.12), rgba(255,255,255,.9) 60%); box-shadow: 0 18px 45px rgba(40,48,84,.07); }
.software-integration-hub { color: #fff; background: linear-gradient(145deg, #685bea, #4236b8); box-shadow: 0 0 0 12px rgba(91,78,232,.07), 0 22px 45px rgba(67,54,176,.23); }
.software-integration-node { border-color: #dfe4ee; background: rgba(255,255,255,.96); box-shadow: 0 13px 28px rgba(40,48,84,.11); }
.software-integration-node > span { color: var(--software-primary); background: #efedff; }
.software-integration-node strong { color: black; }
.software-integration-node small { color: black; }
.software-integrations__catalog article { border-color: #dfe4ee; background: rgba(255,255,255,.9); box-shadow: 0 10px 28px rgba(40,48,84,.045); }
.software-integrations__catalog article:hover { border-color: rgba(91,78,232,.3); background: #fff; box-shadow: 0 16px 34px rgba(48,46,104,.09); }
.software-integrations__catalog article > span { color: var(--software-primary); background: #efedff; }
.software-integrations__catalog h3 { color: #25344a; }
.software-integrations__catalog p { color: black; }
.software-integrations__catalog em { color: #438b7a; background: #eaf8f4; }
.software-integrations__methods { border-color: #dfe4ee; background: rgba(255,255,255,.85); box-shadow: 0 12px 30px rgba(40,48,84,.045); }
.software-integrations__methods > div { border-color: #e4e8f0; }
.software-integrations__methods > div > i { color: var(--software-primary); }
.software-integrations__methods strong { color: black; }
.software-integrations__methods small { color: black; }

@media (max-width: 991.98px) {
  .software-integrations__methods > div:nth-child(-n+2) { border-bottom-color: #e4e8f0; }
}
@media (max-width: 575.98px) {
  .software-integrations__methods > div { border-bottom-color: #e4e8f0; }
}

/* Ready CRM vs custom CRM */
.software-choice { position: relative; padding: 110px 0; background: #fff; }
.software-choice::before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ""; background: linear-gradient(90deg, transparent, #dfe4ee, transparent); }
.software-choice__comparison { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; align-items: stretch; }
.software-choice-card { position: relative; display: flex; flex-direction: column; padding: 31px; border: 1px solid #dfe4ee; border-radius: 21px; background: #fff; box-shadow: 0 18px 44px rgba(35,47,79,.07); }
.software-choice-card--ready { background: linear-gradient(150deg, #fff, #f7f9fc); }
.software-choice-card--custom { border-color: rgba(91,78,232,.26); background: linear-gradient(150deg, #fff, #f4f2ff 72%, #eefafa); box-shadow: 0 22px 50px rgba(64,53,191,.11); }
.software-choice-card__badge { position: absolute; top: -14px; right: 24px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; color: #fff; border-radius: 20px; background: linear-gradient(135deg, var(--software-primary), var(--software-primary-dark)); box-shadow: 0 9px 20px rgba(64,53,191,.21); font-size: 12px; font-weight: 750; letter-spacing: .2px; }
.software-choice-card header { display: flex; align-items: center; gap: 15px; padding-bottom: 22px; border-bottom: 1px solid #e8ecf3; }
.software-choice-card__icon { display: grid; width: 53px; height: 53px; flex: 0 0 53px; place-items: center; color: #6f7c90; border: 1px solid #e2e7ef; border-radius: 15px; background: #f4f6fa; font-size: 22px; }
.software-choice-card--custom .software-choice-card__icon { color: var(--software-primary); border-color: rgba(91,78,232,.13); background: #ece9ff; }
.software-choice-card header > div { display: grid; gap: 4px; }
.software-choice-card header small { color: black; font-size: 12px; font-weight: 800; letter-spacing: 1.1px; }
.software-choice-card h3 { margin: 0; color: #213047; font-size: 22px; font-weight: 750; }
.software-choice-card__intro { min-height: 76px; margin: 22px 0 19px; color: black; font-size: 14px; line-height: 1.72; }
.software-choice-card ul { display: grid; gap: 10px; margin: 0 0 23px; padding: 0; list-style: none; }
.software-choice-card li { display: grid; grid-template-columns: 29px 1fr; gap: 11px; align-items: center; padding: 12px 13px; border: 1px solid #e7ebf2; border-radius: 11px; background: rgba(255,255,255,.73); }
.software-choice-card li > i { display: grid; width: 28px; height: 28px; place-items: center; color: #388f78; border-radius: 8px; background: #eaf8f4; font-size: 15px; }
.software-choice-card li > span { display: grid; gap: 2px; }
.software-choice-card li strong { color: black; font-size: 14px; }
.software-choice-card li small { color: black; font-size: 14px; }
.software-choice-card li.software-choice-card__limit > i { color: #9b7b45; background: #fff5e5; }
.software-choice-card footer { display: grid; gap: 6px; margin-top: auto; padding: 16px 17px; border-radius: 12px; background: #f1f3f7; }
.software-choice-card--custom footer { background: rgba(91,78,232,.08); }
.software-choice-card footer span { color: black; font-size: 12px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.software-choice-card footer strong { color: black; font-size: 12px; }
.software-choice__versus { position: absolute; top: 72px; left: 50%; z-index: 3; display: grid; width: 49px; height: 49px; place-items: center; border: 6px solid #fff; border-radius: 50%; background: #ebedf4; transform: translateX(-50%); }
.software-choice__versus span { color: #7f899b; font-size: 7px; font-weight: 850; letter-spacing: .7px; }
.software-choice__signals { margin-top: 28px; padding: 28px; border: 1px solid #e0e5ee; border-radius: 19px; background: #f7f9fc; }
.software-choice__signals-head { display: grid; grid-template-columns: 47px 1fr; gap: 14px; align-items: center; padding-bottom: 22px; border-bottom: 1px solid #e2e7ef; }
.software-choice__signals-head > span { display: grid; width: 46px; height: 46px; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(135deg, var(--software-primary), var(--software-cyan)); font-size: 20px; }
.software-choice__signals-head strong { display: block; margin-bottom: 4px; color: #26344a; font-size: 16px; }
.software-choice__signals-head p { margin: 0; color: black; font-size: 14px; line-height: 1.55; }
.software-choice__signals-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px 28px; padding-top: 22px; }
.software-choice__signals-grid span { display: flex; align-items: flex-start; gap: 9px; color: black; font-size: 14px; line-height: 1.5; }
.software-choice__signals-grid i { margin-top: 1px; color: var(--software-primary); font-size: 15px; }
.software-choice__cta { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; margin-top: 24px; padding: 24px 28px; border: 1px solid rgba(91,78,232,.18); border-radius: 17px; background: linear-gradient(100deg, #f5f3ff, #f2fafb); }
.software-choice__cta strong { display: block; margin-bottom: 5px; color: black; font-size: 16px; }
.software-choice__cta p { margin: 0; color: black; font-size: 14px; line-height: 1.6; }
.software-choice__cta a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 17px; color: #fff; border-radius: 10px; background: linear-gradient(135deg, var(--software-primary), var(--software-primary-dark)); box-shadow: 0 10px 23px rgba(64,53,191,.2); font-size: 11px; font-weight: 750; text-decoration: none; }

@media (max-width: 991.98px) {
  .software-choice { padding: 88px 0; }
  .software-choice__comparison { gap: 18px; }
  .software-choice-card { padding: 24px; }
  .software-choice__versus { display: none; }
}

@media (max-width: 767.98px) {
  .software-choice__comparison, .software-choice__signals-grid { grid-template-columns: 1fr; }
  .software-choice__comparison { gap: 28px; }
  .software-choice-card__intro { min-height: auto; }
  .software-choice__cta { grid-template-columns: 1fr; }
  .software-choice__cta a { width: 100%; }
}

@media (max-width: 575.98px) {
  .software-choice { padding: 72px 0; }
  .software-choice-card, .software-choice__signals { padding: 21px; }
  .software-choice-card__badge { right: 14px; }
  .software-choice-card li { grid-template-columns: 27px 1fr; padding: 11px; }
  .software-choice__signals-head { grid-template-columns: 1fr; }
  .software-choice__cta { padding: 21px; }
}

/* CRM industry use cases */
.software-use-cases { padding: 110px 0; background: #f6f8fc; }
.software-use-cases__heading, .software-deliverables__heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr); gap: 85px; align-items: end; margin-bottom: 48px; }
.software-use-cases__heading h2, .software-deliverables__heading h2 { max-width: 770px; margin: 0; color: #14243b; font-size: clamp(34px,3.3vw,50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }
.software-use-cases__heading > p, .software-deliverables__heading > p { margin: 0 0 4px; color: var(--software-muted); font-size: 16px; line-height: 1.75; }
.software-use-cases__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.software-use-case { position: relative; min-height: 295px; padding: 25px; overflow: hidden; border: 1px solid #e0e5ee; border-radius: 18px; background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.software-use-case:hover { transform: translateY(-4px); border-color: rgba(91,78,232,.25); box-shadow: 0 18px 40px rgba(37,48,80,.08); }
.software-use-case--wide { display: grid; grid-column: span 2; grid-template-columns: 1fr 245px; gap: 24px; background: linear-gradient(145deg,#fff,#f4f2ff); }
.software-use-case--accent { border-color: rgba(37,185,197,.22); background: linear-gradient(145deg,#fff,#effafb); }
.software-use-case header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 21px; }
.software-use-case header span { display: grid; width: 45px; height: 45px; place-items: center; color: var(--software-primary); border-radius: 13px; background: #efedff; font-size: 19px; }
.software-use-case header em { color: black; font-size: 20px; font-style: normal; font-weight: 800; letter-spacing: 1px; }
.software-use-case > small, .software-use-case__content > small { display: block; margin-bottom: 7px; color: black; font-size: 12px; font-weight: 800; letter-spacing: 1.1px; }
.software-use-case h3 { margin: 0 0 11px; color: #25334a; font-size: 18px; font-weight: 750; }
.software-use-case p { margin: 0 0 18px; color: black; font-size: 14px; line-height: 1.7; }
.software-use-case__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.software-use-case__tags span { padding: 5px 8px; color: #6156b8; border: 1px solid rgba(91,78,232,.1); border-radius: 6px; background: #f1efff; font-size: 12px; font-weight: 700; }
.software-use-case__mini-panel { align-self: center; padding: 18px; border: 1px solid rgba(91,78,232,.15); border-radius: 15px; background: rgba(255,255,255,.9); box-shadow: 0 15px 34px rgba(57,48,132,.09); }
.software-use-case__mini-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid #e9ecf3; }.software-use-case__mini-head strong { color: black; font-size: 12px; }.software-use-case__mini-head span { padding: 5px 7px; color: #6a5ed1; border-radius: 6px; background: #efedff; font-size: 12px; font-weight: 750; }
.software-use-case__mini-company { display: grid; grid-template-columns: 32px 1fr; gap: 9px; align-items: center; padding: 14px 0; }.software-use-case__mini-company > i { display: grid; width: 32px; height: 32px; place-items: center; color: var(--software-primary); border-radius: 9px; background: #efedff; }.software-use-case__mini-company div { display: grid; gap: 2px; }.software-use-case__mini-company strong { color: #3c495d; font-size: 9px; }.software-use-case__mini-company small { color: black; font-size: 12px; }
.software-use-case__mini-line { display: flex; justify-content: space-between; margin: 9px 0; }.software-use-case__mini-line span { color: black; font-size: 12px; }.software-use-case__mini-line strong { color: black; font-size: 12px; }
.software-use-case__mini-progress i { display: block; height: 6px; overflow: hidden; border-radius: 8px; background: #e9edf4; }.software-use-case__mini-progress b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--software-primary),var(--software-cyan)); }
.software-use-cases__note { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; margin-top: 23px; padding: 21px 24px; border: 1px solid #dfe5ee; border-radius: 15px; background: #fff; }.software-use-cases__note > i { display: grid; width: 43px; height: 43px; place-items: center; color: #fff; border-radius: 12px; background: linear-gradient(135deg,var(--software-primary),var(--software-cyan)); font-size: 18px; }.software-use-cases__note p { margin: 0; color: black; font-size: 14px; line-height: 1.65; }.software-use-cases__note strong { color: #2d3b50; }

/* CRM project deliverables */
.software-deliverables { padding: 110px 0; background: #fff; }
.software-deliverables__layout { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(350px,.72fr); gap: 24px; align-items: stretch; }
.software-deliverables__list { display: grid; gap: 11px; }
.software-deliverable { display: grid; grid-template-columns: 27px 46px 1fr auto; gap: 14px; align-items: center; padding: 17px 19px; border: 1px solid #e0e5ee; border-radius: 14px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.software-deliverable:hover { border-color: rgba(91,78,232,.24); box-shadow: 0 12px 28px rgba(37,48,80,.065); }
.software-deliverable__number { color: black; font-size: 20px; font-weight: 800; letter-spacing: .7px; }
.software-deliverable__icon { display: grid; width: 45px; height: 45px; place-items: center; color: var(--software-primary); border-radius: 12px; background: #efedff; font-size: 18px; }
.software-deliverable h3 { margin: 0 0 5px; color: black; font-size: 16px; }.software-deliverable p { margin: 0; color: black; font-size: 14px; line-height: 1.5; }.software-deliverable > em { padding: 6px 8px; color: #6c61bd; border-radius: 6px; background: #f1efff; font-size: 12px; font-style: normal; font-weight: 800; }
.software-deliverables__package { padding: 25px; color: #fff; border-radius: 20px; background: linear-gradient(155deg,#192943,#111a30); box-shadow: 0 24px 50px rgba(29,40,72,.17); }
.software-deliverables__package header { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.1); }.software-deliverables__package header > span { display: grid; width: 43px; height: 43px; place-items: center; color: #aaa2ff; border-radius: 12px; background: rgba(91,78,232,.18); font-size: 19px; }.software-deliverables__package header > div { display: grid; gap: 3px; }.software-deliverables__package header small { color: white; font-size: 10px; font-weight: 800; letter-spacing: 1px; }.software-deliverables__package header strong { font-size: 12px; }.software-deliverables__package header > em { color: white; font-size: 15px; font-style: normal; }
.software-deliverables__package-files { display: grid; gap: 8px; padding: 17px 0; }.software-deliverables__package-files > div { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; background: rgba(255,255,255,.035); }.software-deliverables__package-files > div > i { color: #8176e5; font-size: 17px; }.software-deliverables__package-files span { display: grid; gap: 2px; }.software-deliverables__package-files strong { color: white; font-size: 14px; }.software-deliverables__package-files small { color: white; font-size: 14px; }.software-deliverables__package-files em { color: white; font-size: 14px; font-style: normal; }
.software-deliverables__package-status { display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: center; padding: 13px; border-radius: 11px; background: rgba(66,194,157,.09); }.software-deliverables__package-status > i { display: grid; width: 31px; height: 31px; place-items: center; color: #65d1b2; border-radius: 9px; background: rgba(66,194,157,.1); }.software-deliverables__package-status div { display: grid; gap: 2px; }.software-deliverables__package-status strong { color: white; font-size: 14px; }.software-deliverables__package-status small { color: white; font-size: 14px; }
.software-deliverables__ownership { display: grid; grid-template-columns: 48px 1fr auto; gap: 15px; align-items: center; margin-top: 24px; padding: 22px 24px; border: 1px solid #dfe5ee; border-radius: 16px; background: #f7f9fc; }.software-deliverables__ownership > span { display: grid; width: 47px; height: 47px; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(135deg,var(--software-primary),var(--software-cyan)); font-size: 20px; }.software-deliverables__ownership strong { display: block; margin-bottom: 4px; color: black; font-size: 14px; }.software-deliverables__ownership p { margin: 0; color: black; font-size: 14px; line-height: 1.55; }.software-deliverables__ownership-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }.software-deliverables__ownership-tags em { padding: 6px 8px; color: #5d53ad; border-radius: 6px; background: #eceaff; font-size: 10px; font-style: normal; font-weight: 750; }

@media (max-width: 1199.98px) {
  .software-use-cases__heading, .software-deliverables__heading { gap: 45px; }
  .software-use-case--wide { grid-template-columns: 1fr 210px; }
}
@media (max-width: 991.98px) {
  .software-use-cases, .software-deliverables { padding: 88px 0; }
  .software-use-cases__heading, .software-deliverables__heading { grid-template-columns: 1fr; gap: 20px; }
  .software-use-cases__heading > p, .software-deliverables__heading > p { max-width: 720px; }
  .software-use-cases__grid { grid-template-columns: repeat(2,1fr); }.software-use-case--wide { grid-column: span 2; }
  .software-deliverables__layout { grid-template-columns: 1fr; }.software-deliverables__package { max-width: 620px; width: 100%; }
  .software-deliverables__ownership { grid-template-columns: 48px 1fr; }.software-deliverables__ownership-tags { grid-column: 2; justify-content: flex-start; }
}
@media (max-width: 575.98px) {
  .software-use-cases, .software-deliverables { padding: 72px 0; }
  .software-use-cases__heading h2, .software-deliverables__heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .software-use-cases__grid { grid-template-columns: 1fr; }.software-use-case--wide { grid-column: auto; grid-template-columns: 1fr; }.software-use-case__mini-panel { display: none; }
  .software-use-cases__note { grid-template-columns: 1fr; padding: 20px; }
  .software-deliverable { grid-template-columns: 36px 1fr auto; padding: 15px; }.software-deliverable__number { display: none; }.software-deliverable__icon { width: 36px; height: 36px; }.software-deliverable p { display: none; }
  .software-deliverables__package { padding: 20px; }.software-deliverables__ownership { grid-template-columns: 1fr; padding: 20px; }.software-deliverables__ownership-tags { grid-column: auto; }
}

/* CRM project mistakes */
.software-mistakes { padding: 110px 0; background: #f6f8fc; }
.software-mistakes__heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr); gap: 85px; align-items: end; margin-bottom: 48px; }
.software-mistakes__heading h2 { max-width: 770px; margin: 0; color: #14243b; font-size: clamp(34px,3.3vw,50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }
.software-mistakes__heading > p { margin: 0 0 4px; color: var(--software-muted); font-size: 16px; line-height: 1.75; }
.software-mistakes__grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 15px; }
.software-mistake-card { display: grid; grid-template-columns: 44px 1fr; gap: 15px; padding: 23px; border: 1px solid #e1e6ef; border-radius: 16px; background: #fff; transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.software-mistake-card:hover { transform: translateY(-3px); border-color: rgba(224,91,91,.23); box-shadow: 0 15px 34px rgba(44,51,76,.07); }
.software-mistake-card__mark { display: grid; width: 43px; height: 43px; place-items: center; color: #dc6464; border-radius: 12px; background: #fff0f0; font-size: 15px; }
.software-mistake-card > div:last-child { position: relative; }.software-mistake-card span { position: absolute; top: 1px; right: 0; color: black; font-size: 20px; font-weight: 800; letter-spacing: .8px; }.software-mistake-card h3 { margin: 1px 35px 8px 0; color: black; font-size: 16px; }.software-mistake-card p { margin: 0; color: black; font-size: 14px; line-height: 1.65; }
.software-mistakes__formula { display: grid; grid-template-columns: minmax(320px,.85fr) minmax(0,1.15fr); gap: 30px; align-items: center; margin-top: 25px; padding: 24px 27px; border: 1px solid rgba(91,78,232,.18); border-radius: 17px; background: linear-gradient(110deg,#f2f0ff,#f3fafb); }
.software-mistakes__formula-title { display: grid; grid-template-columns: 44px 1fr; gap: 13px; align-items: center; }.software-mistakes__formula-title > i { display: grid; width: 43px; height: 43px; place-items: center; color: #fff; border-radius: 12px; background: linear-gradient(135deg,var(--software-primary),var(--software-cyan)); font-size: 19px; }.software-mistakes__formula-title span { display: grid; gap: 4px; }.software-mistakes__formula-title small { color: black; font-size: 10px; font-weight: 800; letter-spacing: .9px; }.software-mistakes__formula-title strong { color: black; font-size: 14px; }
.software-mistakes__formula-flow { display: flex; align-items: center; justify-content: flex-end; gap: 9px; }.software-mistakes__formula-flow span, .software-mistakes__formula-flow strong { padding: 9px 10px; border-radius: 8px; background: rgba(255,255,255,.8); color: black; font-size: 12px; font-weight: 700; white-space: nowrap; }.software-mistakes__formula-flow strong { color: #fff; background: var(--software-primary); }.software-mistakes__formula-flow > i { color: #948bbd; font-size: 11px; }

/* CRM FAQ */
.software-faq { padding: 110px 0; background: #fff; }
.software-faq__layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(310px,.65fr); gap: 28px; align-items: start; }
.software-faq__list { display: grid; gap: 10px; }
.software-faq-card { overflow: hidden; border: 1px solid #e0e5ee; border-radius: 14px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.software-faq-card[open] { border-color: rgba(91,78,232,.25); box-shadow: 0 12px 30px rgba(44,47,92,.07); }
.software-faq-card summary { display: grid; grid-template-columns: 31px 1fr 30px; gap: 12px; align-items: center; min-height: 68px; padding: 12px 18px; cursor: pointer; list-style: none; }.software-faq-card summary::-webkit-details-marker { display: none; }
.software-faq-card summary > span { display: grid; width: 30px; height: 30px; place-items: center; color: #8e86d5; border-radius: 8px; background: #f0eeff; font-size: 16px; font-weight: 800; }.software-faq-card summary strong { color: black; font-size: 16px; }.software-faq-card summary > i { display: grid; width: 29px; height: 29px; place-items: center; color: #7c8798; border-radius: 50%; background: #f3f5f8; font-size: 12px; transition: transform .2s ease; }.software-faq-card[open] summary > i { color: var(--software-primary); background: #efedff; transform: rotate(45deg); }
.software-faq-card > div { padding: 0 59px 18px; }.software-faq-card p { margin: 0; color: black; font-size: 14px; line-height: 1.75; }
.software-faq__contact { position: sticky; top: 100px; padding: 29px; overflow: hidden; border: 1px solid rgba(91,78,232,.18); border-radius: 20px; background: linear-gradient(145deg,#f4f2ff,#f0fafb); box-shadow: 0 20px 42px rgba(46,48,97,.08); }.software-faq__contact::after { position: absolute; right: -75px; bottom: -95px; width: 220px; height: 220px; content: ""; border-radius: 50%; background: radial-gradient(circle,rgba(91,78,232,.12),transparent 69%); }.software-faq__contact-icon { display: grid; width: 53px; height: 53px; place-items: center; margin-bottom: 24px; color: #fff; border-radius: 15px; background: linear-gradient(135deg,var(--software-primary),var(--software-cyan)); box-shadow: 0 12px 25px rgba(91,78,232,.2); font-size: 22px; }.software-faq__contact > small { color: #8177c9; font-size: 12px; font-weight: 800; letter-spacing: 1px; }.software-faq__contact h3 { margin: 9px 0 12px; color: #26354b; font-size: 22px; line-height: 1.3; }.software-faq__contact > p { margin: 0 0 22px; color: black; font-size: 14px; line-height: 1.7; }.software-faq__contact > a { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 47px; color: #fff; border-radius: 10px; background: linear-gradient(135deg,var(--software-primary),var(--software-primary-dark)); box-shadow: 0 10px 22px rgba(64,53,191,.2); font-size: 11px; font-weight: 750; text-decoration: none; }
.software-faq__contact-note { position: relative; z-index: 1; display: grid; grid-template-columns: 31px 1fr; gap: 9px; align-items: center; margin-top: 15px; padding: 12px; border: 1px solid rgba(91,78,232,.1); border-radius: 10px; background: rgba(255,255,255,.63); }.software-faq__contact-note > i { display: grid; width: 30px; height: 30px; place-items: center; color: var(--software-primary); border-radius: 8px; background: #ece9ff; }.software-faq__contact-note span { display: grid; gap: 2px; }.software-faq__contact-note strong { color: black; font-size: 14px; }.software-faq__contact-note small { color: black; font-size: 12px; }

@media (max-width: 1199.98px) { .software-mistakes__heading { gap: 45px; }.software-mistakes__formula { grid-template-columns: 1fr; }.software-mistakes__formula-flow { justify-content: flex-start; } }
@media (max-width: 991.98px) {
  .software-mistakes, .software-faq { padding: 88px 0; }.software-mistakes__heading { grid-template-columns: 1fr; gap: 20px; }.software-mistakes__heading > p { max-width: 720px; }
  .software-faq__layout { grid-template-columns: 1fr; }.software-faq__contact { position: relative; top: auto; max-width: 620px; }
}
@media (max-width: 767.98px) { .software-mistakes__grid { grid-template-columns: 1fr; }.software-mistakes__formula-flow { flex-wrap: wrap; } }
@media (max-width: 575.98px) {
  .software-mistakes, .software-faq { padding: 72px 0; }.software-mistakes__heading h2 { font-size: 34px; letter-spacing: -1.2px; }
  .software-mistake-card { grid-template-columns: 38px 1fr; padding: 19px; }.software-mistake-card__mark { width: 38px; height: 38px; }.software-mistakes__formula { padding: 20px; }.software-mistakes__formula-flow > i.bi-plus { display: none; }
  .software-faq-card summary { grid-template-columns: 28px 1fr 27px; gap: 9px; padding: 11px 13px; }.software-faq-card > div { padding: 0 50px 17px; }.software-faq__contact { padding: 23px; }
}

/* Related software services */
.software-related { position: relative; padding: 110px 0; background: linear-gradient(145deg,#f6f8fc,#f3f2ff 58%,#f4fafb); }
.software-related::before { position: absolute; inset: 0; content: ""; opacity: .38; background-image: radial-gradient(rgba(91,78,232,.14) 1px,transparent 1px); background-size: 28px 28px; pointer-events: none; }
.software-related .container { position: relative; }
.software-related__heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.65fr); gap: 85px; align-items: end; margin-bottom: 48px; }
.software-related__heading h2 { max-width: 770px; margin: 0; color: #14243b; font-size: clamp(34px,3.3vw,50px); font-weight: 750; line-height: 1.16; letter-spacing: -1.8px; }
.software-related__heading > p { margin: 0 0 4px; color: var(--software-muted); font-size: 16px; line-height: 1.75; }
.software-related__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.software-related-card { position: relative; display: flex; min-height: 330px; flex-direction: column; padding: 26px; overflow: hidden; color: inherit; border: 1px solid #dfe4ee; border-radius: 18px; background: rgba(255,255,255,.93); box-shadow: 0 12px 34px rgba(37,47,79,.055); text-decoration: none; transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.software-related-card::after { position: absolute; right: -55px; bottom: -65px; width: 150px; height: 150px; content: ""; border-radius: 50%; background: rgba(91,78,232,.04); transition: transform .3s ease; }
.software-related-card:hover { color: inherit; transform: translateY(-5px); border-color: rgba(91,78,232,.27); box-shadow: 0 20px 45px rgba(44,45,94,.1); }
.software-related-card:hover::after { transform: scale(1.18); }
.software-related-card--featured { border-color: rgba(91,78,232,.22); background: linear-gradient(145deg,#fff,#f0edff); }
.software-related-card header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; }
.software-related-card header span { display: grid; width: 49px; height: 49px; place-items: center; color: var(--software-primary); border: 1px solid rgba(91,78,232,.12); border-radius: 14px; background: #efedff; font-size: 21px; }
.software-related-card header em { color: black; font-size: 20px; font-style: normal; font-weight: 800; letter-spacing: 1px; }
.software-related-card > small { margin-bottom: 8px; color: #8178c6; font-size: 12px; font-weight: 800; letter-spacing: 1px; }
.software-related-card h3 { margin: 0 0 11px; color: #26354b; font-size: 18px; font-weight: 750; line-height: 1.4; }
.software-related-card p { position: relative; z-index: 1; margin: 0 0 20px; color: black; font-size: 14px; line-height: 1.7; }
.software-related-card footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 16px; border-top: 1px solid #e7ebf2; color: #564bb2; }
.software-related-card footer span { font-size: 14px; font-weight: 750; }.software-related-card footer i { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: #efedff; transition: transform .2s ease; }.software-related-card:hover footer i { transform: translate(2px,-2px); }
.software-related__guide { display: grid; grid-template-columns: 49px 1fr auto; gap: 16px; align-items: center; margin-top: 25px; padding: 23px 25px; border: 1px solid #dce2ec; border-radius: 17px; background: rgba(255,255,255,.9); box-shadow: 0 12px 30px rgba(37,47,79,.045); }
.software-related__guide > span { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; border-radius: 14px; background: linear-gradient(135deg,var(--software-primary),var(--software-cyan)); font-size: 20px; }.software-related__guide strong { display: block; margin-bottom: 4px; color: black; font-size: 16px; }.software-related__guide p { margin: 0; color: black; font-size: 14px; line-height: 1.6; }.software-related__guide > a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; padding: 0 15px; color: var(--software-primary-dark); border: 1px solid rgba(91,78,232,.2); border-radius: 10px; background: #fff; font-size: 14px; font-weight: 750; text-decoration: none; }

@media (max-width: 1199.98px) { .software-related__heading { gap: 45px; } }
@media (max-width: 991.98px) {
  .software-related { padding: 88px 0; }.software-related__heading { grid-template-columns: 1fr; gap: 20px; }.software-related__heading > p { max-width: 720px; }
  .software-related__grid { grid-template-columns: repeat(2,1fr); }.software-related__guide { grid-template-columns: 48px 1fr; }.software-related__guide > a { grid-column: 2; justify-self: start; }
}
@media (max-width: 575.98px) {
  .software-related { padding: 72px 0; }.software-related__heading h2 { font-size: 34px; letter-spacing: -1.2px; }.software-related__grid { grid-template-columns: 1fr; }.software-related-card { min-height: 300px; padding: 22px; }
  .software-related__guide { grid-template-columns: 1fr; padding: 21px; }.software-related__guide > a { grid-column: auto; width: 100%; }
}

/* CRM final call to action */
.software-final { position: relative; isolation: isolate; padding: 100px 0 60px; overflow: hidden; background: #fff; }
.software-final__shape { position: absolute; z-index: -1; border-radius: 50%; pointer-events: none; }
.software-final__shape--one { top: -180px; right: -130px; width: 470px; height: 470px; background: radial-gradient(circle,rgba(91,78,232,.12),transparent 69%); }
.software-final__shape--two { bottom: -190px; left: -100px; width: 430px; height: 430px; background: radial-gradient(circle,rgba(37,185,197,.1),transparent 69%); }
.software-final__panel { position: relative; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(370px,.7fr); gap: 60px; align-items: center; padding: 60px; overflow: hidden; border: 1px solid rgba(91,78,232,.18); border-radius: 28px; background: linear-gradient(135deg,#f7f6ff 0%,#fff 48%,#f0fafb 100%); box-shadow: 0 28px 70px rgba(40,43,94,.11); }
.software-final__panel::before { position: absolute; top: -90px; left: 38%; width: 270px; height: 270px; content: ""; border-radius: 50%; background: radial-gradient(circle,rgba(91,78,232,.1),transparent 68%); pointer-events: none; }
.software-final__content { position: relative; z-index: 1; }
.software-final__content h2 { max-width: 720px; margin: 0; color: #14243b; font-size: clamp(39px,3.8vw,57px); font-weight: 750; line-height: 1.1; letter-spacing: -2.1px; }
.software-final__content h2 em { color: var(--software-primary); font-family: Georgia,serif; font-weight: 500; }
.software-final__content > p { max-width: 680px; margin: 22px 0 0; color: black; font-size: 16px; line-height: 1.75; }
.software-final__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.software-final__button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 51px; padding: 0 20px; border: 1px solid transparent; border-radius: 11px; font-size: 14px; font-weight: 750; text-decoration: none; transition: transform .2s ease,box-shadow .2s ease; }
.software-final__button:hover { transform: translateY(-2px); }
.software-final__button--primary { color: #fff; background: linear-gradient(135deg,var(--software-primary),var(--software-primary-dark)); box-shadow: 0 13px 27px rgba(64,53,191,.23); }.software-final__button--primary:hover { color: #fff; box-shadow: 0 17px 32px rgba(64,53,191,.29); }
.software-final__button--whatsapp { color: #25775d; border-color: rgba(34,163,105,.2); background: #fff; }.software-final__button--whatsapp:hover { color: #176348; box-shadow: 0 12px 25px rgba(29,131,87,.1); }.software-final__button--whatsapp i { color: #20a86b; font-size: 17px; }
.software-final__trust { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 24px; color: black; font-size: 14px; font-weight: 650; }.software-final__trust span { display: flex; align-items: center; gap: 6px; }.software-final__trust i { color: var(--software-cyan); font-size: 14px; }
.software-final__roadmap { position: relative; z-index: 1; padding: 25px; border: 1px solid #dfe4ee; border-radius: 20px; background: rgba(255,255,255,.94); box-shadow: 0 22px 48px rgba(39,46,81,.11); }
.software-final__roadmap header { display: grid; grid-template-columns: 44px 1fr auto; gap: 12px; align-items: center; padding-bottom: 19px; border-bottom: 1px solid #e8ecf2; }.software-final__roadmap header > span { display: grid; width: 43px; height: 43px; place-items: center; color: var(--software-primary); border-radius: 12px; background: #efedff; font-size: 19px; }.software-final__roadmap header > div { display: grid; gap: 3px; }.software-final__roadmap header small { color: #929cac; font-size: 12px; font-weight: 800; letter-spacing: .9px; }.software-final__roadmap header strong { color: black; font-size: 16px; }.software-final__roadmap header > em { display: grid; width: 27px; height: 27px; place-items: center; color: #fff; border-radius: 8px; background: var(--software-primary); font-size: 8px; font-style: normal; font-weight: 800; }
.software-final__roadmap-list { display: grid; padding: 10px 0; }.software-final__roadmap-list > div { display: grid; grid-template-columns: 27px 1fr 22px; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf0f5; }.software-final__roadmap-list > div:last-child { border-bottom: 0; }.software-final__roadmap-list > div > span { display: grid; width: 30px; height: 30px; place-items: center; color: #7166c4; border-radius: 7px; background: #f0eeff; font-size: 14px; font-weight: 800; }.software-final__roadmap-list p { display: grid; gap: 3px; margin: 0; }.software-final__roadmap-list strong { color: black; font-size: 14px; }.software-final__roadmap-list small { color: black; font-size: 12px; line-height: 1.35; }.software-final__roadmap-list > div > i { display: grid; width: 30px; height: 30px; place-items: center; color: #3ba887; border-radius: 50%; background: #eaf8f4; font-size: 25px; }
.software-final__roadmap footer { display: grid; grid-template-columns: 32px 1fr; gap: 9px; align-items: center; padding: 12px; border-radius: 10px; background: #f5f7fa; }.software-final__roadmap footer > i { display: grid; width: 31px; height: 31px; place-items: center; color: var(--software-primary); border-radius: 9px; background: #ece9ff; }.software-final__roadmap footer span { display: grid; gap: 2px; }.software-final__roadmap footer strong { color: black; font-size: 12px; }.software-final__roadmap footer small { color: black; font-size: 12px; }
.software-final__contact-bar { display: grid; grid-template-columns: repeat(3,1fr); margin: 22px 20px 0; overflow: hidden; border: 1px solid #e0e5ee; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px rgba(37,47,79,.045); }
.software-final__contact-bar > span { display: grid; grid-template-columns: 32px 1fr; grid-template-rows: auto auto; column-gap: 9px; align-items: center; padding: 15px 22px; border-right: 1px solid #e7ebf1; }.software-final__contact-bar > span:last-child { border-right: 0; }.software-final__contact-bar i { grid-row: 1/3; display: grid; width: 31px; height: 31px; place-items: center; color: var(--software-primary); border-radius: 9px; background: #efedff; }.software-final__contact-bar small { color: black; font-size: 14px; font-weight: 750; letter-spacing: .5px; }.software-final__contact-bar a,.software-final__contact-bar strong { color: black; font-size: 16px; text-decoration: none;font-weight: normal }

@media (max-width: 1199.98px) { .software-final__panel { gap: 38px; padding: 48px; } }
@media (max-width: 991.98px) {
  .software-final { padding: 88px 0 55px; }.software-final__panel { grid-template-columns: 1fr; }.software-final__roadmap { max-width: 620px; width: 100%; }
}
@media (max-width: 767.98px) { .software-final__contact-bar { grid-template-columns: 1fr; }.software-final__contact-bar > span { border-right: 0; border-bottom: 1px solid #e7ebf1; }.software-final__contact-bar > span:last-child { border-bottom: 0; } }
@media (max-width: 575.98px) {
  .software-final { padding: 72px 0 45px; }.software-final__panel { gap: 32px; padding: 26px 21px; border-radius: 21px; }.software-final__content h2 { font-size: 37px; letter-spacing: -1.5px; }.software-final__content > p { font-size: 14px; }.software-final__actions { display: grid; }.software-final__button { width: 100%; }.software-final__trust { display: grid; }.software-final__roadmap { padding: 19px; }.software-final__contact-bar { margin-right: 0; margin-left: 0; }
}