{"id":17,"date":"2026-06-22T14:55:32","date_gmt":"2026-06-22T14:55:32","guid":{"rendered":"https:\/\/obitcrm.com\/?page_id=17"},"modified":"2026-06-23T23:35:37","modified_gmt":"2026-06-23T23:35:37","slug":"features","status":"publish","type":"page","link":"https:\/\/obitcrm.com\/?page_id=17","title":{"rendered":"Features"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.obit-features-intro {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  min-height: 330px;\n  padding: 58px 20px 70px;\n  color: #ffffff;\n  text-align: center;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(0, 170, 255, 0.12), transparent 35%),\n    linear-gradient(180deg, rgba(3, 12, 30, 0.35), rgba(3, 12, 30, 0));\n}\n\n.obit-features-intro-content {\n  position: relative;\n  z-index: 3;\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.obit-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 14px;\n  color: #00bfff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.14em;\n}\n\n.obit-eyebrow::before,\n.obit-eyebrow::after {\n  content: \"\";\n  width: 42px;\n  height: 1px;\n  background: rgba(0, 190, 255, 0.45);\n}\n\n.obit-features-intro h1 {\n  margin: 0 0 20px;\n  color: #ffffff;\n  font-size: clamp(38px, 5vw, 64px);\n  line-height: 1.08;\n  font-weight: 600;\n  letter-spacing: -0.04em;\n}\n\n.obit-features-intro h1 span {\n  color: #00bfff;\n  text-shadow: 0 0 24px rgba(0, 190, 255, 0.32);\n}\n\n.obit-features-intro p {\n  margin: 0 auto 10px;\n  max-width: 650px;\n  color: #b7c8df;\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n\/* CSS particle wave *\/\n\n.obit-features-wave {\n  position: absolute;\n  bottom: -36px;\n  width: 58%;\n  height: 170px;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0.65;\n}\n\n.obit-wave-left {\n  left: -14%;\n}\n\n.obit-wave-right {\n  right: -12%;\n  transform: scaleX(-1);\n}\n\n.obit-features-wave::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle, rgba(0, 200, 255, 0.9) 0 1.25px, transparent 1.8px);\n  background-size: 18px 18px;\n  clip-path: polygon(\n    0 84%,\n    8% 76%,\n    16% 68%,\n    25% 72%,\n    34% 58%,\n    44% 54%,\n    54% 60%,\n    64% 48%,\n    74% 34%,\n    84% 24%,\n    94% 18%,\n    100% 14%,\n    100% 100%,\n    0 100%\n  );\n  filter: drop-shadow(0 0 8px rgba(0, 170, 255, 0.6));\n  animation: obitFeatureWaveDrift 16s linear infinite;\n}\n\n.obit-features-wave::after {\n  content: \"\";\n  position: absolute;\n  left: 4%;\n  right: 0;\n  bottom: 42px;\n  height: 86px;\n  background:\n    linear-gradient(135deg, transparent 0 47%, rgba(0, 170, 255, 0.25) 48% 49%, transparent 50%),\n    linear-gradient(45deg, transparent 0 47%, rgba(0, 170, 255, 0.16) 48% 49%, transparent 50%);\n  background-size: 44px 44px;\n  clip-path: polygon(\n    0 74%,\n    14% 58%,\n    30% 64%,\n    45% 52%,\n    60% 44%,\n    75% 26%,\n    100% 12%,\n    100% 100%,\n    0 100%\n  );\n  opacity: 0.45;\n}\n\n@keyframes obitFeatureWaveDrift {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(38px);\n  }\n}\n\n@media (max-width: 760px) {\n  .obit-features-intro {\n    padding: 48px 20px 62px;\n  }\n\n  .obit-features-wave {\n    width: 95%;\n    opacity: 0.38;\n  }\n\n  .obit-wave-left {\n    left: -35%;\n  }\n\n  .obit-wave-right {\n    right: -35%;\n  }\n\n  .obit-features-intro p {\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<section class=\"obit-features-intro\">\n  <div class=\"obit-features-wave obit-wave-left\"><\/div>\n  <div class=\"obit-features-wave obit-wave-right\"><\/div>\n\n  <div class=\"obit-features-intro-content\">\n    <span class=\"obit-eyebrow\">Features<\/span>\n\n    <h1>\n      Business Software<br>\n      <span>Without the Complexity<\/span>\n    <\/h1>\n\n    <p>\n      OBit combines CRM, ERP, communications, accounting, inventory,\n      manufacturing, and workflow management into a single modular platform.\n    <\/p>\n\n    <p>\n      Start with what you need today and expand as your business grows.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-difference-section {\n  width: 100%;\n  padding: 34px 20px 54px;\n  color: #ffffff;\n}\n\n.obit-difference-heading {\n  text-align: center;\n  margin-bottom: 18px;\n}\n\n.obit-difference-heading span {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  color: #00bfff;\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-difference-heading span::before,\n.obit-difference-heading span::after {\n  content: \"\";\n  width: 56px;\n  height: 1px;\n  background: rgba(0, 190, 255, 0.35);\n}\n\n.obit-difference-wrap {\n  position: relative;\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 28px;\n}\n\n.obit-difference-card {\n  min-height: 390px;\n  padding: 34px 38px;\n  border-radius: 10px;\n  border: 1px solid rgba(110, 190, 255, 0.18);\n  background:\n    radial-gradient(circle at 50% 52%, rgba(0, 170, 255, 0.06), transparent 42%),\n    linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),\n    rgba(5, 20, 46, 0.55);\n  box-shadow:\n    0 0 32px rgba(0, 120, 255, 0.07),\n    inset 0 0 26px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-difference-card h3 {\n  margin: 0 0 34px;\n  text-align: center;\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.obit-difference-card h3 span {\n  color: #00bfff;\n}\n\n.obit-vs-badge {\n  position: absolute;\n  z-index: 5;\n  left: 50%;\n  top: 50%;\n  width: 58px;\n  height: 58px;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.75);\n  background:\n    radial-gradient(circle, rgba(0, 200, 255, 0.18), rgba(4, 15, 38, 0.96) 70%);\n  box-shadow:\n    0 0 28px rgba(0, 170, 255, 0.55),\n    inset 0 0 18px rgba(0, 170, 255, 0.12);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-size: 18px;\n  font-weight: 800;\n}\n\n\/* Traditional side *\/\n\n.obit-traditional-inner {\n  display: grid;\n  grid-template-columns: 1.1fr 1fr;\n  gap: 38px;\n  align-items: center;\n}\n\n.obit-traditional-stack {\n  position: relative;\n  display: grid;\n  gap: 13px;\n}\n\n.obit-traditional-stack::before {\n  content: \"\";\n  position: absolute;\n  left: 24px;\n  top: 43px;\n  bottom: 43px;\n  width: 1px;\n  background: linear-gradient(\n    180deg,\n    rgba(0, 190, 255, 0.65),\n    rgba(255, 70, 90, 0.35)\n  );\n  box-shadow: 0 0 12px rgba(0, 190, 255, 0.35);\n}\n\n.obit-traditional-stack::after {\n  content: \"\";\n  position: absolute;\n  right: -26px;\n  top: 82px;\n  width: 24px;\n  height: 154px;\n  border: 1px dashed rgba(255, 70, 90, 0.65);\n  border-left: none;\n  border-radius: 0 14px 14px 0;\n}\n\n.obit-traditional-stack div,\n.obit-connected-stack div {\n  position: relative;\n  z-index: 2;\n  min-height: 44px;\n  padding: 8px 14px 8px 54px;\n  display: flex;\n  align-items: center;\n  border-radius: 7px;\n  border: 1px solid rgba(110, 190, 255, 0.14);\n  background: rgba(0, 110, 255, 0.045);\n}\n\n.obit-traditional-stack i,\n.obit-connected-stack i {\n  position: absolute;\n  left: 12px;\n  top: 50%;\n  width: 26px;\n  height: 26px;\n  transform: translateY(-50%);\n}\n\n.obit-traditional-stack i::before,\n.obit-connected-stack i::before {\n  content: \"\";\n  position: absolute;\n  inset: 3px;\n  background: #00bfff;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n  filter: drop-shadow(0 0 7px rgba(0, 200, 255, 0.75));\n}\n\n.obit-traditional-stack span,\n.obit-connected-stack span {\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.obit-problem-list,\n.obit-benefit-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.obit-problem-list li,\n.obit-benefit-list li {\n  position: relative;\n  margin-bottom: 12px;\n  padding-left: 24px;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.obit-problem-list li {\n  color: #d5b3b9;\n}\n\n.obit-problem-list li::before {\n  content: \"\u00d7\";\n  position: absolute;\n  left: 0;\n  color: #ff4058;\n  font-weight: 800;\n}\n\n.obit-benefit-list li {\n  color: #c7d5e8;\n}\n\n.obit-benefit-list li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  color: #00c8ff;\n  font-weight: 800;\n}\n\n\/* OBit side *\/\n\n.obit-obit-inner {\n  position: relative;\n  min-height: 280px;\n  display: grid;\n  grid-template-columns: 150px 1fr;\n  grid-template-areas:\n    \"circle modules\"\n    \"benefits modules\";\n  column-gap: 46px;\n  row-gap: 22px;\n  align-items: center;\n}\n\n.obit-single-platform {\n  grid-area: circle;\n  position: relative;\n  z-index: 3;\n  width: 118px;\n  height: 118px;\n  justify-self: center;\n  align-self: center;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.8);\n  background:\n    radial-gradient(circle, rgba(0, 200, 255, 0.18), rgba(4, 15, 38, 0.96) 72%);\n  box-shadow:\n    0 0 34px rgba(0, 170, 255, 0.55),\n    inset 0 0 24px rgba(0, 170, 255, 0.14);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 1.25;\n}\n\n.obit-single-platform::after {\n  content: \"\";\n  position: absolute;\n  left: 100%;\n  top: 50%;\n  width: 46px;\n  height: 1px;\n  background: rgba(0, 190, 255, 0.55);\n  box-shadow: 0 0 12px rgba(0, 190, 255, 0.5);\n}\n\n.obit-connected-stack {\n  grid-area: modules;\n  position: relative;\n  z-index: 3;\n  display: grid;\n  gap: 10px;\n}\n\n.obit-connected-stack::before {\n  content: \"\";\n  position: absolute;\n  left: -22px;\n  top: 22px;\n  bottom: 22px;\n  width: 1px;\n  background: rgba(0, 190, 255, 0.35);\n  box-shadow: 0 0 12px rgba(0, 190, 255, 0.35);\n}\n\n.obit-benefit-list {\n  grid-area: benefits;\n  position: relative;\n  z-index: 3;\n  max-width: 180px;\n  align-self: start;\n  margin-top: 4px;\n}\n\n\/* Icons *\/\n\n.diff-crm::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'\/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.diff-accounting::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Cpath d='M12 7v10M15 10c-.8-.7-1.7-1-3-1-1.4 0-2.5.6-2.5 1.7 0 2.7 5.5 1.4 5.5 4.1 0 1.2-1.1 2-3 2-1.4 0-2.5-.4-3.4-1.2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.diff-inventory::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3zM4 7.5l8 4.5 8-4.5M12 12v9' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.diff-communications::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M5 6h14a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-8l-5 4v-4H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3z' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.diff-manufacturing::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M4 19h16M5 19V9l5 3V9l5 3V5h4v14' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.diff-workflow::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'\/%3E%3Cpath d='M19.4 15a8 8 0 0 0 .1-1l2-1.5-2-3.5-2.4 1a8 8 0 0 0-1.7-1L15 6h-4l-.4 3a8 8 0 0 0-1.7 1l-2.4-1-2 3.5 2 1.5a8 8 0 0 0 .1 1l-2 1.5 2 3.5 2.4-1a8 8 0 0 0 1.7 1l.4 3h4l.4-3a8 8 0 0 0 1.7-1l2.4 1 2-3.5-2.2-1.5z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n\/* Responsive *\/\n\n@media (max-width: 1050px) {\n  .obit-difference-wrap {\n    grid-template-columns: 1fr;\n  }\n\n  .obit-vs-badge {\n    position: relative;\n    left: auto;\n    top: auto;\n    transform: none;\n    margin: -6px auto;\n  }\n}\n\n@media (max-width: 720px) {\n  .obit-difference-card {\n    padding: 30px 22px;\n  }\n\n  .obit-traditional-inner,\n  .obit-obit-inner {\n    grid-template-columns: 1fr;\n    grid-template-areas: none;\n    gap: 24px;\n  }\n\n  .obit-single-platform,\n  .obit-connected-stack,\n  .obit-benefit-list {\n    grid-area: auto;\n  }\n\n  .obit-single-platform {\n    margin: 0 auto;\n  }\n\n  .obit-single-platform::after,\n  .obit-connected-stack::before,\n  .obit-traditional-stack::after {\n    display: none;\n  }\n\n  .obit-benefit-list {\n    max-width: 100%;\n  }\n}\n<\/style>\n\n<section class=\"obit-difference-section\">\n  <div class=\"obit-difference-heading\">\n    <span>The OBit Difference<\/span>\n  <\/div>\n\n  <div class=\"obit-difference-wrap\">\n\n    <div class=\"obit-difference-card\">\n      <h3>Traditional Software<\/h3>\n\n      <div class=\"obit-traditional-inner\">\n        <div class=\"obit-traditional-stack\">\n          <div><i class=\"diff-crm\"><\/i><span>CRM<\/span><\/div>\n          <div><i class=\"diff-accounting\"><\/i><span>Accounting<\/span><\/div>\n          <div><i class=\"diff-inventory\"><\/i><span>Inventory<\/span><\/div>\n          <div><i class=\"diff-communications\"><\/i><span>Communications<\/span><\/div>\n          <div><i class=\"diff-manufacturing\"><\/i><span>Manufacturing<\/span><\/div>\n        <\/div>\n\n        <ul class=\"obit-problem-list\">\n          <li>Multiple systems.<\/li>\n          <li>Multiple vendors.<\/li>\n          <li>Multiple integrations.<\/li>\n          <li>Multiple logins.<\/li>\n          <li>Multiple headaches.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"obit-vs-badge\">VS<\/div>\n\n    <div class=\"obit-difference-card\">\n      <h3><span>OBit CRM<\/span><\/h3>\n\n      <div class=\"obit-obit-inner\">\n        <div class=\"obit-single-platform\">Single<br>Platform<\/div>\n\n        <div class=\"obit-connected-stack\">\n          <div><i class=\"diff-crm\"><\/i><span>CRM<\/span><\/div>\n          <div><i class=\"diff-accounting\"><\/i><span>Accounting<\/span><\/div>\n          <div><i class=\"diff-inventory\"><\/i><span>Inventory<\/span><\/div>\n          <div><i class=\"diff-communications\"><\/i><span>Communications<\/span><\/div>\n          <div><i class=\"diff-manufacturing\"><\/i><span>Manufacturing<\/span><\/div>\n          <div><i class=\"diff-workflow\"><\/i><span>Workflow<\/span><\/div>\n        <\/div>\n\n        <ul class=\"obit-benefit-list\">\n          <li>One database.<\/li>\n          <li>One platform.<\/li>\n          <li>One login.<\/li>\n          <li>One source of truth.<\/li>\n          <li>Endless possibilities.<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-automation-strip {\n  width: 100%;\n  padding: 34px 20px 54px;\n  color: #ffffff;\n}\n\n.obit-automation-inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  text-align: center;\n}\n\n.obit-automation-heading {\n  margin-bottom: 30px;\n}\n\n.obit-automation-heading span {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  color: #00bfff;\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-automation-heading span::before,\n.obit-automation-heading span::after {\n  content: \"\";\n  width: 56px;\n  height: 1px;\n  background: rgba(0, 190, 255, 0.35);\n}\n\n.obit-automation-heading p {\n  margin: 10px 0 0;\n  color: #a8bad4;\n  font-size: 15px;\n}\n\n.obit-automation-flow {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 10px;\n  align-items: start;\n  position: relative;\n}\n\n.obit-auto-step {\n  position: relative;\n  min-width: 0;\n}\n\n.obit-auto-icon {\n  width: 74px;\n  height: 74px;\n  margin: 0 auto 14px;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.72);\n  background:\n    radial-gradient(circle, rgba(0, 200, 255, 0.17), rgba(0, 90, 255, 0.05));\n  box-shadow:\n    0 0 28px rgba(0, 170, 255, 0.34),\n    inset 0 0 20px rgba(0, 170, 255, 0.08);\n  position: relative;\n}\n\n.obit-auto-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 20px;\n  background: #00bfff;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.8));\n}\n\n.obit-auto-step h3 {\n  margin: 0 0 6px;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.25;\n}\n\n.obit-auto-step p {\n  margin: 0 auto;\n  max-width: 120px;\n  color: #9fb2cf;\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.obit-auto-arrow {\n  display: none;\n}\n\n.obit-auto-step:not(:last-child)::after {\n  content: \"\u2192\";\n  position: absolute;\n  top: 27px;\n  right: -18px;\n  color: #00bfff;\n  font-size: 20px;\n  opacity: 0.85;\n  text-shadow: 0 0 10px rgba(0, 200, 255, 0.75);\n}\n\n.obit-automation-action {\n  margin-top: 30px;\n}\n\n.obit-automation-action a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 0 34px;\n  border-radius: 8px;\n  border: 1px solid rgba(0, 190, 255, 0.65);\n  color: #00bfff;\n  background: rgba(0, 150, 255, 0.06);\n  box-shadow:\n    0 0 18px rgba(0, 170, 255, 0.18),\n    inset 0 0 18px rgba(0, 170, 255, 0.04);\n  text-decoration: none;\n  font-size: 15px;\n  font-weight: 700;\n}\n\n\/* Icons *\/\n\n.auto-lead::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'\/%3E%3Cpath d='M3 21a6 6 0 0 1 12 0M18 8v8M14 12h8'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.auto-money::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Cpath d='M12 7v10M15 10c-.8-.7-1.7-1-3-1-1.4 0-2.5.6-2.5 1.7 0 2.7 5.5 1.4 5.5 4.1 0 1.2-1.1 2-3 2-1.4 0-2.5-.4-3.4-1.2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.auto-contract::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'\/%3E%3Cpath d='M14 3v4h4M9 11h6M9 15h4'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.auto-check::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Cpath d='M8 12l3 3 5-6'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.auto-box::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3zM4 7.5l8 4.5 8-4.5M12 12v9' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.auto-card::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'\/%3E%3Cpath d='M3 10h18M7 15h4'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.auto-bell::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'\/%3E%3Cpath d='M10 21h4'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n@media (max-width: 1000px) {\n  .obit-automation-flow {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 34px 22px;\n  }\n\n  .obit-auto-step::after {\n    display: none;\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-automation-strip {\n    padding: 30px 16px 44px;\n  }\n\n  .obit-automation-flow {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section class=\"obit-automation-strip\">\n  <div class=\"obit-automation-inner\">\n\n    <div class=\"obit-automation-heading\">\n      <span>Work Less. Automate More.<\/span>\n      <p>Automations can trigger actions across every module.<\/p>\n    <\/div>\n\n    <div class=\"obit-automation-flow\">\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-lead\"><\/div>\n        <h3>1. New Lead<\/h3>\n        <p>Lead is captured from any source.<\/p>\n      <\/div>\n\n      <div class=\"obit-auto-arrow\">\u2192<\/div>\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-money\"><\/div>\n        <h3>2. Create Opportunity<\/h3>\n        <p>Automatically create an opportunity.<\/p>\n      <\/div>\n\n      <div class=\"obit-auto-arrow\">\u2192<\/div>\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-contract\"><\/div>\n        <h3>3. Generate Contract<\/h3>\n        <p>Create and send contract instantly.<\/p>\n      <\/div>\n\n      <div class=\"obit-auto-arrow\">\u2192<\/div>\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-check\"><\/div>\n        <h3>4. Signed Contract<\/h3>\n        <p>Contract signed and stored in system.<\/p>\n      <\/div>\n\n      <div class=\"obit-auto-arrow\">\u2192<\/div>\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-box\"><\/div>\n        <h3>5. Inventory Low<\/h3>\n        <p>Inventory update triggers reorder.<\/p>\n      <\/div>\n\n      <div class=\"obit-auto-arrow\">\u2192<\/div>\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-card\"><\/div>\n        <h3>6. Missed Payment<\/h3>\n        <p>Notify accounting and client.<\/p>\n      <\/div>\n\n      <div class=\"obit-auto-arrow\">\u2192<\/div>\n\n      <div class=\"obit-auto-step\">\n        <div class=\"obit-auto-icon auto-bell\"><\/div>\n        <h3>7. Send Reminder<\/h3>\n        <p>Appointment reminder via SMS.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"obit-automation-action\">\n      <a href=\"#\">Build Your Own Workflows<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-feature-duo-section {\n  width: 100%;\n  padding: 34px 20px 54px;\n  color: #ffffff;\n}\n \n.obit-feature-duo-grid {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 26px;\n}\n\n.obit-feature-duo-card {\n  min-height: 500px;\n  padding: 48px 42px 40px;\n  border-radius: 12px;\n  border: 1px solid rgba(110, 190, 255, 0.22);\n  background:\n    radial-gradient(circle at 50% 56%, rgba(0, 170, 255, 0.10), transparent 40%),\n    linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),\n    rgba(5, 20, 46, 0.56);\n  box-shadow:\n    0 0 32px rgba(0, 120, 255, 0.07),\n    inset 0 0 26px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-duo-heading {\n  text-align: center;\n  margin-bottom: 42px;\n}\n\n.obit-duo-heading span {\n  color: #00bfff;\n  font-size: 15px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-duo-heading p {\n  max-width: 470px;\n  margin: 22px auto 0;\n  color: #c0cce0;\n  font-size: 20px;\n  line-height: 1.55;\n}\n\n.obit-duo-bottom {\n  max-width: 520px;\n  margin: 44px auto 0;\n  color: #c0cce0;\n  font-size: 18px;\n  line-height: 1.55;\n  text-align: center;\n}\n\n\/* Communications *\/\n\n.obit-comm-layout {\n  display: grid;\n  grid-template-columns: 1fr 150px 1fr;\n  gap: 34px;\n  align-items: center;\n}\n\n.obit-comm-column {\n  display: grid;\n  gap: 28px;\n}\n\n.obit-comm-tile {\n  min-height: 72px;\n  padding: 0 24px 0 64px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  border-radius: 10px;\n  border: 1px solid rgba(110, 190, 255, 0.22);\n  background: rgba(0, 110, 255, 0.045);\n}\n\n.obit-comm-tile i {\n  position: absolute;\n  left: 22px;\n  top: 50%;\n  width: 26px;\n  height: 26px;\n  transform: translateY(-50%);\n}\n\n.obit-comm-tile span {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.obit-comm-center {\n  width: 116px;\n  height: 116px;\n  margin: 0 auto;\n  position: relative;\n  border-radius: 50%;\n  border: 2px solid rgba(0, 200, 255, 0.85);\n  background:\n    radial-gradient(circle, rgba(0, 200, 255, 0.18), rgba(4, 15, 38, 0.96) 72%);\n  box-shadow:\n    0 0 38px rgba(0, 190, 255, 0.68),\n    inset 0 0 24px rgba(0, 170, 255, 0.14);\n}\n\n.obit-comm-center i {\n  position: absolute;\n  inset: 0;\n}\n\n\/* Security *\/\n\n.obit-security-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 42px;\n  align-items: center;\n  min-height: 280px;\n}\n.obit-security-shield {\n  position: relative;\n  width: 240px;\n  height: 270px;\n  margin: 0 auto;\n}\n\n\/* outer shield outline *\/\n.obit-security-shield::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 190, 255, 0.04);\n\n  clip-path: polygon(\n    50% 3%,\n    86% 21%,\n    80% 67%,\n    50% 96%,\n    20% 67%,\n    14% 21%\n  );\n\n  border: none;\n\n  box-shadow:\n    inset 0 0 0 4px rgba(0, 200, 255, 0.9),\n    0 0 28px rgba(0, 190, 255, 0.42);\n}\n\n\/* inner shield line *\/\n.obit-security-shield::after {\n  content: \"\";\n  position: absolute;\n  inset: 24px 28px;\n\n  clip-path: polygon(\n    50% 3%,\n    86% 21%,\n    80% 67%,\n    50% 96%,\n    20% 67%,\n    14% 21%\n  );\n\n  box-shadow:\n    inset 0 0 0 2px rgba(0, 200, 255, 0.28);\n}\n\n.obit-lock-circle {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n\n  width: 96px;\n  height: 96px;\n\n  transform: translate(-50%, -42%);\n\n  border-radius: 50%;\n  border: 2px solid rgba(0, 200, 255, 0.9);\n\n  background:\n    radial-gradient(circle, rgba(0, 200, 255, 0.16), rgba(4, 15, 38, 0.94));\n\n  box-shadow:\n    0 0 28px rgba(0, 190, 255, 0.58),\n    inset 0 0 20px rgba(0, 170, 255, 0.14);\n\n  z-index: 3;\n}\n.obit-lock-circle i {\n  position: absolute;\n  inset: 0;\n}\n\n.obit-security-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.obit-security-list li {\n  position: relative;\n  margin-bottom: 18px;\n  padding-left: 46px;\n  color: #d4e2f3;\n  font-size: 20px;\n  line-height: 1.35;\n}\n\n.obit-security-list li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  top: -1px;\n  width: 26px;\n  height: 26px;\n  border: 2px solid rgba(0, 200, 255, 0.9);\n  border-radius: 50%;\n  color: #00c8ff;\n  font-size: 15px;\n  line-height: 24px;\n  text-align: center;\n  box-shadow: 0 0 12px rgba(0, 200, 255, 0.45);\n}\n\n\/* SVG Icon Masks *\/\n\n.obit-comm-tile i::before,\n.obit-comm-center i::before,\n.obit-lock-circle i::before {\n  content: \"\";\n  position: absolute;\n  background: #00bfff;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.85));\n}\n\n.obit-comm-tile i::before {\n  inset: 1px;\n}\n\n.obit-comm-center i::before {\n  inset: 32px;\n}\n\n.obit-lock-circle i::before {\n  inset: 26px;\n}\n\n.comm-chat-icon::before,\n.comm-sms-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M5 6h14a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-8l-5 4v-4H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3z' fill='none' stroke='black' stroke-width='2'\/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.comm-phone-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 3 5.2 2 2 0 0 1 5 3h3a2 2 0 0 1 2 1.7l.5 3a2 2 0 0 1-.6 1.8L8.5 11a16 16 0 0 0 4.5 4.5l1.5-1.4a2 2 0 0 1 1.8-.6l3 .5a2 2 0 0 1 1.7 1.9z' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.comm-email-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'\/%3E%3Cpath d='M3 7l9 6 9-6'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.comm-send-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M22 2L11 13M22 2L15 22L11 13L2 9L22 2Z' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.comm-note-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3h9l3 3v15H6z'\/%3E%3Cpath d='M14 3v4h4M9 12h6M9 16h4'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.comm-pulse-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M3 12h4l2-6 4 12 2-6h6' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.security-lock-icon::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'\/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3M12 15v3'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n\/* Mobile *\/\n\n@media (max-width: 950px) {\n  .obit-feature-duo-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 620px) {\n  .obit-feature-duo-section {\n    padding: 30px 16px 44px;\n  }\n\n  .obit-feature-duo-card {\n    min-height: auto;\n    padding: 34px 24px;\n  }\n\n  .obit-duo-heading p {\n    font-size: 16px;\n  }\n\n  .obit-comm-layout,\n  .obit-security-layout {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .obit-comm-center {\n    order: -1;\n  }\n\n  .obit-security-list li {\n    font-size: 16px;\n  }\n}\n<\/style>\n\n<section class=\"obit-feature-duo-section\">\n  <div class=\"obit-feature-duo-grid\">\n\n    <div class=\"obit-feature-duo-card\">\n      <div class=\"obit-duo-heading\">\n        <span>Communications Built Into Everything<\/span>\n        <p>Unlike traditional CRMs, communications aren\u2019t a separate integration \u2014 they\u2019re part of the platform.<\/p>\n      <\/div>\n\n      <div class=\"obit-comm-layout\">\n        <div class=\"obit-comm-column\">\n          <div class=\"obit-comm-tile\">\n            <i class=\"comm-sms-icon\"><\/i>\n            <span>SMS<\/span>\n          <\/div>\n\n          <div class=\"obit-comm-tile\">\n            <i class=\"comm-phone-icon\"><\/i>\n            <span>Calling<\/span>\n          <\/div>\n\n          <div class=\"obit-comm-tile\">\n            <i class=\"comm-email-icon\"><\/i>\n            <span>Email<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"obit-comm-center\">\n          <i class=\"comm-chat-icon\"><\/i>\n        <\/div>\n\n        <div class=\"obit-comm-column\">\n          <div class=\"obit-comm-tile\">\n            <i class=\"comm-send-icon\"><\/i>\n            <span>Campaigns<\/span>\n          <\/div>\n\n          <div class=\"obit-comm-tile\">\n            <i class=\"comm-note-icon\"><\/i>\n            <span>Internal Notes<\/span>\n          <\/div>\n\n          <div class=\"obit-comm-tile\">\n            <i class=\"comm-pulse-icon\"><\/i>\n            <span>Activity Tracking<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <p class=\"obit-duo-bottom\">\n        Every conversation stays attached to the customer record.\n        Nothing gets lost. Everything is connected.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-feature-duo-card\">\n      <div class=\"obit-duo-heading\">\n        <span>Enterprise Security Without Enterprise Complexity<\/span>\n      <\/div>\n\n      <div class=\"obit-security-layout\">\n        <div class=\"obit-security-shield\">\n          <div class=\"obit-lock-circle\">\n            <i class=\"security-lock-icon\"><\/i>\n          <\/div>\n        <\/div>\n\n        <ul class=\"obit-security-list\">\n          <li>Role-Based Permissions<\/li>\n          <li>Department Access Controls<\/li>\n          <li>Activity Logging<\/li>\n          <li>Audit Trails<\/li>\n          <li>Secure Cloud Infrastructure<\/li>\n          <li>Multi-Tenant Architecture<\/li>\n          <li>Dedicated Enterprise Deployments<\/li>\n        <\/ul>\n      <\/div>\n\n      <p class=\"obit-duo-bottom\">\n        Your data is protected with enterprise-grade security built into\n        every layer of OBit.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-built-tomorrow-section {\n  width: 100%;\n  padding: 34px 20px 56px;\n  color: #ffffff;\n}\n\n.obit-built-heading {\n  text-align: center;\n  margin-bottom: 18px;\n}\n\n.obit-built-heading span {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  color: #00bfff;\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-built-heading span::before,\n.obit-built-heading span::after {\n  content: \"\";\n  width: 56px;\n  height: 1px;\n  background: rgba(0, 190, 255, 0.35);\n}\n\n.obit-built-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 52px 1fr;\n  gap: 20px;\n  align-items: center;\n}\n\n.obit-built-panel {\n  padding: 28px 30px 30px;\n  border-radius: 10px;\n  border: 1px solid rgba(110, 190, 255, 0.18);\n  background:\n    radial-gradient(circle at 50% 50%, rgba(0, 170, 255, 0.08), transparent 42%),\n    linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),\n    rgba(5, 20, 46, 0.55);\n  box-shadow:\n    0 0 32px rgba(0, 120, 255, 0.07),\n    inset 0 0 26px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-built-panel h3 {\n  margin: 0 0 18px;\n  color: #00bfff;\n  text-align: center;\n  font-size: 13px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n}\n\n.obit-built-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 10px;\n}\n\n.obit-built-panel:last-child .obit-built-grid {\n  grid-template-columns: repeat(3, 1fr);\n}\n\n.obit-built-grid div {\n  min-height: 78px;\n  padding: 14px 10px 12px;\n  border-radius: 8px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background: rgba(0, 110, 255, 0.045);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.obit-built-grid i {\n  width: 30px;\n  height: 30px;\n  margin-bottom: 9px;\n  position: relative;\n}\n\n.obit-built-grid i::before {\n  content: \"\";\n  position: absolute;\n  inset: 3px;\n  background: #00bfff;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  -webkit-mask-size: contain;\n  filter: drop-shadow(0 0 8px rgba(0, 200, 255, 0.8));\n}\n\n.obit-built-grid span {\n  color: #ffffff;\n  font-size: 12px;\n  line-height: 1.25;\n  text-align: center;\n  font-weight: 600;\n}\n\n.obit-built-arrow {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  color: #00bfff;\n  font-size: 34px;\n  line-height: 48px;\n  text-align: center;\n  text-shadow: 0 0 14px rgba(0, 200, 255, 0.9);\n}\n\n.obit-built-bottom {\n  max-width: 760px;\n  margin: 22px auto 0;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.6;\n  text-align: center;\n}\n\n\/* Icons *\/\n\n.built-workflow::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'\/%3E%3Cpath d='M19.4 15a8 8 0 0 0 .1-1l2-1.5-2-3.5-2.4 1a8 8 0 0 0-1.7-1L15 6h-4l-.4 3a8 8 0 0 0-1.7 1l-2.4-1-2 3.5 2 1.5a8 8 0 0 0 .1 1l-2 1.5 2 3.5 2.4-1a8 8 0 0 0 1.7 1l.4 3h4l.4-3a8 8 0 0 0 1.7-1l2.4 1 2-3.5-2.2-1.5z'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.built-pipeline::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M4 5h16l-6 7v5l-4 2v-7L4 5z' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-accounting::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Cpath d='M12 7v10M15 10c-.8-.7-1.7-1-3-1-1.4 0-2.5.6-2.5 1.7 0 2.7 5.5 1.4 5.5 4.1 0 1.2-1.1 2-3 2-1.4 0-2.5-.4-3.4-1.2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.built-inventory::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3zM4 7.5l8 4.5 8-4.5M12 12v9' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-manufacturing::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M4 19h16M5 19V9l5 3V9l5 3V5h4v14' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-communications::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M5 6h14a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-8l-5 4v-4H5a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3z' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-contracts::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3h9l3 3v15H6z'\/%3E%3Cpath d='M14 3v4h4M9 11h6M9 15h4'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.built-hr::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='3'\/%3E%3Ccircle cx='16' cy='8' r='3'\/%3E%3Cpath d='M3 20a5 5 0 0 1 10 0M11 20a5 5 0 0 1 10 0'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.built-asset::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M4 4h16M4 9h16M4 14h16M4 19h16M8 4v15M16 4v15' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-portal::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='black' stroke-width='2'\/%3E%3Cpath d='M7 15h10' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-vendor::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M4 10h16l-1 10H5L4 10zM7 10V7a5 5 0 0 1 10 0v3' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.built-bi::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 19h16M7 16v-5M12 16V8M17 16V5'\/%3E%3Cpath d='M6 9l4-4 4 4 4-6'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.built-packages::before {\n  mask-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='4' y='4' width='6' height='6'\/%3E%3Crect x='14' y='4' width='6' height='6'\/%3E%3Crect x='4' y='14' width='6' height='6'\/%3E%3Crect x='14' y='14' width='6' height='6'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n@media (max-width: 900px) {\n  .obit-built-card {\n    grid-template-columns: 1fr;\n  }\n\n  .obit-built-arrow {\n    margin: 0 auto;\n    transform: rotate(90deg);\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-built-tomorrow-section {\n    padding: 30px 16px 46px;\n  }\n\n  .obit-built-grid,\n  .obit-built-panel:last-child .obit-built-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n<\/style>\n\n<section class=\"obit-built-tomorrow-section\">\n  <div class=\"obit-built-heading\">\n    <span>Built for Today. Ready for Tomorrow.<\/span>\n  <\/div>\n\n  <div class=\"obit-built-card\">\n\n    <div class=\"obit-built-panel\">\n      <h3>Current Modules<\/h3>\n\n      <div class=\"obit-built-grid\">\n        <div><i class=\"built-workflow\"><\/i><span>Workflow<\/span><\/div>\n        <div><i class=\"built-pipeline\"><\/i><span>Sales Pipeline<\/span><\/div>\n        <div><i class=\"built-accounting\"><\/i><span>Accounting<\/span><\/div>\n        <div><i class=\"built-inventory\"><\/i><span>Inventory<\/span><\/div>\n        <div><i class=\"built-manufacturing\"><\/i><span>Manufacturing ERP<\/span><\/div>\n        <div><i class=\"built-communications\"><\/i><span>Communications<\/span><\/div>\n        <div><i class=\"built-contracts\"><\/i><span>Contracts<\/span><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"obit-built-arrow\">\u2192<\/div>\n\n    <div class=\"obit-built-panel\">\n      <h3>Future Expansion<\/h3>\n\n      <div class=\"obit-built-grid\">\n        <div><i class=\"built-hr\"><\/i><span>HR<\/span><\/div>\n        <div><i class=\"built-asset\"><\/i><span>Asset Tracking<\/span><\/div>\n        <div><i class=\"built-portal\"><\/i><span>Customer Portal<\/span><\/div>\n        <div><i class=\"built-vendor\"><\/i><span>Vendor Portal<\/span><\/div>\n        <div><i class=\"built-bi\"><\/i><span>Business Intelligence<\/span><\/div>\n        <div><i class=\"built-packages\"><\/i><span>Industry Packages<\/span><\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <p class=\"obit-built-bottom\">\n    A platform that evolves with your business and the industries we serve.\n  <\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Features Business Software Without the Complexity OBit combines CRM, ERP, communications, accounting, inventory, manufacturing, and workflow management into a single modular platform. Start with what you need today and expand as your business grows. The OBit Difference Traditional Software CRM Accounting Inventory Communications Manufacturing Multiple systems. Multiple vendors. Multiple integrations. Multiple logins. Multiple headaches. VS OBit CRM SinglePlatform CRM Accounting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-container.php","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/obitcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":14,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}