{"id":24,"date":"2026-06-22T14:56:08","date_gmt":"2026-06-22T14:56:08","guid":{"rendered":"https:\/\/obitcrm.com\/?page_id=24"},"modified":"2026-06-22T20:14:51","modified_gmt":"2026-06-22T20:14:51","slug":"about-us","status":"publish","type":"page","link":"https:\/\/obitcrm.com\/?page_id=24","title":{"rendered":"About Us"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.obit-about-hero {\n  width: 100%;\n  padding: 40px 20px 36px;\n  color: #ffffff;\n}\n\n.obit-about-hero-card {\n  position: relative;\n  overflow: hidden;\n  max-width: 1180px;\n  min-height: 560px;\n  margin: 0 auto;\n  padding: 64px 62px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 58px;\n  align-items: center;\n  border-radius: 14px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background:\n    radial-gradient(circle at 78% 42%, rgba(0, 170, 255, 0.16), transparent 34%),\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 35px rgba(0, 120, 255, 0.08),\n    inset 0 0 28px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(14px);\n  -webkit-backdrop-filter: blur(14px);\n}\n\n.obit-about-copy,\n.obit-about-orbit {\n  position: relative;\n  z-index: 3;\n}\n\n.obit-eyebrow {\n  display: block;\n  margin-bottom: 16px;\n  color: #00bfff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-about-copy h1 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(36px, 4vw, 58px);\n  line-height: 1.08;\n  font-weight: 500;\n  letter-spacing: -0.04em;\n}\n\n.obit-about-copy h1 span {\n  color: #00bfff;\n}\n\n.obit-heading-line {\n  width: 54px;\n  height: 2px;\n  margin: 26px 0 30px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-about-copy p {\n  max-width: 560px;\n  margin: 0 0 22px;\n  color: #c2d1e6;\n  font-size: 17px;\n  line-height: 1.75;\n}\n\n.obit-about-statement {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  margin: 26px 0 28px;\n}\n\n.obit-arrow-icon {\n  width: 52px;\n  height: 52px;\n  flex: 0 0 auto;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.7);\n  color: #00bfff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 28px;\n  box-shadow:\n    0 0 24px rgba(0, 170, 255, 0.25),\n    inset 0 0 18px rgba(0, 170, 255, 0.08);\n}\n\n.obit-about-statement strong {\n  color: #ffffff;\n  font-size: 17px;\n  line-height: 1.55;\n}\n\n\/* Orbit graphic *\/\n\n.obit-about-orbit {\n  min-height: 430px;\n  transform: scale(0.9);\n  transform-origin: center;\n}\n\n.obit-center-node {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 170px;\n  height: 170px;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n  border: 2px solid rgba(0, 190, 255, 0.78);\n  background:\n    radial-gradient(circle, rgba(0, 170, 255, 0.16), rgba(3, 13, 32, 0.96) 68%);\n  box-shadow:\n    0 0 50px rgba(0, 170, 255, 0.6),\n    inset 0 0 36px rgba(0, 170, 255, 0.16);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.obit-center-node span {\n  color: #ffffff;\n  font-size: 38px;\n  font-weight: 700;\n  letter-spacing: -0.04em;\n}\n\n.obit-center-node span::first-letter {\n  color: #00bfff;\n}\n\n.obit-center-node small {\n  color: #00bfff;\n  font-size: 22px;\n  font-weight: 700;\n}\n\n.obit-orbit-ring {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 360px;\n  height: 300px;\n  transform: translate(-50%, -50%);\n  border: 1px dashed rgba(0, 170, 255, 0.32);\n  border-radius: 50%;\n}\n\n.obit-orbit-item {\n  position: absolute;\n  text-align: center;\n}\n\n.obit-orbit-item::after {\n  display: none;\n}\n\n.obit-orbit-item i {\n  display: block;\n  width: 62px;\n  height: 62px;\n  margin: 0 auto 10px;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.65);\n  background: radial-gradient(circle, rgba(0, 200, 255, 0.15), rgba(0, 90, 255, 0.04));\n  box-shadow:\n    0 0 26px rgba(0, 170, 255, 0.32),\n    inset 0 0 20px rgba(0, 170, 255, 0.08);\n  position: relative;\n}\n\n.obit-orbit-item i::before {\n  content: \"\";\n  position: absolute;\n  inset: 17px;\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-orbit-item span {\n  display: block;\n  color: #ffffff;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.orbit-sales {\n  left: 50%;\n  top: 18px;\n  transform: translateX(-50%);\n}\n\n.orbit-accounting {\n  left: 50%;\n  bottom: 12px;\n  transform: translateX(-50%);\n}\n\n.orbit-crm {\n  left: 32px;\n  top: 30%;\n}\n\n.orbit-communications {\n  left: 32px;\n  bottom: 22%;\n}\n\n.orbit-inventory {\n  right: 32px;\n  top: 30%;\n}\n\n.orbit-manufacturing {\n  right: 32px;\n  bottom: 22%;\n}\n\n\/* Particle wave *\/\n\n.obit-about-wave {\n  position: absolute;\n  left: 26%;\n  right: -6%;\n  bottom: -34px;\n  height: 190px;\n  z-index: 1;\n  opacity: 0.82;\n  pointer-events: none;\n}\n\n.obit-about-wave::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle, rgba(0, 200, 255, 0.95) 0 1.35px, transparent 1.8px);\n  background-size: 17px 17px;\n  clip-path: polygon(\n    0 82%,\n    8% 76%,\n    16% 70%,\n    25% 68%,\n    34% 60%,\n    43% 66%,\n    52% 58%,\n    62% 52%,\n    72% 40%,\n    82% 30%,\n    92% 20%,\n    100% 16%,\n    100% 100%,\n    0 100%\n  );\n  filter: drop-shadow(0 0 8px rgba(0, 170, 255, 0.6));\n  animation: obitAboutWaveDrift 14s linear infinite;\n}\n\n.obit-about-wave::after {\n  content: \"\";\n  position: absolute;\n  left: 5%;\n  right: 0;\n  bottom: 50px;\n  height: 92px;\n  background:\n    linear-gradient(135deg, transparent 0 47%, rgba(0, 170, 255, 0.28) 48% 49%, transparent 50%),\n    linear-gradient(45deg, transparent 0 47%, rgba(0, 170, 255, 0.18) 48% 49%, transparent 50%);\n  background-size: 44px 44px;\n  clip-path: polygon(\n    0 70%,\n    14% 60%,\n    30% 64%,\n    45% 54%,\n    60% 46%,\n    75% 30%,\n    100% 12%,\n    100% 100%,\n    0 100%\n  );\n  opacity: 0.45;\n}\n\n@keyframes obitAboutWaveDrift {\n  from {\n    transform: translateX(0);\n  }\n\n  to {\n    transform: translateX(36px);\n  }\n}\n\n\/* Icons *\/\n\n.about-icon-sales::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 19h16M6 16v-5M12 16V7M18 16v-9'\/%3E%3Cpath d='M5 9l5-5 4 4 5-6'\/%3E%3Cpath d='M18 2h3v3'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.about-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%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.about-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%3Cpath d='M4 19h16M5 19V9l5 3V9l5 3V5h4v14' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.about-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='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.about-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%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.about-icon-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\/* Responsive *\/\n\n@media (max-width: 1000px) {\n  .obit-about-hero-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .obit-heading-line {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-about-copy p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-about-statement {\n    justify-content: center;\n  }\n\n  .obit-about-wave {\n    left: -10%;\n    opacity: 0.45;\n  }\n}\n\n@media (max-width: 620px) {\n  .obit-about-hero {\n    padding: 28px 16px;\n  }\n\n  .obit-about-hero-card {\n    padding: 38px 22px;\n  }\n\n  .obit-about-copy h1 {\n    font-size: 36px;\n  }\n\n  .obit-about-copy p {\n    font-size: 15px;\n  }\n\n  .obit-about-statement {\n    flex-direction: column;\n  }\n\n  .obit-about-orbit {\n    min-height: auto;\n    transform: none;\n    display: grid;\n    gap: 16px;\n  }\n\n  .obit-center-node,\n  .obit-orbit-ring,\n  .obit-orbit-item {\n    position: static;\n    transform: none;\n  }\n\n  .obit-center-node {\n    width: 160px;\n    height: 160px;\n    margin: 0 auto 16px;\n  }\n\n  .obit-orbit-ring {\n    display: none;\n  }\n\n  .obit-orbit-item i {\n    width: 64px;\n    height: 64px;\n  }\n}\n<\/style>\n\n<section class=\"obit-about-hero\">\n  <div class=\"obit-about-hero-card\">\n\n    <div class=\"obit-about-copy\">\n      <span class=\"obit-eyebrow\">About Us<\/span>\n\n      <h1>\n        Building the Future of<br>\n        <span>Modular Business Software<\/span>\n      <\/h1>\n\n      <div class=\"obit-heading-line\"><\/div>\n\n      <p>\n        Most business software forces companies into rigid systems or requires\n        stitching together dozens of disconnected tools.\n      <\/p>\n\n      <p>\n        OBit CRM was created with a different philosophy:\n      <\/p>\n\n      <div class=\"obit-about-statement\">\n        <div class=\"obit-arrow-icon\">\u2192<\/div>\n        <strong>\n          Start with what you need today.<br>\n          Expand into what you\u2019ll need tomorrow.\n        <\/strong>\n      <\/div>\n\n      <p>\n        Whether you\u2019re managing sales, operations, accounting, manufacturing,\n        inventory, or communications, OBit is designed to grow with your business.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-about-orbit\">\n      <div class=\"obit-center-node\">\n        <span>OBit<\/span>\n        <small>CRM<\/small>\n      <\/div>\n\n      <div class=\"obit-orbit-ring\"><\/div>\n\n      <div class=\"obit-orbit-item orbit-sales\">\n        <i class=\"about-icon-sales\"><\/i>\n        <span>Sales<\/span>\n      <\/div>\n\n      <div class=\"obit-orbit-item orbit-inventory\">\n        <i class=\"about-icon-inventory\"><\/i>\n        <span>Inventory<\/span>\n      <\/div>\n\n      <div class=\"obit-orbit-item orbit-manufacturing\">\n        <i class=\"about-icon-manufacturing\"><\/i>\n        <span>Manufacturing<\/span>\n      <\/div>\n\n      <div class=\"obit-orbit-item orbit-accounting\">\n        <i class=\"about-icon-accounting\"><\/i>\n        <span>Accounting<\/span>\n      <\/div>\n\n      <div class=\"obit-orbit-item orbit-communications\">\n        <i class=\"about-icon-communications\"><\/i>\n        <span>Communications<\/span>\n      <\/div>\n\n      <div class=\"obit-orbit-item orbit-crm\">\n        <i class=\"about-icon-crm\"><\/i>\n        <span>CRM<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"obit-about-wave\"><\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-mission-section {\n  width: 100%;\n  padding: 28px 20px 36px;\n  color: #ffffff;\n}   \n \n.obit-mission-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 44px 52px;\n  display: grid;\n  grid-template-columns: 170px 1fr 1px 1fr;\n  gap: 44px;\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 15% 80%, rgba(0, 170, 255, 0.12), 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-mission-target-img {\n  width: 170px;\n  max-width: 100%;\n  height: auto;\n  display: block;\n  filter: drop-shadow(0 0 24px rgba(0, 190, 255, 0.35));\n}\n\n.obit-eyebrow {\n  display: block;\n  margin-bottom: 12px;\n  color: #00bfff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-mission-copy h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(28px, 3vw, 40px);\n  line-height: 1.1;\n  font-weight: 500;\n  letter-spacing: -0.03em;\n}\n\n.obit-mission-copy h2 span {\n  color: #00bfff;\n}\n\n.obit-heading-line {\n  width: 44px;\n  height: 2px;\n  margin: 18px 0 20px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-mission-copy p {\n  margin: 0 0 12px;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.obit-mission-divider {\n  width: 1px;\n  height: 150px;\n  background: linear-gradient(\n    180deg,\n    transparent,\n    rgba(0, 190, 255, 0.28),\n    transparent\n  );\n}\n\n.obit-mission-list ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.obit-mission-list li {\n  position: relative;\n  padding-left: 32px;\n  margin-bottom: 16px;\n  color: #d5e4f5;\n  font-size: 14px;\n  line-height: 1.5;\n}\n\n.obit-mission-list li::before {\n  content: \"\u2713\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 18px;\n  height: 18px;\n  border: 1px solid rgba(0, 200, 255, 0.85);\n  border-radius: 50%;\n  color: #00c8ff;\n  font-size: 11px;\n  line-height: 17px;\n  text-align: center;\n  box-shadow: 0 0 10px rgba(0, 200, 255, 0.35);\n}\n\n@media (max-width: 1000px) {\n  .obit-mission-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .obit-heading-line {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-mission-divider {\n    width: 100%;\n    height: 1px;\n  }\n\n  .obit-mission-list {\n    max-width: 520px;\n    margin: 0 auto;\n    text-align: left;\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-mission-section {\n    padding: 24px 16px 34px;\n  }\n\n  .obit-mission-card {\n    padding: 36px 22px;\n    gap: 30px;\n  }\n\n  .obit-target-icon {\n    width: 120px;\n    height: 120px;\n  }\n}\n<\/style>\n\n<section class=\"obit-mission-section\">\n  <div class=\"obit-mission-card\">\n\n<div class=\"obit-mission-visual\">\n  <img decoding=\"async\" \n    src=\"\/wp-content\/uploads\/2026\/06\/target-e1782158600221.png\" \n    alt=\"OBit mission target\" \n    class=\"obit-mission-target-img\"\n  >\n<\/div>\n\n    <div class=\"obit-mission-copy\">\n      <span class=\"obit-eyebrow\">Our Mission<\/span>\n \n      <h2> \n        One Platform.<br>\n        <span>Unlimited Configurations.<\/span>\n      <\/h2>\n\n      <div class=\"obit-heading-line\"><\/div>\n\n      <p>\n        Businesses shouldn\u2019t have to choose between a simple CRM and an enterprise ERP.\n      <\/p>\n\n      <p>\n        OBit bridges that gap by providing a modular platform that can be configured\n        around the way your business actually operates.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-mission-divider\"><\/div>\n\n    <div class=\"obit-mission-list\">\n      <ul>\n        <li>Eliminate disconnected systems<\/li>\n        <li>Reduce duplicate data entry<\/li>\n        <li>Improve visibility across departments<\/li>\n        <li>Give growing companies enterprise capabilities without enterprise complexity<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ===================================\n   FRAGMENTED SOFTWARE SECTION\n=================================== *\/\n\n.obit-fragmented-section {\n    padding: 40px 20px 60px;\n}\n\n.obit-fragmented-header {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 36px;\n}\n\n.obit-fragmented-header .obit-eyebrow {\n    display: block;\n    color: #00bfff;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .15em;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n}\n\n.obit-fragmented-header h2 {\n    margin: 0 0 10px;\n    font-size: clamp(28px,3vw,40px);\n    color: #ffffff;\n    font-weight: 500;\n}\n\n.obit-fragmented-header p {\n    margin: 0;\n    color: #9fb2cb;\n    font-size: 15px;\n}\n\n\/* GRID *\/\n\n.obit-software-grid {\n    max-width: 1280px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 14px;\n}\n\n\/* CARD *\/\n\n.software-card {\n    min-height: 145px;\n\n    border-radius: 10px;\n\n    border: 1px solid rgba(0,180,255,.15);\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(255,255,255,.03),\n            rgba(255,255,255,.01)\n        );\n\n    backdrop-filter: blur(12px);\n\n    padding: 24px 18px;\n\n    text-align: center;\n\n    transition: .3s ease;\n}\n\n.software-card:hover {\n    transform: translateY(-4px);\n\n    border-color: rgba(0,200,255,.4);\n\n    box-shadow:\n        0 0 20px rgba(0,180,255,.12);\n}\n\n\/* ICON HOLDER *\/\n\n.software-icon {\n    width: 46px;\n    height: 46px;\n    margin: 0 auto 16px;\n    position: relative;\n\n    border-radius: 50%;\n\n    border: 1px solid rgba(0,190,255,.4);\n\n    box-shadow:\n        0 0 12px rgba(0,190,255,.25);\n}\n\n\/* TITLES *\/\n\n.software-card h3 {\n    margin: 0;\n    color: #ffffff;\n    font-size: 14px;\n    line-height: 1.5;\n    font-weight: 500;\n}\n\n\/* ===================================\n   CSS ICONS\n=================================== *\/\n\n\/* CRM *\/\n\n.crm .software-icon::before {\n    content: \"\u25c9\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 18px;\n}\n\n\/* ACCOUNTING *\/\n\n.accounting .software-icon::before {\n    content: \"$\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 20px;\n}\n\n\/* INVENTORY *\/\n\n.inventory .software-icon::before {\n    content: \"\u2b21\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 18px;\n}\n\n\/* PROJECT *\/\n\n.project .software-icon::before {\n    content: \"\u2630\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 16px;\n}\n\n\/* EMAIL *\/\n\n.email .software-icon::before {\n    content: \"\u2709\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 18px;\n}\n\n\/* CONTRACTS *\/\n\n.contracts .software-icon::before {\n    content: \"\ud83d\udcc4\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 16px;\n}\n\n\/* SCHEDULING *\/\n\n.scheduling .software-icon::before {\n    content: \"\u2637\";\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #00bfff;\n    font-size: 18px;\n}\n\n\/* ===================================\n   RESPONSIVE\n=================================== *\/\n\n@media (max-width: 1200px) {\n    .obit-software-grid {\n        grid-template-columns: repeat(4,1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .obit-software-grid {\n        grid-template-columns: repeat(2,1fr);\n    }\n}\n\n@media (max-width: 480px) {\n    .obit-software-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<section class=\"obit-fragmented-section\">\n\n    <div class=\"obit-fragmented-header\">\n        <span class=\"obit-eyebrow\">WHY OBIT EXISTS<\/span>\n\n        <h2>\n            Business software has become fragmented.\n        <\/h2>\n\n        <p>\n            A typical company might use multiple tools that don&#8217;t connect,\n            creating silos and slowing down growth.\n        <\/p>\n    <\/div>\n\n    <div class=\"obit-software-grid\">\n\n        <div class=\"software-card crm\">\n            <div class=\"software-icon\"><\/div>\n            <h3>CRM<\/h3>\n        <\/div>\n\n        <div class=\"software-card accounting\">\n            <div class=\"software-icon\"><\/div>\n            <h3>Accounting<br>Software<\/h3>\n        <\/div>\n\n        <div class=\"software-card inventory\">\n            <div class=\"software-icon\"><\/div>\n            <h3>Inventory<br>Software<\/h3>\n        <\/div>\n\n        <div class=\"software-card project\">\n            <div class=\"software-icon\"><\/div>\n            <h3>Project<br>Management<\/h3>\n        <\/div>\n\n        <div class=\"software-card email\">\n            <div class=\"software-icon\"><\/div>\n            <h3>Email<br>Marketing<\/h3>\n        <\/div>\n\n        <div class=\"software-card contracts\">\n            <div class=\"software-icon\"><\/div>\n            <h3>Contract<br>Management<\/h3>\n        <\/div>\n\n        <div class=\"software-card scheduling\">\n            <div class=\"software-icon\"><\/div>\n            <h3>Scheduling<br>Software<\/h3>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-growth-section {\n  width: 100%;\n  padding: 28px 20px 42px;\n  color: #ffffff;\n}\n\n.obit-growth-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 42px 46px;\n  display: grid;\n  grid-template-columns: 0.8fr 1.4fr;\n  gap: 52px;\n  align-items: center;\n  border-top: 1px solid rgba(110, 190, 255, 0.14);\n}\n\n.obit-growth-copy .obit-eyebrow {\n  display: block;\n  margin-bottom: 12px;\n  color: #00bfff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-growth-copy h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(30px, 3vw, 42px);\n  line-height: 1.1;\n  font-weight: 500;\n  letter-spacing: -0.03em;\n}\n\n.obit-growth-copy h2 span {\n  color: #00bfff;\n}\n\n.obit-heading-line {\n  width: 44px;\n  height: 2px;\n  margin: 20px 0 22px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-growth-copy p {\n  margin: 0 0 14px;\n  max-width: 340px;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n.obit-growth-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.obit-growth-feature {\n  min-height: 210px;\n  padding: 30px 24px 26px;\n  border-radius: 10px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background:\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 28px rgba(0, 120, 255, 0.06),\n    inset 0 0 24px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-growth-icon {\n  width: 66px;\n  height: 66px;\n  margin: 0 auto 22px;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.65);\n  background: radial-gradient(circle, rgba(0, 200, 255, 0.15), rgba(0, 90, 255, 0.04));\n  box-shadow:\n    0 0 26px rgba(0, 170, 255, 0.32),\n    inset 0 0 20px rgba(0, 170, 255, 0.08);\n  position: relative;\n}\n\n.obit-growth-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 17px;\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-growth-feature h3 {\n  margin: 0 0 12px;\n  color: #ffffff;\n  font-size: 17px;\n  line-height: 1.25;\n  font-weight: 700;\n}\n\n.obit-growth-feature p {\n  margin: 0;\n  color: #a8bad4;\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n.icon-modular-growth::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 2l2.4 4.5 5.1.7-3.7 3.6.9 5.1L12 13.5 7.3 16l.9-5.1L4.5 7.2l5.1-.7L12 2z'\/%3E%3Ccircle cx='12' cy='12' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.icon-operations-growth::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='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.icon-scale-growth::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 19h16M7 16v-5M12 16V8M17 16V5'\/%3E%3Cpath d='M6 9l4-4 4 4 4-6'\/%3E%3Cpath d='M18 3h3v3'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n@media (max-width: 950px) {\n  .obit-growth-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .obit-heading-line,\n  .obit-growth-copy p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-growth-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-growth-section {\n    padding: 24px 16px 36px;\n  }\n\n  .obit-growth-card {\n    padding: 34px 0;\n  }\n\n  .obit-growth-feature {\n    padding: 28px 22px;\n  }\n}\n<\/style>\n\n<section class=\"obit-growth-section\">\n  <div class=\"obit-growth-card\">\n\n    <div class=\"obit-growth-copy\">\n      <span class=\"obit-eyebrow\">Why OBit Growth<\/span>\n\n      <h2>\n        Start Small.<br>\n        <span>Scale Without Limits.<\/span>\n      <\/h2>\n\n      <div class=\"obit-heading-line\"><\/div>\n\n      <p>\n        Most companies don\u2019t need a full ERP on day one.\n      <\/p>\n\n      <p>\n        OBit allows organizations to begin with the modules they need today\n        and expand over time.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-growth-grid\">\n      <div class=\"obit-growth-feature\">\n        <div class=\"obit-growth-icon icon-modular-growth\"><\/div>\n        <h3>Modular by Design<\/h3>\n        <p>Choose only what you need. Add more modules as your business evolves.<\/p>\n      <\/div>\n\n      <div class=\"obit-growth-feature\">\n        <div class=\"obit-growth-icon icon-operations-growth\"><\/div>\n        <h3>Built for Real Operations<\/h3>\n        <p>Every module is designed to solve real business challenges and improve efficiency.<\/p>\n      <\/div>\n\n      <div class=\"obit-growth-feature\">\n        <div class=\"obit-growth-icon icon-scale-growth\"><\/div>\n        <h3>Scalable from CRM to ERP<\/h3>\n        <p>A single platform that grows with your business from start-up to enterprise.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-focus-section {\n  width: 100%;\n  padding: 28px 20px 42px;\n  color: #ffffff;\n}\n\n.obit-focus-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 40px 46px;\n  display: grid;\n  grid-template-columns: 0.75fr 1.45fr;\n  gap: 54px;\n  align-items: center;\n  border-top: 1px solid rgba(110, 190, 255, 0.14);\n}\n\n.obit-focus-copy .obit-eyebrow {\n  display: block;\n  margin-bottom: 12px;\n  color: #00bfff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-focus-copy h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(30px, 3vw, 42px);\n  line-height: 1.1;\n  font-weight: 500;\n  letter-spacing: -0.03em;\n}\n\n.obit-focus-copy h2 span {\n  color: #00bfff;\n}\n\n.obit-heading-line {\n  width: 44px;\n  height: 2px;\n  margin: 20px 0 22px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-focus-copy p {\n  margin: 0;\n  max-width: 360px;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.obit-focus-industries {\n  padding: 28px 34px;\n  border-radius: 10px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background:\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 28px rgba(0, 120, 255, 0.06),\n    inset 0 0 24px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-focus-industries > p {\n  margin: 0 0 24px;\n  max-width: 560px;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.obit-focus-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 22px 28px;\n}\n\n.obit-focus-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.obit-focus-icon {\n  width: 34px;\n  height: 34px;\n  flex: 0 0 auto;\n  position: relative;\n}\n\n.obit-focus-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 4px;\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.75));\n}\n\n.obit-focus-item span {\n  color: #ffffff;\n  font-size: 13px;\n  line-height: 1.25;\n  font-weight: 600;\n}\n\n\/* Icons *\/\n\n.focus-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.focus-distribution::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='M3 7h11v9H3zM14 10h4l3 3v3h-7z'\/%3E%3Ccircle cx='7' cy='18' r='2'\/%3E%3Ccircle cx='18' cy='18' r='2'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.focus-sales::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.focus-realestate::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='M3 11l9-7 9 7'\/%3E%3Cpath d='M5 10v10h14V10'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.focus-professional::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='7' width='16' height='12' rx='2'\/%3E%3Cpath d='M9 7V5h6v2M4 12h16'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.focus-healthcare::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='M20.8 8.5a5 5 0 0 0-8.8-3.2 5 5 0 0 0-8.8 3.2c0 5.4 8.8 10.5 8.8 10.5s8.8-5.1 8.8-10.5zM7 12h3l1-3 2 6 1-3h3' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.focus-construction::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 20h16M6 20v-7h12v7M8 13V9a4 4 0 0 1 8 0v4M9 7V4M15 7V4' fill='none' stroke='black' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n.focus-more::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='5' cy='12' r='1.5'\/%3E%3Ccircle cx='12' cy='12' r='1.5'\/%3E%3Ccircle cx='19' cy='12' r='1.5'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n@media (max-width: 950px) {\n  .obit-focus-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .obit-heading-line,\n  .obit-focus-copy p,\n  .obit-focus-industries > p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-focus-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .obit-focus-item {\n    justify-content: center;\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-focus-section {\n    padding: 24px 16px 36px;\n  }\n\n  .obit-focus-card {\n    padding: 34px 0;\n  }\n\n  .obit-focus-industries {\n    padding: 28px 22px;\n  }\n\n  .obit-focus-grid {\n    grid-template-columns: 1fr;\n  }\n}\n<\/style>\n\n<section class=\"obit-focus-section\">\n  <div class=\"obit-focus-card\">\n\n    <div class=\"obit-focus-copy\">\n      <span class=\"obit-eyebrow\">Current Focus<\/span>\n\n      <h2>\n        Launching With<br>\n        <span>Financial Services<\/span>\n      <\/h2>\n\n      <div class=\"obit-heading-line\"><\/div>\n\n      <p>\n        OBit is initially being tailored for financial services organizations,\n        where visibility, compliance, communication, and client management are critical.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-focus-industries\">\n      <p>\n        Because the platform is modular by design, the same foundation can be\n        adapted for many industries.\n      <\/p>\n\n      <div class=\"obit-focus-grid\">\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-manufacturing\"><\/div>\n          <span>Manufacturing<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-distribution\"><\/div>\n          <span>Distribution<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-sales\"><\/div>\n          <span>Sales Organizations<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-realestate\"><\/div>\n          <span>Real Estate<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-professional\"><\/div>\n          <span>Professional Services<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-healthcare\"><\/div>\n          <span>Healthcare<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-construction\"><\/div>\n          <span>Construction<\/span>\n        <\/div>\n\n        <div class=\"obit-focus-item\">\n          <div class=\"obit-focus-icon focus-more\"><\/div>\n          <span>And many more<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n.obit-future-roadmap-section {\n  width: 100%;\n  padding: 28px 20px 60px;\n  color: #ffffff;\n}\n\n.obit-future-roadmap-card {\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 40px 46px;\n  display: grid;\n  grid-template-columns: 0.75fr 1.45fr;\n  gap: 54px;\n  align-items: center;\n  border-top: 1px solid rgba(110, 190, 255, 0.14);\n}\n\n.obit-roadmap-copy .obit-eyebrow {\n  display: block;\n  margin-bottom: 12px;\n  color: #00bfff;\n  font-size: 12px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.12em;\n}\n\n.obit-roadmap-copy h2 {\n  margin: 0;\n  color: #ffffff;\n  font-size: clamp(30px, 3vw, 42px);\n  line-height: 1.1;\n  font-weight: 500;\n  letter-spacing: -0.03em;\n}\n\n.obit-roadmap-copy h2 span {\n  color: #00bfff;\n}\n\n.obit-heading-line {\n  width: 44px;\n  height: 2px;\n  margin: 20px 0 22px;\n  background: #00bfff;\n  box-shadow: 0 0 14px rgba(0, 200, 255, 0.8);\n}\n\n.obit-roadmap-copy p {\n  margin: 0 0 14px;\n  max-width: 360px;\n  color: #a8bad4;\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n.obit-roadmap-timeline {\n  position: relative;\n  padding: 34px 34px 30px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 28px;\n  border-radius: 10px;\n  border: 1px solid rgba(110, 190, 255, 0.16);\n  background:\n    radial-gradient(circle at 98% 50%, rgba(0, 200, 255, 0.22), transparent 18%),\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 28px rgba(0, 120, 255, 0.06),\n    inset 0 0 24px rgba(0, 170, 255, 0.025);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.obit-roadmap-timeline::before {\n  content: \"\";\n  position: absolute;\n  left: 68px;\n  right: 68px;\n  top: 66px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    rgba(0, 190, 255, 0.18),\n    rgba(0, 190, 255, 0.55),\n    rgba(0, 190, 255, 0.18)\n  );\n  box-shadow: 0 0 14px rgba(0, 190, 255, 0.55);\n}\n\n.obit-roadmap-timeline::after {\n  content: \"\";\n  position: absolute;\n  right: 28px;\n  top: 61px;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #9af8ff;\n  box-shadow:\n    0 0 12px rgba(0, 220, 255, 1),\n    0 0 28px rgba(0, 150, 255, 0.8);\n}\n\n.obit-roadmap-item {\n  position: relative;\n  z-index: 2;\n}\n\n.obit-roadmap-icon {\n  width: 66px;\n  height: 66px;\n  margin-bottom: 22px;\n  border-radius: 50%;\n  border: 1px solid rgba(0, 190, 255, 0.65);\n  background: radial-gradient(circle, rgba(0, 200, 255, 0.15), rgba(0, 90, 255, 0.04));\n  box-shadow:\n    0 0 26px rgba(0, 170, 255, 0.32),\n    inset 0 0 20px rgba(0, 170, 255, 0.08);\n  position: relative;\n}\n\n.obit-roadmap-icon::before {\n  content: \"\";\n  position: absolute;\n  inset: 17px;\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-roadmap-item h3 {\n  margin: 0 0 10px;\n  color: #ffffff;\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.obit-roadmap-item p {\n  margin: 0;\n  color: #a8bad4;\n  font-size: 13px;\n  line-height: 1.55;\n}\n\n\/* Icons *\/\n\n.roadmap-prepare::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 3c4 1.5 6 4.5 6 9 0 5-3 8-6 9-3-1-6-4-6-9 0-4.5 2-7.5 6-9z'\/%3E%3Cpath d='M9 13l2 2 5-6'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.roadmap-adopters::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='9' cy='8' r='3'\/%3E%3Ccircle cx='17' cy='9' r='2.5'\/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0M13 20a5 5 0 0 1 8 0'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n.roadmap-release::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.roadmap-expansion::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 19h16M7 16v-5M12 16V8M17 16V5'\/%3E%3Cpath d='M6 9l4-4 4 4 4-6'\/%3E%3Cpath d='M18 3h3v3'\/%3E%3C\/g%3E%3C\/svg%3E\");\n}\n\n@media (max-width: 950px) {\n  .obit-future-roadmap-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .obit-heading-line,\n  .obit-roadmap-copy p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .obit-roadmap-timeline {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .obit-roadmap-timeline::before,\n  .obit-roadmap-timeline::after {\n    display: none;\n  }\n\n  .obit-roadmap-icon {\n    margin-left: auto;\n    margin-right: auto;\n  }\n}\n\n@media (max-width: 560px) {\n  .obit-future-roadmap-section {\n    padding: 24px 16px 46px;\n  }\n\n  .obit-future-roadmap-card {\n    padding: 34px 0;\n  }\n\n  .obit-roadmap-timeline {\n    grid-template-columns: 1fr;\n    padding: 30px 22px;\n  }\n}\n<\/style>\n\n<section class=\"obit-future-roadmap-section\">\n  <div class=\"obit-future-roadmap-card\">\n\n    <div class=\"obit-roadmap-copy\">\n      <span class=\"obit-eyebrow\">The Future<\/span>\n\n      <h2>\n        Built Today.<br>\n        <span>Ready for Tomorrow.<\/span>\n      <\/h2>\n\n      <div class=\"obit-heading-line\"><\/div>\n\n      <p>\n        We\u2019re currently preparing for our initial release and working closely\n        with early adopters to shape the platform.\n      <\/p>\n\n      <p>\n        Our vision is to create a business operating system that can scale from\n        a small team to a multi-department enterprise without forcing companies\n        to replace the software they\u2019ve already invested in.\n      <\/p>\n    <\/div>\n\n    <div class=\"obit-roadmap-timeline\">\n\n      <div class=\"obit-roadmap-item\">\n        <div class=\"obit-roadmap-icon roadmap-prepare\"><\/div>\n        <h3>Prepare<\/h3>\n        <p>Building a solid foundation with core modules.<\/p>\n      <\/div>\n\n      <div class=\"obit-roadmap-item\">\n        <div class=\"obit-roadmap-icon roadmap-adopters\"><\/div>\n        <h3>Early Adopters<\/h3>\n        <p>Partnering with select organizations to refine and improve.<\/p>\n      <\/div>\n\n      <div class=\"obit-roadmap-item\">\n        <div class=\"obit-roadmap-icon roadmap-release\"><\/div>\n        <h3>Initial Release<\/h3>\n        <p>Launching with powerful modules for key workflows.<\/p>\n      <\/div>\n\n      <div class=\"obit-roadmap-item\">\n        <div class=\"obit-roadmap-icon roadmap-expansion\"><\/div>\n        <h3>Future Expansion<\/h3>\n        <p>Continuously adding modules and industry solutions.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   ABOUT CTA\n========================================== *\/\n\n.obit-about-cta-section {\n    width: 100%;\n    padding: 30px 20px 80px;\n}\n\n.obit-about-cta-card {\n    position: relative;\n    overflow: hidden;\n\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 42px 48px;\n\n    border-radius: 12px;\n\n    border: 1px solid rgba(0, 191, 255, 0.15);\n\n    background:\n        radial-gradient(\n            circle at top right,\n            rgba(0,191,255,.10),\n            transparent 55%\n        ),\n        rgba(4,15,38,.72);\n\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n\n    box-shadow:\n        inset 0 0 30px rgba(0,191,255,.03),\n        0 0 30px rgba(0,120,255,.05);\n}\n\n\/* Layout *\/\n\n.obit-about-cta-card {\n    display: grid;\n    grid-template-columns: 1fr 520px;\n    gap: 40px;\n    align-items: center;\n}\n\n\/* Content *\/\n\n.obit-about-cta-content h2 {\n    margin: 0 0 12px;\n\n    color: #ffffff;\n    font-size: 42px;\n    font-weight: 600;\n    line-height: 1.1;\n}\n\n.obit-about-cta-content h2 span {\n    color: #00bfff;\n}\n\n.obit-about-cta-content p {\n    max-width: 520px;\n\n    margin: 0;\n\n    color: #9fb2c9;\n    font-size: 15px;\n    line-height: 1.8;\n}\n\n\/* Form *\/\n\n.obit-about-cta-form {\n    display: flex;\n    gap: 16px;\n    z-index: 5;\n}\n\n.obit-about-cta-form input {\n    flex: 1;\n\n    height: 64px;\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 20px;\n\n    color: #fff;\n    font-size: 15px;\n}\n\n.obit-about-cta-form input:focus {\n    outline: none;\n\n    border-color: rgba(0,191,255,.6);\n\n    box-shadow: 0 0 20px rgba(0,191,255,.15);\n}\n\n.obit-about-cta-form button {\n    height: 64px;\n\n    min-width: 260px;\n\n    border: none;\n    border-radius: 8px;\n\n    cursor: pointer;\n\n    color: #fff;\n\n    \/* Requested *\/\n    font-size: 20px;\n\n    font-weight: 600;\n\n    background: linear-gradient(\n        135deg,\n        #0b84ff,\n        #18c9ff\n    );\n\n    box-shadow:\n        0 10px 30px rgba(0,191,255,.25);\n\n    transition: .25s ease;\n}\n\n.obit-about-cta-form button:hover {\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 15px 35px rgba(0,191,255,.35);\n}\n\n\/* Bottom Features *\/\n\n.obit-about-cta-points {\n    grid-column: 2;\n\n    display: flex;\n    flex-wrap: wrap;\n    gap: 24px;\n\n    margin-top: -10px;\n\n    z-index: 5;\n}\n\n.obit-about-cta-points span {\n    position: relative;\n\n    color: #9fb2c9;\n    font-size: 13px;\n\n    padding-left: 22px;\n}\n\n.obit-about-cta-points span::before {\n    content: \"\";\n\n    position: absolute;\n    left: 0;\n    top: 50%;\n\n    width: 10px;\n    height: 10px;\n\n    border-radius: 50%;\n\n    transform: translateY(-50%);\n\n    background: #00bfff;\n\n    box-shadow:\n        0 0 10px rgba(0,191,255,.8);\n}\n\n\/* ==========================================\n   PARTICLE WAVE\n========================================== *\/\n\n.obit-about-wave {\n    position: absolute;\n\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    height: 120px;\n\n    pointer-events: none;\n\n    background:\n        radial-gradient(circle, rgba(0,191,255,.9) 1px, transparent 1.5px)\n        0 0 \/ 16px 16px;\n\n    mask:\n        radial-gradient(\n            ellipse at bottom center,\n            black 0%,\n            black 55%,\n            transparent 100%\n        );\n\n    opacity: .45;\n\n    animation: obitWaveFloat 10s ease-in-out infinite;\n}\n\n@keyframes obitWaveFloat {\n    0%,100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-12px);\n    }\n}\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media (max-width: 900px) {\n\n    .obit-about-cta-card {\n        grid-template-columns: 1fr;\n        text-align: center;\n    }\n\n    .obit-about-cta-content p {\n        margin: 0 auto;\n    }\n\n    .obit-about-cta-form {\n        flex-direction: column;\n    }\n\n    .obit-about-cta-form button {\n        width: 100%;\n        min-width: 0;\n    }\n\n    .obit-about-cta-points {\n        grid-column: auto;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 600px) {\n\n    .obit-about-cta-content h2 {\n        font-size: 32px;\n    }\n\n    .obit-about-cta-card {\n        padding: 32px 24px;\n    }\n\n    .obit-about-cta-form button {\n        font-size: 20px;\n    }\n}\n<\/style>\n\n<section class=\"obit-about-cta-section\">\n    <div class=\"obit-about-cta-card\">\n\n        <div class=\"obit-about-cta-content\">\n            <h2>\n                Help Shape OBit <span>CRM<\/span>\n            <\/h2>\n\n            <p>\n                Join our early access program and be among the first organizations\n                to experience the next generation of modular business software.\n            <\/p>\n        <\/div>\n\n        <form class=\"obit-about-cta-form\">\n            <input\n                type=\"email\"\n                placeholder=\"Enter your work email\"\n                required\n            >\n\n            <button type=\"submit\">\n                Get Early Access\n            <\/button>\n        <\/form>\n\n        <div class=\"obit-about-cta-points\">\n            <span>Be the first to access new features<\/span>\n            <span>Provide valuable product feedback<\/span>\n            <span>Help shape the future of OBit<\/span>\n        <\/div>\n\n        <div class=\"obit-about-wave\"><\/div>\n\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>About Us Building the Future of Modular Business Software Most business software forces companies into rigid systems or requires stitching together dozens of disconnected tools. OBit CRM was created with a different philosophy: \u2192 Start with what you need today. Expand into what you\u2019ll need tomorrow. Whether you\u2019re managing sales, operations, accounting, manufacturing, inventory, or communications, OBit is designed to [&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-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/24","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=24"}],"version-history":[{"count":12,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/obitcrm.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/obitcrm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}