{"id":20,"date":"2026-06-22T14:55:42","date_gmt":"2026-06-22T14:55:42","guid":{"rendered":"https:\/\/obitcrm.com\/?page_id=20"},"modified":"2026-06-22T19:06:32","modified_gmt":"2026-06-22T19:06:32","slug":"modules","status":"publish","type":"page","link":"https:\/\/obitcrm.com\/?page_id=20","title":{"rendered":"Modules"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.obit-modules-intro {\n    padding: 40px 20px 30px;\n}\n\n.obit-modules-intro-card {\n\n    max-width: 1180px;\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: 1fr 1px 1fr;\n    gap: 50px;\n    align-items: center;\n\n    padding: 42px 50px;\n\n    border-radius: 14px;\n\n    border: 1px solid rgba(110,190,255,.12);\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(255,255,255,.035),\n            rgba(255,255,255,.01)\n        ),\n        rgba(4,18,40,.45);\n\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n\n    box-shadow:\n        0 0 35px rgba(0,120,255,.06),\n        inset 0 0 30px rgba(0,170,255,.025);\n}\n\n.obit-eyebrow {\n\n    display: inline-block;\n\n    margin-bottom: 12px;\n\n    color: #00bfff;\n\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: .14em;\n}\n\n.obit-modules-intro-left h1 {\n\n    margin: 0 0 14px;\n\n    color: #ffffff;\n\n    font-size: clamp(32px,3vw,48px);\n\n    font-weight: 500;\n\n    line-height: 1.1;\n\n    letter-spacing: -.03em;\n}\n\n.obit-modules-intro-left p {\n\n    margin: 0;\n\n    color: #b6c7df;\n\n    font-size: 17px;\n\n    line-height: 1.7;\n\n    max-width: 450px;\n}\n\n.obit-modules-divider {\n\n    width: 1px;\n    height: 120px;\n\n    background:\n        linear-gradient(\n            180deg,\n            transparent,\n            rgba(0,190,255,.25),\n            transparent\n        );\n}\n\n.obit-modules-intro-right p {\n\n    margin: 0;\n\n    color: #9fb2cf;\n\n    font-size: 16px;\n\n    line-height: 2;\n\n    max-width: 430px;\n}\n\n@media (max-width: 900px) {\n\n    .obit-modules-intro-card {\n\n        grid-template-columns: 1fr;\n\n        gap: 28px;\n\n        padding: 34px 28px;\n\n        text-align: center;\n    }\n\n    .obit-modules-divider {\n\n        width: 100%;\n        height: 1px;\n    }\n\n    .obit-modules-intro-left p,\n    .obit-modules-intro-right p {\n\n        max-width: 100%;\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 600px) {\n\n    .obit-modules-intro {\n\n        padding: 25px 16px;\n    }\n\n    .obit-modules-intro-card {\n\n        padding: 28px 22px;\n    }\n\n    .obit-modules-intro-left h1 {\n\n        font-size: 32px;\n    }\n\n    .obit-modules-intro-left p,\n    .obit-modules-intro-right p {\n\n        font-size: 15px;\n        line-height: 1.7;\n    }\n}\n<\/style>\n\n<section class=\"obit-modules-intro\">\n    <div class=\"obit-modules-intro-card\">\n\n        <div class=\"obit-modules-intro-left\">\n            <span class=\"obit-eyebrow\">Modules<\/span>\n\n            <h1>Build Your Business Platform<\/h1>\n\n            <p>\n                Start with a CRM. Add the modules you need.\n                Scale into a complete business operating system.\n            <\/p>\n        <\/div>\n\n        <div class=\"obit-modules-divider\"><\/div>\n\n        <div class=\"obit-modules-intro-right\">\n            <p>\n                OBit CRM is designed around modular growth.\n                Deploy only the tools your organization needs today,\n                then expand as your business evolves.\n            <\/p>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-module-grid-section {\n  width: 100%;\n  padding: 24px 20px 50px;\n  color: #fff;\n}\n\n.obit-module-grid {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 18px;\n}\n\n.obit-module-card {\n  min-height: 330px;\n  padding: 30px 28px 24px;\n  border-radius: 10px;\n  border: 1px solid rgba(90, 180, 255, 0.18);\n  background:\n    linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),\n    rgba(5, 20, 46, .52);\n  box-shadow:\n    0 0 30px rgba(0, 120, 255, .055),\n    inset 0 0 24px rgba(0, 170, 255, .025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-module-top {\n  display: flex;\n  align-items: flex-start;\n  gap: 18px;\n  margin-bottom: 16px;\n}\n\n.obit-module-top span {\n  color: #00bfff;\n  font-size: 18px;\n  font-weight: 700;\n}\n\n.obit-module-icon {\n  width: 76px;\n  height: 76px;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, .55);\n  background: radial-gradient(circle, rgba(0, 200, 255, .14), rgba(0, 90, 255, .05));\n  box-shadow: 0 0 24px rgba(0, 170, 255, .24);\n  position: relative;\n  flex: 0 0 auto;\n}\n\n.obit-module-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 18px;\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, .8));\n}\n\n.obit-module-card h3 {\n  margin: 0 0 6px;\n  font-size: 25px;\n  line-height: 1.1;\n  font-weight: 500;\n  color: #fff;\n}\n\n.obit-module-card p {\n  margin: 0 0 24px;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.45;\n}\n\n.obit-module-card ul {\n  margin: 0;\n  padding: 22px 0 18px;\n  list-style: none;\n  border-top: 1px solid rgba(120, 190, 255, .12);\n}\n\n.obit-module-card li {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: 9px;\n  color: #c7d5e8;\n  font-size: 14px;\n}\n\n.obit-module-card li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(0, 200, 255, .8);\n  border-radius: 50%;\n  color: #00c8ff;\n  font-size: 9px;\n  line-height: 13px;\n  text-align: center;\n}\n\n.obit-module-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 7px 14px;\n  border-radius: 999px;\n  border: 1px solid rgba(0, 220, 180, .35);\n  color: #00e6c0;\n  background: rgba(0, 220, 180, .07);\n  font-size: 11px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: .08em;\n}\n\n.obit-module-badge::before {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #00e6c0;\n  box-shadow: 0 0 10px rgba(0, 230, 192, .9);\n}\n\n.obit-module-card-wide {\n  grid-column: 1 \/ -1;\n  min-height: auto;\n  display: grid;\n  grid-template-columns: 1fr 1.6fr auto;\n  gap: 36px;\n  align-items: center;\n}\n\n.obit-module-card-wide ul {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 9px 34px;\n  padding: 0;\n  border-top: none;\n}\n\n.obit-module-wide-left p {\n  margin-bottom: 0;\n}\n\n\/* SVG mask icons *\/\n.icon-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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'\/%3E%3Cpath d='M9 3h6v4H9zM9 11h6M9 15h6M8 11l-1 1-1-1M8 15l-1 1-1-1'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-pipeline::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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16l-6 7v5l-4 2v-7L4 5z'\/%3E%3Cpath d='M8 9h8'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'\/%3E%3Cpath d='M12 7v10M15 9.5c-.7-.8-1.7-1.2-3-1.2-1.5 0-2.5.7-2.5 1.8 0 3 5.5 1.4 5.5 4.3 0 1.1-1 1.9-3 1.9-1.4 0-2.5-.4-3.3-1.3'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-inventory::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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z'\/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-manufacturing::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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16M5 19V9l5 3V9l5 3V5h4v14'\/%3E%3Cpath d='M8 16h2M13 16h2M18 16h1'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-communications::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='1.8' stroke-linecap='round' stroke-linejoin='round'%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'\/%3E%3Cpath d='M8 11h.01M12 11h.01M16 11h.01'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'\/%3E%3Cpath d='M14 3v4h4M9 11h6M9 15h4M15 19l4-4M17 13l2 2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n@media (max-width: 1000px) {\n  .obit-module-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .obit-module-card-wide {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 640px) {\n  .obit-module-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .obit-module-card {\n    padding: 26px 22px;\n  }\n\n  .obit-module-card-wide ul {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section class=\"obit-module-grid-section\">\n  <div class=\"obit-module-grid\">\n\n    <div class=\"obit-module-card\">\n      <div class=\"obit-module-top\">\n        <div class=\"obit-module-icon icon-workflow\"><\/div>\n        <span>01<\/span>\n      <\/div>\n      <h3>Workflow<\/h3>\n      <p>Tasks, Calendar, Appointments<\/p>\n      <ul>\n        <li>Tasks &#038; To-Dos<\/li>\n        <li>Calendars<\/li>\n        <li>Appointments<\/li>\n        <li>Team Scheduling<\/li>\n        <li>Activity Tracking<\/li>\n      <\/ul>\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n    <div class=\"obit-module-card\">\n      <div class=\"obit-module-top\">\n        <div class=\"obit-module-icon icon-pipeline\"><\/div>\n        <span>02<\/span>\n      <\/div>\n      <h3>Sales Pipeline<\/h3>\n      <p>Track opportunities from first contact to close.<\/p>\n      <ul>\n        <li>Leads<\/li>\n        <li>Opportunities<\/li>\n        <li>Pipeline Stages<\/li>\n        <li>Forecasting<\/li>\n        <li>Deal Management<\/li>\n      <\/ul>\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n    <div class=\"obit-module-card\">\n      <div class=\"obit-module-top\">\n        <div class=\"obit-module-icon icon-accounting\"><\/div>\n        <span>03<\/span>\n      <\/div>\n      <h3>Accounting<\/h3>\n      <p>Manage financial operations directly within OBit.<\/p>\n      <ul>\n        <li>General Ledger<\/li>\n        <li>Accounts Receivable<\/li>\n        <li>Accounts Payable<\/li>\n        <li>Invoicing<\/li>\n        <li>Financial Reporting<\/li>\n      <\/ul>\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n    <div class=\"obit-module-card\">\n      <div class=\"obit-module-top\">\n        <div class=\"obit-module-icon icon-inventory\"><\/div>\n        <span>04<\/span>\n      <\/div>\n      <h3>Inventory<\/h3>\n      <p>Real-time inventory visibility across locations.<\/p>\n      <ul>\n        <li>Stock Tracking<\/li>\n        <li>Warehouses<\/li>\n        <li>Purchase Orders<\/li>\n        <li>Lot Tracking<\/li>\n        <li>Reorder Points<\/li>\n      <\/ul>\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n    <div class=\"obit-module-card\">\n      <div class=\"obit-module-top\">\n        <div class=\"obit-module-icon icon-manufacturing\"><\/div>\n        <span>05<\/span>\n      <\/div>\n      <h3>Manufacturing ERP<\/h3>\n      <p>Production planning and manufacturing control.<\/p>\n      <ul>\n        <li>Work Orders<\/li>\n        <li>Bill of Materials<\/li>\n        <li>Production Scheduling<\/li>\n        <li>Material Planning<\/li>\n        <li>Shop Floor Tracking<\/li>\n      <\/ul>\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n    <div class=\"obit-module-card\">\n      <div class=\"obit-module-top\">\n        <div class=\"obit-module-icon icon-communications\"><\/div>\n        <span>06<\/span>\n      <\/div>\n      <h3>Communications<\/h3>\n      <p>SMS, Calling, Emails, Campaigns all in one place.<\/p>\n      <ul>\n        <li>SMS<\/li>\n        <li>Calling<\/li>\n        <li>Email<\/li>\n        <li>Marketing Campaigns<\/li>\n        <li>Conversation Tracking<\/li>\n      <\/ul>\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n    <div class=\"obit-module-card obit-module-card-wide\">\n      <div class=\"obit-module-wide-left\">\n        <div class=\"obit-module-top\">\n          <div class=\"obit-module-icon icon-contracts\"><\/div>\n          <span>07<\/span>\n        <\/div>\n        <h3>Contracts<\/h3>\n        <p>Contract generation, contract control, and e-sign.<\/p>\n      <\/div>\n\n      <ul class=\"obit-module-wide-list\">\n        <li>Contract Generation<\/li>\n        <li>Templates<\/li>\n        <li>Version Control<\/li>\n        <li>Approval Workflow<\/li>\n        <li>E-Signatures<\/li>\n      <\/ul>\n\n      <div class=\"obit-module-badge\">Included at Launch<\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-config-section {\n  width: 100%;\n  padding: 34px 20px 50px;\n  color: #ffffff;\n}\n\n.obit-config-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 54px 58px;\n  display: grid;\n  grid-template-columns: 0.9fr 1.35fr;\n  gap: 55px;\n  align-items: center;\n  border-radius: 12px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background:\n    radial-gradient(circle at 74% 16%, rgba(0, 170, 255, 0.12), transparent 28%),\n    linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),\n    rgba(5, 20, 46, 0.5);\n  box-shadow:\n    0 0 35px rgba(0, 120, 255, 0.07),\n    inset 0 0 28px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-config-copy h2 {\n  margin: 0;\n  font-size: clamp(32px, 3vw, 46px);\n  line-height: 1.08;\n  font-weight: 500;\n  letter-spacing: -0.04em;\n}\n\n.obit-config-copy h2 span {\n  color: #00bfff;\n}\n\n.obit-heading-line {\n  width: 42px;\n  height: 2px;\n  margin: 24px 0 34px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-config-lists {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 28px;\n  margin-bottom: 34px;\n}\n\n.obit-config-lists h3 {\n  margin: 0 0 13px;\n  color: #ffffff;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.obit-config-lists ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.obit-config-lists li {\n  position: relative;\n  padding-left: 24px;\n  margin-bottom: 9px;\n  color: #b6c7df;\n  font-size: 14px;\n}\n\n.obit-config-lists li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  top: 1px;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(0, 200, 255, 0.8);\n  border-radius: 50%;\n  color: #00c8ff;\n  font-size: 9px;\n  line-height: 13px;\n  text-align: center;\n}\n\n.obit-config-copy > p {\n  max-width: 430px;\n  margin: 0;\n  color: #a8bad4;\n  font-size: 15px;\n  line-height: 1.75;\n}\n\n\/* Diagram *\/\n\n.obit-module-map {\n  position: relative;\n  min-height: 470px;\n}\n\n.map-node,\n.map-icon {\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.65);\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.35),\n    inset 0 0 20px rgba(0, 170, 255, 0.08);\n}\n\n.map-crm {\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 88px;\n  height: 88px;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #ffffff;\n  font-weight: 700;\n  z-index: 3;\n}\n\n.map-row {\n  position: absolute;\n  top: 150px;\n  left: 0;\n  right: 0;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 20px;\n}\n\n.map-item {\n  position: relative;\n  text-align: center;\n  z-index: 3;\n}\n\n.map-icon {\n  width: 64px;\n  height: 64px;\n  margin: 0 auto 12px;\n  position: relative;\n}\n\n.map-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 16px;\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.map-item span {\n  display: block;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.map-row .map-item:nth-child(3) .map-icon {\n  box-shadow:\n    0 0 35px rgba(0, 190, 255, 0.55),\n    inset 0 0 25px rgba(0, 190, 255, 0.15);\n}\n\n\/* Downstream nodes *\/\n\n.map-inventory {\n  position: absolute;\n  top: 260px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.map-manufacturing {\n  position: absolute;\n  top: 390px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.map-inventory .map-icon,\n.map-manufacturing .map-icon {\n  width: 58px;\n  height: 58px;\n}\n\n.map-inventory .map-icon::before,\n.map-manufacturing .map-icon::before {\n  inset: 15px;\n}\n\n.map-inventory span,\n.map-manufacturing span {\n  font-size: 12px;\n}\n\n.map-inventory span {\n  margin-top: 10px;\n}\n\n\/* Connection lines *\/\n\n.obit-module-map::before {\n  content: \"\";\n  position: absolute;\n  top: 92px;\n  left: 10%;\n  right: 10%;\n  height: 1px;\n  background: rgba(0, 190, 255, 0.45);\n  box-shadow: 0 0 12px rgba(0, 190, 255, 0.7);\n}\n\n.obit-module-map::after {\n  content: \"\";\n  position: absolute;\n  top: 88px;\n  left: 50%;\n  width: 1px;\n  height: 302px;\n  background: rgba(0, 190, 255, 0.45);\n  box-shadow: 0 0 12px rgba(0, 190, 255, 0.7);\n}\n\n.map-row .map-item::before {\n  content: \"\";\n  position: absolute;\n  top: -58px;\n  left: 50%;\n  width: 1px;\n  height: 58px;\n  background: rgba(0, 190, 255, 0.45);\n  box-shadow: 0 0 10px rgba(0, 190, 255, 0.7);\n}\n\n.map-inventory::before {\n  content: \"\";\n  position: absolute;\n  top: -50px;\n  left: 50%;\n  width: 1px;\n  height: 50px;\n  background: rgba(0, 190, 255, 0.45);\n  box-shadow: 0 0 10px rgba(0, 190, 255, 0.7);\n}\n\n.map-manufacturing::before {\n  content: \"\";\n  position: absolute;\n  top: -88px;\n  left: 50%;\n  width: 1px;\n  height: 88px;\n  background: rgba(0, 190, 255, 0.45);\n  box-shadow: 0 0 10px rgba(0, 190, 255, 0.7);\n}\n\n\/* Mobile *\/\n\n@media (max-width: 1000px) {\n  .obit-config-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .obit-heading-line,\n  .obit-config-copy > p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-module-map {\n    transform: scale(0.9);\n    transform-origin: top center;\n  }\n}\n\n@media (max-width: 700px) {\n  .obit-config-card {\n    padding: 38px 22px;\n  }\n\n  .obit-config-lists {\n    grid-template-columns: 1fr;\n  }\n\n  .obit-module-map {\n    min-height: auto;\n    transform: none;\n    display: grid;\n    gap: 18px;\n  }\n\n  .map-crm,\n  .map-row,\n  .map-inventory,\n  .map-manufacturing {\n    position: static;\n    transform: none;\n  }\n\n  .map-crm {\n    margin: 0 auto 12px;\n  }\n\n  .map-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  .obit-module-map::before,\n  .obit-module-map::after,\n  .map-row .map-item::before,\n  .map-inventory::before,\n  .map-manufacturing::before {\n    display: none;\n  }\n}\n<\/style>\n\n<section class=\"obit-config-section\">\n  <div class=\"obit-config-card\">\n\n    <div class=\"obit-config-copy\">\n      <h2>One Platform.<br><span>Unlimited Configurations.<\/span><\/h2>\n      <div class=\"obit-heading-line\"><\/div>\n\n      <div class=\"obit-config-lists\">\n        <div>\n          <h3>A financial firm may only need:<\/h3>\n          <ul>\n            <li>CRM<\/li>\n            <li>Workflow<\/li>\n            <li>Communications<\/li>\n            <li>Contracts<\/li>\n          <\/ul>\n        <\/div>\n\n        <div>\n          <h3>A manufacturer may need:<\/h3>\n          <ul>\n            <li>CRM<\/li>\n            <li>Inventory<\/li>\n            <li>Manufacturing ERP<\/li>\n            <li>Accounting<\/li>\n            <li>Workflow<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <p>\n        Because every module shares a common database, information flows seamlessly\n        between departments without integrations or duplicate entry.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-module-map\">\n      <div class=\"map-node map-crm\">CRM<\/div>\n\n      <div class=\"map-row\">\n        <div class=\"map-item\">\n          <div class=\"map-icon icon-workflow\"><\/div>\n          <span>Workflow<\/span>\n        <\/div>\n\n        <div class=\"map-item\">\n          <div class=\"map-icon icon-pipeline\"><\/div>\n          <span>Sales Pipeline<\/span>\n        <\/div>\n\n        <div class=\"map-item\">\n          <div class=\"map-icon icon-accounting\"><\/div>\n          <span>Accounting<\/span>\n        <\/div>\n\n        <div class=\"map-item\">\n          <div class=\"map-icon icon-communications\"><\/div>\n          <span>Communications<\/span>\n        <\/div>\n\n        <div class=\"map-item\">\n          <div class=\"map-icon icon-contracts\"><\/div>\n          <span>Contracts<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"map-item map-inventory\">\n        <div class=\"map-icon icon-inventory\"><\/div>\n        <span>Inventory<\/span>\n      <\/div>\n\n      <div class=\"map-item map-manufacturing\">\n        <div class=\"map-icon icon-manufacturing\"><\/div>\n        <span>Manufacturing ERP<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-future-section {\n  width: 100%;\n  padding: 28px 20px 50px;\n  color: #ffffff;\n}\n\n.obit-future-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 34px 44px;\n  display: grid;\n  grid-template-columns: auto 1fr 1px 1.65fr;\n  gap: 42px;\n  align-items: center;\n  border-radius: 12px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background:\n    radial-gradient(circle at 10% 50%, rgba(0, 170, 255, 0.1), transparent 24%),\n    linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),\n    rgba(5, 20, 46, 0.5);\n  box-shadow:\n    0 0 35px rgba(0, 120, 255, 0.07),\n    inset 0 0 28px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-future-icon {\n  width: 116px;\n  height: 116px;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.65);\n  background:\n    radial-gradient(circle, rgba(0, 200, 255, 0.17), rgba(0, 90, 255, 0.05));\n  box-shadow:\n    0 0 30px rgba(0, 170, 255, 0.35),\n    inset 0 0 24px rgba(0, 170, 255, 0.08);\n  position: relative;\n}\n\n.obit-future-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 27px;\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 10px rgba(0, 200, 255, 0.85));\n}\n\n.icon-rocket::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='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4c3.5.5 5.5 2.5 6 6l-5 5-6-6 5-5z'\/%3E%3Cpath d='M9 9l-4 1-2 4 5-1M15 15l-1 5-4 2 1-4'\/%3E%3Ccircle cx='15' cy='9' r='1.5'\/%3E%3Cpath d='M7 17l-3 3M9 19l-2 2M5 15l-2 2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.obit-future-copy h2 {\n  margin: 0;\n  font-size: clamp(28px, 2.5vw, 38px);\n  line-height: 1.1;\n  font-weight: 500;\n  color: #ffffff;\n}\n\n.obit-future-line {\n  width: 40px;\n  height: 2px;\n  margin: 16px 0 20px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-future-copy p {\n  margin: 0;\n  max-width: 260px;\n  color: #a8bad4;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.obit-future-divider {\n  width: 1px;\n  height: 130px;\n  background:\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(0, 190, 255, 0.28),\n      transparent\n    );\n}\n\n.obit-future-list {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 34px;\n}\n\n.obit-future-list ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.obit-future-list li {\n  position: relative;\n  padding-left: 25px;\n  margin-bottom: 13px;\n  color: #b6c7df;\n  font-size: 14px;\n}\n\n.obit-future-list li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  top: 1px;\n  width: 14px;\n  height: 14px;\n  border: 1px solid rgba(0, 200, 255, 0.8);\n  border-radius: 50%;\n  color: #00c8ff;\n  font-size: 9px;\n  line-height: 13px;\n  text-align: center;\n}\n\n@media (max-width: 900px) {\n  .obit-future-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n    padding: 38px 28px;\n    gap: 30px;\n  }\n\n  .obit-future-icon {\n    margin: 0 auto;\n  }\n\n  .obit-future-line {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-future-copy p {\n    margin: 0 auto;\n  }\n\n  .obit-future-divider {\n    width: 100%;\n    height: 1px;\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-future-section {\n    padding: 24px 16px 42px;\n  }\n\n  .obit-future-card {\n    padding: 34px 22px;\n  }\n\n  .obit-future-list {\n    grid-template-columns: 1fr;\n    gap: 0;\n  }\n}\n<\/style>\n\n<section class=\"obit-future-section\">\n  <div class=\"obit-future-card\">\n\n    <div class=\"obit-future-icon icon-rocket\"><\/div>\n\n    <div class=\"obit-future-copy\">\n      <h2>Future Expansion<\/h2>\n      <div class=\"obit-future-line\"><\/div>\n      <p>OBit&#8217;s architecture allows rapid deployment of new modules.<\/p>\n    <\/div>\n\n    <div class=\"obit-future-divider\"><\/div>\n\n    <div class=\"obit-future-list\">\n      <ul>\n        <li>Human Resources<\/li>\n        <li>Customer Support<\/li>\n        <li>Compliance Management<\/li>\n        <li>Asset Tracking<\/li>\n      <\/ul>\n\n      <ul>\n        <li>Project Management<\/li>\n        <li>Business Intelligence<\/li>\n        <li>Industry Specific Extensions<\/li>\n        <li>And much more.<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-cta-section {\n    padding: 30px 20px 60px;\n}\n\n.obit-cta-card {\n\n    position: relative;\n    overflow: hidden;\n\n    max-width: 1180px;\n    margin: 0 auto;\n\n    padding: 42px 48px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n\n    border-radius: 14px;\n \n    border: 1px solid rgba(110,190,255,.14);\n\n    background:\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(0,170,255,.15),\n            transparent 35%\n        ),\n        linear-gradient(\n            135deg,\n            rgba(255,255,255,.035),\n            rgba(255,255,255,.01)\n        ),\n        rgba(5,20,46,.55);\n\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n\n    box-shadow:\n        0 0 35px rgba(0,120,255,.08),\n        inset 0 0 30px rgba(0,170,255,.03);\n}\n\n\/* Content *\/\n\n.obit-cta-content {\n    max-width: 420px;\n    position: relative;\n    z-index: 3;\n}\n\n.obit-cta-content h2 {\n\n    margin: 0 0 12px;\n\n    color: #ffffff;\n\n    font-size: clamp(28px,2vw,38px);\n\n    font-weight: 500;\n\n    line-height: 1.15;\n}\n\n.obit-cta-content p {\n\n    margin: 0;\n\n    color: #a8bad4;\n\n    font-size: 15px;\n\n    line-height: 1.8;\n}\n\n\/* Form *\/\n\n.obit-cta-form {\n\n    display: flex;\n    gap: 14px;\n\n    position: relative;\n    z-index: 3;\n}\n\n.obit-cta-form input {\n\n    width: 340px;\n\n    height: 54px;\n\n    border-radius: 8px;\n\n    border: 1px solid rgba(255,255,255,.08);\n\n    background: rgba(255,255,255,.03);\n\n    padding: 0 18px;\n\n    color: white;\n\n    font-size: 14px;\n}\n\n.obit-cta-form input:focus {\n\n    outline: none;\n\n    border-color: rgba(0,190,255,.6);\n\n    box-shadow:\n        0 0 15px rgba(0,190,255,.25);\n}\n\n.obit-cta-form button {\n\n    height: 54px;\n\n    padding: 0 26px;\n\n    border: none;\n\n    border-radius: 8px;\n\n    cursor: pointer;\n\n    color: white;\n\n    font-weight: 800;\nfont-size: 20px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #1f82ff,\n            #11c6ff\n        );\n\n    box-shadow:\n        0 0 20px rgba(0,170,255,.25);\n\n    transition: .25s ease;\n}\n\n.obit-cta-form button:hover {\n\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 0 25px rgba(0,190,255,.45);\n}\n\n\/* DATA WAVE *\/\n\n.obit-wave {\n\n    position: absolute;\n\n    left: -10%;\n    right: -10%;\n    bottom: -20px;\n\n    height: 110px;\n\n    pointer-events: none;\n}\n\n.obit-wave::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        radial-gradient(\n            circle,\n            rgba(0,190,255,.8) 0,\n            rgba(0,190,255,.8) 1px,\n            transparent 2px\n        );\n\n    background-size: 28px 28px;\n\n    opacity: .3;\n\n    clip-path:\n        polygon(\n            0 80%,\n            10% 60%,\n            20% 70%,\n            30% 50%,\n            40% 65%,\n            50% 45%,\n            60% 60%,\n            70% 40%,\n            80% 55%,\n            90% 35%,\n            100% 50%,\n            100% 100%,\n            0 100%\n        );\n\n    animation:\n        waveFlow 12s linear infinite;\n}\n\n.obit-wave::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 40px;\n\n    height: 1px;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(0,190,255,.7),\n            transparent\n        );\n\n    filter: blur(1px);\n\n    animation:\n        waveGlow 6s ease-in-out infinite;\n}\n\n\/* Floating particles *\/\n\n.obit-cta-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    inset: 0;\n\n    background-image:\n        radial-gradient(circle,#00bfff 1px,transparent 1px);\n\n    background-size: 120px 120px;\n\n    opacity: .08;\n\n    animation:\n        particles 25s linear infinite;\n}\n\n\/* Animations *\/\n\n@keyframes waveFlow {\n\n    from {\n        transform: translateX(0);\n    }\n\n    to {\n        transform: translateX(80px);\n    }\n}\n\n@keyframes waveGlow {\n\n    0%,100% {\n        opacity: .3;\n    }\n\n    50% {\n        opacity: 1;\n    }\n}\n\n@keyframes particles {\n\n    from {\n        transform: translateY(0);\n    }\n\n    to {\n        transform: translateY(-40px);\n    }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 900px) {\n\n    .obit-cta-card {\n\n        flex-direction: column;\n        text-align: center;\n        padding: 38px 28px;\n    }\n\n    .obit-cta-form {\n\n        width: 100%;\n        flex-direction: column;\n    }\n\n    .obit-cta-form input {\n\n        width: 100%;\n    }\n\n    .obit-cta-form button {\n\n        width: 100%;\n    }\n}\n<\/style>\n\n<section class=\"obit-cta-section\">\n    <div class=\"obit-cta-card\">\n\n        <div class=\"obit-cta-content\">\n            <h2>Ready to See OBit in Action?<\/h2>\n\n            <p>\n                Join the early access list and be notified\n                when launch access becomes available.\n            <\/p>\n        <\/div>\n\n        <form class=\"obit-cta-form\">\n\n            <input type=\"email\" placeholder=\"Enter your work email\" required=\"\">\n\n            <button type=\"submit\">\n                Get Early Access\n            <\/button>\n\n        <\/form>\n\n        <div class=\"obit-wave\"><\/div>\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Modules Build Your Business Platform Start with a CRM. Add the modules you need. Scale into a complete business operating system. OBit CRM is designed around modular growth. Deploy only the tools your organization needs today, then expand as your business evolves. 01 Workflow Tasks, Calendar, Appointments Tasks &#038; To-Dos Calendars Appointments Team Scheduling Activity Tracking Included at Launch 02 [&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-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/20","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=20"}],"version-history":[{"count":9,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}