.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1562 .elementor-element.elementor-element-0597bce{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1562 .elementor-element.elementor-element-0597bce .elementor-divider-separator{width:100%;}.elementor-1562 .elementor-element.elementor-element-0597bce .elementor-divider{padding-block-start:20px;padding-block-end:20px;}/* Start custom CSS for html, class: .elementor-element-1f51bb9d */.onyx-acq-label {
    text-align: center;
    color: #fe3619;
    font-size: 13px;
    letter-spacing: 3px;
    font-weight: 700;
    margin-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS *//* ============================= */
/* ELEMENTOR-SAFE NAMESPACE WRAPPER */
/* ============================= */
/* Load Questrial font */
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
.onyx-himss-page * {
  margin:0;
 
  box-sizing:border-box;
}
/* Claims title */
.himss-power-title{
color:#ffffff;
font-weight:500;
margin-bottom:16px;
padding:0 0 15px;
}

/* subtitle */
.himss-power-subtitle{
color:#ffffff;
margin:22px 0 px;
font-size:14px;
padding:15px 0 15px;
}

/* two cards row */
.himss-power-grid-two{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-bottom:20px;
}

/* four cards row */
.himss-power-grid-four{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

/* card style */
.himss-power-card{
background:#dbdbdb;
padding:14px 16px;
border-left:4px solid #ff3619;
color:#111111;
border-radius:4px;
font-size:14px;
}
/* ============================= */
/* NAVBAR BOOK A MEETING BUTTON */
/* ============================= */

/* NAVBAR CTA BUTTON */

.onyx-nav-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:8px 16px 8px 18px;

  font-size:14px;
  font-weight:500;

  text-decoration:none;
  color:#111111 !important;

  border-radius:999px;
  border:2px solid #dcdcdc;

  background:#ffffff;

  transition:all .25s ease;
}

/* remove blue link color */
.onyx-nav-cta:visited,
.onyx-nav-cta:active,
.onyx-nav-cta:hover{
  color:#111111 !important;
  text-decoration:none;
}

/* arrow circle */

.onyx-nav-cta-arrow{
  width:26px;
  height:26px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:#fe3619;
  color:#ffffff;

  font-size:14px;
  font-weight:700;
}

/* hover effect */

.onyx-nav-cta:hover{
  border-color:#fe3619;
}
html{
  scroll-behavior:smooth;
}
#data-fabric {
  padding-top: 90px !important;
  padding-bottom: 50px !important;
}
.onyx-himss-page {
  font-family:'Questrial', sans-serif;
  background:#f6f7f9;
  color:#111111;
  line-height:1.6;
  font-size:15px;
  overflow-x:hidden;
}
/* BUTTON WRAPPER */

.os-hero-actions{
  display:flex;
  gap:16px;
  align-items:center;
}

/* BASE BUTTON */

.os-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;

  font-size:14px;
  font-weight:600;
  text-decoration:none;

  padding:12px 18px 12px 20px;

  border-radius:10px;
  transition:all .25s ease;
}

/* ICON CIRCLE */

.os-btn-icon{
  width:28px;
  height:28px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  font-size:14px;
  font-weight:700;
}

/* PRIMARY */

.os-btn-primary{
  background:#fe3619;
  color:#fff;
}

.os-btn-primary .os-btn-icon{
  background:#ffffff;
  color:#111;
}

.os-btn-primary:hover{
  background:#e12f14;
}

/* OUTLINE */



.os-btn-outline .os-btn-icon{
  background:#fff;
  color:#111;
}

.os-btn-outline:hover{
  border-color:#666;
}

/* ============================= */
/* HERO BUTTON FIX */
/* ============================= */

.os-hero-actions{
  display:flex;
  gap:16px;
}

/* Base */

.os-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;

  padding:14px 22px;
  border-radius:999px; /* more rounded */

  font-weight:600;
  font-size:14px;
  text-decoration:none;

  transition:all .25s ease;
}

/* Primary button */

.os-btn-primary{
  background:#fe3619;
  color:#ffffff !important;
}

.os-btn-primary:hover{
  background:#e12f14;
  color:#ffffff !important;
}

/* Request Demo */

.os-btn-outline{
  background:#111111;   /* black inside */
  color:#ffffff !important;
  border:1px solid #111111;
   
  
  
}

.os-btn-outline:hover{
  background:#000;
  border-color:#000;
  color:#ffffff !important;
}

/* Arrow circle */

.os-btn-icon{
  width:28px;
  height:28px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#ffffff;
  color:#111;

  border-radius:50%;
  font-size:14px;
  font-weight:700;
}
/* ============================= */
/* TYPOGRAPHY */
/* ============================= */

.onyx-himss-page .onyx-heading-1,
.onyx-himss-page .onyx-heading-2,
.onyx-himss-page .onyx-heading-3 {
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-heading-1 {
  font-size:60px;
  font-weight:900;
  line-height:1.1;
}

.onyx-himss-page .onyx-heading-2 {
  font-size:36px;
  font-weight:700;
}

.onyx-himss-page .onyx-heading-3 {
  font-size:26px;
  font-weight:600;
  margin-bottom:12px;
}

.onyx-himss-page .onyx-paragraph {
  color:#555;
  font-size:15px;
}

.onyx-himss-page .onyx-caption {
  font-size:18px;
}

.onyx-himss-page .onyx-small-label {
  font-weight:700;
  color:#fe3619;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-teal {
  color:#fe3619;
}

/* ============================= */
/* CONTAINER */
/* ============================= */

.onyx-himss-page .onyx-container {
  width:90%;
  max-width:1200px;
  margin:auto;
  padding-left:0;
  padding-right:0;
}

.onyx-himss-page .onyx-section {
  padding:90px 0;
  overflow-x:hidden;
}
.onyx-himss-page .onyx-hero-section {
  overflow: hidden !important;
}

.onyx-himss-page .onyx-hero-section::before {
  right: 0;
  max-width: 100%;
}
.elementor-section {
  overflow-x: hidden;
}
/* Constrain hero content width for readability */
.onyx-himss-page #story .onyx-container {
  max-width: 1100px;
}

/* Small label */
.onyx-himss-page #story .onyx-small-label {
  margin-bottom: 22px;
}

/* Main product name */
.onyx-himss-page #story .onyx-heading-1 {
  margin-bottom: 14px;
}

/* Subtitle */
.onyx-himss-page #story .onyx-caption {
  margin-top: 0;
  margin-bottom: 26px;
  max-width: 520px;
}

/* Red pill */
.onyx-himss-page #story .onyx-hero-pill {
  margin-bottom: 32px;
}

/* Description paragraph */

/* CTA buttons */
.onyx-himss-page #story .onyx-hero-buttons {
  margin-top:12px;
  gap:14px;
  display:flex;
  align-items:center;
  
}

/* Buttons height consistency */
.onyx-himss-page #story .onyx-btn {
  min-height: 48px;
}

/* ========================================= */
/* MOBILE HERO POLISH */
/* ========================================= */

@media (max-width: 768px) {
  .onyx-himss-page .onyx-hero-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .onyx-himss-page #story .onyx-caption,
  .onyx-himss-page #story .onyx-paragraph {
    max-width: 100%;
    
  }


}
/* ========================================= */
/* HERO BUTTONS — MOBILE EQUAL WIDTH */
/* ========================================= */

@media (max-width: 768px) {

  .onyx-himss-page #story .onyx-hero-buttons {
    flex-direction: column;
    gap: 16px;
  }

  .onyx-himss-page #story .onyx-hero-buttons .onyx-btn {
    width: 100%;
    justify-content: center;
  }

}
/* ========================================= */
/* HERO PILL — MOBILE FIX */
/* ========================================= */

@media (max-width: 768px) {

  .onyx-himss-page .onyx-hero-pill {
    display: block;              /* full width instead of inline */
    width: 100%;
    padding: 14px 18px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5;
    border-radius: 18px;         /* reduce from 999px */
    text-align: center;
    word-break: normal;
    overflow-wrap: break-word;
  }

}
/* ============================= */
/* NAV LOGO FIX */
/* ============================= */

.onyx-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.onyx-logo img {
  height: 30px;              /* matches screenshot */
  width: auto;
  max-width: 120px;
  object-fit: contain;
}

/* Mobile logo size */
@media (max-width: 768px) {
  .onyx-logo img {
    height: 26px;
    max-width: 105px;
  }
}
/* Red pill */
.onyx-himss-page .onyx-hero-pill {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 999px;
  background: rgba(255,54,25,0.08);
  color: #fe3619;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  margin-bottom: 28px;
}
.onyx-himss-page .onyx-caption {
  font-size: 26px;
  font-weight: 500;
  color: #111;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* ============================= */
/* NAV */
/* ============================= */

.onyx-himss-page .onyx-nav {
  position:fixed;
  width:100%;
  top:0;
   left: 0;
  right: 0;
  max-width: 100vw;
  background:#444;
  border-bottom:1px solid #eee;
  z-index:1000;
}

.onyx-himss-page .onyx-nav-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px 0;
  
}

.onyx-himss-page .onyx-nav-list {
  display:flex;
  gap:30px;
  list-style:none;
}

.onyx-himss-page .onyx-nav-link {
  text-decoration:none;
  color:#1111111;
  font-weight:600;
}

.onyx-himss-page .onyx-nav-link:hover {
  color:#fe3619;
}

.onyx-himss-page .onyx-btn {
  padding:12px 26px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  transition:.3s;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.onyx-himss-page .onyx-btn-primary {
  background:#fe3619;
  color:#fff;
}

.onyx-himss-page .onyx-btn-primary:hover {
  background:#e12f14;
}

.onyx-himss-page .onyx-btn-outline {
  border:1px solid #ddd;
  color:#333;
  background:#fff;
}

.onyx-himss-page .onyx-btn-outline:hover {
  border-color:#fe3619;
  color:#fe3619;
}

/* ============================= */
/* HAMBURGER MENU */
/* ============================= */

.onyx-himss-page .onyx-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 8px;
  background: transparent;
  border: none;
  z-index: 1001;
}

.onyx-himss-page .onyx-hamburger span {
  width: 26px;
  height: 3px;
  background: #333;
  border-radius: 3px;
  transition: 0.3s ease;
}

.onyx-himss-page .onyx-hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.onyx-himss-page .onyx-hamburger.active span:nth-child(2) {
  opacity: 0;
}

.onyx-himss-page .onyx-hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* ============================= */
/* MOBILE MENU */
/* ============================= */

.onyx-himss-page .onyx-mobile-menu {
  display: none;
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 999;
  overflow-y: auto;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.onyx-himss-page .onyx-mobile-menu.active {
  transform: translateY(0);
}

.onyx-mobile-menu {
    
    margin-top: 50px !important; }

.onyx-himss-page .onyx-mobile-menu .onyx-menu-list {
    
    margin-top: 50px;

  display: flex;
  flex-direction: column;
  padding: 30px 0;
  margin: 0;
  list-style: none;
}

.onyx-himss-page .onyx-mobile-menu .onyx-menu-list li {
  border-bottom: 1px solid #f0f0f0;
}

.onyx-himss-page .onyx-mobile-menu .onyx-menu-list li .onyx-mobile-link {
  display: block;
  padding: 18px 5%;
  text-decoration: none;
  color: #111;
  font-weight: 500;
}

.onyx-himss-page .onyx-mobile-cta {
  padding: 30px 5%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.onyx-himss-page .onyx-mobile-cta .onyx-btn {
  width: 100%;
  justify-content: center;
}

/* Mobile visibility */
@media (max-width: 768px) {
  .onyx-himss-page .onyx-nav-list,
  .onyx-himss-page .onyx-nav .onyx-btn {
    display: none;
  }

  .onyx-himss-page .onyx-hamburger {
    display: flex;
  }

 
    /* ============================= */
/* MOBILE MENU - FIXED */
/* ============================= */

.onyx-himss-page .onyx-mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden; /* ADDED */
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.onyx-himss-page .onyx-mobile-menu.active {
  transform: translateY(0);
}

/* Mobile visibility */
@media (max-width: 768px) {
  .onyx-himss-page .onyx-nav-list,
  .onyx-himss-page .onyx-nav .onyx-btn {
    display: none;
  }

  .onyx-himss-page .onyx-hamburger {
    display: flex;
  }

  .onyx-himss-page .onyx-mobile-menu {
    display: block;
  }
  
  /* ADDED: Prevent body scroll when menu is open */
  body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
}

/* Desktop visibility */
@media (min-width: 769px) {
  .onyx-himss-page .onyx-hamburger {
    display: none;
  }

  .onyx-himss-page .onyx-mobile-menu {
    display: none !important;
    transform: translateY(-100%);
    overflow: hidden; /* ADDED */
  }
}
  }
}

/* Desktop visibility */
@media (min-width: 769px) {
  .onyx-himss-page .onyx-hamburger {
    display: none;
  }

  .onyx-himss-page .onyx-mobile-menu {
    display: none !important;
    transform: translateY(-100%);
  }
}

/* ============================= */
/* HERO SECTION */
/* ============================= */

.onyx-himss-page .onyx-hero-section {
  padding-top:140px;
  padding-bottom:90px;
  position:relative;
  overflow:hidden;
  background:#ffffff;
}

.onyx-himss-page .onyx-hero-section::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:70%;
  height:100%;
  background:url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=2000&auto=format&fit=crop') no-repeat right center;
  background-size:cover;
  opacity:0.06;
  pointer-events:none;
}

.onyx-himss-page .onyx-hero-section .onyx-heading-1 {
  word-wrap:break-word;
  overflow-wrap:break-word;
  max-width:100%;
}

.onyx-himss-page .onyx-hero-section .onyx-paragraph {
  max-width:600px;
  margin:25px 0 40px;
}

.onyx-himss-page .onyx-hero-buttons {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.onyx-himss-page .onyx-badges {
  display:flex;
  gap:16px;
  margin-top:55px;
  flex-wrap:wrap;
}

.onyx-himss-page .onyx-badge {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:30px;
  background:#f1f1f1;
  border:1px solid #fe3619;
  font-size:14px;
  color:#444;
  backdrop-filter:blur(6px);
}

.onyx-himss-page .onyx-badge svg {
  width:16px;
  height:16px;
}

/* ============================= */
/* PLATFORM SECTION */
/* ============================= */

.onyx-himss-page .onyx-platform-section {
  padding:90px 0;
  
  background:#111111;
}

.onyx-himss-page .onyx-acq-label {
  text-align:center;
  color:#fe3619;
  font-size:13px;
  letter-spacing:3px;
  font-weight:700;
  margin-bottom:15px;
}

.onyx-himss-page .onyx-acq-title {
  text-align:center;
  font-size:52px;
  font-weight:700;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-acq-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1150px;
  margin:0 auto 60px auto;
}

.onyx-himss-page .onyx-acq-card {
  background:#4c4c4c;
  border:1px solid #eee;
  border-radius:18px;
  padding:40px;
  transition:0.3s ease, box-shadow .3s ease, transform .25s ease;
}

.onyx-himss-page .onyx-acq-card:hover {
  border-color:rgba(76,76,76);
}

.onyx-himss-page .onyx-acq-icon {
  width:52px;
  height:52px;
  background:rgba(190, 190, 190);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:25px;
}

.onyx-himss-page .onyx-acq-icon svg {
  width:22px;
  height:22px;
}

.onyx-himss-page .onyx-acq-card .onyx-heading-3 {
  font-size:20px;
  font-weight:600;
  margin-bottom:18px;
}

.onyx-himss-page .onyx-acq-card .onyx-paragraph {
  color:#555;
  font-size:15px;
  line-height:1.7;
}

.onyx-himss-page .onyx-acq-list {
  list-style:none;
  padding-left:0;
  margin:0;
}

.onyx-himss-page .onyx-acq-list li {
  position:relative;
  padding-left:24px;
  margin-bottom:10px;
  color:#dcdcdc;
  font-size:15px;
  line-height:1.6;
}

.onyx-himss-page .onyx-acq-list li::before {
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:4px;
  height:4px;
  background:#dcdcdc;
  border-radius:50%;
}

@media(max-width:1024px) {
  .onyx-himss-page .onyx-acq-grid {
    grid-template-columns:1fr;
  }

  .onyx-himss-page .onyx-acq-title {
    font-size:40px;
  }
}

/* ============================= */
/* PRODUCTS SECTION */
/* ============================= */

.onyx-himss-page .onyx-products-section {
  padding:90px 0;
  background:#fff;
}

.onyx-himss-page .onyx-products-grid {
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:30px;
}

.onyx-himss-page .onyx-product-card {
  background:#f6f7f9;
  border:1px solid #eee;
  border-radius:16px;
  padding:28px;
  transition:0.35s ease;
  position:relative;
}

.onyx-himss-page .onyx-product-card:hover {
  border-color:#fe3619;
  box-shadow:0 0 25px rgba(255,0,60,0.15);
  transform:translateY(-6px);
}

.onyx-himss-page .onyx-icon-circle {
  width:44px;
  height:44px;
  background:rgba(255,0,60,0.15);
  color:#ff003c;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:18px;
  margin-bottom:18px;
}

.onyx-himss-page .onyx-product-card .onyx-heading-3 {
  font-size:18px;
  margin-bottom:5px;
}

.onyx-himss-page .onyx-product-sub {
  color:#fe3619;
  font-size:13px;
  margin-bottom:16px;
  display:block;
  font-weight: 700;
}

.onyx-himss-page .onyx-product-card .onyx-paragraph {
  margin-bottom:18px;
  font-size:15px;
  line-height:1.6;
}

.onyx-himss-page .onyx-product-card .onyx-product-list {
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}

.onyx-himss-page .onyx-product-card .onyx-product-list li {
  margin-bottom:7px;
  position:relative;
  padding-left:18px;
  color:#555;
  font-size:14px;
  line-height:1.5;
}

.onyx-himss-page .onyx-product-card .onyx-product-list li:before {
  content:"•";
  color:#fe3619;
  position:absolute;
  left:0;
}

@media(max-width:1024px) {
  .onyx-himss-page .onyx-products-grid {
    grid-template-columns:repeat(2, 1fr);
    gap:25px;
  }
}

@media(max-width:768px) {
  .onyx-himss-page .onyx-products-grid {
    grid-template-columns:1fr;
    gap:25px;
  }
  
  .onyx-himss-page .onyx-product-card {
    padding:30px;
  }
}

/* ============================= */
/* WHY SECTION */
/* ============================= */

.onyx-himss-page .onyx-why-section {
  padding:90px 0;
  background:#fafafa;
  border-top:1px solid #eee;
}

.onyx-himss-page .onyx-why-item {
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:32px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-height:200px;
}

.onyx-himss-page .onyx-center {
  text-align:center;
}

.onyx-himss-page .onyx-section-tag {
  color:#fe3619;
  font-size:13px;
  letter-spacing:3px;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
  font-weight: 700;
}

.onyx-himss-page .onyx-why-heading {
  font-size:48px;
  font-weight:700;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-why-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:60px;
  max-width:1000px;
  margin:0 auto 70px auto;
}

.onyx-himss-page .onyx-why-item .onyx-heading-3 {
  font-size:20px;
  margin-top:25px;
  margin-bottom:15px;
  font-weight:600;
}

.onyx-himss-page .onyx-why-item .onyx-paragraph {
  color:#555;
  font-size:15px;
  line-height:1.7;
}

.onyx-himss-page .onyx-why-icon {
  width:70px;
  height:70px;
  background:rgba(255,0,60,0.08);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  border:1px solid rgba(255,0,60,0.2);
}

@media(max-width:1024px) {
  .onyx-himss-page .onyx-why-grid {
    gap:40px;
  }
}

@media(max-width:768px) {
  .onyx-himss-page .onyx-why-grid {
    grid-template-columns:1fr;
    gap:50px;
  }

  .onyx-himss-page .onyx-why-heading {
    font-size:36px;
  }

  .onyx-himss-page .onyx-why-section {
    padding:90px 0;
  }
}

/* ============================= */
/* TRUSTED SECTION */
/* ============================= */

.onyx-himss-page .onyx-trusted-section {
  padding:90px 0;
  border-top:1px solid #eee;
  background:#fff;
}

.onyx-himss-page .onyx-grid-2 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.onyx-himss-page .onyx-card {
  background:#ffffff;
  border:1px solid #eee;
  padding:30px;
  border-radius:12px;
  transition:.3s;
}

.onyx-himss-page .onyx-himss-row {
  display:flex;
  justify-content:center;
  gap:30px;
  margin:20px 0 35px;
  color:#555;
}

@media (max-width: 768px) {
  .onyx-himss-page .onyx-trusted-section .onyx-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .onyx-himss-page .onyx-trusted-section .onyx-card {
    background: #ffffff !important;
    padding: 28px !important;
    border-radius: 16px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
  }

  .onyx-himss-page .onyx-trusted-section .onyx-himss-row {
    flex-direction: column !important;
    gap: 28px !important;
    margin-top: 40px !important;
  }

  .onyx-himss-page .onyx-trusted-section .onyx-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ============================= */
/* HIMSS EVENT SECTION */
/* ============================= */

.onyx-himss-page .onyx-himss-event-section {
  padding:90px 0;
  background:#fff;
  
}

.onyx-himss-page .onyx-himss-container {
  text-align:center;
  max-width:850px;
  margin:0 auto;
}

.onyx-himss-page .onyx-himss-label {
  color:#fe3619;
  font-size:13px;
  letter-spacing:3px;
  font-weight:700;
  margin-bottom:20px;
}

.onyx-himss-page .onyx-himss-title {
  font-size:52px;
  font-weight:700;
  line-height:1.15;
  margin-bottom:30px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-himss-subtext {
  color:#555;
  font-size:18px;
  line-height:1.7;
  margin-bottom:35px;
}
.onyx-himss-page .onyx-hamburger span{
  background:#111111 !important;
}
@media (max-width:768px){

  .onyx-nav-cta{
    display:none !important;
  }

}
.onyx-himss-page .onyx-himss-meta {
  display:flex;
  justify-content:center;
  gap:40px;
  margin-bottom:45px;
  flex-wrap:wrap;
}

.onyx-himss-page .onyx-meta-item {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#555;
}

.onyx-himss-page .onyx-meta-svg {
  flex-shrink:0;
}

.onyx-himss-page .onyx-himss-buttons {
  display:flex;
  justify-content:center;
  gap:20px;
  margin-bottom:30px;
  flex-wrap:wrap;
}

@media(max-width:768px) {
  .onyx-himss-page .onyx-himss-title {
    font-size:36px;
  }

  .onyx-himss-page .onyx-himss-event-section {
    padding:90px 0;
  }

  .onyx-himss-page .onyx-himss-subtext {
    font-size:16px;
  }
}

/* ============================= */
/* CONTACT SECTION */
/* ============================= */

.onyx-himss-page .onyx-contact-section {
  padding:90px 0;
  background:#fafafa;
  border-top:1px solid #eee;
}

.onyx-himss-page .onyx-contact-form {
  max-width:700px;
  margin:auto;
}

.onyx-himss-page .onyx-contact-form .onyx-input,
.onyx-himss-page .onyx-contact-form .onyx-textarea {
  width:100%;
  padding:14px;
  margin-bottom:18px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  color:#111;
}

.onyx-himss-page .onyx-contact-form .onyx-textarea {
  min-height:120px;
}

.onyx-himss-page .onyx-contact-form .onyx-submit-btn {
  width:100%;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ============================= */
/* FOOTER */
/* ============================= */

.onyx-himss-page .onyx-footer {
  padding:60px 0;
  text-align:center;
  border-top:1px solid #eee;
  color:#777;
  background:#fff;
}
/* Mobile: stack stats vertically */
@media (max-width: 768px) {
  .onyx-himss-page .onyx-himss-row {
    flex-direction: column !important;
  }
}
/* ============================= */
/* HAMBURGER COLOR FIX (DARK HEADER) */
/* ============================= */

.onyx-himss-page .onyx-hamburger span {
  background: #ffffff; /* white bars */
}

/* Optional: slightly softer white on hover */
.onyx-himss-page .onyx-hamburger:hover span {
  opacity: 0.85;
}
/* ============================= */
/* OVERRIDE ELEMENTOR 100vh BUG */
/* ============================= */

 
.elementor-section.elementor-section-height-full {
    height: auto !important;
    min-height: unset !important;
}
/* ============================= */
/* HERO H1 MOBILE FIX */
/* ============================= */

@media (max-width: 768px) {
  .onyx-himss-page .onyx-heading-1 {
    font-size: 36px;        /* ↓ from 60px */
    line-height: 1.15;     /* slightly relaxed */
    word-break: normal;    /* prevent forced breaks */
    overflow-wrap: normal; /* prevent splitting words */
    hyphens: none;         /* stop auto hyphenation */
  }
}
/* ============================= */
/* BOOK A MEETING HOVER FIX */
/* ============================= */

.onyx-himss-page .onyx-btn-primary {
  color: #ffffff !important;            /* lock text color */
  background: #fe3619;
}

.onyx-himss-page .onyx-btn-primary:hover,
.onyx-himss-page .onyx-btn-primary:focus {
  background: #e12f14;                  /* darker crimson */
  color: #ffffff !important;            /* prevent blue */
  text-decoration: none !important;     /* prevent underline */
}
/* ============================= */
/* RESPONSIVE TYPOGRAPHY SYSTEM */
/* ============================= */

.onyx-himss-page {
  font-size: 15px;
  line-height: 1.6;
}

/* ================= H2 ================= */

.onyx-himss-page h2,
.onyx-himss-page .onyx-heading-2 {
  font-size: clamp(30px, 3.5vw, 36px) !important;
  line-height: 1.25;
}

/* ================= H3 ================= */

.onyx-himss-page h3,
.onyx-himss-page .onyx-heading-3 {
  font-size: clamp(22px, 2.2vw, 26px) !important;
  line-height: 1.3;
}

/* ================= CAPTION ================= */

.onyx-himss-page .onyx-caption {
  font-size: clamp(16px, 1.8vw, 18px) !important;
  line-height: 1.5;
}

/* ================= BODY ================= */

.onyx-himss-page,
.onyx-himss-page p,
.onyx-himss-page .onyx-paragraph {
  font-size: 15px !important;
  line-height: 1.6;
}

/* Prevent Elementor nested font overrides */
.onyx-himss-page h2 *,
.onyx-himss-page h3 * {
  font-size: inherit !important;
}
/* Global typography lock */
.onyx-himss-page {
  font-size: 15px;
}

.onyx-himss-page h1 {
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}

.onyx-himss-page h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.25;
}

.onyx-himss-page h3 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
}

.onyx-himss-page .onyx-caption {
  font-size: 18px;
  font-weight: 400;
}

.onyx-himss-page p {
  font-size: 15px;
  line-height: 1.7;
}

/* ========================================= */
/* DATA FABRIC — ISOLATED TO himss-wrapper */
/* ========================================= */

.himss-wrapper {
  background:#111111;
  padding:90px 0;
}

.himss-wrapper .himss-subtitle{
  font-size:16px;
  color:#555;
  margin-bottom:80px;
}

/* Grid */
.himss-wrapper .himss-fabric-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px;
  max-width:900px;
  margin:0 auto 60px;
}

/* Cards */
.himss-wrapper .himss-fabric-card{
  background:#ffffff;
  
  border-radius:18px;
  padding:36px 34px;
  box-shadow:0 6px 22px rgba(0,0,0,0.05);
}

/* Header */
.himss-wrapper .himss-card-header{
  display:flex;
  align-items:center;
  gap:12px;
  
}

.himss-wrapper .himss-icon{
  width:36px;
  height:36px;
  background:rgba(190, 190, 190);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
    margin-bottom:50px;
  
}

/* List */
.himss-wrapper .himss-list{
  list-style:none;
  padding:0;
  margin:0;
  text-align: start;
}

.himss-wrapper .himss-list li{
  position:relative;
  padding-left:18px;
  margin-bottom:12px;
  font-size:14px;
  color:#444;
}

.himss-wrapper .himss-list li::before{
  content:"•";
  position:absolute;
  left:0;
}

/* Pills */
.himss-wrapper .himss-pill{
  background:#fff5f3;
  
  padding:10px 14px;
  border-radius:10px;
  font-size:14px;
  margin-bottom:10px;
}

/* Standards text */
.himss-wrapper .himss-standards{
  text-align:center;
  font-size:13px;
  color:#777;
}

/* Responsive */
@media(max-width:768px){
  .himss-wrapper .himss-fabric-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
}
/* ========================================= */
/* AGENTIC INTELLIGENCE 
/* ========================================= */

.himss-wrapper.onyx-ai-section {
  background:#111111;
  padding:90px 0;
  
}

.himss-wrapper .onyx-ai-subtitle{
  max-width:760px;
  margin:0 auto 80px;
  font-size:16px;
  color:#555;
  
}

/* Grid */
.himss-wrapper .onyx-ai-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:24px;
  max-width:1400px;
  margin:0 auto 60px;
  
}

/* Cards */
.himss-wrapper .onyx-ai-card{
  background:#4c4c4c;
  
  border-radius:18px;
  padding:30px 26px;
  text-align:center;
  ;
}

/* Icon */
.himss-wrapper .onyx-ai-icon{
  width:56px;
  height:56px;
  margin:0 auto 20px;
  background:rgba(219,219,219);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Title */
.himss-wrapper .onyx-ai-title{
  font-size:15px;
  font-weight:600;
  color:#111;
  
}

/* Sub note */
.himss-wrapper .onyx-ai-note{
  display:block;
  font-size:12px;
  color:#777;
  margin-top:4px;
  
}

/* Footer */
.himss-wrapper .onyx-ai-footer{
  font-size:14px;
  color:#111;
  font-weight:600;
}
.himss-wrapper .onyx-ai-card:hover {
  border-color:rgba(255,54,25,0.3);
}
/* Responsive */
@media(max-width:1024px){
  .himss-wrapper .onyx-ai-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .himss-wrapper .onyx-ai-grid{
    grid-template-columns:1fr;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — SINGLE SOURCE OF TRUTH */
/* ========================================= */

.onyx-himss-page #proof.onyx-platform-evolution {
  background: #111111;
  padding: 90px 0;
}

/* Center content */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-center {
  text-align: center;
}

/* Heading */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-heading-2 {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 26px;
  color: #ffffff;
}

/* Intro */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-intro {
  max-width: 760px;
  margin: 0 auto 18px;
  font-size: 16px;
  line-height: 1.75;
  color: #ffffff;
}

.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-strong {
  margin-bottom: 80px;
  font-size: 15px;
  color: #ffffff;
}

/* ===================== */
/* STAGES */
/* ===================== */

.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-stages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  max-width: 1100px;
  margin: 0 auto;
  flex-wrap: wrap;
}

/* Cards */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-card {
  background: #4c4c4c;

  border-radius: 18px;
  padding: 32px 28px;
  width: 240px;
  text-align: center;
  
}

/* Hide stage labels if present */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-stage {
  display: none;
}

/* Arrows */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-stage-arrow {
  font-size: 28px;
  font-weight: 700;
  color: #fe3619;
}

/* Emphasize final stage */
.onyx-himss-page #proof.onyx-platform-evolution 
.onyx-evolution-card:last-of-type {
  border-color: #fe3619;
 
}

/* ===================== */
/* MOBILE */
/* ===================== */

@media (max-width: 900px) {
  .onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-stages {
    flex-direction: column;
    gap: 22px;
  }

  .onyx-himss-page #proof.onyx-platform-evolution .onyx-stage-arrow {
    transform: rotate(90deg);
  }

  .onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-card {
    width: 100%;
    max-width: 420px;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — FINAL STRUCTURE FIX */
/* ========================================= */

.onyx-himss-page 
#proof.onyx-platform-evolution 
.onyx-evolution-stages {

  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------- */
/* REMOVE ARROWS COMPLETELY */
/* ---------------------------------- */

.onyx-himss-page 
#proof.onyx-platform-evolution 
.onyx-stage-arrow {
  display: none !important;
}



/* ---------------------------------- */
/* NORMALIZE OTHER 3 CARDS */
/* ---------------------------------- */

.onyx-himss-page 
#proof.onyx-platform-evolution 
.onyx-evolution-card {

  width: 100% !important;
  max-width: 100%;
}

/* ---------------------------------- */
/* MOBILE */
/* ---------------------------------- */

@media (max-width: 900px) {

  .onyx-himss-page 
  #proof.onyx-platform-evolution 
  .onyx-evolution-stages {

    grid-template-columns: 1fr;
  }

  .onyx-himss-page 
  #proof.onyx-platform-evolution 
  .onyx-evolution-card:nth-of-type(4) {
    order: 0;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — FINAL (CLASS-BASED) */
/* ========================================= */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-stages {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------- */
/* REMOVE ARROWS COMPLETELY */
/* ---------------------------------- */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-stage-arrow {
  display: none !important;
}

/* ---------------------------------- */
/* REVENUE — FORCE TOP + FULL WIDTH */
/* ---------------------------------- */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-revenue {
  grid-column: 1 / -1;   /* span all 3 columns */
  order: -1;             /* move above other cards */
  max-width: 100%;
  margin-bottom: 30px;

  
}

/* ---------------------------------- */
/* NORMALIZE OTHER CARDS */
/* ---------------------------------- */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-card {
  width: 100%;
  max-width: 100%;
}

/* ---------------------------------- */
/* MOBILE */
/* ---------------------------------- */

/* ========================================= */
/* PLATFORM EVOLUTION — MOBILE ORDER FIX */
/* ========================================= */

@media (max-width: 900px) {

  .onyx-himss-page
  #proof.onyx-platform-evolution
  .onyx-evolution-stages {
    grid-template-columns: 1fr;
  }

  /* KEEP revenue on top */
  .onyx-himss-page
  #proof.onyx-platform-evolution
  .onyx-evolution-revenue {
    order: -1;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — EQUAL HEIGHT CARDS */
/* ========================================= */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-stages {
  align-items: stretch; /* key line */
}

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* ========================================= */
/* VALUE PROGRESSION — PERFECT CASCADE FIX */
/* ========================================= */

#data-fabric .himss-fabric-card {
  text-align: left;
  background-color: #4c4c4c;
}

/* Base pill */
#data-fabric .himss-pill {
  display: block;
  background: #bdbdbd;
  
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
  margin-bottom: 12px;
  color: #ffffff;
  text-align: left;
  
  ;
}

/* STEP 1 */
#data-fabric .himss-pill:nth-of-type(1) {
  width: 100%;
  margin-left: 0;
  font-weight: 600;
  
}

/* STEP 2 */
#data-fabric .himss-pill:nth-of-type(2) {
  width: 94%;
  margin-left: 6%;
}

/* STEP 3 */
#data-fabric .himss-pill:nth-of-type(3) {
  width: 88%;
  margin-left: 12%;
}

/* STEP 4 */
#data-fabric .himss-pill:nth-of-type(4) {
  width: 82%;
  margin-left: 18%;
}

/* STEP 5 */
#data-fabric .himss-pill:nth-of-type(5) {
  width: 76%;
  margin-left: 24%;
}

/* STEP 6 — FIXED */
#data-fabric .himss-pill:nth-of-type(6) {
  width: 70%;
  margin-left: 30%;
}
/* STEP 7 */
#data-fabric .himss-pill:nth-of-type(7) {
  width: 64%;
  margin-left: 36%;
}
/* FIX: wrapper should NOT add vertical spacing */
.himss-wrapper {
  background: #111111;
  padding: 0 !important;
}
#agentic-intelligence{
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
/* ========================================= */
/* FORCE HEADER + FOOTER COLOR */
/* ========================================= */

.onyx-himss-page .onyx-nav {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.onyx-himss-page .onyx-footer {
  background: #111111 !important;
  color: #bdbdbd;
  border-top: 1px solid rgba(255,255,255,0.08);
}
/* ========================================= */
/* HIMSS DARK CARD — EXACT MATCH */
/* ========================================= */

#himss {
  background: #111111;
}

#himss .himss-dark-card {
  border-radius: 28px;
  
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  
}

/* Title */
#himss .onyx-himss-title {
  color: #ffffff;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 22px;
}

/* Text */
#himss .onyx-himss-subtext {
  color: #d0d0d0;
  font-size: 16px;
  line-height: 1.8;
  max-width: 760px;
  margin: 0 auto 40px;
}

/* Meta row */
#himss .onyx-himss-meta {
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}

#himss .onyx-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d0d0d0;
  font-size: 14px;
}

/* Buttons */
#himss .onyx-himss-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

#himss .onyx-btn-primary {
  background: #fe3619;
  color: #ffffff;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

#himss .onyx-btn-outline {
  background: #ffffff;
  color: #111;
  padding: 14px 28px;
  border-radius: 10px;
  border: none;
}

/* Mobile */
@media (max-width: 768px) {
  #himss .himss-dark-card {
  
  }

  #himss .onyx-himss-title {
    font-size: 34px;
  }
}
/* ========================================= */
/* HUBSPOT IFRAME FORM WIDTH CONTROL */
/* ========================================= */

.elementor-widget-hubspot-form .hs-form-frame {
  max-width: 720px;   /* adjust this */
  margin: 0 auto;     /* center it */
  width: 100%;
  
}
.onyx-ai-bullets {
  list-style: none;
  padding: 0;
  margin-top: 14px;
  text-align: left;
}

.onyx-ai-bullets li {
  font-size: 13px;
  color: #dcdcdc;
  margin-bottom: 4px;
  position: relative;
  padding-left: 16px;
}

.onyx-ai-bullets li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #dcdcdc;
}
/* ========================================= */
/* HOW INTELLIGENCE IS POWERED — TEXT BLOCK */
/* ========================================= */

.himss-power-text{
  
  text-align:left;
}

.himss-power-text p{
  color:#ffffff;
  font-size:14px;
  margin-bottom:8px;
}

.himss-power-text ul{
  padding-left:18px;
  margin-bottom:12px;
}

.himss-power-text li{
  color:#dcdcdc;
  font-size:13px;
  margin-bottom:4px;
}

#data-fabric .himss-highlight{
  color:#fe3619 !important;
  font-weight:600;
}

.himss-small-label{
  margin-top:10px;
  font-size:13px;
  color:#dcdcdc;
}
/* PLATFORM TEXT ADDITIONS */

.onyx-platform-subtitle{
  max-width:760px;
  margin:0 auto 60px;
  text-align:center;
  font-size:16px;
  line-height:1.7;
  color:#dcdcdc;
}

.onyx-platform-footer{
  max-width:820px;
  margin:0px auto 0;
  text-align:center;
  font-size:15px;
  line-height:1.7;
  color:#bdbdbd;
}
/* HERO GRID */

.onyx-himss-page #story .onyx-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:70px;
}

/* Right side vertical flow */

.onyx-hero-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.onyx-flow-pill{
  background:rgba(254,54,25,0.08);
  border:1px solid rgba(254,54,25,0.25);
  color:#fe3619;

  font-size:12px;
  font-weight:700;
  letter-spacing:1px;

  padding:8px 18px;
  border-radius:999px;
}

.onyx-flow-arrow{
  color:#fe3619;
  font-size:20px;
}
.onyx-flow-pill{
  background:rgba(254,54,25,0.08);
  border:1px solid rgba(254,54,25,0.25);
  color:#fe3619;

  font-size:12px;
  font-weight:700;
  letter-spacing:1px;

  padding:8px 18px;
  border-radius:999px;
}

.onyx-flow-arrow{
  color:#fe3619;
  font-size:20px;
}
.onyx-hero-arc{
  position:absolute;
  left:-260px;
  bottom:-260px;

  width:560px;
  height:560px;

  border-radius:50%;
  border:95px solid #fe3619;
}
/* ============================= */
/* ELEMENTOR-SAFE NAMESPACE WRAPPER */
/* ============================= */

.onyx-himss-page * {
  margin:0;
  box-sizing:border-box;
}
#data-fabric {
  padding-top: 90px !important;
  padding-bottom: 50px !important;
}
.onyx-himss-page {
  font-family:'Questrial', sans-serif;
  background:#f6f7f9;
  color:#111111;
  line-height:1.6;
  font-size:15px;
  overflow-x:hidden;
}

/* ============================= */
/* TYPOGRAPHY */
/* ============================= */

.onyx-himss-page .onyx-heading-1,
.onyx-himss-page .onyx-heading-2,
.onyx-himss-page .onyx-heading-3 {
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-heading-1 {
  font-size:118px;
  font-weight:200;
  line-height:1.1;
}

.onyx-himss-page .onyx-heading-2 {
  font-size:36px;
  font-weight:700;
}

.onyx-himss-page .onyx-heading-3 {
  font-size:26px;
  font-weight:600;
  margin-bottom:12px;
}

.onyx-himss-page .onyx-paragraph {
  color:#555;
  font-size:15px;
}

.onyx-himss-page .onyx-caption {
  font-size:18px;
}

.onyx-himss-page .onyx-small-label {
  font-weight:700;
  color:#fe3619;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-teal {
  color:#fe3619;
}

/* ============================= */
/* CONTAINER */
/* ============================= */

.onyx-himss-page .onyx-container {
  width:90%;
  max-width:1200px;
  margin:auto;
  padding-left:0;
  padding-right:0;
}

.onyx-himss-page .onyx-section {
  padding:90px 0;
  overflow-x:hidden;
}
.onyx-himss-page .onyx-hero-section {
  overflow: hidden !important;
}

.onyx-himss-page .onyx-hero-section::before {
  right: 0;
  max-width: 100%;
}
.elementor-section {
  overflow-x: hidden;
}
/* Constrain hero content width for readability */
.onyx-himss-page #story .onyx-container {
  max-width: 1100px;
}

/* Small label */
.onyx-himss-page #story .onyx-small-label {
  margin-bottom: 22px;
}

/* Main product name */
.onyx-himss-page #story .onyx-heading-1 {
  margin-bottom: 14px;
}

/* Subtitle */
.onyx-himss-page #story .onyx-caption {
  margin-top: 0;
  margin-bottom: 26px;
  max-width: 520px;
}

/* Red pill */
.onyx-himss-page #story .onyx-hero-pill {
  margin-bottom: 32px;
}

/* Description paragraph */

/* Description paragraph */
.onyx-himss-page #story .onyx-paragraph {

  margin-top:30px;
  max-width:420px;
}


/* CTA buttons */
.onyx-himss-page #story .onyx-hero-buttons {
  margin-top:12px;
  gap:14px;
  display:flex;
  align-items:center;
  
}

/* Buttons height consistency */
.onyx-himss-page #story .onyx-btn {
  min-height: 48px;
}

/* ========================================= */
/* MOBILE HERO POLISH */
/* ========================================= */

@media (max-width: 768px) {
  .onyx-himss-page .onyx-hero-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .onyx-himss-page #story .onyx-caption,
  .onyx-himss-page #story .onyx-paragraph {
    max-width: 100%;
    
  }


}
/* ========================================= */
/* HERO BUTTONS — MOBILE EQUAL WIDTH */
/* ========================================= */

@media (max-width: 768px) {

  .onyx-himss-page #story .onyx-hero-buttons {
    flex-direction: column;
    gap: 16px;
  }

  .onyx-himss-page #story .onyx-hero-buttons .onyx-btn {
    width: 100%;
    justify-content: center;
  }

}
/* ========================================= */
/* HERO PILL — MOBILE FIX */
/* ========================================= */

@media (max-width: 768px) {

  .onyx-himss-page .onyx-hero-pill {
    display: block;              /* full width instead of inline */
    width: 100%;
    padding: 14px 18px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.5;
    border-radius: 18px;         /* reduce from 999px */
    text-align: center;
    word-break: normal;
    overflow-wrap: break-word;
  }

}
/* ============================= */
/* NAV LOGO FIX */
/* ============================= */

.onyx-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.onyx-logo img {
  height: 30px;              /* matches screenshot */
  width: auto;
  max-width: 120px;
  object-fit: contain;
}

/* Mobile logo size */
@media (max-width: 768px) {
  .onyx-logo img {
    height: 26px;
    max-width: 105px;
  }
}
/* Red pill */
.onyx-himss-page .onyx-hero-pill {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 999px;
  background: rgba(255,54,25,0.08);
  color: #fe3619;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  margin-bottom: 28px;
}
.onyx-himss-page .onyx-caption {
  font-size: 26px;
  font-weight: 500;
  color: #111;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* ============================= */
/* NAV */
/* ============================= */

.onyx-himss-page .onyx-nav {
  position:fixed;
  width:100%;
  top:0;
   left: 0;
  right: 0;
  max-width: 100vw;
  background:#444;
  border-bottom:1px solid #eee;
  z-index:1000;
}

.onyx-himss-page .onyx-nav-inner {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px 0;
  
}

.onyx-himss-page .onyx-nav-list {
  display:flex;
  gap:30px;
  list-style:none;
}

.onyx-himss-page .onyx-nav-link {
  text-decoration:none;
  color:#111111;
  font-weight:550;
}

.onyx-himss-page .onyx-nav-link:hover {
  color:#fe3619;
}

.onyx-himss-page .onyx-btn {
  padding:12px 26px;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  transition:.3s;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.onyx-himss-page .onyx-btn-primary {
  background:#fe3619;
  color:#fff;
}

.onyx-himss-page .onyx-btn-primary:hover {
  background:#e12f14;
}

.onyx-himss-page .onyx-btn-outline {
  border:1px solid #ddd;
  color:#333;
  background:#fff;
}

.onyx-himss-page .onyx-btn-outline:hover {
  border-color:#fe3619;
  color:#fe3619;
}

/* ============================= */
/* HAMBURGER MENU */
/* ============================= */

.onyx-himss-page .onyx-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 8px;
  background: transparent;
  border: none;
  z-index: 1001;
}

.onyx-himss-page .onyx-hamburger span {
  width: 26px;
  height: 3px;
  background: #333;
  border-radius: 3px;
  transition: 0.3s ease;
}

.onyx-himss-page .onyx-hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.onyx-himss-page .onyx-hamburger.active span:nth-child(2) {
  opacity: 0;
}

.onyx-himss-page .onyx-hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* ============================= */
/* MOBILE MENU */
/* ============================= */

.onyx-himss-page .onyx-mobile-menu {
  display: none;
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 999;
  overflow-y: auto;
  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

.onyx-himss-page .onyx-mobile-menu.active {
  transform: translateY(0);
}

.onyx-himss-page .onyx-mobile-menu .onyx-menu-list {
  display: flex;
  flex-direction: column;
  padding: 30px 0;
  margin: 0;
  list-style: none;
}

.onyx-himss-page .onyx-mobile-menu .onyx-menu-list li {
  border-bottom: 1px solid #f0f0f0;
}

.onyx-himss-page .onyx-mobile-menu .onyx-menu-list li .onyx-mobile-link {
  display: block;
  padding: 18px 5%;
  text-decoration: none;
  color: #111;
  font-weight: 500;
}

.onyx-himss-page .onyx-mobile-cta {
  padding: 30px 5%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.onyx-himss-page .onyx-mobile-cta .onyx-btn {
  width: 100%;
  justify-content: center;
}

/* Mobile visibility */
@media (max-width: 768px) {
  .onyx-himss-page .onyx-nav-list,
  .onyx-himss-page .onyx-nav .onyx-btn {
    display: none;
  }

  .onyx-himss-page .onyx-hamburger {
    display: flex;
  }

 
    /* ============================= */
/* MOBILE MENU - FIXED */
/* ============================= */

.onyx-himss-page .onyx-mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden; /* ADDED */
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.onyx-himss-page .onyx-mobile-menu.active {
  transform: translateY(0);
}

/* Mobile visibility */
@media (max-width: 768px) {
  .onyx-himss-page .onyx-nav-list,
  .onyx-himss-page .onyx-nav .onyx-btn {
    display: none;
  }

  .onyx-himss-page .onyx-hamburger {
    display: flex;
  }

  .onyx-himss-page .onyx-mobile-menu {
    display: block;
  }
  
  /* ADDED: Prevent body scroll when menu is open */
  body.menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
}

/* Desktop visibility */
@media (min-width: 769px) {
  .onyx-himss-page .onyx-hamburger {
    display: none;
  }

  .onyx-himss-page .onyx-mobile-menu {
    display: none !important;
    transform: translateY(-100%);
    overflow: hidden; /* ADDED */
  }
}
  }
}

/* Desktop visibility */
@media (min-width: 769px) {
  .onyx-himss-page .onyx-hamburger {
    display: none;
  }

  .onyx-himss-page .onyx-mobile-menu {
    display: none !important;
    transform: translateY(-100%);
  }
}

/* ============================= */
/* HERO SECTION */
/* ============================= */

.onyx-himss-page .onyx-hero-section {
  padding-top:140px;
  padding-bottom:90px;
  position:relative;
  overflow:hidden;
  background:#ffffff;
}

.onyx-himss-page .onyx-hero-section::before {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:70%;
  height:100%;
  background:url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=2000&auto=format&fit=crop') no-repeat right center;
  background-size:cover;
  opacity:0.06;
  pointer-events:none;
}

.onyx-himss-page .onyx-hero-section .onyx-heading-1 {
  word-wrap:break-word;
  overflow-wrap:break-word;
  max-width:100%;
}

.onyx-himss-page .onyx-hero-section .onyx-paragraph {
  max-width:600px;
  margin:25px 0 40px;
}

.onyx-himss-page .onyx-hero-buttons {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.onyx-himss-page .onyx-badges {
  display:flex;
  gap:16px;
  margin-top:55px;
  flex-wrap:wrap;
}

.onyx-himss-page .onyx-badge {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:30px;
  background:#f1f1f1;
  border:1px solid #fe3619;
  font-size:14px;
  color:#444;
  backdrop-filter:blur(6px);
}

.onyx-himss-page .onyx-badge svg {
  width:16px;
  height:16px;
}

/* ============================= */
/* PLATFORM SECTION */
/* ============================= */

.onyx-himss-page .onyx-platform-section {
  padding:90px 0;
  
  background:#111111;
}

.onyx-himss-page .onyx-acq-label {
  text-align:center;
  color:#fe3619;
  font-size:13px;
  letter-spacing:3px;
  font-weight:700;
  margin-bottom:15px;
}

.onyx-himss-page .onyx-acq-title {
  text-align:center;
  font-size:52px;
  font-weight:700;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-acq-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1150px;
  margin:0 auto 60px auto;
}

.onyx-himss-page .onyx-acq-card {
  background:#4c4c4c;
  border:1px solid #eee;
  border-radius:18px;
  padding:40px;
  transition:0.3s ease, box-shadow .3s ease, transform .25s ease;
}

.onyx-himss-page .onyx-acq-card:hover {
  border-color:rgba(76,76,76);
}

.onyx-himss-page .onyx-acq-icon {
  width:52px;
  height:52px;
  background:rgba(190, 190, 190);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:25px;
}

.onyx-himss-page .onyx-acq-icon svg {
  width:22px;
  height:22px;
}

.onyx-himss-page .onyx-acq-card .onyx-heading-3 {
  font-size:20px;
  font-weight:600;
  margin-bottom:18px;
}

.onyx-himss-page .onyx-acq-card .onyx-paragraph {
  color:#555;
  font-size:15px;
  line-height:1.7;
}

.onyx-himss-page .onyx-acq-list {
  list-style:none;
  padding-left:0;
  margin:0;
}

.onyx-himss-page .onyx-acq-list li {
  position:relative;
  padding-left:24px;
  margin-bottom:10px;
  color:#dcdcdc;
  font-size:15px;
  line-height:1.6;
}

.onyx-himss-page .onyx-acq-list li::before {
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:4px;
  height:4px;
  background:#dcdcdc;
  border-radius:50%;
}

@media(max-width:1024px) {
  .onyx-himss-page .onyx-acq-grid {
    grid-template-columns:1fr;
  }

  .onyx-himss-page .onyx-acq-title {
    font-size:40px;
  }
}

/* ============================= */
/* PRODUCTS SECTION */
/* ============================= */

.onyx-himss-page .onyx-products-section {
  padding:90px 0;
  background:#fff;
}

.onyx-himss-page .onyx-products-grid {
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:30px;
}

.onyx-himss-page .onyx-product-card {
  background:#f6f7f9;
  border:1px solid #eee;
  border-radius:16px;
  padding:28px;
  transition:0.35s ease;
  position:relative;
}

.onyx-himss-page .onyx-product-card:hover {
  border-color:#fe3619;
  box-shadow:0 0 25px rgba(255,0,60,0.15);
  transform:translateY(-6px);
}

.onyx-himss-page .onyx-icon-circle {
  width:44px;
  height:44px;
  background:rgba(255,0,60,0.15);
  color:#ff003c;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:18px;
  margin-bottom:18px;
}

.onyx-himss-page .onyx-product-card .onyx-heading-3 {
  font-size:18px;
  margin-bottom:5px;
}

.onyx-himss-page .onyx-product-sub {
  color:#fe3619;
  font-size:13px;
  margin-bottom:16px;
  display:block;
  font-weight: 700;
}

.onyx-himss-page .onyx-product-card .onyx-paragraph {
  margin-bottom:18px;
  font-size:15px;
  line-height:1.6;
}

.onyx-himss-page .onyx-product-card .onyx-product-list {
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}

.onyx-himss-page .onyx-product-card .onyx-product-list li {
  margin-bottom:7px;
  position:relative;
  padding-left:18px;
  color:#555;
  font-size:14px;
  line-height:1.5;
}

.onyx-himss-page .onyx-product-card .onyx-product-list li:before {
  content:"•";
  color:#fe3619;
  position:absolute;
  left:0;
}

@media(max-width:1024px) {
  .onyx-himss-page .onyx-products-grid {
    grid-template-columns:repeat(2, 1fr);
    gap:25px;
  }
}

@media(max-width:768px) {
  .onyx-himss-page .onyx-products-grid {
    grid-template-columns:1fr;
    gap:25px;
  }
  
  .onyx-himss-page .onyx-product-card {
    padding:30px;
  }
}

/* ============================= */
/* WHY SECTION */
/* ============================= */

.onyx-himss-page .onyx-why-section {
  padding:90px 0;
  background:#fafafa;
  border-top:1px solid #eee;
}

.onyx-himss-page .onyx-why-item {
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:32px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
  transition:transform .25s ease, box-shadow .25s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-height:200px;
}

.onyx-himss-page .onyx-center {
  text-align:center;
}

.onyx-himss-page .onyx-section-tag {
  color:#fe3619;
  font-size:13px;
  letter-spacing:3px;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
  font-weight: 700;
}

.onyx-himss-page .onyx-why-heading {
  font-size:48px;
  font-weight:700;
  margin-bottom:15px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-why-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:60px;
  max-width:1000px;
  margin:0 auto 70px auto;
}

.onyx-himss-page .onyx-why-item .onyx-heading-3 {
  font-size:20px;
  margin-top:25px;
  margin-bottom:15px;
  font-weight:600;
}

.onyx-himss-page .onyx-why-item .onyx-paragraph {
  color:#555;
  font-size:15px;
  line-height:1.7;
}

.onyx-himss-page .onyx-why-icon {
  width:70px;
  height:70px;
  background:rgba(255,0,60,0.08);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  border:1px solid rgba(255,0,60,0.2);
}

@media(max-width:1024px) {
  .onyx-himss-page .onyx-why-grid {
    gap:40px;
  }
}

@media(max-width:768px) {
  .onyx-himss-page .onyx-why-grid {
    grid-template-columns:1fr;
    gap:50px;
  }

  .onyx-himss-page .onyx-why-heading {
    font-size:36px;
  }

  .onyx-himss-page .onyx-why-section {
    padding:90px 0;
  }
}

/* ============================= */
/* TRUSTED SECTION */
/* ============================= */

.onyx-himss-page .onyx-trusted-section {
  padding:90px 0;
  border-top:1px solid #eee;
  background:#fff;
}

.onyx-himss-page .onyx-grid-2 {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px;
}

.onyx-himss-page .onyx-card {
  background:#ffffff;
  border:1px solid #eee;
  padding:30px;
  border-radius:12px;
  transition:.3s;
}

.onyx-himss-page .onyx-himss-row {
  display:flex;
  justify-content:center;
  gap:30px;
  margin:20px 0 35px;
  color:#555;
}

@media (max-width: 768px) {
  .onyx-himss-page .onyx-trusted-section .onyx-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .onyx-himss-page .onyx-trusted-section .onyx-card {
    background: #ffffff !important;
    padding: 28px !important;
    border-radius: 16px !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
  }

  .onyx-himss-page .onyx-trusted-section .onyx-himss-row {
    flex-direction: column !important;
    gap: 28px !important;
    margin-top: 40px !important;
  }

  .onyx-himss-page .onyx-trusted-section .onyx-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ============================= */
/* HIMSS EVENT SECTION */
/* ============================= */

.onyx-himss-page .onyx-himss-event-section {
  padding:90px 0;
  background:#fff;
  
}

.onyx-himss-page .onyx-himss-container {
  text-align:center;
  max-width:850px;
  margin:0 auto;
}

.onyx-himss-page .onyx-himss-label {
  color:#fe3619;
  font-size:13px;
  letter-spacing:3px;
  font-weight:700;
  margin-bottom:20px;
}

.onyx-himss-page .onyx-himss-title {
  font-size:52px;
  font-weight:700;
  line-height:1.15;
  margin-bottom:30px;
  font-family:'Outfit', sans-serif;
}

.onyx-himss-page .onyx-himss-subtext {
  color:#555;
  font-size:18px;
  line-height:1.7;
  margin-bottom:35px;
}

.onyx-himss-page .onyx-himss-meta {
  display:flex;
  justify-content:center;
  gap:40px;
  margin-bottom:45px;
  flex-wrap:wrap;
}

.onyx-himss-page .onyx-meta-item {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#555;
}

.onyx-himss-page .onyx-meta-svg {
  flex-shrink:0;
}

.onyx-himss-page .onyx-himss-buttons {
  display:flex;
  justify-content:center;
  gap:20px;
  margin-bottom:30px;
  flex-wrap:wrap;
}

@media(max-width:768px) {
  .onyx-himss-page .onyx-himss-title {
    font-size:36px;
  }

  .onyx-himss-page .onyx-himss-event-section {
    padding:90px 0;
  }

  .onyx-himss-page .onyx-himss-subtext {
    font-size:16px;
  }
}

/* ============================= */
/* CONTACT SECTION */
/* ============================= */

.onyx-himss-page .onyx-contact-section {
  padding:90px 0;
  background:#fafafa;
  border-top:1px solid #eee;
}

.onyx-himss-page .onyx-contact-form {
  max-width:700px;
  margin:auto;
}

.onyx-himss-page .onyx-contact-form .onyx-input,
.onyx-himss-page .onyx-contact-form .onyx-textarea {
  width:100%;
  padding:14px;
  margin-bottom:18px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:8px;
  color:#111;
}

.onyx-himss-page .onyx-contact-form .onyx-textarea {
  min-height:120px;
}

.onyx-himss-page .onyx-contact-form .onyx-submit-btn {
  width:100%;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ============================= */
/* FOOTER */
/* ============================= */

.onyx-himss-page .onyx-footer {
  padding:60px 0;
  text-align:center;
  border-top:1px solid #eee;
  color:#777;
  background:#fff;
}
/* Mobile: stack stats vertically */
@media (max-width: 768px) {
  .onyx-himss-page .onyx-himss-row {
    flex-direction: column !important;
  }
}
/* ============================= */
/* HAMBURGER COLOR FIX (DARK HEADER) */
/* ============================= */

.onyx-himss-page .onyx-hamburger span {
  background: #ffffff; /* white bars */
}

/* Optional: slightly softer white on hover */
.onyx-himss-page .onyx-hamburger:hover span {
  opacity: 0.85;
}
/* ============================= */
/* OVERRIDE ELEMENTOR 100vh BUG */
/* ============================= */

 
.elementor-section.elementor-section-height-full {
    height: auto !important;
    min-height: unset !important;
}
/* ============================= */
/* HERO H1 MOBILE FIX */
/* ============================= */

@media (max-width: 768px) {
  .onyx-himss-page .onyx-heading-1 {
    font-size: 68px;        /* ↓ from 60px */
    line-height: 1.15;     /* slightly relaxed */
    word-break: normal;    /* prevent forced breaks */
    overflow-wrap: normal; /* prevent splitting words */
    hyphens: none;         /* stop auto hyphenation */
  }
}
/* ============================= */
/* BOOK A MEETING HOVER FIX */
/* ============================= */

.onyx-himss-page .onyx-btn-primary {
  color: #ffffff !important;            /* lock text color */
  background: #fe3619;
}

.onyx-himss-page .onyx-btn-primary:hover,
.onyx-himss-page .onyx-btn-primary:focus {
  background: #e12f14;                  /* darker crimson */
  color: #ffffff !important;            /* prevent blue */
  text-decoration: none !important;     /* prevent underline */
}
/* ============================= */
/* RESPONSIVE TYPOGRAPHY SYSTEM */
/* ============================= */

.onyx-himss-page {
  font-size: 15px;
  line-height: 1.6;
}

/* ================= H2 ================= */

.onyx-himss-page h2,
.onyx-himss-page .onyx-heading-2 {
  font-size: clamp(30px, 3.5vw, 36px) !important;
  line-height: 1.25;
}

/* ================= H3 ================= */

.onyx-himss-page h3,
.onyx-himss-page .onyx-heading-3 {
  font-size: clamp(22px, 2.2vw, 26px) !important;
  line-height: 1.3;
}

/* ================= CAPTION ================= */

.onyx-himss-page .onyx-caption {
  font-size: clamp(30px, 0.7vw, 18px) !important;
  line-height: 1.5;
}

/* ================= BODY ================= */

.onyx-himss-page,
.onyx-himss-page p,
.onyx-himss-page .onyx-paragraph {
  font-size: 15px !important;
  line-height: 1.6;
}

/* Prevent Elementor nested font overrides */
.onyx-himss-page h2 *,
.onyx-himss-page h3 * {
  font-size: inherit !important;
}
/* Global typography lock */
.onyx-himss-page {
  font-size: 15px;
}

.onyx-himss-page h1 {
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
}

.onyx-himss-page h2 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.25;
}

.onyx-himss-page h3 {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
}

.onyx-himss-page .onyx-caption {
  font-size: 18px;
  font-weight: 400;
}

.onyx-himss-page p {
  font-size: 15px;
  line-height: 1.7;
}

/* ========================================= */
/* DATA FABRIC — ISOLATED TO himss-wrapper */
/* ========================================= */

.himss-wrapper {
  background:#111111;
  padding:90px 0;
}

.himss-wrapper .himss-subtitle{
  font-size:16px;
  color:#555;
  margin-bottom:80px;
}

/* Grid */
.himss-wrapper .himss-fabric-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:40px;
  max-width:900px;
  margin:0 auto 60px;
}

/* Cards */
.himss-wrapper .himss-fabric-card{
  background:#ffffff;
  
  border-radius:18px;
  padding:36px 34px;
  box-shadow:0 6px 22px rgba(0,0,0,0.05);
}

/* Header */
.himss-wrapper .himss-card-header{
  display:flex;
  align-items:center;
  gap:12px;
  
}

.himss-wrapper .himss-icon{
  width:36px;
  height:36px;
  background:rgba(190, 190, 190);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
    margin-bottom:50px;
  
}

/* List */
.himss-wrapper .himss-list{
  list-style:none;
  padding:0;
  margin:0;
  text-align: start;
}

.himss-wrapper .himss-list li{
  position:relative;
  padding-left:18px;
  margin-bottom:12px;
  font-size:14px;
  color:#444;
}

.himss-wrapper .himss-list li::before{
  content:"•";
  position:absolute;
  left:0;
}

/* Pills */
.himss-wrapper .himss-pill{
  background:#fff5f3;
  
  padding:10px 14px;
  border-radius:10px;
  font-size:14px;
  margin-bottom:10px;
}

/* Standards text */
.himss-wrapper .himss-standards{
  text-align:center;
  font-size:13px;
  color:#777;
}

/* Responsive */
@media(max-width:768px){
  .himss-wrapper .himss-fabric-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
}
/* ========================================= */
/* AGENTIC INTELLIGENCE 
/* ========================================= */

.himss-wrapper.onyx-ai-section {
  background:#111111;
  padding:90px 0;
  
}

.himss-wrapper .onyx-ai-subtitle{
  max-width:760px;
  margin:0 auto 80px;
  font-size:16px;
  color:#555;
  
}

/* Grid */
.himss-wrapper .onyx-ai-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:24px;
  max-width:1400px;
  margin:0 auto 60px;
  
}

/* Cards */
.himss-wrapper .onyx-ai-card{
  background:#4c4c4c;
  
  border-radius:18px;
  padding:30px 26px;
  text-align:center;
  ;
}

/* Icon */
.himss-wrapper .onyx-ai-icon{
  width:56px;
  height:56px;
  margin:0 auto 20px;
  background:rgba(219,219,219);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Title */
.himss-wrapper .onyx-ai-title{
  font-size:15px;
  font-weight:600;
  color:#111;
  
}

/* Sub note */
.himss-wrapper .onyx-ai-note{
  display:block;
  font-size:12px;
  color:#777;
  margin-top:4px;
  
}

/* Footer */
.himss-wrapper .onyx-ai-footer{
  font-size:14px;
  color:#111;
  font-weight:600;
}
.himss-wrapper .onyx-ai-card:hover {
  border-color:rgba(255,54,25,0.3);
}
/* Responsive */
@media(max-width:1024px){
  .himss-wrapper .onyx-ai-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:768px){
  .himss-wrapper .onyx-ai-grid{
    grid-template-columns:1fr;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — SINGLE SOURCE OF TRUTH */
/* ========================================= */

.onyx-himss-page #proof.onyx-platform-evolution {
  background: #111111;
  padding: 90px 0;
}

/* Center content */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-center {
  text-align: center;
}

/* Heading */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-heading-2 {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 26px;
  color: #ffffff;
}

/* Intro */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-intro {
  max-width: 760px;
  margin: 0 auto 18px;
  font-size: 16px;
  line-height: 1.75;
  color: #ffffff;
}

.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-strong {
  margin-bottom:57px;
  font-size: 15px;
  color: #ffffff;
}

/* ===================== */
/* STAGES */
/* ===================== */

.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-stages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  max-width: 1100px;
  margin: 0 auto;
  flex-wrap: wrap;
}

/* Cards */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-card {
  background: #4c4c4c;

  border-radius: 18px;
  padding: 32px 28px;
  width: 240px;
  text-align: center;
  
}

/* Hide stage labels if present */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-stage {
  display: none;
}

/* Arrows */
.onyx-himss-page #proof.onyx-platform-evolution .onyx-stage-arrow {
  font-size: 28px;
  font-weight: 700;
  color: #fe3619;
}

/* Emphasize final stage */
.onyx-himss-page #proof.onyx-platform-evolution 
.onyx-evolution-card:last-of-type {
  border-color: #fe3619;
 
}

/* ===================== */
/* MOBILE */
/* ===================== */

@media (max-width: 900px) {
  .onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-stages {
    flex-direction: column;
    gap: 22px;
  }

  .onyx-himss-page #proof.onyx-platform-evolution .onyx-stage-arrow {
    transform: rotate(90deg);
  }

  .onyx-himss-page #proof.onyx-platform-evolution .onyx-evolution-card {
    width: 100%;
    max-width: 420px;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — FINAL STRUCTURE FIX */
/* ========================================= */

.onyx-himss-page 
#proof.onyx-platform-evolution 
.onyx-evolution-stages {

  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------- */
/* REMOVE ARROWS COMPLETELY */
/* ---------------------------------- */

.onyx-himss-page 
#proof.onyx-platform-evolution 
.onyx-stage-arrow {
  display: none !important;
}



/* ---------------------------------- */
/* NORMALIZE OTHER 3 CARDS */
/* ---------------------------------- */

.onyx-himss-page 
#proof.onyx-platform-evolution 
.onyx-evolution-card {

  width: 100% !important;
  max-width: 100%;
}

/* ---------------------------------- */
/* MOBILE */
/* ---------------------------------- */

@media (max-width: 900px) {

  .onyx-himss-page 
  #proof.onyx-platform-evolution 
  .onyx-evolution-stages {

    grid-template-columns: 1fr;
  }

  .onyx-himss-page 
  #proof.onyx-platform-evolution 
  .onyx-evolution-card:nth-of-type(4) {
    order: 0;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — FINAL (CLASS-BASED) */
/* ========================================= */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-stages {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto;
}

/* ---------------------------------- */
/* REMOVE ARROWS COMPLETELY */
/* ---------------------------------- */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-stage-arrow {
  display: none !important;
}

/* ---------------------------------- */
/* REVENUE — FORCE TOP + FULL WIDTH */
/* ---------------------------------- */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-revenue {
  grid-column: 1 / -1;   /* span all 3 columns */
  order: -1;             /* move above other cards */
  max-width: 100%;
  margin-bottom: 30px;

  
}

/* ---------------------------------- */
/* NORMALIZE OTHER CARDS */
/* ---------------------------------- */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-card {
  width: 100%;
  max-width: 100%;
}

/* ---------------------------------- */
/* MOBILE */
/* ---------------------------------- */

/* ========================================= */
/* PLATFORM EVOLUTION — MOBILE ORDER FIX */
/* ========================================= */

@media (max-width: 900px) {

  .onyx-himss-page
  #proof.onyx-platform-evolution
  .onyx-evolution-stages {
    grid-template-columns: 1fr;
  }

  /* KEEP revenue on top */
  .onyx-himss-page
  #proof.onyx-platform-evolution
  .onyx-evolution-revenue {
    order: -1;
  }
}
/* ========================================= */
/* PLATFORM EVOLUTION — EQUAL HEIGHT CARDS */
/* ========================================= */

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-stages {
  align-items: stretch; /* key line */
}

.onyx-himss-page
#proof.onyx-platform-evolution
.onyx-evolution-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* ========================================= */
/* VALUE PROGRESSION — PERFECT CASCADE FIX */
/* ========================================= */

#data-fabric .himss-fabric-card {
  text-align: left;
  background-color: #4c4c4c;
}

/* Base pill */
#data-fabric .himss-pill {
  display: block;
  background: #bdbdbd;
  
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 14px;
  margin-bottom: 12px;
  color: #ffffff;
  text-align: left;
  
  ;
}

/* STEP 1 */
#data-fabric .himss-pill:nth-of-type(1) {
  width: 100%;
  margin-left: 0;
  font-weight: 600;
  
}

/* STEP 2 */
#data-fabric .himss-pill:nth-of-type(2) {
  width: 94%;
  margin-left: 6%;
}

/* STEP 3 */
#data-fabric .himss-pill:nth-of-type(3) {
  width: 88%;
  margin-left: 12%;
}

/* STEP 4 */
#data-fabric .himss-pill:nth-of-type(4) {
  width: 82%;
  margin-left: 18%;
}

/* STEP 5 */
#data-fabric .himss-pill:nth-of-type(5) {
  width: 76%;
  margin-left: 24%;
}

/* STEP 6 — FIXED */
#data-fabric .himss-pill:nth-of-type(6) {
  width: 70%;
  margin-left: 30%;
}
/* STEP 7 */
#data-fabric .himss-pill:nth-of-type(7) {
  width: 64%;
  margin-left: 36%;
}
/* FIX: wrapper should NOT add vertical spacing */
.himss-wrapper {
  background: #111111;
  padding: 0 !important;
}
#agentic-intelligence{
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
/* ========================================= */
/* FORCE HEADER + FOOTER COLOR */
/* ========================================= */

.onyx-himss-page .onyx-nav {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.onyx-himss-page .onyx-footer {
  background: #111111 !important;
  color: #bdbdbd;
  border-top: 1px solid rgba(255,255,255,0.08);
}
/* ========================================= */
/* HIMSS DARK CARD — EXACT MATCH */
/* ========================================= */

#himss {
  background: #111111;
}

#himss .himss-dark-card {
  border-radius: 28px;
  
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  
}

/* Title */
#himss .onyx-himss-title {
  color: #ffffff;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 22px;
}

/* Text */
#himss .onyx-himss-subtext {
  color: #d0d0d0;
  font-size: 16px;
  line-height: 1.8;
  max-width: 760px;
  margin: 0 auto 40px;
}

/* Meta row */
#himss .onyx-himss-meta {
  display: flex;
  justify-content: center;
  gap: 28px;
  flex-wrap: wrap;
  margin-bottom: 42px;
}

#himss .onyx-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d0d0d0;
  font-size: 14px;
}

/* Buttons */
#himss .onyx-himss-buttons {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

#himss .onyx-btn-primary {
  background: #fe3619;
  color: #ffffff;
  padding: 14px 28px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

#himss .onyx-btn-outline {
  background: #ffffff;
  color: #111;
  padding: 14px 28px;
  border-radius: 10px;
  border: none;
}

/* Mobile */
@media (max-width: 768px) {
  #himss .himss-dark-card {
    
  }

  #himss .onyx-himss-title {
    font-size: 34px;
  }
}
/* ========================================= */
/* HUBSPOT IFRAME FORM WIDTH CONTROL */
/* ========================================= */

.elementor-widget-hubspot-form .hs-form-frame {
  max-width: 720px;   /* adjust this */
  margin: 0 auto;     /* center it */
  width: 100%;
  
}
.onyx-ai-bullets {
  list-style: none;
  padding: 0;
  margin-top: 14px;
  text-align: left;
}

.onyx-ai-bullets li {
  font-size: 13px;
  color: #dcdcdc;
  margin-bottom: 4px;
  position: relative;
  padding-left: 16px;
}

.onyx-ai-bullets li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #dcdcdc;
}
/* ========================================= */
/* HOW INTELLIGENCE IS POWERED — TEXT BLOCK */
/* ========================================= */

.himss-power-text{
  
  text-align:left;
}

.himss-power-text p{
  color:#ffffff;
  font-size:14px;
  margin-bottom:8px;
}

.himss-power-text ul{
  padding-left:18px;
  margin-bottom:12px;
}

.himss-power-text li{
  color:#dcdcdc;
  font-size:13px;
  margin-bottom:4px;
}

#data-fabric .himss-highlight{
  color:#fe3619 !important;
  font-weight:600;
}

.himss-small-label{
  margin-top:10px;
  font-size:13px;
  color:#dcdcdc;
}
/* PLATFORM TEXT ADDITIONS */

.onyx-platform-subtitle{
  max-width:760px;
  margin:0 auto 60px;
  text-align:center;
  font-size:16px;
  line-height:1.7;
  color:#dcdcdc;
}

.onyx-platform-footer{
  max-width:820px;
  margin:0px auto 0;
  text-align:center;
  font-size:15px;
  line-height:1.7;
  color:#bdbdbd;
}
/* HERO GRID */

.onyx-himss-page #story .onyx-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:80px;
}

/* Right side vertical flow */

.onyx-hero-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.onyx-flow-pill{
  background:rgba(254,54,25,0.08);
  border:1px solid rgba(254,54,25,0.25);
  color:#fe3619;

  font-size:12px;
  font-weight:700;
  letter-spacing:1px;

  padding:8px 18px;
  border-radius:999px;
}

.onyx-flow-arrow{
  color:#fe3619;
  font-size:20px;
}
.onyx-flow-pill{
  background:rgba(254,54,25,0.08);
  border:1px solid rgba(254,54,25,0.25);
  color:#fe3619;

  font-size:12px;
  font-weight:700;
  letter-spacing:1px;

  padding:8px 18px;
  border-radius:999px;
}

.onyx-flow-arrow{
  color:#fe3619;
  font-size:20px;
}
.onyx-hero-arc{
  position:absolute;
  left:-260px;
  bottom:-260px;

  width:560px;
  height:560px;

  border-radius:50%;
  border:95px solid #fe3619;
}
/* ============================= */
/* HERO (ISOLATED) */
/* ============================= */

.os-hero{
  position:relative;
  background:#ffffff;
  padding:115px 0 110px;
  overflow:hidden;
  font-family:'Questrial';
}

/* container */

.os-hero-container{
  width:90%;
  max-width:1200px;
  margin:auto;

  display:grid;
  grid-template-columns:1.2fr 0.8fr;
  gap:100px;
  align-items:start;
}

/* ================= LEFT ================= */

.os-hero-label{
  font-size:13px;
  letter-spacing:2px;
  color:#8A8A8A;
  font-weight:700;
  margin-bottom:22px;
}

.os-hero-title{
  font-family:'Outfit';
  font-size:60px;
  font-weight:800;
  line-height:1.05;
  margin-bottom:14px;
  color:#111;
}

.os-hero-subtitle{
  font-size:26px;
  color:#111;
  font-weight:500;
}

/* ================= RIGHT ================= */

.os-hero-right{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

/* flow pills */

.os-hero-flow{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  margin-bottom:28px;
}

.os-flow-pill{
  padding:8px 20px;
  border-radius:999px;

  border:1px solid rgba(254,54,25,0.35);
  background:rgba(254,54,25,0.08);

  color:#fe3619;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  
}
.os-flow-pill:nth-child(1){
  align-self:flex-start;
}

.os-flow-pill:nth-child(3){
  align-self:center;
}

.os-flow-pill:nth-child(5){
  align-self:flex-end;
}
.os-flow-arrow{
  color:#fe3619;
  font-size:18px;
  margin-left:90px;
  
}

/* text */

.os-hero-text{
  font-size:15px;
  color:#555;
  max-width:380px;
  margin-bottom:26px;
  line-height:1.6;
}

/* buttons */

.os-hero-actions{
  display:flex;
  gap:14px;
}
/* ============================= */
/* HIDE HERO ARC ON MOBILE */
/* ============================= */

@media (max-width: 768px){
  .os-hero-arc{
    display:none !important;
  }
}
.os-btn{
  padding:12px 24px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.os-btn-primary{
  background:#fe3619;
  color:#fff;
}

.os-btn-primary:hover{
  background:#e12f14;
}

.os-btn-outline{
  border:1px solid #ccc;
  color:#333;

}

/* ================= ARC ================= */

.os-hero-arc{
  position:absolute;

  left:-300px;
  bottom:-300px;

  width:850px;
  height:600px;

  border-radius:70%;
  border:110px solid #fe3619;
  
}

/* ================= MOBILE ================= */

@media (max-width:900px){

  .os-hero-container{
    grid-template-columns:1fr;
    gap:50px;
  }

  .os-hero-title{
    font-size:42px;
  }

  .os-hero-right{
    align-items:flex-start;
  }

}
/* ============================= */
/* INTELLIGENCE STACK */
/* ============================= */

.os-intel-stack{
  background:#0b0b0b;
  padding:90px 0;
  font-family:'Questrial';
}

.os-stack-container{
  width:90%;
  max-width:1100px;
  margin:auto;
}

/* Layer */

.os-stack-layer{
  background:#111;
  border:1px solid #2a2a2a;
  margin-bottom:18px;
}

/* Titles */

.os-stack-title{
  font-size:12px;
  letter-spacing:2px;
  color:#bdbdbd;
  padding:12px 16px;
  border-bottom:1px solid #2a2a2a;
  display:flex;
  align-items:center;
  gap:10px;
}

/* Grids */

.os-stack-grid{
  display:grid;
}

.os-grid-5{
  grid-template-columns:repeat(5,1fr);
}

.os-grid-3{
  grid-template-columns:repeat(3,1fr);
}

/* Boxes */

.os-stack-box{
  padding:18px;
  border-right:1px solid #2a2a2a;
  color:#dcdcdc;
  font-size:14px;
}

.os-stack-box:last-child{
  border-right:none;
}

/* Caption */

.os-stack-caption{
  text-align:center;
  font-size:13px;
  color:#9b9b9b;
  padding:10px 0;
}

/* Highlight text */

.os-stack-highlight{
  text-align:center;
  font-size:14px;
  color:#ffffff;
  padding-bottom:12px;
}

/* Icons */

.os-icon{
  font-size:14px;
  opacity:.8;
}

/* Mobile */

@media(max-width:900px){

  .os-grid-5{
    grid-template-columns:1fr 1fr;
  }

  .os-grid-3{
    grid-template-columns:1fr;
  }

}
/* SECTION */

.stack-architecture{
  background:#111111;
  
  font-family: 'Questrial', sans-serif;
}

.stack-container{
  width:90%;
  max-width:1100px;
  margin:auto;
}

/* SECTION BLOCK */

.stack-section{
  margin-bottom:24px;
}

/* HEADING */

/* avantika - platform - subhaead */
.stack-top-platform-heading{
    color: white;
  font-size: 33px;
   padding:14px 18px
  letter-spacing:2px;
  font-weight:600;
  border-bottom:none;
}

.stack-heading{
  background:#111;
  color:#bdbdbd;

  padding:14px 18px;

  font-size:12px;
  letter-spacing:2px;
  font-weight:600;

  
  border-bottom:none;
}

/* GRID */

.stack-grid{
  display:grid;
   gap:24px;
}

.stack-grid-5{
  grid-template-columns:repeat(5,1fr);
}

.stack-grid-3{
  grid-template-columns:repeat(3,1fr);
}

/* BOX */

.stack-box{
  background:#4c4c4c;
  color:#ffffff;

  padding:22px 18px;

  font-size:14px;
  line-height:1.4;

  border:1px solid #2a2a2a;
  border-right:none;
  border-radius:16px;   /* rounded edges */
  border:none;
}

.stack-box:last-child{
  border-right:1px solid #2a2a2a;
}

/* CAPTION */

.stack-caption{
  text-align:center;
  font-size:13px;
  color:#cfcfcf;
  
}

/* BOTTOM BAR */

.stack-bottom{
  background:#4c4c4c;
  border:1px solid #2a2a2a;
  padding:20px;
  text-align:center;
  border-radius:16px;   /* rounded edges */
  border:none;
}

.stack-highlight{
  color:#ffffff;
  margin-top:6px;
  font-size:14px;
}

/* MOBILE */

@media(max-width:900px){

  .stack-grid-5{
    grid-template-columns:1fr 1fr;
  }

  .stack-grid-3{
    grid-template-columns:1fr;
  }

}
/* ===== HERO FLOW OVERRIDE ===== */

.os-hero-flow{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:14px !important;
}

/* fix arrows alignment */
.os-flow-arrow{
  margin-left:0 !important;
  font-size:18px;
  color:#fe3619;
}

/* pill base styling */
.os-flow-pill{
  padding:8px 20px;
  border-radius:999px;
  border:1px solid rgba(254,54,25,0.35);
  background:rgba(254,54,25,0.08);
  color:#fe3619;
  font-size:12px;
  font-weight:700;
  letter-spacing:1px;
  white-space:nowrap;
}

/* diagonal layout */
.os-flow-pill:nth-child(1){
  align-self:flex-start !important;
}

.os-flow-pill:nth-child(3){
  align-self:center !important;
}

.os-flow-pill:nth-child(5){
  align-self:flex-end !important;
}
/* ========================================= */
/* HERO BUTTONS — MOBILE IMPROVEMENT */
/* ========================================= */

@media (max-width:768px){

  .os-hero-actions{
    flex-direction:column;
    width:70%;
    gap:14px;
  }

  .os-hero-actions .os-btn{
    width:100%;
    justify-content:space-between;
    padding:14px 28px;
    font-size:14px;
  }

  .os-btn-icon{
    width:32px;
    height:32px;
    font-size:16px;
  }

}
/* ========================================= */
/* TYPOGRAPHY OVERRIDE — PRIMARY / SECONDARY */
/* Primary: Questrial */
/* Secondary: Outfit */
/* ========================================= */

/* Primary font for entire page */
.onyx-himss-page{
  font-family:'Questrial' !important;
}

/* Headings now use PRIMARY font */
.onyx-himss-page h1,
.onyx-himss-page h2,
.onyx-himss-page h3,
.onyx-himss-page .onyx-heading-1,
.onyx-himss-page .onyx-heading-2,
.onyx-himss-page .onyx-heading-3{
  font-family:'Questrial', sans-serif !important;
}

/* Body text */
.onyx-himss-page p,
.onyx-himss-page .onyx-paragraph,
.onyx-himss-page .os-hero-text,
.onyx-himss-page .onyx-caption{
  font-family:'Questrial', sans-serif !important;
}

/* Secondary font for labels / UI elements */
.onyx-himss-page .onyx-small-label,
.onyx-himss-page .onyx-section-tag,
.onyx-himss-page .os-hero-label,
.onyx-himss-page .stack-heading,
.onyx-himss-page .onyx-acq-label,
.onyx-himss-page .onyx-product-sub{
  font-family:'Outfit', sans-serif !important;
}

/* Navigation */
.onyx-himss-page .onyx-nav-link{
  font-family:'Questrial' !important;
}

/* Buttons */
.onyx-himss-page .os-btn,
.onyx-himss-page .onyx-btn,
.onyx-himss-page .onyx-nav-cta{
  font-family:'Questrial' !important;
}

/* Cards and feature blocks */
.onyx-himss-page .stack-box,
.onyx-himss-page .onyx-ai-title,
.onyx-himss-page .onyx-ai-bullets li,
.onyx-himss-page .onyx-acq-list li{
  font-family:'Questrial' !important;
}



.os-hero-arc {

  position: absolute;

    left: -9px;

    bottom: -304px;

    width: 600px;

    height: 600px;

    background: url(/wp-content/uploads/red-circle.png) no-repeat center;

    background-size: contain;

    z-index: 0;

}



/* ========================================= */
/* ONYX IN ACTION */
/* ========================================= */

.onyx-himss-page #video-section.onyx-platform-evolution {
  background: #111111;
  padding: 90px 0;
}

/* Center content */
.onyx-himss-page #video-section.onyx-platform-evolution .onyx-center {
  text-align: center;
}

/* Heading */
.onyx-himss-page #video-section.onyx-platform-evolution .onyx-heading-2 {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 26px;
  color: #ffffff;
}

/* Intro */
.onyx-himss-page #video-section.onyx-platform-evolution .onyx-evolution-intro {
  max-width: 760px;
  margin: 0 auto 18px;
  font-size: 16px;
  line-height: 1.75;
  color: #ffffff;
}

.onyx-himss-page #video-section.onyx-platform-evolution .onyx-evolution-strong {
  margin-bottom: 80px;
  font-size: 15px;
  color: #ffffff;
}


/*bew video section - avantika*/
/* ONYX PLATFORM VIDEO SECTION */

/* HIMSS ONYX CANVA VIDEO SECTION */

.himss-onyx-video-thumbnail{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  cursor:pointer;
}

.himss-onyx-video-thumbnail img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:10px;
}

.onyx-play-button{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:70px;
  height:70px;
  border-radius:50%;
  background:#ff3c3c;
  color:#fff;
  font-size:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 25px rgba(0,0,0,0.4);
}

.himss-onyx-canva-video-section{
    width:100%;
    display:flex;
    justify-content:center;
    margin:40px 0;
}

/* control overall width here */
.himss-onyx-canva-video-container{
    width:90%;
    max-width:900px; /* change this to control width */
}

/* responsive frame */
.himss-onyx-canva-video-frame{
    position:relative;
    width:100%;
    padding-top:56.25%; /* controls height (16:9 ratio) */
    overflow:hidden;
    border-radius:10px;
    /*box-shadow:0 10px 30px rgba(0,0,0,0.25);*/
}

/* iframe fill container */
.himss-onyx-canva-video-frame iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
}

/* tablet */
@media (max-width:1024px){

    .himss-onyx-canva-video-container{
        max-width:85%;
    }

}

/* mobile */
@media (max-width:768px){

    .himss-onyx-canva-video-container{
        max-width:95%;
    }

}

.onyx-feature-boxes{
  display:flex;
  justify-content:center;
  gap:40px;
  margin-top:50px;
  flex-wrap:wrap;
   max-width: 100%;   
    margin: 40px auto;
}

.feature-box{
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 22px 30px;
  min-width: 320px;
  text-align: center;
  color:#fff;
  transition: all .35s ease;
 
  background-color: #4C4C4C;
}

.feature-box h4{
  font-size:16px;
  font-weight:500;
  margin:0;
}






/*why onyx*/

/* Container */
.why-onyx-stack-bottom-link{
    width: 90%;
    margin: 40px auto;
}

/* Card */
.why-onyx-stack-bottom{
    background: rgba(255,255,255,0.05);
     border: 1px solid #eee;
    border-radius: 14px;
    padding: 28px 35px;
    text-align: center;
    backdrop-filter: blur(6px);
    transition: all .35s ease;
    background-color:#4C4C4C;
}

/* Caption text */
.why-onyx-stack-caption{
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
}

/* Highlight text */
.why-onyx-stack-highlight{
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
}

.why-onyx-stack-bottom:hover{
    transition: 0.3s 
ease, box-shadow .3s 
ease, transform .25s 
ease;
    border-color: rgba(76, 76, 76);
   
}
    :root {
      --black: #0d0d0d;
      --white: #ffffff;
      --red: #fe3619;
      --pub-bg: #252525;
      --gray-light: #f4f4f4;
      --gray-mid: #999;
      --gray-border: #e0e0e0;
      --card-bg: #ffffff;
      --dark-card: #1a1a1a;
    }

    @font-face {
      font-family: 'urbanist-regular';
      src: url('/wp-content/uploads/elementor/google-fonts/fonts/Outfit-Regular.ttf');
    }

    @font-face {
      font-family: 'outfit-regular';
      src: url('/wp-content/uploads/elementor/google-fonts/fonts/Outfit-Regular.ttf');
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body {  background: #fff; }
    a { text-decoration: none; color: inherit; }
    ul { list-style: none; }

    /* ============================================================
       FOOTER
    ============================================================ */
    .footer {
      background: #ffffff;
        margin: 15px;
    margin-top: 0;
    }

    /* ── Main content area ── */
    .footer__main {
   max-width: 1512px;
    width: 100%;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: start;
        padding: 30px 60px;
    }

    /* ── LEFT: Two quick link columns side by side ── */
    .footer__links-wrapper {
      display: flex;
      gap: 80px;
    }

    .footer__col-title {
      font-size: 24px;
      font-weight: 500;
      color: #111111;
      margin-bottom: 28px;
      letter-spacing: -0.1px;
      font-family: 'urbanist-regular';
    }

    .footer__links {
      display: flex;
      flex-direction: column;
      gap: 18px;
      line-height: 1.1;
    }

    .footer__links a {
      font-size: 20px;
      font-weight: 400;
      color: #11111180;
      transition: color 0.2s ease;
      white-space: nowrap;
      font-family: 'urbanist-thin';
    }
    .footer__links a:hover {
      color: #555;
    }

    .footer__spacer {
    }

    .footer__contact {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      text-align: right;
      gap: 4px;
    }

    .footer__phone {
      font-size: clamp(20px, 3vw, 28px);
      font-weight: 550;
      color: #fe3619;
      letter-spacing: -0.5px;
      margin-bottom: 12px;
      line-height: 1;
      font-family: 'outfit-regular';
    }

    .footer__company-name {
      font-size: 20px;
      font-weight: 400;
      color: rgba(17,17,17,0.5);
      
      font-family: 'outfit-regular';
    }

    .footer__address {
      font-size: 20px;
      font-weight: 400;
            color: rgba(17,17,17,0.5);
      
      font-family: 'outfit-regular';
    }

    /* Onyx logo — large, dark, bottom right */
    .footer__logo {
      
      display: flex;
      justify-content: flex-end;
    }

    .footer__logo img {
      width: 280px;
    }

    .footer__logo-text {
      font-size: clamp(48px, 7vw, 88px);
      font-weight: 700;
      color: #111111;
      letter-spacing: -3px;
      line-height: 1;
      font-family: 'urbanist-regular';
      /* Mimic the Onyx custom lettering — the "o" appears open/cut */
      position: relative;
    }

    .footer__bottom {
      max-width: 1512px;
      margin: 0 auto;
      padding:0 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      align-items: flex-end;
    }

    .footer__copyright {
      font-size: 20px;
      font-weight: 400;
      color: #888;
      font-family: 'urbanist-thin';
    }

    /* Tablet */
    @media (max-width: 1024px) {
      .footer__main {
        grid-template-columns: 1fr 1fr;
        padding: 48px 40px 40px;
        gap: 40px;
      }
      .footer__spacer { display: none; }
      .footer__links-wrapper { gap: 48px; }
    }

    /* Mobile */
    @media (max-width: 680px) {
      .footer__main {
        grid-template-columns: 1fr;
        padding: 40px 24px 32px;
        gap: 40px;
      }
      .footer__contact {
        align-items: flex-start;
        text-align: left;
      }
      .footer__logo {
        justify-content: flex-start;
      }
      .footer__bottom {
        padding: 16px 24px;
        flex-direction: column;
        gap: 8px;
        text-align: center;
      }
      .footer__links-wrapper { gap: 40px; }
    }

    @media (max-width: 420px) {
      .footer__links-wrapper {
        flex-direction: column;
        gap: 32px;
      }
    }/* End custom CSS */