
@media (min-width: 1024px) {
  .p-x3.hb2-live .x3-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .p-x3.hb2-live .x3-products__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

html:has(.x3-ticker) .p-home-b2 .h9__copy{padding-top:calc(clamp(104px,13vh,148px) + 54px)}

@media (max-width:900px){ html:has(.x3-ticker) .p-home-b2 .h9__copy{justify-content:flex-start !important;padding-top:calc(44px + 64px + 16px) !important} }
@media (min-width:768px) and (max-width:900px){ html:has(.x3-ticker) .p-home-b2 .h9__copy{padding-top:calc(54px + 64px + 16px) !important} }

@media (max-width:699px){
  html body .p-home-b2 .h9__pin{height:calc(100svh + 42svh) !important}
  html body .p-home-b2 .h9__copy, html:has(.x3-ticker) body .p-home-b2 .h9__copy{height:100svh;min-height:0;justify-content:center !important;padding:64px 20px 48px !important}
  html:has(.x3-ticker) body .p-home-b2 .h9__copy{padding-top:calc(44px + 64px) !important}
}

@media (min-width: 1024px) {
  .p-x3.hb2-live .x3-prod__line { white-space: normal; overflow: visible; text-overflow: clip; }
}

.p-x3.hb2-live .x3-products__inner,
.p-x3.hb2-live .x3-certs__inner,
.p-x3.hb2-live .x3-quote__inner,
.p-x3.hb2-live .c-cta__inner {
  max-width: 1232px;
  padding-inline: 24px;
}

.p-x3.hb2-live .x3-link-plain {
  font-size: var(--fs-sm);
  font-weight: 500;
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  transition: color 0.2s ease;
}
.p-x3.hb2-live .x3-link-plain:hover { color: var(--color-blue-200); }

.p-x3.hb2-live .x3-certs__gartner-cta {
  font-family: inherit;
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: normal;
  text-transform: none;
  color: var(--color-blue);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.p-x3.hb2-live .x3-certs__gartner:hover .x3-certs__gartner-cta { color: var(--color-black); }

@media (min-width: 1024px) {
  .p-x3.hb2-live .x3-prod__visual { aspect-ratio: 1 / 1; min-height: 0; }
}

html body .p-home-b2 .logos9>p, html body .p-home-b2 .proof9,
html body .p-home-b2 .sec--era .head, html body .p-home-b2 .sec--era .era9,
html body .p-home-b2 section[aria-labelledby="h-sol"]>*,
html body .p-home-b2 .p-x3 .x3-why__inner, html body .p-home-b2 .h9__inds,
.p-x3.hb2-live .x3-products__inner, .p-x3.hb2-live .x3-certs__inner,
.p-x3.hb2-live .x3-quote__inner, .p-x3.hb2-live .c-cta__inner { max-width: 1392px !important; }
html body .p-home-b2 .era9__stagewrap { max-width: none !important; }
@media (min-width: 901px) {
  html body .p-home-b2 .ap__l { padding-left: max(24px, calc((100cqw - 1344px) / 2)) !important; }
  html body .p-home-b2 .ap__r { margin-right: max(24px, calc((100cqw - 1344px) / 2)) !important; }
}
@media (min-width: 1024px) {
  html body .p-home-b2 .p-x3 .x3-why__inner { grid-template-columns: calc(45cqw - 65px - max(24px, (100cqw - 1344px) / 2)) minmax(0, 1fr) !important; }
}
@media (min-width: 1024px) and (max-width: 1400px) {
  html body .p-home-b2 .p-x3 .x3-why__inner { grid-template-columns: calc(50cqw - 49px - max(24px, (100cqw - 1344px) / 2)) minmax(0, 1fr) !important; }
}

html body .p-home-b2 .era9__stat p { max-width: 440px !important; }

html body .p-home-b2 .era9__cs { color: var(--color-grey-300) !important; }

@media (min-width: 901px) {
  html body .p-home-b2 .stats9b { justify-content: center !important; gap: 48px !important; }
}

@media (max-width:900px){
  html body .p-home-b2 #stats9b{row-gap:40px;column-gap:24px;margin-top:56px !important;padding-top:40px}
  html body .p-home-b2 #stats9b .sc{padding:0 !important;border-top:0 !important}
  html body .p-home-b2 #stats9b .sc>span{margin-top:10px;line-height:1.4;text-wrap:balance}
  
  html body .p-home-b2 #stats9b .sc--lead b{font-size:72px !important;line-height:1;letter-spacing:-.045em}
  html body .p-home-b2 #stats9b .sc--lead>span{margin-top:12px}
  html body .p-home-b2 .inds9{position:relative;gap:28px;margin-top:56px !important;padding-top:40px}
  html body .p-home-b2 .inds9::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(5,5,5,.12)}
  
  html body .p-home-b2 .inds9 p{display:flex;flex-wrap:wrap;width:100%;font-size:0 !important;line-height:1.4;text-align:center}
  html body .p-home-b2 .inds9 p a{flex:0 0 calc(50% - 12px);padding:7px 0;font-size:14px;margin:0 !important}
  html body .p-home-b2 .inds9 p a:nth-of-type(odd){margin-right:24px !important}
}

html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel { margin-top: 48px !important; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel:first-child { margin-top: 0 !important; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel-in { position: relative; background: var(--color-grey-50); border: 1px solid var(--color-grey-100); border-radius: 24px; padding: 16px 16px 0; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__media { aspect-ratio: 11 / 5; border-radius: 16px; margin: 0; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__media--product { background: var(--color-white); border: 1px solid var(--color-grey-100); box-shadow: none; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__scene { transform: none; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__body { margin: 0; padding: 24px 16px 32px; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__lede { margin: 0; font: 400 24px/1.25 var(--font-display); letter-spacing: -0.02em; color: var(--color-grey-400); text-wrap: pretty; max-width: 34em; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__lede .x3-why__name { display: inline; font: inherit !important; font-weight: 500 !important; letter-spacing: inherit !important; color: var(--color-black); }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__lede .x3-why__sub { display: inline; margin: 0; font: inherit; color: inherit; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__notes { margin: 24px 0 0; padding: 24px 0 0; border-top: 1px solid var(--color-grey-100); list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__notes li { font: 400 14px/1.5 var(--font-sans); color: var(--color-grey-400); text-wrap: pretty; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__notes a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__go { margin-top: 32px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--color-black); text-decoration: none; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__go::after { content: ""; position: absolute; inset: 0; border-radius: 24px; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel-in:has(.x3-why__go) { cursor: pointer; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__tag { display: inline-flex; align-items: center; height: 32px; padding: 0 16px; border-radius: 9999px; background: var(--color-white); font: 400 14px/20px var(--font-sans); color: var(--color-grey-500); }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__arrow { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 9999px; background: var(--color-black); color: var(--color-white); transition: background-color 0.25s var(--ease-out-expo), transform 0.25s var(--ease-out-expo); }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel-in:hover .x3-why__arrow,
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__go:focus-visible .x3-why__arrow { background: var(--color-blue-500); transform: rotate(45deg); }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__go:focus-visible { outline: 0; }
html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel-in:has(.x3-why__go:focus-visible) { outline: 2px solid var(--color-blue-500); outline-offset: 4px; }
@media (max-width: 639px) {
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__media { aspect-ratio: 16 / 10; }
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel { margin-top: 32px !important; }
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__panel:first-child { margin-top: 0 !important; }
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__body { padding: 16px 8px 24px; }
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__lede { font-size: 20px; }
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__notes { grid-template-columns: 1fr; gap: 8px; margin-top: 16px; padding-top: 16px; }
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__go { margin-top: 24px; }
}

.p-home-b2 { --vis-in: min(96px, 6.67vw); }
@media (min-width: 901px) {
  html body .p-home-b2 .ap__r { margin-left: var(--vis-in); }
}
@media (min-width: 1024px) {
  html body .p-home-b2 .p-x3 .x3-why--cards .x3-why__feed { margin-left: var(--vis-in); }
}
