.btn,
.nav-cta,
.section-eyebrow {
  text-transform: uppercase
}

.btn,
body {
  font-family: var(--body);
}

.btn,
.section-eyebrow {
  gap: 12px
}

.site-logo svg,
.site-logo-sticky svg,
img {
  display: block
}

section[id] {
  scroll-margin-top: 120px;
}

.site.is-italian .en {
	display: none;
}

.site.is-english .it {
	display: none;
}

:root {
  --peaxy-black: #0A1628;
  --brand-black: #132D4D;
  --peaxy-dark-blue: #0A0E13;
  --peaxy-blue: #00456E;
  --electric-blue: #00A3E0;
  --line-teal: #34BBC8;
  --line-blue: #208BD2;
  --pe-thread: #4fd1c5;
  --grad-top: #00D0F2;
  --grad-bottom: #22008A;
  --gray-65: #8996A6;
  --gray-80: #BCC3CC;
  --gray-95: #EDF0F1;
  --white: #FFFFFF;
  --confidential: #C00000;
  --panel-divider-bg: #0d1117;
  --bg-primary: #0a0e13;
  --bg-secondary: #0f1419;
  --bg-card: #161b22;
  --border: rgba(255, 255, 255, 0.08);
  --border-accent: rgba(0, 180, 216, 0.3);
  --text-primary: #f0f4f8;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --accent-cyan: #00b4d8;
  --accent-amber: #f59e0b;
  --max-w: 1200px;
  --section-pad: 100px;
  --radius: 8px;
  --display: 'Archivo', sans-serif;
  --body: 'IBM Plex Sans', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}

html {
  scroll-behavior: smooth
}

body {
  background: var(--peaxy-black);
  color: var(--white);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden
}

a {
  color: inherit;
  text-decoration: none
}

.featured-section-container h2,
.featured-section-container p,
.stacked-content-section .steps-wrapper,
img {
  max-width: 100%
}

h3 {
    font-size: clamp(30px, 4vw, 29px);
    margin: 0 0 10px;
}

.btn {
  display: inline-flex;
  align-items: center;
  padding: 18px 32px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .06em;
  transition: .25s;
  cursor: pointer;
  border: 1px solid
}

#site-header,
.section-eyebrow {
  align-items: center;
  display: flex
}

.btn-primary {
  background: var(--electric-blue);
  border-color: var(--electric-blue);
  color: var(--peaxy-black)
}

.btn-primary:hover {
  background: var(--white);
  border-color: var(--white)
}

.btn-secondary {
  background: 0 0;
  border-color: rgba(188, 195, 204, .4);
  color: var(--white)
}

.btn-secondary:hover {
  border-color: var(--electric-blue);
  color: var(--electric-blue)
}

.bg-charcoal {
  background-color: var(--peaxy-dark-blue)
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.fixed-width {
  padding: 0 1.5rem;
  margin: 0 auto
}

section.pt-default {
  padding-top: 4rem
}

section.pt-default.first-section {
  padding-top: calc(4rem + 74px)
}

section.pb-default {
  padding-bottom: 4rem
}

.final-cta,
.insight-meta,
.logos-section,
.stacked-content-section .subsections-wrapper .sbt-default .fixed-width,
.vertical:last-child,
section.bt-default {
  border-top: 1px solid rgba(137, 150, 166, .18)
}

.logos-section,
.stacked-content-section .subsections-wrapper .sbb-default .fixed-width,
section.bb-default {
  border-bottom: 1px solid rgba(137, 150, 166, .18)
}

.section-eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .4em;
  color: var(--electric-blue);
  margin-bottom: 24px
}

.section-eyebrow::before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 1px;
  background: var(--electric-blue)
}

.section-eyebrow.default-eyebrow {
  color: var(--pe-thread);
      font-size: .8rem;
	letter-spacing: .18em;
    text-transform: uppercase;
}

.section-eyebrow.default-eyebrow::before {
  content: none;
}

.featured-section-container .vertical-tag:before,
.final-ctas .wpcf7-spinner,
.grecaptcha-badge,
.hero-container.with-accreditation .scene-label,
.main-navigation,
.menu-right,
.section-eyebrow.no-dash::before,
.single-post .sidebar-section .blog-box span,
.single-post .sidebar-section .feature-blog-main-img,
.single-post .sidebar-section .read-more,
.stacked-content-section .steps-wrapper .insight-tag::before {
  display: none
}

.section-title {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(36px, 4.5vw, 60px);
  line-height: 1.05;
  letter-spacing: -.02em;
  margin-bottom: 28px
}

.hero-container .hero-sub,
.section-lead {
  font-family: var(--body);
  font-weight: 300
}

.section-lead {
  font-size: 16px;
  line-height: 1.6;
  color: var(--gray-80)
}

.section-lead strong {
    font-weight: 600;
    color: #eef3f8;
}

.section-lead em strong,
.vertical .body em strong {
    color: var(--pe-thread);
    font-style: normal;
	font-weight: 600;
}

.section-lead p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.section-lead h1,
.section-lead h2,
.section-lead h3,
.section-lead h4,
.section-lead h5 {
    color: #ffffff;
	margin-top: 2rem;
}

#site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
  padding: 1.5rem;
  justify-content: space-between;
  backdrop-filter: blur(12px);
  background: rgba(10, 22, 40, .4);
  border-bottom: 1px solid rgba(137, 150, 166, .12);
  transition: padding .3s
}

#site-header>div:first-child {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0
}

#site-header .site-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center
}

#site-header .site-logo {
  max-width: 120px
}

.site-logo a,
.site-logo-sticky a {
  text-decoration: none !important;
  border-bottom: 0
}

#site-navigation a {
  border-bottom: 0
}

.main-navigation-mobile>div ul {
  list-style-type: none;
  text-align: left
}

.main-navigation-mobile>div>ul>li>a {
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--electric-blue);
  cursor: default;
  text-align: left;
  font-weight: 700
}

.main-navigation-mobile>div {
  padding: 5rem 2rem
}

.main-navigation-mobile > div > ul > li:not(:has(> .sub-menu)) > a {
    text-transform: none;
    font-weight: 700;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
	cursor: pointer;
}

.mobile-get-in-touch-btn a,
.mobile-online-demo-btn a {
  padding: .5rem .7rem;
  display: block;
  margin-right: 24px;
  max-width: 345px;
  font-size: 24px !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-transform: none !important
}

.main-navigation-mobile>div .sub-menu a {
  text-decoration: none;
  font-size: 24px;
  color: #fff;
  font-weight: 600
}

.main-navigation-mobile>div .sub-menu li {
  margin: 1rem 0
}

.main-navigation-mobile>div>ul>li {
  margin-bottom: 2.5rem
}

.main-navigation-mobile {
  background: var(--peaxy-black);
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  text-align: center;
  transition: .5s;
  z-index: 200;
  right: -100vw;
  overflow: auto
}

.menu-mobile-show {
  right: 0
}

.menu-mobile-hide {
  right: -100vw
}

.mobile-get-in-touch-btn a {
  border: 1px solid #fff !important;
  border-radius: 8px
}

.mobile-online-demo-btn a {
  color: #132d4d !important;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px
}

.lang-toggle {
	margin-right: 1.5rem;
}

.lang-toggle span {
    font-weight: 200;
    color: #ffffff;
    cursor: pointer;
}

.lang-toggle span.selected {
    font-weight: 600;
    opacity: 1;
}

.lang-toggle.mobile {
    position: absolute;
    right: 75px;
    top: 27px;
}

.single-post .lang-toggle {
    display: none;
}

.mobile-online-demo-btn {
  margin-bottom: 1.5rem !important
}

.mobile-online-demo-btn.view-brochure a {
  background-color: #00a3e0;
  border: 1px solid #00a3e0;
  color: #fff !important
}

.hamburger-menu {
  z-index: 201;
  position: absolute;
  top: 23px;
  right: 24px;
  width: 32px;
  cursor: pointer;
  height: 31px
}

.bar,
.bar:after,
.bar:before {
  width: 28px;
  height: 2px
}

.bar {
  position: relative;
  background: #fff;
  transition: 0s .3s;
  transform: translateY(15px)
}

.bar.animate {
  background: #fff0 !important
}

.bar:after,
.bar:before {
  content: "";
  left: 0;
  background: #fff;
  position: absolute
}

.bar:before {
  bottom: 10px;
  transition: bottom .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1)
}

.bar:after {
  top: 10px;
  transition: top .3s cubic-bezier(.23, 1, .32, 1) .3s, transform .3s cubic-bezier(.23, 1, .32, 1)
}

.bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
  background: #fff !important
}

.bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom .3s cubic-bezier(.23, 1, .32, 1), transform .3s cubic-bezier(.23, 1, .32, 1) .3s;
  background: #fff !important
}

.hamburger-menu-sticky .bar,
.hamburger-menu-sticky .bar::after,
.hamburger-menu-sticky .bar::before,
.hamburger-menu.dark-theme .bar,
.hamburger-menu.dark-theme .bar::after,
.hamburger-menu.dark-theme .bar::before {
  background: #00a3e0
}

.nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: 0 0;
  border: 1px solid var(--electric-blue);
  color: var(--white);
  font-family: var(--body);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .05em;
  transition: .2s;
  cursor: pointer
}

.nav-cta:hover {
  background: var(--electric-blue);
  color: var(--peaxy-black)
}

.nav-cta::after {
  content: '→';
  font-size: 14px
}

section.hero-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  position: relative;
  padding-top: 75px
}

.hero-container h1,
h1.page-title {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(40px, 6.8vw, 95px);
  line-height: .98;
  letter-spacing: -.03em;
  color: var(--white);
  margin-bottom: 32px;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .35)
}

.hero-container h1 span {
	color: var(--electric-blue);
}

.hero-container h1 span.en,
.hero-container h1 span.it{
	color: var(--white);
}

.hero-container h1.title-small {
  font-size: clamp(40px, 6.8vw, 75px)
}

.hero-container .hero-sub {
  font-size: clamp(18px, 1.5vw, 24px);
  line-height: 1.5;
  color: var(--gray-80);
  margin-bottom: 48px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, .3)
}

.hero-container .hero-sub.subtitle-small {
  font-size: clamp(18px, 1.5vw, 20px);
}

.hero-container .hero-sub strong {
	font-weight: 700;
}

.hero-container .hero-ctas {
  display: flex;
  gap: 16px;
  margin-bottom: 80px;
  flex-direction: column;
  align-items: flex-start
}

.hero-container .atmosphere {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(13, 17, 23, .25) 0, rgba(13, 17, 23, .4) 45%, rgba(13, 17, 23, .8) 100%);
  pointer-events: none;
  opacity: .3
}

.hero-container .scenes {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none
}

.hero-container .scene {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .8s ease-in-out;
  overflow: hidden
}

.hero-container .scene-label {
  position: absolute;
  bottom: calc(100vh - 90%);
  left: 25px;
  z-index: 5;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 13px;
  letter-spacing: 1.5px;
  color: #fff;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity 1s ease-in-out .5s;
  padding-right: 25px;
  line-height: 2
}

.hero-content .trust-label,
.vertical-tag {
  font-family: var(--mono);
  font-size: 11px;
  text-transform: uppercase
}

.hero-container .scene-label.active,
.hero-container .scene.active,
.scroll-panels-section .scroll-panel-bg.active {
  opacity: 1
}

.hero-container .scene-label::before {
  content: '/ ';
  color: #fff;
  margin-right: 4px
}

.hero-container .scene-img,
.hero-container .scene-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  animation-fill-mode: both;
  filter: saturate(.55) brightness(.45) contrast(1.08) hue-rotate(-8deg);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity
}

.hero-container .fixed-width {
  position: relative;
  z-index: 10;
  width: 100%
}

.hero-container .slide-dots {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  display: flex;
  gap: 8px
}

.hero-container .slide-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .25);
  transition: background .3s, transform .3s;
  cursor: pointer
}

.hero-container.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 30%
}

.hero-container.bg-image:after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 20%, rgba(0, 163, 224, .16), transparent 55%)
}

.final-cta .cta-form-trigger.active,
.latest-article-section .owl-theme .owl-dots .owl-dot.active span,
.latest-article-section .owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--electric-blue)
}

.slide-dot.active {
  background: var(--electric-blue);
  transform: scale(1.25)
}

.scene.kb-drift-left .scene-img.animating {
  animation: 7.5s ease-out both kenburns-drift-left
}

.scene.kb-drift-right .scene-img.animating {
  animation: 7.5s ease-out both kenburns-drift-right
}

.scene.video-scene .scene-video.animating {
  animation: 7.5s ease-out both kenburns-video
}

@keyframes kenburns-drift-left {
  0% {
    transform: scale(1) translate(0, 0);
    transform-origin: 30% 40%
  }
  100% {
    transform: scale(1.18) translate(-2%, -1%);
    transform-origin: 30% 40%
  }
}

@keyframes kenburns-drift-right {
  0% {
    transform: scale(1) translate(0, 0);
    transform-origin: 70% 50%
  }
  100% {
    transform: scale(1.18) translate(2%, -1%);
    transform-origin: 70% 50%
  }
}

@keyframes kenburns-video {
  0% {
    transform: scale(1);
    transform-origin: 50% 40%
  }
  100% {
    transform: scale(1.1);
    transform-origin: 50% 40%
  }
}

.hero-content .trust-strip {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border-top: 1px solid rgba(137, 150, 166, .18);
	margin-bottom: 5rem;
	gap: 16px;
}

.hero-content .trust-strip > div {
  position: relative;
  z-index: 10;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  flex-wrap: wrap;
  align-items: center;
	    grid-template-columns: 1fr;
	
}

.hero-content .trust-strip > div:not(:last-child) {
    padding-top: 28px;
}

.hero-content .trust-label {
  letter-spacing: .25em;
  color: var(--gray-65)
}

.verticals-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 80px;
  border-top: 1px solid rgba(137, 150, 166, .18);
  border-bottom: 1px solid rgba(137, 150, 166, .18)
}

.verticals-wrapper .cell-highlight-box {
    margin-top: 0px !important;
    margin-bottom: 1rem  !important;
}

.vertical-tag {
  letter-spacing: .3em;
  color: var(--electric-blue);
  margin-bottom: 24px
}

.footer-menu .menu>li>a:before,
.insight-tag::before,
.logos-section h2::before,
.vertical-tag::before {
  content: '/ '
}

.vertical {
  position: relative;
  padding: 2rem;
  border-right: 1px solid rgba(137, 150, 166, .18);
  border-left: 1px solid rgba(137, 150, 166, .18);
  display: flex;
  flex-direction: column;
  min-height: 480px;
  transition: background .3s;
}

a.vertical {
	cursor: pointer;
}

.article-grid-container .panel-size-tall img,
.insight-card {
  min-height: 320px
}

.vertical:hover {
  background: rgba(0, 163, 224, .03)
}

.featured-section-container h2,
.vertical h3 {
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 24px;
  max-width: 460px
}

.featured-section-container .section-content p,
.vertical p {
  font-family: var(--body);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  color: var(--gray-80);
  margin-bottom: 32px;
  max-width: 460px
}

.cap h3,
.insight-card h3 {
  margin-bottom: 16px;
  letter-spacing: -.01em
}

.vertical-list {
  list-style: none;
  margin-bottom: 32px
}

.vertical-list li {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--gray-65);
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 10px 0;
  border-top: 1px solid rgba(137, 150, 166, .14);
  display: flex;
  justify-content: space-between
}

.vertical-list li span {
  color: var(--white);
  text-align: right
}

.vertical-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--white);
  border-bottom: 1px solid var(--electric-blue);
  padding-bottom: 8px;
  align-self: flex-start
}

.verticals-section .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.verticals-section .body ul li {
    position: relative;
    padding: 9px 0 9px 22px;
    color: #9fb0c0;
    font-size: .95rem;
    border-top: 1px solid #18222e;
}

.verticals-section .body ul li:first-child {
    border-top: none;
}

.verticals-section .body ul li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 20px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--pe-thread);
}


.cap .card-subtext,
.cap-num,
.insight-tag {
  font-family: var(--mono);
  text-transform: uppercase
}

.cap .card-subtext,
.cap-num {
  font-size: 11px
}

.cap-num,
.final-ctas .captcha-message p a,
.insight-tag,
.office-cards-section .office-region,
.vertical-arrow {
  color: var(--electric-blue)
}

.capabilities-wrapper,
.insight-card {
  border: 1px solid rgba(137, 150, 166, .18)
}

.vertical-arrow {
  display: inline-block;
  transition: transform .25s
}

.articles-wrapper,
.capabilities-wrapper {
  display: grid;
  margin-top: 64px;
  grid-template-columns: 1fr
}

.featured-section-container .link:hover .vertical-arrow,
.vertical:hover .vertical-arrow {
  transform: translateX(8px)
}

.cards-bg,
.hero-container.bg-none {
  background: linear-gradient(180deg, var(--peaxy-black) 0, #0d1c33 50%, var(--peaxy-black) 100%);
  position: relative
}

.cards-bg::before,
.hero-container.bg-none::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0, 163, 224, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 163, 224, .025) 1px, transparent 1px);
  background-size: 80px 80px;
  pointer-events: none
}

.capabilities-wrapper {
  gap: 0
}

.capabilities-wrapper.col-two {
  border-left: 0;
  border-right: 0
}

.cap {
  padding: 40px 32px;
  border-bottom: 1px solid rgba(137, 150, 166, .18);
  position: relative;
  background: rgba(10, 22, 40, .4);
  backdrop-filter: blur(8px);
  transition: background .3s
}

.cap:hover {
  background: rgba(0, 69, 110, .25)
}

.cap:last-child {
  border-right: none;
  border-bottom: none
}

.cap-num {
  letter-spacing: .2em;
  margin-bottom: 32px
}

.cap h3 {
  font-family: var(--display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2
}

.cap p {
  font-family: var(--body);
  font-weight: 300;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gray-80)
}

.cap .card-subtext {
  margin-top: 20px;
  letter-spacing: .1em;
  color: var(--gray-65)
}

.articles-wrapper {
  gap: 24px
}

.insight-card {
  background: rgba(255, 255, 255, .02);
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  transition: .25s;
  cursor: pointer
}

.insight-card:hover {
  border-color: var(--electric-blue);
  background: rgba(0, 163, 224, .04)
}

.insight-tag {
  font-size: 10px;
  letter-spacing: .3em;
  margin-bottom: 28px
}

.insight-card h3 {
  font-family: var(--display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.25;
  color: var(--white)
}

.insight-card p {
  font-family: var(--body);
  font-size: 14px;
  font-weight: 300;
  color: var(--gray-80);
  line-height: 1.6;
  margin-bottom: 24px
}

.hero-content .cert-row,
.insight-meta,
.logos-section .cert-row,
.logos-section h2 {
  font-family: var(--mono);
  text-transform: uppercase
}

.insight-meta {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  color: var(--gray-65);
  letter-spacing: .1em;
  padding-top: 24px
}

.logos-section h2 {
  font-size: 12px;
  letter-spacing: .4em;
  color: var(--electric-blue);
  margin-bottom: 48px;
  text-align: center
}

.logos-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  border-radius: 8px;
  background: rgba(255, 255, 255, .92)
}

.logos-wrapper ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .2s, background .2s;
  width: 100%;
  height: 100%;
  padding: 1.2rem;
  min-height: 85px;
  position: relative;
  width: calc(100% / 2);
  align-self: center;
  aspect-ratio: 4/3
}

.logos-wrapper ul li:hover {
  background: rgba(0, 163, 224, .05)
}

.logos-wrapper ul li:after,
.logos-wrapper ul li:before {
  background: rgba(137, 150, 166, .15);
  position: absolute;
  content: ''
}

.logos-wrapper ul li img {
  width: auto;
  max-height: 70px;
  max-width: 100%;
  mix-blend-mode: multiply
}

.logos-wrapper ul li:before {
  right: 0;
  top: 24%;
  bottom: 24%;
  width: 1px
}

.logos-wrapper ul li:after {
  bottom: 0;
  left: 16%;
  right: 16%;
  height: 1px
}

.hero-content .cert-row,
.logos-section .cert-row {
  display: flex;
  justify-content: center;
  column-gap: 24px;
  row-gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--gray-65);
  letter-spacing: .15em;
  margin-top: 3rem
}

.hero-content .cert-row {
  margin-top: 0;
  color: var(--gray-80);
  justify-content: flex-start
}

.footer-legal-menu ul li,
.hero-content .cert-row span,
.logos-section .cert-row span {
  position: relative
}

.hero-content .cert-row span:not(:last-child)::after,
.logos-section .cert-row span:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 50%;
  width: 3px;
  height: 3px;
  background: var(--electric-blue);
  border-radius: 50%;
  transform: translateY(-50%)
}

.final-cta-inner.fixed-width {
  max-width: 900px
}

.final-cta {
  position: relative;
  padding: 3rem 1rem;
  text-align: center;
  background: radial-gradient(ellipse at center, rgba(0, 163, 224, .12) 0, transparent 70%), var(--peaxy-black);
  overflow: hidden
}

.final-cta .cta-form-item {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height .4s, opacity .3s
}

.final-cta .cta-form-item.active {
  max-height: 1000px;
  opacity: 1
}

.final-cta::before {
  content: '/';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--display);
  font-weight: 900;
  font-size: clamp(400px, 60vw, 800px);
  color: var(--electric-blue);
  opacity: .05;
  line-height: 1;
  pointer-events: none
}

.final-cta h2 {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(40px, 6vw, 64px);
  line-height: 1.05;
  letter-spacing: -.02em;
  margin-bottom: 32px
}

.final-cta p {
  font-family: var(--body);
  font-weight: 300;
  font-size: 19px;
  line-height: 1.6;
  color: var(--gray-80);
  margin-bottom: 48px;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto
}

.final-ctas {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center
}

.final-cta .label {
    font-family: var(--mono);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 1.5rem;
    color: var(--electric-blue);
}

.final-cta .cert-row,
.split-feature-wrapper .cert-row {
	 margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.final-cta .cert-row span,
.split-feature-wrapper .cert-row span {
	font-size: .74rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #6b7d8f;
    border: 1px solid #1f2c3a;
    border-radius: 5px;
    padding: 7px 12px;
}


.final-cta .cta-form-trigger.active,
.final-cta .cta-form-trigger.active .vertical-arrow,
.final-ctas .btn-primary .vertical-arrow {
  color: var(--peaxy-black)
}

.final-ctas .btn-secondary .vertical-arrow {
  color: var(--white);
  position: relative;
  transition: right .3s ease-in-out;
  right: 0
}

.final-ctas .btn-secondary:hover .vertical-arrow {
  right: -5px;
  color: var(--electric-blue)
}

.final-ctas .cta-form-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  justify-content: center;
  grid-gap: 2rem
}

.final-ctas .cta-form-wrapper p,
.single-post .sidebar-section.related .blog-box h1 {
  margin-bottom: 0
}

.final-ctas .cta-form-wrapper input {
  width: 100%;
  margin-top: 8px;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #dfe2e6
}

.final-ctas .cta-form-wrapper label {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  font-weight: 600
}

.final-ctas .captcha-message p {
  font-size: 12px;
  margin-bottom: 1rem;
  margin-top: 1rem
}

.final-ctas input[type=submit] {
  font-weight: 500;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--white);
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid var(--electric-blue);
  padding-bottom: .5rem;
  cursor: pointer
}

.final-ctas form {
  padding: 2rem;
  border: 1px solid #ffffff75;
  border-radius: 10px;
  margin: 2rem 0;
  background-color: var(--peaxy-black);
  z-index: 2;
  position: relative
}

.final-ctas .wpcf7 form.invalid .wpcf7-response-output,
.final-ctas .wpcf7 form.payment-required .wpcf7-response-output,
.final-ctas .wpcf7 form.unaccepted .wpcf7-response-output {
  border: 0;
  margin: 0;
  padding: 0;
  color: var(--electric-blue);
  font-weight: 700
}


.statistics-boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px
}

.statistics-boxes>div {
  border-left: 3px solid #00b4d8;
  padding-left: 24px
}

.statistics-boxes .section-eyebrow {
  margin-bottom: 4rem
}

.statistics-boxes>div .title {
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(28px, 3vw, 60px);
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 1rem
}

.statistics-boxes>div .text {
  font-family: var(--body);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  color: var(--gray-80)
}

.stats-section .section-lead+.statistics-boxes {
	margin-top: 64px;
}

.testimonials-section .testimonial-box {
  background: rgba(255, 255, 255, .02);
  border: .5px solid var(--border);
  border-radius: 8px;
  padding: 28px;
  display: flex;
  flex-direction: column
}

.testimonials-section .testimonial-boxes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.testimonials-section .testimonial-box .quote-wrapper {
  border-left: 3px solid #00b4d8;
  padding-left: 20px;
  flex: 1
}

.testimonials-section .testimonial-box .quote-wrapper p {
  font-size: 15px;
  font-weight: 400;
  font-style: italic;
  color: #c9d1d9;
  line-height: 1.75;
  margin: 0
}

.testimonials-section .author-info-wrapper {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: .5px solid rgba(255, 255, 255, .06)
}

.testimonials-section .author-info-wrapper .author-img {
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.testimonials-section .author-info-wrapper .author-img img {
  border-radius: 50%
}

.testimonials-section .author-info-wrapper .author-name {
  font-size: 14px;
  font-weight: 500;
  color: #fff
}

.testimonials-section .author-info-wrapper .author-title {
  margin: 3px 0 0;
  font-size: 12px;
  font-weight: 400;
  color: #6e7681
}

.stacked-content-section .subsections-wrapper {
  margin-top: 4rem
}

.stacked-content-section .subsections-wrapper .spt-default.with-bg {
  padding-top: 6rem
}

.stacked-content-section .subsections-wrapper .spb-default.with-bg {
  padding-bottom: 6rem
}

.stacked-content-section .subsections-wrapper .spt-default .fixed-width {
  padding-top: 3rem
}

.stacked-content-section .subsections-wrapper .spb-default .fixed-width {
  padding-bottom: 3rem
}

.stacked-content-section .subsections-wrapper>div {
  overflow: hidden;
  position: relative
}

.stacked-content-section .text-section-wrapper .text-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  will-change: transform;
  z-index: 0
}

.stacked-content-section .text-section-wrapper .text-bg-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(10, 22, 40, .92) 0, rgba(10, 22, 40, .78) 50%, rgba(10, 22, 40, .92) 100%)
}

.stacked-content-section .text-section-wrapper .fixed-width {
  position: relative;
  z-index: 3
}

.stacked-content-section .text-section-wrapper .fixed-width>.text-section-text {
  max-width: 820px
}

.stacked-content-section .text-section-wrapper .text-section-text>p:not(:last-child) {
  margin-bottom: 1.5rem
}

.stacked-content-section .text-section-wrapper .text-section-text>p {
  font-family: var(--body);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.7;
  color: var(--gray-80)
}

.stacked-content-section .grid-wrapper {
  border: 1px solid rgba(137, 150, 166, .18);
  display: grid;
  grid-template-columns: 1fr
}

.stacked-content-section .grid-wrapper .cap {
  border-right: 0
}

.stacked-content-section .text-section-wrapper .grid-wrapper {
  margin-top: 3.5rem
}

.stacked-content-section .grid-wrapper h3 {
  font-family: var(--display);
  font-weight: 700;
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 12px;
  color: var(--white)
}

.stacked-content-section .grid-wrapper p {
  font-family: var(--body);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.6;
  color: var(--gray-80)
}

.stacked-content-section .spotlight-section-wrapper .spotlight-box {
  border: 1px solid rgba(0, 163, 224, .25);
  background: rgba(0, 69, 110, .08);
  padding: 2rem;
  position: relative
}

.stacked-content-section .spotlight-section-wrapper .spotlight-box .section-eyebrow:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1.5px solid var(--electric-blue);
  border-radius: 50%;
  background: 0 0
}

.stacked-content-section .spotlight-section-wrapper .spotlight-box .text p {
  font-family: var(--body);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.7;
  color: var(--gray-80);
  max-width: 780px;
  margin-bottom: 20px
}

.stacked-content-section .spotlight-section-wrapper .spotlight-box .text p:last-child {
  margin: 0
}

.stacked-content-section .spotlight-section-wrapper .spotlight-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: var(--electric-blue)
}

.stacked-content-section .section-subtitle {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 28px;
  max-width: 800px
}

.stacked-content-section .spotlight-section-wrapper .statistics-wrapper .single-stat {
  display: flex;
  flex-direction: column
}

.stacked-content-section .spotlight-section-wrapper .statistics-wrapper {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid rgba(137, 150, 166, .18)
}

.stacked-content-section .spotlight-section-wrapper .statistics-wrapper .value {
  font-family: var(--display);
  font-weight: 800;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--white)
}

.stacked-content-section .spotlight-section-wrapper .statistics-wrapper .label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--gray-65);
  margin-top: 8px
}

.stacked-content-section .spotlight-section-wrapper .images-wrapper {
  display: flex;
  gap: 48px;
  flex-wrap: wrap;
  padding-top: 32px
}

.stacked-content-section .spotlight-section-wrapper .images-wrapper img,
.stacked-content-section .text-section-wrapper .text-section-img img {
  width: 100%;
  border-radius: 8px;
  display: block;
  max-width: 890px;
  height: auto
}

.stacked-content-section .spotlight-section-wrapper .images-wrapper figcaption,
.stacked-content-section .text-section-wrapper .text-section-img figcaption {
  font-family: var(--mono);
  font-size: 11px;
  color: #64748b;
  letter-spacing: .06em;
  padding: 12px 4px 0;
  line-height: 1.5
}

.stacked-content-section .text-section-wrapper .text-section-img {
  margin-top: 40px
}

.stacked-content-section .callout {
  padding: 28px 32px;
  background: 0 0;
  border: 1px solid var(--border-accent);
  border-radius: var(--radius);
  border-left: 4px solid var(--accent-cyan);
  margin-top: 3rem;
  width: fit-content
}

.stacked-content-section .callout a {
  color: var(--accent-cyan);
  font-weight: 600
}

.stacked-content-section .steps-wrapper>div {
  border-right: 0px !important;
  display: grid;
  grid-template-columns: 1fr;
  background: 0 0;
  backdrop-filter: none;
  padding-left: 0
}

.stacked-content-section .steps-wrapper .insight-tag {
  color: var(--gray-65)
}

.stacked-content-section .steps-wrapper .step-num {
  color: var(--electric-blue);
  font-family: var(--mono);
  margin-bottom: 1.5rem
}

.scroll-panels-section .scroll-panel {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: 0 0;
  padding: 120px 0
}

.scroll-panels-section h1.page-title {
  font-size: clamp(40px, 6.8vw, 48px);
  margin-bottom: 5rem !important
}

.scroll-panels-section .dark-cut {
  position: relative;
  z-index: 3;
  height: 100px;
  background: var(--panel-divider-bg);
  clip-path: polygon(0 35%, 100% 0, 100% 65%, 0 100%);
  margin: -50px 0
}

.scroll-panels-section .scroll-panel-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity .9s
}

.scroll-panels-section .scroll-panel-wrapper {
  position: relative;
  z-index: 2
}

.scroll-panels-section .page-fixed-overlay {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse 70% 60% at 60% 50%, rgba(0, 163, 224, .05) 0, transparent 65%), linear-gradient(rgba(0, 163, 224, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 163, 224, .03) 1px, transparent 1px), linear-gradient(rgba(8, 13, 20, .62), rgba(8, 13, 20, .62));
  background-size: auto, 56px 56px, 56px 56px, auto;
  pointer-events: none
}

.scroll-panels-section .section-title {
  text-shadow: 0 2px 32px rgba(0, 0, 0, .55)
}

.scroll-panels-section .section-lead {
  text-shadow: 0 1px 12px rgba(0, 0, 0, .4);
  color: rgba(255, 255, 255, .68)
}

.scroll-panels-section .panel-content {
  width: 100%
}

section.soft-dark-blue {
  background: #111720
}

section.dark-blue {
  background: #0d1117
}

.news-cards-section .news-cards-wrapper,
.office-cards-section .office-cards-wrapper,
.team-section .team-members-wrapper {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 48px
}

.team-section .person-photo {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  border: 1px solid var(--border-accent);
  margin-bottom: 16px
}

.team-section .person-name {
  font-family: var(--display);
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 4px
}

.team-section .person-role {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--electric-blue);
  margin-bottom: 14px
}

.team-section .person-bio {
  font-size: 13px;
  color: var(--gray-65);
  line-height: 1.65;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.team-section .person-bio .more-arrow {
  color: var(--electric-blue);
  font-family: var(--mono)
}

.news-cards-section .news-read,
.team-section .person-link {
  display: inline-block;
  margin-top: 14px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--electric-blue);
  border-bottom: 1px solid rgba(0, 163, 224, .3);
  padding-bottom: 1px;
  transition: border-color .2s
}

.news-cards-section .news-card:hover .news-read,
.team-section .person-link:hover {
  text-decoration: none;
  border-color: var(--electric-blue)
}

.news-cards-section .news-card,
.office-cards-section .office-card,
.team-section .person-card {
  background: #141b24;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 4px;
  padding: 28px;
  transition: border-color .2s;
  cursor: pointer
}

.news-cards-section .news-card:hover,
.office-cards-section .office-card:hover,
.team-section .person-card:hover {
  border-color: rgba(0, 163, 224, .3)
}

.team-section-divider {
  height: 1px;
  position: relative;
  z-index: 3;
  background: linear-gradient(to right, #0d1117, #4d4d4d, #0d1117);
  max-width: 100%
}

.team-section .modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(4, 8, 14, .82);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s
}

.team-section .modal-backdrop.open {
  opacity: 1;
  pointer-events: auto
}

.team-section .person-modal {
  background: #141b24;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 6px;
  max-width: 760px;
  width: 100%;
  display: flex;
  overflow: hidden;
  transform: scale(.96) translateY(12px);
  transition: transform .35s;
  position: relative;
  box-shadow: 0 32px 80px rgba(0, 0, 0, .6);
  height: 700px;
  flex-direction: column
}

.team-section .modal-backdrop.open .person-modal {
  transform: scale(1) translateY(0)
}

.team-section .modal-photo-col {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  background: 0 0;
  padding-top: 40px
}

.team-section .modal-photo-col img {
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: top;
  display: block;
  border-radius: 50%;
  margin: 0 auto
}

.team-section .modal-content-col {
  flex: 1;
  padding: 40px 44px 40px 40px;
  overflow-y: auto;
  display: flex;
  flex-direction: column
}

.team-section .modal-person-name {
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 6px;
  padding-right: 32px
}

.team-section .modal-person-role {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #00a3e0;
  margin: 0 0 24px
}

.team-section .modal-rule {
  height: 1px;
  background: rgba(255, 255, 255, .07);
  margin: 0 0 24px;
  flex-shrink: 0
}

.team-section .modal-person-bio {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 15px;
  color: #8996a6;
  line-height: 1.75;
  margin: 0;
  flex: 1
}

.footer-logo,
.team-section .modal-person-bio p:not(:last-child) {
  margin-bottom: 1rem
}

.team-section .modal-person-linkedin {
  display: inline-block;
  margin-top: 28px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #00a3e0;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 163, 224, .3);
  padding-bottom: 2px;
  transition: border-color .2s;
  align-self: flex-start
}

.team-section .modal-person-linkedin:hover {
  border-color: #00a3e0;
  text-decoration: none
}

.team-section .modal-close-btn {
  position: absolute;
  top: 18px;
  right: 20px;
  background: 0 0;
  border: none;
  color: rgba(255, 255, 255, .3);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 6px;
  transition: color .2s;
  z-index: 10
}

.team-section .modal-close-btn:hover {
  color: #00a3e0
}

.news-cards-section .news-date,
.office-cards-section .office-region {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gray-65)
}

.news-cards-section .news-headline {
  font-family: var(--display);
  font-size: 15px;
  font-weight: 600;
  color: var(--white);
  line-height: 1.4;
  margin-top: 14px
}

.news-cards-section .news-card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0
}

.news-cards-section .news-card>a {
  height: 100%;
  padding: 28px
}

.office-cards-section .office-card {
  cursor: default
}

.office-cards-section .office-city {
  font-family: var(--display);
  font-size: 20px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 4px
}

.office-cards-section .office-address,
.office-cards-section .office-card a,
.office-cards-section .office-person {
  font-size: 14px;
  color: var(--gray-65);
  line-height: 1.8;
  transition: color .3s ease-in-out
}

.office-cards-section .office-address {
  margin: 20px 0
}

.office-cards-section .office-card a:hover {
  color: var(--electric-blue);
  text-decoration: none
}

.featured-section-container .vertical-tag {
  font-size: 10px
}

.featured-section-container .vertical-tag span {
  background: var(--electric-blue);
  color: #0d1117;
  padding: 2px 8px;
  letter-spacing: 1.5px;
  margin-right: .5rem
}

.featured-section-container .fixed-width {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center
}

.featured-section-container .section-content {
  position: relative;
  z-index: 3;
  padding: 3rem 0;
  max-width: 100%
}

.featured-section-container .featured-section-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(13, 17, 23, .96) 0, rgba(13, 17, 23, .88) 45%, rgba(13, 17, 23, .45) 72%, rgba(13, 17, 23, .15) 100%);
  z-index: 2;
  border-top: .5px solid var(--border);
  border-bottom: .5px solid var(--border)
}

.featured-section-container .link {
  color: var(--electric-blue);
  font-family: var(--mono);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px
}

h2.vertical-tag {
  font-weight: 400
}

.latest-article-section .carousel-custom-nav svg {
  width: 4px
}

.latest-article-section .carousel-custom-nav path {
  transition: fill .3s ease-in-out
}

.latest-article-section .carousel-custom-nav>div:hover path {
  fill: var(--electric-blue)
}

.latest-article-section .carousel-custom-nav>div:hover {
  border: .5px solid var(--electric-blue)
}

.latest-article-section .carousel-custom-nav>div {
  border: .5px solid rgba(255, 255, 255, .14);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border .3s ease-in-out
}

.article-grid-container .panel-size-tall img,
.article-grid-container .panel-size-wide img {
  width: 100%;
  height: 100%;
  object-position: center;
  display: block;
  transition: transform .6s;
  object-fit: cover
}

.latest-article-section .carousel-custom-nav {
  top: 50%;
  position: absolute;
  z-index: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  transform: translateY(-50%);
  left: 0
}

.latest-article-section .testimonial-carousel {
  position: relative;
  padding: 0 70px
}

.latest-article-section .article-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  flex-direction: column;
  z-index: 15;
  position: relative
}

.latest-article-section .article-card .article-image {
  width: 100%;
  height: 220px;
  max-width: 340px
}

.latest-article-section .article-card .article-image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.latest-article-section .pillar-tag {
  background: rgba(0, 180, 216, .06);
  color: var(--electric-blue);
  text-transform: uppercase;
  font-family: var(--mono);
  font-size: 10px;
  padding: 5px 10px;
  margin-bottom: 1rem;
  letter-spacing: .1em;
  display: inline-block
}

.latest-article-section h3.article-title {
  font-weight: 400;
  font-size: 1.3rem
}

.latest-article-section .owl-theme .owl-dots .owl-dot span {
  background-color: rgba(240, 244, 248, .35);
  width: 7px;
  height: 7px;
  transition: background-color .3s ease-in-out
}

.article-grid-container .theme-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(180px, auto);
  grid-auto-flow: dense;
  border: .5px solid var(--border)
}

.article-grid-container .theme-card {
  background: #0d1117;
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: background .2s;
  border: .5px solid var(--border);
  border-right: 0px
}

.article-grid-container .panel-size-tall,
.article-grid-container .panel-size-wide {
  background: var(--bg);
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative
}

.article-grid-container .theme-card:hover {
  background: #12161c
}

.article-grid-container .theme-card:hover .theme-card-title {
  color: var(--cyan)
}

.article-grid-container .theme-card-tag {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .12em;
  color: var(--electric-blue);
  text-transform: uppercase;
  margin-bottom: .75rem
}

.article-grid-container .theme-card-title {
  font-family: var(--display);
  font-size: 18px;
  font-weight: 500;
  color: var(--text-pri);
  line-height: 1.4;
  margin-bottom: .6rem;
  letter-spacing: -.01em
}

.article-grid-container .theme-card-excerpt {
  font-size: 14px;
  font-family: var(--body);
  color: rgba(240, 244, 248, .6);
  line-height: 1.6;
  flex: 1;
  margin-bottom: 1rem
}

.article-grid-container .theme-card-meta {
  font-family: var(--mono);
  font-size: 12px;
  color: rgba(240, 244, 248, .35);
  margin-top: auto
}

.footer-menu .menu>li>a,
.single-post .blog-category {
  font-family: var(--mono);
  color: var(--electric-blue);
  text-transform: uppercase
}

.article-grid-container .panel-size-tall:hover img {
  transform: scale(1.04)
}

.article-grid-container .panel-size-wide {
  min-height: 180px
}

.article-grid-container .panel-size-wide:hover img {
  transform: scale(1.03)
}

.article-grid-container .panel-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  background: linear-gradient(to top, rgba(13, 17, 23, .6), transparent);
  pointer-events: none
}

footer {
  padding: 3rem 0;
  border-top: 1px solid rgba(137, 150, 166, .18);
  background: #060d18;
  z-index: 70;
  position: relative
}

.footer-top {
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 32px
}

.footer-left p {
  font-size: 14px;
  font-weight: 300;
  color: var(--gray-65);
  max-width: 280px;
  line-height: 1.6
}

.footer-legal-menu ul {
  display: flex;
  list-style-type: none;
  justify-content: flex-start;
  align-items: center;
  gap: 24px
}

.footer-legal-menu ul li a:hover {
  color: #fff
}

.footer-bottom span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-direction: column
}

.single-post .blog-content .faq-item h3,
.single-post .blog-content h2,
.single-post h1 {
  font-family: var(--display);
  font-weight: 600
}

.footer-menu .menu>li>.sub-menu a:hover,
.single-post .blog-content strong,
.single-post .sidebar-section.related .blog-box h1:hover,
.single-post .sidebar-section.related .blog-box h3:hover,
.single-post h1 {
  color: var(--white)
}

.footer-menu ul {
  list-style-type: none
}

.footer-menu .menu>li>a {
  font-size: 13px;
  letter-spacing: .25em;
  margin-bottom: 20px;
  font-weight: 700
}

.footer-menu .menu>li>.sub-menu {
  margin-top: 16px
}

.footer-menu .menu>li>.sub-menu li {
  margin-bottom: 16px
}

.footer-menu .menu>li>.sub-menu a {
  font-size: 14px;
  color: var(--gray-80);
  transition: color .2s
}

.footer-menu ul.menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  column-gap: 3rem;
  row-gap: 3rem;
  margin-top: 2rem
}

.footer-bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 32px;
  border-top: 1px solid rgba(137, 150, 166, .12);
  display: flex;
  justify-content: space-between;
  font-family: var(--mono);
  font-size: 11px;
  color: var(--gray-65);
  letter-spacing: .1em;
  flex-direction: column;
  gap: 1rem;
  text-align: center
}

.footer-bottom .cert-row {
  column-gap: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 5px
}

.footer-bottom .cert-row span {
  position: relative;
  white-space: nowrap
}

.footer-bottom .cert-row span:not(:last-child)::after,
.footer-legal-menu ul li:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -12px;
  top: 50%;
  width: 3px;
  height: 3px;
  background: var(--gray-65);
  border-radius: 50%;
  transform: translateY(-50%)
}

.single-post {
  background-color: #0d1117
}

.single-post .blog-content-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5rem;
  align-items: start;
  padding-top: 4rem;
  padding-bottom: 6rem;
  border-bottom: .5px solid var(--border)
}

.single-post .blog-wrapper {
  padding-top: 8rem
}

.single-post .blog-category {
  display: inline-block;
  font-size: 10px;
  letter-spacing: .12em;
  border: .5px solid rgba(0, 163, 224, .35);
  padding: 3px 10px;
  margin-bottom: 1.5rem
}

.single-post h1 {
  font-size: clamp(1.8rem, 3.5vw, 2.75rem);
  line-height: 1.12;
  letter-spacing: -.025em;
  max-width: 800px;
  margin-bottom: 1.5rem
}

.single-post .blog-categories {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px
}

.single-post .blog-meta-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem
}

.single-post .blog-meta-item,
.single-post .sidebar-label {
  color: rgba(240, 244, 248, .35);
  align-items: center;
  gap: .5rem;
  font-family: var(--mono);
  display: flex
}

.single-post .blog-meta-item {
  font-size: 11px;
  letter-spacing: .06em
}

.single-post .blog-meta-item::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--electric-blue)
}

.single-post .blog-hero-img {
  max-width: 100%;
  margin: 3rem auto 0
}

.single-post .blog-hero-img img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-bottom: .5px solid var(--border)
}

.single-post .blog-content p {
  color: rgba(240, 244, 248, .6);
  line-height: 1.85;
  margin-bottom: 1.5rem;
  font-size: 16px
}

.single-post .blog-content a {
  color: var(--electric-blue);
  border-bottom: .5px solid rgba(0, 163, 224, .3);
  transition: border-color .2s
}

.single-post .blog-content a:hover {
  border-color: var(--electric-blue)
}

.single-post .blog-content h2 {
  font-size: 1.35rem;
  color: var(--white);
  letter-spacing: -.015em;
  line-height: 1.25;
  margin: 2.75rem 0 1rem;
  padding-top: 2.75rem;
  border-top: .5px solid var(--border);
  scroll-margin-top: 120px
}

.single-post .blog-content h2.first {
  border-top: 0;
  padding-top: 0;
  margin-top: 0
}

.single-post .blog-content .blog-figure {
  margin: 2.5rem 0;
  border: .5px solid var(--border)
}

.single-post .blog-content .blog-figure img {
  width: 100%;
  object-fit: cover
}

.single-post .blog-content .blog-figure figcaption p {
  padding: .75rem 1rem;
  font-family: var(--mono);
  font-size: 10px;
  color: rgba(240, 244, 248, .35);
  letter-spacing: .06em;
  border-top: .5px solid var(--border);
  margin-bottom: 0
}

.single-post .blog-content ol,
.single-post .blog-content ul {
  margin: 0 0 1.5rem;
  padding-left: 0;
  list-style: none
}

.blog-content ol li,
.single-post .blog-content ul li {
  font-size: 15px;
  color: rgba(240, 244, 248, .6);
  line-height: 1.75;
  padding: .5rem 0 .5rem 1.5rem;
  position: relative;
  border-bottom: .5px solid var(--border)
}

.page-simple-body ol li,
.page-simple-body p {
  font-size: 1.125rem;
  margin-bottom: 1.5rem
}

.single-post .blog-content ul li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--electric-blue);
  font-family: var(--mono) font-size: 12px
}

.single-post .blog-content .faq-item {
  padding: 1.25rem 0;
  border-bottom: .5px solid var(--border)
}

.single-post .blog-content .faq-item h3 {
  font-size: 14px;
  color: var(--white);
  margin-bottom: .5rem
}

.single-post .blog-content .faq-item p {
  font-size: 14px;
  color: rgba(240, 244, 248, .6);
  line-height: 1.7;
  margin: 0 !important
}

.single-post .blog-content h2#blog-faq {
  border-bottom: .5px solid var(--border);
  padding-bottom: 2.75rem
}

.single-post .sidebar-section {
  border: .5px solid var(--border);
  padding: 1.5rem
}

.single-post .sidebar-label {
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 1.25rem
}

.single-post .sidebar-label::before {
  content: '/ ';
  color: var(--electric-blue)
}

.single-post .sidebar-toc a {
  display: block;
  font-size: 12px;
  color: rgba(240, 244, 248, .6);
  padding: .5rem 0;
  border-bottom: .5px solid var(--border);
  transition: color .2s, padding-left .2s;
  line-height: 1.4
}

.single-post .sidebar-toc a:hover {
  color: var(--electric-blue);
  padding-left: .4rem
}

.single-post .sidebar-toc a:only-child {
    border-bottom: 0;
}

.single-post .sidebar-section.contact {
  background: rgba(0, 163, 224, .12);
  border-color: rgba(0, 163, 224, .25) !important
}

.single-post .sidebar-cta-link {
  font-family: var(--mono);
  font-size: 11px;
  color: var(--electric-blue);
  letter-spacing: .08em;
  display: flex;
  align-items: center;
  gap: .4rem
}

.single-post .sidebar-section.contact p {
  font-size: 13px;
  color: rgba(240, 244, 248, .6);
  line-height: 1.6;
  margin-bottom: 1.25rem
}

.single-post .sidebar-cta-link::after {
  content: '→'
}

.single-post .sidebar-section.related .blog-box h1,
.single-post .sidebar-section.related .blog-box h3 {
  font-size: 12px;
  color: rgba(240, 244, 248, .6);
  line-height: 1.45;
  transition: color .2s;
  display: block;
  padding: .75rem 0;
  border-bottom: .5px solid var(--border);
  font-weight: 400
}

.single-post .blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem
}

.page-simple-content {
  padding-top: 8rem;
  padding-bottom: 3rem
}

.page-simple-content h1 {
  margin-bottom: 2rem
}

.page-simple-body h2 {
  margin-top: 3rem;
  margin-bottom: 2rem
}

.page-simple-body strong {
  font-weight: 600
}

.page-simple-body h4 {
  font-size: 21px
}

.page-simple-body ol {
  font-size: 20px;
  padding-left: 2rem
}

.page-simple-body ol li {
  padding-left: .7rem
}


.vis-wrapper {
    margin-top: 44px;
    border: 1px solid #1f2c3a;
    border-radius: 10px;
    background: linear-gradient(180deg, #121b27, #0d141d);
    padding: 26px 24px 20px;
	margin-bottom: 80px;
}

.hero-container .vis-caption {
	max-width: 62ch;
}

.page-section .vis-wrapper {
	margin-top: 0px;
	margin-bottom: 0px;
}

.vis-caption {
	  font-size: .8rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6b7d8f;
    margin: 14px 0 0;    
}

/* PAGE SECTION */
.page-section .spt-default,
.page-section .spt-default.acc-body.open {
    margin-top: 3rem;
}

.page-section .spb-default,
.page-section .spb-default.acc-body.open {
    margin-bottom: 3rem;
}

.page-section .spt-default.acc-body {
    margin-top: 0px;
}

.page-section .spb-default.acc-body {
    margin-bottom: 0px;
}

.page-section .section-header-wrapper .section-header-head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
}

.page-section .section-header-wrapper .section-header-head {
	margin-bottom: 1rem;
}

.page-section .section-header-wrapper .section-label+.section-eyebrow::before {
    display: none;
}

.page-section .section-header-wrapper .section-label+.section-eyebrow {
    margin-bottom: 0px;
}

.page-section .section-header-wrapper .section-label {
	font-family: var(--mono);
    font-size: .85rem;
    letter-spacing: .12em;
    color: var(--pe-thread);
    border: 1px solid rgba(79, 209, 197, .35);
    border-radius: 5px;
    padding: 5px 10px;
}

.page-section .section-header-wrapper .section-title {
    margin-bottom: 0px;
}

.page-section .section-header-wrapper .section-title:has(+.section-lead) {
    margin-bottom: 28px;
}


.page-section .numbered-grid-wrapper {
    display: grid;
	grid-template-columns: 1fr;
    background-color: #18222e;
    border: 1px solid #18222e;
    gap: 1px;
}

.page-section .numbered-grid-wrapper .cap {
    border: 0px;
    background-color: #0a0e14;
}


.page-section .numbered-grid-wrapper .cap-num:has(+.cap-tag) {
    margin-bottom: 16px !important;
}

.page-section .numbered-grid-wrapper .cap-tag {
    display: inline-block;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--pe-thread);
    border: 1px solid rgba(79, 209, 197, .35);
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 14px;
}

.page-section .highlight-box-wrapper .cell-highlight-box,
.page-section .numbered-grid-wrapper .cell-highlight-box,
.verticals-wrapper .cell-highlight-box {
    margin: 16px 0 0;
    padding: 12px 14px;
    border: 1px dashed #1f2c3a;
    border-radius: 7px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
    color: var(--pe-thread);
    line-height: 1.5;
    margin-top: 32px;
}

.page-section .highlight-box-wrapper .cell-highlight-box span,
.page-section .numbered-grid-wrapper .cell-highlight-box span,
.verticals-wrapper .cell-highlight-box span {
    color: #6b7d8f;
    display: block;
    font-family: inherit;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: .68rem;
    margin-bottom: 5px;
}

.page-section .highlight-box-wrapper {
    margin-top: 28px;
    border: 1px dashed #f2b45c;
    border-radius: 10px;
    background: rgba(242, 180, 92, .04);
    padding: 34px 30px;
}

.page-section .highlight-box-wrapper .section-label {
    color: #f2b45c;
    border: 1px solid  rgba(242, 180, 92, .45);
    display: inline-block;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 0 14px;
}

.page-section .highlight-box-wrapper .section-title {
    font-size: clamp(36px, 4.5vw, 40px);
    margin-bottom: 18px;
}

.page-section .highlight-box-wrapper .section-lead {
     font-size: 16px;
	max-width: 100%;
 }


.page-section .layer-stack-wrapper {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #1f2c3a;
}

.page-section .layer-stack-wrapper .layer {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 0;
    border-top: 1px solid #18222e;
}

.page-section .layer-stack-wrapper .layer-stack-wrapper .layer:first-child {
    border-top: none;
}

.page-section .layer-stack-wrapper .layer h3 {
    padding: 22px 24px;
    background: #0f1620;
    font-weight: 600;
    color: var(--pe-ink);
    font-size: .98rem;
    display: flex;
    align-items: center;
	margin: 0;
}

.page-section .layer-stack-wrapper .layer-desc {
    padding: 22px 24px;
    color: #9fb0c0;
    font-size: .95rem;
    background: #0a0e14;
}

.page-section .layer-stack-wrapper .layer.layer-highlighted h3 {
    background: linear-gradient(90deg, rgba(79, 209, 197, .16), rgba(79, 209, 197, .04));
    color: var(--pe-thread);
}

.page-section .layer-stack-wrapper .layer.layer-highlighted .layer-desc {
    background: rgba(79, 209, 197, .04);
}

.page-section .layer-stack-wrapper .layer-desc a {
    color: var(--electric-blue);
    text-decoration: none;
}

.rich-text-wrapper p {
    color: #9fb0c0;
    font-size: .95rem;
}

.pull-quote-wrapper {
	border-left: 2px solid var(--pe-thread);
    padding: 6px 0 6px 24px;
    color: #eef3f8;
    font-size: 1.18rem;
    font-weight: 500;
    line-height: 1.45;
    max-width: 56ch;
}

.split-feature-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
}

.split-feature-wrapper .section-lead {
    max-width: 100%;
}

.split-feature-wrapper .cert-row {
    justify-content: flex-start;
}
    
.split-steps-wrapper {
    border: 1px solid #1f2c3a;
    border-radius: 10px;
    background: #121b27;
    padding: 26px 24px;
}

.split-steps-wrapper .step-item:first-child {
    border-top: none;
}

.split-steps-wrapper .step-item {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px dashed #1f2c3a;
}

.split-steps-wrapper h3 {
    display: block;
    color: #eef3f8;
    font-size: .97rem;
    margin-bottom: 3px;
}

.split-steps-wrapper p {
    color: #6b7d8f;
    font-size: .88rem;
}

.split-steps-wrapper .num {
	    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: rgba(61, 169, 252, .12);
    border: 1px solid var(--electric-blue);
    color: var(--electric-blue);
    font-weight: 700;
    font-size: .85rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.page-section .acc-more-wrapper {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    border: 1px solid #1f2c3a;
    border-radius: 10px;
    color: #eef3f8;
    background: linear-gradient(120deg, #121b27 0%, rgba(61, 169, 252, .05) 60%, rgba(79, 209, 197, .06) 100%);
    padding: 20px 22px;
    position: relative;
    overflow: hidden;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease, background .18s ease;
    margin-top: 1.5rem;
}

.page-section .acc-icon {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(61, 169, 252, .14);
    border: 1px solid var(--electric-blue);
    color: var(--pe-accent);
}

.page-section .acc-more-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #3da9fc, var(--pe-thread));
    opacity: .55;
    transition: opacity .18s ease;
}

.page-section .acc-text b {
    display: block;
    color: #eef3f8;
    font-size: 1.02rem;
    font-weight: 650;
    margin-bottom: 3px;
    letter-spacing: -.01em;
}

.page-section .acc-text span {
    color: #6b7d8f;
    font-size: .9rem;
}

.page-section .acc-more {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--electric-blue);
    font-weight: 650;
    font-size: .9rem;
    white-space: nowrap;
}

.page-section .acc-text {
    flex: 1 1 auto;
    min-width: 0;
}

.page-section .acc-body.open {
    max-height: 2200px;
    opacity: 1;
}

.page-section .acc-body {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .34s ease, opacity .3s ease, margin-top .34s ease;
}

.page-section .peaxy-more-chev {
    transform: translateX(2px);
}

.page-section .acc-more-wrapper[aria-expanded="true"] .peaxy-more-chev {
    transform: rotate(90deg);
}

.page-section .verticals-wrapper {
	margin-top: 0px;
}


.page-section .content-comp {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
    align-items: stretch;
    border: 1px solid #1f2c3a;
    overflow: hidden;
}

.page-section .content-comp .content-comp-col {
    padding: 28px 26px;
    background: #121b27;
}

.page-section .content-comp .content-comp-mid {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    background: #0a0e14;
    color: var(--pe-thread);
    font-weight: 700;
    font-size: 1.4rem;
    border-left: 1px solid #18222e;
    border-right: 1px solid #18222e;
}

.page-section .content-comp .comp-ex {
    display: block;
    margin-top: 12px;
    font-family: var(--mono);
    font-size: .82rem;
    color: #6b7d8f;
}

.page-section .content-comp .content-comp-col .body {
    margin: 0;
    color: #9fb0c0;
    font-size: .95rem;
}


.page-section .peaxy-flip{perspective:1600px;cursor:pointer;outline:none;}
.page-section .peaxy-flip-inner{position:relative;display:grid;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.page-section .peaxy-flip.flipped .peaxy-flip-inner{transform:rotateY(180deg);}
.page-section .peaxy-flip-face{grid-area:1/1;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #1f2c3a;border-radius:10px;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease;}
.page-section .peaxy-flip:hover .peaxy-flip-face{border-color:var(--electric-blue);box-shadow:0 14px 44px rgba(61,169,252,.12);}
.page-section .peaxy-flip:focus-visible{outline:2px solid var(--electric-blue);outline-offset:3px;border-radius:12px;}
.page-section .peaxy-flip-front{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:30px 28px;background:linear-gradient(160deg,#121b27,#0d141d);}
.page-section .pe-ff-top{display:flex;align-items:center;justify-content:space-between;}
.page-section .pe-ff-eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pe-thread);font-weight:600;}
.page-section .pe-hint{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;color:#6b7d8f;border:1px solid #1f2c3a;border-radius:20px;padding:5px 11px;}
.page-section .pe-ff-mid h3{font-size:1.7rem;line-height:1.08;font-weight:700;letter-spacing:-.02em;color:var(--pe-ink);margin:0 0 12px;}
.page-section .pe-ff-mid p{color:#9fb0c0;font-size:1.02rem;margin:0;max-width:34ch;}
.page-section .pe-ff-dots{display:flex;gap:9px;}
.page-section .pe-ff-dot{width:30px;height:30px;border-radius:7px;border:1px dashed #1f2c3a;background:#0f1620;color:#6b7d8f;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
.page-section .pe-ff-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:var(--electric-blue);color:#04101d;font-weight:650;font-size:.92rem;padding:11px 18px;border-radius:7px;transition:background .18s ease;}
.page-section .peaxy-flip:hover .pe-ff-cta{background:#5bb8ff;}
.page-section .peaxy-flip-back{transform:rotateY(180deg);background:#121b27;padding:24px 26px;display:flex;flex-direction:column;}
.page-section .pe-fb-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.page-section .pe-fb-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--electric-blue);font-weight:600;}
.page-section .peaxy-flip .split-steps-wrapper {
    border: 0px;
    padding: 0;
}

.page-section .peaxy-flip .flip-outcome {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 7px;
    background: rgba(79, 209, 197, .06);
    border: 1px solid rgba(79, 209, 197, .25);
    color: var(--pe-thread);
    font-size: .9rem;
}

.page-section .two-col-flip-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}


/* Insights Page */
/* New Blog Page */
.page-blog-it {
  background: #0D1117;
  overflow: hidden;
}

.page-blog-it .page-blog-content {
  padding-top: 8rem;
  padding-bottom: 5rem;
}

.page-blog-it .blog-posts-container a {
  text-decoration: none;
  height: 100%;
  width: 100%;
border: .5px solid var(--border);
	    width: 100%;
}

.page-blog-it .single-blog-info h3 {
  margin-bottom: 0.5rem;
	font-family: var(--display);
    line-height: 1.4;
	font-size: 24px;
    color: var(--white);
}

.page-blog-it .blog-posts-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  justify-content: center;
  justify-items: center;
}

.page-blog-it .single-blog {
  margin-bottom: 0 !important;
  height: 100%;
  width: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 8px !important;
}

.page-blog-it .single-blog:hover {
  background: #12161c;
}

.page-blog-it .single-blog .single-blog-info {
  width: 100%;
  border-radius: 0px 0px 8px 8px !important;
}

.page-blog-it .alm-reveal {
  display: grid;
  grid-template-columns: 368px;
  grid-gap: 2rem;
  justify-content: center;
}

.page-blog-it .alm-reveal a {
  text-decoration: none;
  border-bottom: 0;
}

.page-blog-it .alm-btn-wrap {
  margin-top: 4rem;
}

.page-blog-it button.alm-load-more-btn.more {
  background-color: #00a3e0 !important;
}

.page-blog-it .single-blog {
  margin-bottom: 2rem;
  box-shadow: 0 2px 4px 0 rgb(19 45 77 / 6%);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: box-shadow 0.2s ease-in-out;
  border: 1px solid #e9ebed;
}

.page-blog-it .single-blog .single-blog-img {
  width: 100%;
}

.page-blog-it .single-blog .single-blog-img img {
  display: block;
  height: 100%;
  max-height: 324px;
  object-fit: cover;
  width: 100%;
}

.page-blog-it .single-blog .single-blog-info {
  font-size: 16px;
  font-weight: 600;
  color: #8c8c8c;
  padding: 2rem;
  height: 100%;
  transition: box-shadow 0.2s ease-in-out;
}

.page-blog-it .single-blog .single-blog-info span {
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .12em;
    color: var(--electric-blue);
    text-transform: uppercase;
}