body,
body > .page-content-wrapper,
html {
  overflow: visible !important;
}

/* old */
.overview-content {
  font-size: 16px;
  max-width: 1200px;
  width: 75em;
  margin: 0 auto;
  font-family: manrope;
}
.overview-content img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.overview-content .m-hide {
  display: block;
}
.overview-content .m-show {
  display: none;
}
@media (max-width: 1024px) {
  .overview-content {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  html {
    overflow-x: hidden !important;
  }
  body {
    overflow-x: hidden;
  }
  .overview-content {
    font-size: 10.35px;
    max-width: 100vw;
    width: 100vw;
  }
  .overview-content .m-show {
    display: block;
    /* width: 100%; */
  }
  .overview-content .m-hide {
    display: none;
  }
}
@media (max-width: 414px) {
  .overview-content {
    font-size: 2.5vw;
  }
}

/* new */
.overview-content sup {
  font-size: 0.5556em;
}
.overview-content .white {
  color: #fff;
}
.overview-content .omada-green {
  color: #008055;
}
.overview-content .omada-light-green {
  color: #00e194;
}
.overview-content .omada-deep-green {
  color: #0a5a5a;
}
.overview-content .tp-color {
  color: #4acbd6;
}
.overview-content .smb-color {
  color: #005564;
}
.overview-content .no-wrap {
  white-space: nowrap;
}
.overview-content .m-show {
  display: none;
}
@media (max-width: 736px) {
  .overview-content .m-show {
    display: block;
  }
  .overview-content .m-hide {
    display: none;
  }
}

.overview-content .product-banner {
  font-size: 16px;
  max-width: 75em;
  height: 30em;
  margin: 0 auto;
  background: url('img/fusion-pro-2.5g-banner-web.jpg') top / 75em no-repeat;
  display: block;
  position: relative;
}

/* PSB alignment: Sections 11–13 */
.overview-content .uninterrupted-surveillance {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
  color: #2b2b2b;
}

.overview-content .uninterrupted-surveillance .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .uninterrupted-surveillance .text {
  padding: 0 0 2.3em;
  text-align: center;
}

.overview-content .uninterrupted-surveillance h2,
.overview-content .flexible-mounting h2,
.overview-content .smb-scenarios h2 {
  color: #2b2b2b;
  font-size: 1.90625em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content .uninterrupted-swiper-wrapper {
  position: relative;
  width: 75em;
  margin: 0 auto;
  padding-bottom: 4em;
}

.overview-content .uninterrupted-swiper {
  overflow: visible;
}

.overview-content .uninterrupted-swiper .swiper-wrapper {
  height: auto;
}

.overview-content .uninterrupted-swiper .uninterrupted-slide {
  flex: 0 0 24em;
  width: 24em !important;
  margin: 0 !important;
}

.overview-content .uninterrupted-swiper .slide-content {
  width: 100%;
  text-align: center;
}

.overview-content .uninterrupted-swiper .slide-img {
  width: 100%;
  aspect-ratio: 768 / 854;
  overflow: hidden;
}

.overview-content .uninterrupted-swiper .slide-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overview-content .uninterrupted-swiper .slide-text {
  padding-top: 2.375em;
}

.overview-content .uninterrupted-swiper .slide-text h3 {
  margin: 0 0 0.45em;
  color: #2b2b2b;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content .uninterrupted-swiper .slide-text p {
  margin: 0 auto;
  color: #2b2b2b;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .uninterrupted-swiper .swiper-button-prev,
.overview-content .uninterrupted-swiper .swiper-button-next {
  top: 41%;
  z-index: 10;
  width: 3.5em;
  height: 3.5em;
  color: #fff;
  background-color: rgba(113, 113, 113, 0.8);
}

.overview-content .uninterrupted-swiper .swiper-button-prev {
  left: -7em;
}

.overview-content .uninterrupted-swiper .swiper-button-next {
  right: -7em;
}

.overview-content .uninterrupted-swiper .swiper-button-prev:after,
.overview-content .uninterrupted-swiper .swiper-button-next:after {
  font-size: 1.5em;
  font-weight: 700;
}

.overview-content .uninterrupted-swiper .swiper-pagination {
  bottom: 0;
  left: 0;
  width: 100%;
}

.overview-content .uninterrupted-swiper .swiper-pagination-progressbar {
  top: auto;
  height: 0.25em;
  background: #d2d2d2;
}

.overview-content .uninterrupted-swiper .swiper-pagination-progressbar-fill {
  background: #2b2b2b;
}

.overview-content .uninterrupted-mobile-swiper {
  display: none;
}

.overview-content .uninterrupted-footnote {
  margin: 0;
  padding-top: 1.3em;
  color: #2b2b2b;
  font-size: 0.8125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .flexible-mounting {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content .flexible-mounting .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .flexible-mounting .text {
  padding: 0 0 2.3em;
  text-align: center;
}

.overview-content .flexible-mounting .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5em;
  text-align: center;
}

.overview-content .flexible-mounting .card .img {
  margin: 0;
}

.overview-content .flexible-mounting .card .img img {
  display: block;
  width: 100%;
  aspect-ratio: 768 / 853;
  object-fit: cover;
}

.overview-content .flexible-mounting .card h3 {
  margin: 2.375em 0 0.45em;
  color: #2b2b2b;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content .flexible-mounting .card p,
.overview-content .flexible-mounting .card .link {
  color: #2b2b2b;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .flexible-mounting .card p {
  margin: 0 0 0.35em;
}

.overview-content .flexible-mounting .card .link {
  color: #008055;
}

.overview-content .flexible-mounting .card .m-show {
  display: none;
}

.overview-content .smb-scenarios {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content .smb-scenarios .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .smb-scenarios .text {
  padding: 0 0 2.3em;
  text-align: center;
}

.overview-content .smb-scenarios .scenarios-swiper-wrapper {
  position: relative;
  width: 75em;
  max-width: none;
  margin: 0 auto;
  padding-bottom: 4em;
}

.overview-content .smb-scenarios .scenarios-swiper {
  overflow: visible;
}

.overview-content .smb-scenarios .swiper-wrapper {
  height: auto;
}

.overview-content .smb-scenarios .scenarios-swiper .swiper-slide {
  flex: 0 0 22.5em;
  width: 22.5em !important;
  margin: 0;
}

.overview-content .smb-scenarios .slide-content {
  aspect-ratio: 720 / 1029;
}

.overview-content .smb-scenarios .slide-text {
  padding: 2.75em 2em;
}

.overview-content .smb-scenarios .slide-text h3,
.overview-content .smb-scenarios .slide-content.light .slide-text h3,
.overview-content .smb-scenarios .slide-content.dark .slide-text h3 {
  color: #000;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
}

.overview-content .smb-scenarios .scenarios-swiper .swiper-button-prev,
.overview-content .smb-scenarios .scenarios-swiper .swiper-button-next {
  top: 41%;
}

.overview-content .smb-scenarios .swiper-pagination {
  bottom: 0;
}

@media (max-width: 736px) {
  .overview-content .uninterrupted-surveillance,
  .overview-content .flexible-mounting,
  .overview-content .smb-scenarios {
    width: 100vw;
    max-width: 100vw;
    margin: 0 auto;
    font-size: 2.5vw;
  }

  .overview-content .uninterrupted-surveillance .w-container,
  .overview-content .flexible-mounting .w-container,
  .overview-content .smb-scenarios .w-container {
    width: 85.185185vw;
    margin: 0 auto;
  }

  .overview-content .uninterrupted-surveillance h2,
  .overview-content .flexible-mounting h2,
  .overview-content .smb-scenarios h2 {
    font-size: 5.64876vw;
    line-height: 1.3333;
  }

  .overview-content .uninterrupted-surveillance .text,
  .overview-content .flexible-mounting .text,
  .overview-content .smb-scenarios .text {
    padding: 0 0 9.444444vw;
  }

  .overview-content .uninterrupted-swiper-wrapper {
    display: none;
  }

  .overview-content .uninterrupted-mobile-swiper {
    display: block;
    position: relative;
    width: 85.185185vw;
    padding-bottom: 10.185185vw;
  }

  .overview-content .uninterrupted-mobile-carousel {
    width: 85.185185vw;
    overflow: hidden;
  }

  .overview-content .uninterrupted-mobile-carousel .swiper-wrapper {
    height: auto;
  }

  .overview-content .uninterrupted-mobile-carousel .uninterrupted-mobile-slide {
    flex: 0 0 85.185185vw;
    width: 85.185185vw !important;
    margin: 0 !important;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .slide-img {
    position: relative;
    width: 85.185185vw;
    aspect-ratio: 920 / 640;
  }

  .overview-content .uninterrupted-mobile-carousel .slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .overview-content .uninterrupted-mobile-carousel .slide-text {
    padding-top: 5.462963vw;
  }

  .overview-content .uninterrupted-mobile-carousel .slide-text h3 {
    margin: 0 0 1.481481vw;
    color: #2b2b2b;
    font-size: 4.5vw;
    font-weight: 500;
    line-height: 1.3333;
  }

  .overview-content .uninterrupted-mobile-carousel .slide-text p {
    margin: 0;
    color: #2b2b2b;
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.5;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 2.867058333vw;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-anr {
    top: 8.90625%;
    left: 40.869565%;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-lose {
    top: 30.9375%;
    left: 14.891304%;
    width: 17.5%;
    white-space: normal;
    text-align: left;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-transfer {
    top: 45%;
    left: 71%;
    width: 14.347826%;
    white-space: normal;
    text-align: left;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-records {
    top: 65.15625%;
    left: 39.347826%;
    width: 21.086956%;
    white-space: normal;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-recover {
    top: 6.875%;
    left: 33.804348%;
    width: 20.76087%;
    font-size: 2.851062963vw;
    font-weight: 500;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-poe {
    left: 63.26087%;
    width: 5.543478%;
    font-size: 2.382864815vw;
    font-weight: 500;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .poe-top {
    top: 38.125%;
  }

  .overview-content .uninterrupted-mobile-carousel .poe-bottom {
    top: 81.5625%;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-poe-recovery {
    top: 52.65625%;
    left: 34.130435%;
    width: 28.804348%;
    font-size: 2.382864815vw;
    font-weight: 500;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-fusion {
    top: 33.125%;
    left: 21.304348%;
    width: 23.369565%;
    font-size: 2.512387037vw;
    font-weight: 500;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-ipc,
  .overview-content .uninterrupted-mobile-carousel .graphic-label-switch,
  .overview-content .uninterrupted-mobile-carousel .graphic-label-ap {
    top: 72.65625%;
    font-size: 2.512387037vw;
    font-weight: 500;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-ipc {
    left: 9.673913%;
    width: 4.891304%;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-switch {
    left: 27.826087%;
    width: 10.326087%;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-ap {
    left: 51.73913%;
    width: 4.021739%;
  }

  .overview-content .uninterrupted-mobile-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .overview-content .uninterrupted-mobile-pagination.swiper-pagination-progressbar {
    height: 0.7vw;
    background: #d2d2d2;
  }

  .overview-content .uninterrupted-mobile-pagination .swiper-pagination-progressbar-fill {
    background: #2b2b2b;
  }

  .overview-content .uninterrupted-footnote {
    width: 85.185185vw;
    padding-top: 6.481481vw;
    font-size: 3.333333vw;
    line-height: 1.5;
  }

  .overview-content .flexible-mounting .cards {
    display: block;
  }

  .overview-content .flexible-mounting .card {
    margin: 0 0 7.407407vw;
    text-align: center;
  }

  .overview-content .flexible-mounting .card .img {
    margin: 0 0 5.462963vw;
  }

  .overview-content .flexible-mounting .card .m-hide {
    display: none;
  }

  .overview-content .flexible-mounting .card .m-show {
    display: block;
  }

  .overview-content .flexible-mounting .card h3 {
    margin: 0 0 1.481481vw;
    font-size: 4.5vw;
    line-height: 1.3333;
  }

  .overview-content .flexible-mounting .card p,
  .overview-content .flexible-mounting .card .link {
    font-size: 3.333333vw;
    line-height: 1.5;
  }

  .overview-content .flexible-mounting .card p {
    margin-bottom: 0.740741vw;
  }

  .overview-content .smb-scenarios .text {
    padding-bottom: 9.444444vw;
  }

  .overview-content .smb-scenarios .scenarios-swiper-wrapper {
    width: 100vw;
    padding-bottom: 10.185185vw;
  }

  .overview-content .smb-scenarios .scenarios-swiper {
    width: 100vw;
    overflow: visible;
  }

  .overview-content .smb-scenarios .scenarios-swiper .swiper-wrapper {
    padding-left: 7.407407vw;
  }

  .overview-content .smb-scenarios .scenarios-swiper .swiper-slide {
    flex: 0 0 66.666667vw;
    width: 66.666667vw !important;
    margin: 0;
  }

  .overview-content .smb-scenarios .slide-text {
    padding: 5.185185vw 4vw;
  }

  .overview-content .smb-scenarios .slide-text h3,
  .overview-content .smb-scenarios .slide-content.light .slide-text h3,
  .overview-content .smb-scenarios .slide-content.dark .slide-text h3 {
    font-size: 3.333333vw;
    line-height: 1.5;
  }

  .overview-content .smb-scenarios .swiper-button-prev,
  .overview-content .smb-scenarios .swiper-button-next {
    display: none;
  }

  .overview-content .smb-scenarios .swiper-pagination-progressbar {
    height: 0.7vw;
  }
}

/* Section 10 — PSB-aligned interactive professional features. Visual artwork
   is exported without the main copy; headings, tabs, descriptions, focus state,
   and state changes remain semantic DOM. Web values use em; mobile values use vw. */
.overview-content .professional-features {
  --tab-1-top: 10.90625em;
  --tab-2-top: 18.53125em;
  --tab-3-top: 22.0625em;
  --tab-4-top: 25.625em;
  --tab-5-top: 29.21875em;
  --active-panel-top: 13.125em;
  position: relative;
  width: 75em;
  max-width: 75em;
  height: 36.90625em;
  margin: 0 auto;
  font-size: 1em;
  color: #2b2b2b;
}

.overview-content .professional-features .w-container {
  position: relative;
  width: 75em;
  height: 100%;
  margin: 0 auto;
}

.overview-content .professional-heading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.overview-content .professional-heading h2 {
  width: 61.25em;
  margin: 0 auto;
  padding: 0;
  color: #2b2b2b;
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.333333;
}

.overview-content .professional-picture {
  position: absolute;
  top: 4.78125em;
  left: 0;
  display: block;
  width: 37.5em;
  height: 32.125em;
  z-index: 1;
}

.overview-content .professional-visual {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.overview-content .professional-tabs {
  position: absolute;
  top: 0;
  left: 43.96875em;
  width: 50em;
  height: 100%;
  z-index: 3;
}

.overview-content .professional-tab {
  position: absolute;
  left: 0;
  width: 49em;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #808080;
  font: inherit;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.25;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  transition: color 160ms ease;
}

.overview-content .professional-tab[data-state="1"] { top: var(--tab-1-top); }
.overview-content .professional-tab[data-state="2"] { top: var(--tab-2-top); }
.overview-content .professional-tab[data-state="3"] { top: var(--tab-3-top); }
.overview-content .professional-tab[data-state="4"] { top: var(--tab-4-top); }
.overview-content .professional-tab[data-state="5"] { top: var(--tab-5-top); }

.overview-content .professional-tab::before {
  position: absolute;
  top: 0.020833em;
  left: -1.375em;
  width: 0.21875em;
  height: 0;
  border-radius: 0.109375em;
  background: #00a870;
  content: "";
  opacity: 0;
  transition: opacity 160ms ease, height 160ms ease;
}

.overview-content .professional-tab.is-active {
  color: #2b2b2b;
}

.overview-content .professional-tab.is-active::before {
  height: 1.1875em;
  opacity: 1;
}

.overview-content .professional-tab:focus {
  outline: none;
}

.overview-content .professional-tab:focus-visible {
  outline: 0.125em solid rgba(0, 168, 112, 0.32);
  outline-offset: 0.25em;
}

.overview-content .professional-panels {
  position: absolute;
  top: 0;
  left: 43.96875em;
  width: 34em;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.overview-content .professional-panel {
  position: absolute;
  top: var(--active-panel-top);
  left: 0;
  width: 34em;
  margin: 0;
  padding: 0;
}

/* The source artwork uses a text column that changes with the selected
   feature. Keep the semantic copy on the same native line breaks. */
.overview-content .professional-panel[data-state="1"] {
  width: 24em;
}

.overview-content .professional-panel[data-state="5"] {
  width: 29em;
}

.overview-content .professional-panel[hidden] {
  display: none;
}

.overview-content .professional-panel p {
  margin: 0;
  padding: 0;
  color: #2b2b2b;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .professional-features[data-active-state="2"] {
  --tab-1-top: 10.9375em;
  --tab-2-top: 14.625em;
  --tab-3-top: 21.9375em;
  --tab-4-top: 25.59375em;
  --tab-5-top: 29.125em;
  --active-panel-top: 16.75em;
}

.overview-content .professional-features[data-active-state="3"] {
  --tab-1-top: 10.9375em;
  --tab-2-top: 15.09375em;
  --tab-3-top: 19.15625em;
  --tab-4-top: 25.21875em;
  --tab-5-top: 29.21875em;
  --active-panel-top: 21.25em;
}

.overview-content .professional-features[data-active-state="4"] {
  --tab-1-top: 10.03125em;
  --tab-2-top: 14.15625em;
  --tab-3-top: 18.21875em;
  --tab-4-top: 22.40625em;
  --tab-5-top: 30.15625em;
  --active-panel-top: 24.5em;
}

.overview-content .professional-features[data-active-state="5"] {
  --tab-1-top: 9.09375em;
  --tab-2-top: 13.6875em;
  --tab-3-top: 18.25em;
  --tab-4-top: 22.875em;
  --tab-5-top: 27.4375em;
  --active-panel-top: 29.5em;
}

@media (max-width: 736px) {
  .overview-content .professional-features {
    --tab-1-top: 116.388889vw;
    --tab-2-top: 137.685185vw;
    --tab-3-top: 153.425926vw;
    --tab-4-top: 163.611111vw;
    --tab-5-top: 179.351852vw;
    --active-panel-top: 122.685185vw;
    width: 85.555556vw;
    max-width: 85.555556vw;
    height: 183.888889vw;
    margin: 0 auto;
    font-size: 1em;
  }

  .overview-content .professional-features .w-container {
    width: 100%;
  }

  .overview-content .professional-heading h2 {
    width: 77.87037vw;
    font-size: 6.666667vw;
    font-weight: 500;
    line-height: 8.888889vw;
  }

  .overview-content .professional-picture {
    top: 32.222222vw;
    left: 0.185185vw;
    width: 85.185185vw;
    height: 75.185185vw;
  }

  .overview-content .professional-tabs {
    top: 0;
    left: 3.981481vw;
    width: 78.703704vw;
    height: 100%;
  }

  .overview-content .professional-tab {
    left: 0;
    width: 78.703704vw;
    font-size: 4.444444vw;
    line-height: 5.555556vw;
    white-space: normal;
  }

  .overview-content .professional-tab::before {
    top: 0.092593vw;
    left: -3.981481vw;
    width: 0.648148vw;
    height: 0;
    border-radius: 0.324074vw;
  }

  .overview-content .professional-tab.is-active::before {
    height: 3.518519vw;
  }

  .overview-content .professional-panels {
    top: 0;
    left: 3.981481vw;
    width: 78.703704vw;
    height: 100%;
  }

  .overview-content .professional-panel {
    width: 78.703704vw;
  }

  .overview-content .professional-panel[data-state="1"],
  .overview-content .professional-panel[data-state="2"],
  .overview-content .professional-panel[data-state="3"],
  .overview-content .professional-panel[data-state="4"],
  .overview-content .professional-panel[data-state="5"] {
    width: 75.555556vw;
  }

  .overview-content .professional-panel[data-state="2"] {
    width: 74.814815vw;
  }

  .overview-content .professional-panel[data-state="3"] {
    width: 71.481481vw;
  }

  .overview-content .professional-panel[data-state="4"] {
    width: 68.518519vw;
  }

  .overview-content .professional-panel[data-state="5"] {
    width: 83.888889vw;
  }

  .overview-content .professional-panel p {
    font-size: 3.333333vw;
    line-height: 4.166667vw;
  }

  .overview-content .professional-features[data-active-state="2"] {
    height: 188.888889vw;
    --tab-1-top: 116.388889vw;
    --tab-2-top: 126.481481vw;
    --tab-3-top: 158.425926vw;
    --tab-4-top: 168.611111vw;
    --tab-5-top: 184.351852vw;
    --active-panel-top: 137.592593vw;
  }

  .overview-content .professional-features[data-active-state="3"] {
    height: 183.981481vw;
    --tab-1-top: 116.388889vw;
    --tab-2-top: 126.481481vw;
    --tab-3-top: 142.222222vw;
    --tab-4-top: 163.611111vw;
    --tab-5-top: 179.444444vw;
    --active-panel-top: 148.518519vw;
  }

  .overview-content .professional-features[data-active-state="4"] {
    height: 183.888889vw;
    --tab-1-top: 116.388889vw;
    --tab-2-top: 126.481481vw;
    --tab-3-top: 142.314815vw;
    --tab-4-top: 152.5vw;
    --tab-5-top: 179.351852vw;
    --active-panel-top: 163.055556vw;
  }

  .overview-content .professional-features[data-active-state="5"] {
    height: 183.518519vw;
    --tab-1-top: 116.388889vw;
    --tab-2-top: 126.481481vw;
    --tab-3-top: 142.222222vw;
    --tab-4-top: 152.407407vw;
    --tab-5-top: 168.148148vw;
    --active-panel-top: 174.444444vw;
  }
}

.overview-content .product-banner .w-container {
  width: 38.8125em;
  margin: 0 auto;
  position: absolute;
  top: 4.3125em;
  left: 50%;
  transform: translateX(-50%);
}

.overview-content .product-banner .text {
  padding: 0;
  color: #2b2b2b;
  text-align: center;
}

.overview-content .product-banner h2 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.3333;
  padding-bottom: 0.5em;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.overview-content .product-banner .banner-mobile-break {
  display: none;
}

.overview-content .product-banner h3 {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
}

.overview-content .product-banner p.subtitle {
  font-size: 1.125em;
  font-weight: 300;
  padding-bottom: 1.75em;
}

.overview-content .product-banner p .model {
  display: inline-block;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 1024px) {
  .overview-content .product-banner {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .product-banner {
    font-size: 10.35px;
    width: 85.185185vw;
    max-width: 85.185185vw;
    height: 118.518519vw;
    background: url('img/fusion-pro-2.5g-banner-mobile.jpg') top / 100% 100% no-repeat;
    display: block;
  }

  .overview-content .product-banner .w-container {
    width: 64.722222vw;
    top: 15.277778vw;
  }

  .overview-content .product-banner .text {
    padding: 0;
  }

  .overview-content .product-banner h2 {
    font-size: 6.666667vw;
    padding: 0 0 5.555556vw;
    white-space: normal;
  }

  .overview-content .product-banner .banner-first-line {
    display: inline-block;
    white-space: nowrap;
  }

  .overview-content .product-banner .banner-mobile-break {
    display: inline;
  }

  .overview-content .product-banner h3 {
    font-size: 3.33vw;
    padding: 0 0 3.5vw;
  }

  .overview-content .product-banner p.subtitle {
    font-size: 3.33vw;
    padding: 0 0 6vw;
  }
  .overview-content .product-banner p .model {
    font-size: 3.333333vw;
    margin: 0;
  }
}

@media (max-width: 414px) {
  .overview-content .product-banner {
    font-size: 2.5vw;
  }
}

.overview-content .selling-points {
  font-size: 16px;
  max-width: 75em;
  margin: 0 auto;
}

.overview-content .selling-points .w-container {
  width: 62.5em;
  margin: 0 auto;
}

.overview-content .selling-points .text {
  padding: 4.4375em 0 0;
  color: #2b2b2b;
}

.overview-content .selling-points p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .selling-points p.title {
  font-weight: 400;
  white-space: nowrap;
}

.overview-content .selling-points ul {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .selling-points ul li {
  width: 18.5%;
  margin: 1.8125em 0;
}

.overview-content .selling-points ul .li-1 {
  --icon-width: 1.625em;
  --icon-height: 1.65625em;
  --icon-shift: -0.03125em;
}
.overview-content .selling-points ul .li-2 {
  --icon-width: 2em;
  --icon-height: 1.40625em;
  --icon-shift: 0.0625em;
}
.overview-content .selling-points ul .li-3 {
  --icon-width: 1.375em;
  --icon-height: 1.8125em;
  --icon-shift: -0.125em;
}
.overview-content .selling-points ul .li-4 {
  --icon-width: 1.625em;
  --icon-height: 1.625em;
  --icon-shift: -0.03125em;
}
.overview-content .selling-points ul .li-5 {
  --icon-width: 1.625em;
  --icon-height: 1.46875em;
  --icon-shift: 0.0625em;
}
.overview-content .selling-points ul .li-6 {
  --icon-width: 1.25em;
  --icon-height: 1.625em;
  --icon-shift: -0.03125em;
}
.overview-content .selling-points ul .li-7 {
  --icon-width: 1.375em;
  --icon-height: 1.625em;
  --icon-shift: -0.09375em;
}
.overview-content .selling-points ul .li-8 {
  --icon-width: 1.28125em;
  --icon-height: 1.78125em;
  --icon-shift: -0.1875em;
}
.overview-content .selling-points ul .li-9 {
  --icon-width: 1.5em;
  --icon-height: 1.65625em;
  --icon-shift: -0.09375em;
}
.overview-content .selling-points ul .li-10 {
  --icon-width: 1.6875em;
  --icon-height: 1.625em;
  --icon-shift: 0.1875em;
}

.overview-content .selling-points ul li .icon {
  display: block;
  width: 2.25em;
  height: 2.125em;
  margin: 0 auto 0.625em;
  background-position: top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.overview-content .selling-points ul li .icon img {
  display: block;
  width: var(--icon-width);
  height: var(--icon-height);
  margin: 0 auto;
  object-fit: contain;
  transform: translateY(var(--icon-shift, 0));
}

.overview-content .selling-points ul li .desc {
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .selling-points {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .selling-points {
    font-size: 3.333333vw;
    max-width: 85.185185vw;
  }

  .overview-content .selling-points .w-container {
    width: 78.425926vw;
  }
  .overview-content .selling-points .text {
    padding: 12vw 0 0;
  }

  .overview-content .selling-points p {
    font-size: 3.333333vw;
  }

  .overview-content .selling-points ul {
    width: 100%;
  }

  .overview-content .selling-points ul li {
    vertical-align: top;
    width: 44.55%;
    margin: 6vw 0 0;
  }

  .overview-content .selling-points ul .li-1 {
    --icon-width: 4.814815vw;
    --icon-height: 4.907407vw;
    --icon-shift: 0.462821vw;
  }
  .overview-content .selling-points ul .li-2 {
    --icon-width: 5.925926vw;
    --icon-height: 4.166667vw;
    --icon-shift: 0.476154vw;
  }
  .overview-content .selling-points ul .li-3 {
    --icon-width: 4.074074vw;
    --icon-height: 5.370370vw;
    --icon-shift: 0vw;
  }
  .overview-content .selling-points ul .li-4 {
    --icon-width: 4.814815vw;
    --icon-height: 4.814815vw;
    --icon-shift: 0.105641vw;
  }
  .overview-content .selling-points ul .li-5 {
    --icon-width: 4.814815vw;
    --icon-height: 4.351852vw;
    --icon-shift: 0.38359vw;
  }
  .overview-content .selling-points ul .li-6 {
    --icon-width: 3.703704vw;
    --icon-height: 4.814815vw;
    --icon-shift: -0.079487vw;
  }
  .overview-content .selling-points ul .li-7 {
    --icon-width: 4.074074vw;
    --icon-height: 4.814815vw;
    --icon-shift: 0.38359vw;
  }
  .overview-content .selling-points ul .li-8 {
    --icon-width: 3.796296vw;
    --icon-height: 5.277778vw;
    --icon-shift: 0.105641vw;
  }
  .overview-content .selling-points ul .li-9 {
    --icon-width: 4.444444vw;
    --icon-height: 4.907407vw;
    --icon-shift: 0.198462vw;
  }
  .overview-content .selling-points ul .li-10 {
    --icon-width: 5vw;
    --icon-height: 4.814815vw;
    --icon-shift: 0.291026vw;
  }

  .overview-content .selling-points ul .li-1,
  .overview-content .selling-points ul .li-3 {
    transform: translateY(0);
  }
  .overview-content .selling-points ul .li-2,
  .overview-content .selling-points ul .li-4 {
    transform: translateY(-0.099744vw);
  }
  .overview-content .selling-points ul .li-5,
  .overview-content .selling-points ul .li-6 {
    transform: translateY(-1.389744vw);
  }
  .overview-content .selling-points ul .li-7,
  .overview-content .selling-points ul .li-8 {
    transform: translateY(-2.679744vw);
  }
  .overview-content .selling-points ul .li-9,
  .overview-content .selling-points ul .li-10 {
    transform: translateY(-3.970000vw);
  }

  .overview-content .selling-points ul li .icon {
    width: 6vw;
    height: 5.5vw;
    margin-bottom: 3.125vw;
  }

  .overview-content .selling-points ul li .icon img {
    width: var(--icon-width);
    height: var(--icon-height);
    margin: 0 auto;
  }
}

@media (max-width: 414px) {
  .overview-content .selling-points {
    font-size: 2.5vw;
  }
}

.overview-content .networking-ecosystem {
  font-size: 1em;
  max-width: 75em;
  margin: 0 auto;
}

.overview-content .networking-ecosystem .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .networking-ecosystem .text {
  width: 65.03125em;
  margin: 0 auto;
  padding: 5.46875em 0 2.96875em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .networking-ecosystem h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  margin: 0;
  padding: 0;
  color: #2b2b2b;
}

.overview-content .networking-ecosystem .intro {
  margin: 0;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
}

.overview-content .networking-ecosystem .img {
  position: relative;
  width: 100%;
  height: 30em;
  margin: 0 auto;
  background: url('img/fusion-pro-2.5g-s03-unified-control-web.jpg') top / 100% 100% no-repeat;
}

.overview-content .networking-ecosystem .platform-title {
  position: absolute;
  top: 1.75em;
  left: 0;
  width: 100%;
  text-align: center;
  color: #000000;
}

.overview-content .networking-ecosystem .platform-title h3 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .networking-ecosystem .platform-title .product-name,
.overview-content .networking-ecosystem .platform-title .platform-subtitle {
  display: block;
}

.overview-content .networking-ecosystem .platform-title .product-name {
  font-weight: 700;
}

.overview-content .networking-ecosystem .platform-title .platform-subtitle {
  font-size: 0.75em;
  font-weight: 400;
}

.overview-content .networking-ecosystem .diagram-label {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.3333;
  white-space: nowrap;
  color: #2b2b2b;
}

  .overview-content .networking-ecosystem .diagram-networking {
    left: 7.583333em;
    top: 6.305556em;
  }

  .overview-content .networking-ecosystem .diagram-surveillance {
    left: 53.583333em;
    top: 6.277778em;
  }

  .overview-content .networking-ecosystem .diagram-access-points {
    left: 9.111111em;
    top: 9.527778em;
  }

  .overview-content .networking-ecosystem .diagram-switches {
    left: 9.138889em;
    top: 15.388889em;
  }

  .overview-content .networking-ecosystem .diagram-nvr {
    left: 55.361111em;
    top: 10.194444em;
  }

  .overview-content .networking-ecosystem .diagram-cameras {
    left: 55.333333em;
    top: 15.388889em;
  }

.overview-content .networking-ecosystem .note {
  margin: 1.375em 0 0;
  padding: 0;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
}

@media (max-width: 1024px) {
  .overview-content .networking-ecosystem {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .networking-ecosystem {
    font-size: 3.333333vw;
    max-width: 85.555556vw;
    margin: 0 auto;
  }

  .overview-content .networking-ecosystem .w-container {
    width: auto;
  }

  .overview-content .networking-ecosystem .text {
    width: 84.62963vw;
    padding: 17.29344vw 0 8.888889vw;
    text-align: center;
  }

  .overview-content .networking-ecosystem h2 {
    font-size: 6.666667vw;
    font-weight: 500;
    line-height: 8.888889vw;
    padding: 0;
  }

  .overview-content .networking-ecosystem .intro {
    font-size: 3.333333vw;
    line-height: 5vw;
  }

  .overview-content .networking-ecosystem .img {
    width: 100%;
    height: 111.111111vw;
    background-image: url('img/fusion-pro-2.5g-s03-unified-control-mobile.jpg');
  }

  .overview-content .networking-ecosystem .platform-title {
    top: 6.666667vw;
  }

  .overview-content .networking-ecosystem .platform-title h3 {
    font-size: 4.444444vw;
    line-height: 6.666667vw;
  }

  .overview-content .networking-ecosystem .platform-title .platform-subtitle {
    font-size: 0.75em;
  }

  .overview-content .networking-ecosystem .diagram-label {
    font-size: 3.333333vw;
    line-height: 5vw;
  }

  .overview-content .networking-ecosystem .diagram-networking {
    left: 13.425926vw;
    top: 70.092593vw;
  }

  .overview-content .networking-ecosystem .diagram-surveillance {
    left: 54.814815vw;
    top: 70vw;
  }

  .overview-content .networking-ecosystem .diagram-access-points {
    left: 18.611111vw;
    top: 77.962963vw;
    font-size: 2.777778vw;
    line-height: 3.333333vw;
  }

  .overview-content .networking-ecosystem .diagram-switches {
    left: 18.703704vw;
    top: 91.481481vw;
  }

  .overview-content .networking-ecosystem .diagram-nvr {
    left: 60.555556vw;
    top: 79.907407vw;
  }

  .overview-content .networking-ecosystem .diagram-cameras {
    left: 60.462963vw;
    top: 91.481481vw;
  }

  .overview-content .networking-ecosystem .note {
    margin: 5.37037vw 0 0;
    font-size: 2.777778vw;
    line-height: 8.888889vw;
  }
}

@media (max-width: 414px) {
  .overview-content .networking-ecosystem {
    font-size: 3.333333vw;
  }
}

.overview-content .cloud-management {
  font-size: 1em;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .cloud-management .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .cloud-management .text {
  width: 60.375em;
  margin: 0 auto;
  padding: 0 0 2.90625em;
  text-align: center;
}

.overview-content .cloud-management h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
  margin: 0;
}

.overview-content .cloud-management .text > p {
  max-width: 100%;
  margin: 0 auto;
  color: #2b2b2b;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .cloud-management .img-container {
  position: relative;
  width: 75em;
}

.overview-content .cloud-management .img-wrap {
  width: 100%;
  height: 30em;
  background: url('img/background-cloud.png') center / cover no-repeat;
}

.overview-content .cloud-management .features {
  position: absolute;
  top: 3.34375em;
  left: 3.28125em;
  display: flex;
  flex-direction: column;
  gap: 1.28125em;
  list-style: none;
  margin: 0;
  padding: 0;
}

.overview-content .cloud-management .features li {
  background: rgba(10, 90, 90, 0.70);
  border: 1px solid rgba(0, 225, 148, 0.60);
  width: 13.3125em;
  height: 6.9375em;
  padding: 0 1.5em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.overview-content .cloud-management .features li p {
  color: #ffffff;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}

.overview-content .cloud-management .note {
  margin: 1.3125em 0 0;
  color: #2b2b2b;
  font-size: 1em;
  font-weight: 400;
  line-height: 0.96875em;
  text-align: left;
}

@media (max-width: 1024px) {
  .overview-content .cloud-management {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .cloud-management {
    font-size: 3.333333vw;
    max-width: 85.555556vw;
    margin: 0 auto;
  }

  .overview-content .cloud-management .w-container {
    width: auto;
  }

  .overview-content .cloud-management .text {
    width: 81.203704vw;
    padding: 0 0 8.425926vw;
    text-align: center;
  }

  .overview-content .cloud-management h2 {
    font-size: 6.666667vw;
    line-height: 8.888889vw;
    padding: 0;
  }

  .overview-content .cloud-management .text > p {
    font-size: 3.333333vw;
    line-height: 5vw;
  }

  .overview-content .cloud-management .img-wrap {
    width: 100%;
    height: 59.259259vw;
    background: url('img/background-cloud-mobile.png') center / cover no-repeat;
  }

  .overview-content .cloud-management .img-container {
    width: 100%;
  }

  .overview-content .cloud-management .features {
    position: static;
    transform: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8.425926vw 4vw;
    margin: 8.425926vw auto 0;
    padding: 0;
  }

  .overview-content .cloud-management .features li {
    background: none;
    border: none;
    padding: 0;
    min-width: 0;
    min-height: 0;
    width: auto;
    height: auto;
    justify-content: flex-start;
  }

  .overview-content .cloud-management .features li p {
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 5vw;
    color: #2b2b2b;
  }

  .overview-content .cloud-management .note {
    margin: 5.462963vw 0 0;
    font-size: 3.333333vw;
    line-height: 2.87037vw;
  }
}

@media (max-width: 414px) {
  .overview-content .cloud-management {
    font-size: 3.333333vw;
  }
}

.overview-content .easy-setup {
  font-size: 1em;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .easy-setup .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .easy-setup .text {
  width: 60.46875em;
  margin: 0 auto;
  padding: 7em 0 3.125em;
  text-align: center;
}

.overview-content .easy-setup h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
  padding-bottom: 0;
}

.overview-content .easy-setup p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
  max-width: 100%;
  margin: 0 auto;
}

.overview-content .easy-setup .bg {
  position: relative;
  width: 100%;
  height: 30em;
}

.overview-content .easy-setup .bg .video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.overview-content .easy-setup .video-play-pause-btn {
  position: absolute;
  bottom: 1.75em;
  right: 2.6875em;
  width: 3.84375em;
  height: 3.84375em;
  background: rgba(0, 0, 0, 0.45);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  padding: 0;
}

.overview-content .easy-setup .video-play-pause-btn .icon-play,
.overview-content .easy-setup .video-play-pause-btn .icon-pause {
  width: 1.5em;
  height: 1.5em;
}

.overview-content .easy-setup .video-play-pause-btn .icon-play {
  display: none;
}

.overview-content .easy-setup .video-play-pause-btn.paused .icon-play {
  display: block;
}

.overview-content .easy-setup .video-play-pause-btn.paused .icon-pause {
  display: none;
}

@media (max-width: 1024px) {
  .overview-content .easy-setup {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .easy-setup {
    font-size: 3.333333vw;
    margin: 0 auto;
    max-width: 85.555556vw;
  }

  .overview-content .easy-setup .w-container {
    width: auto;
  }

  .overview-content .easy-setup .text {
    width: 82.407407vw;
    padding: 18.5vw 0 9.26vw;
    }

  .overview-content .easy-setup h2 {
    font-size: 6.666667vw;
    line-height: 8.888889vw;
    padding-bottom: 0;
  }

  .overview-content .easy-setup p {
    font-size: 3.333333vw;
    line-height: 5vw;
  }

  .overview-content .easy-setup .bg {
    height: 59.259259vw;
  }

  .overview-content .easy-setup .bg .video {
    height: 100%;
  }

  .overview-content .easy-setup .video.m-hide {
    display: none;
  }

  .overview-content .easy-setup .video.m-show {
    display: block;
  }

  .overview-content .easy-setup .video-play-pause-btn {
    bottom: 2.685185vw;
    right: 2.592593vw;
    width: 11.388889vw;
    height: 11.388889vw;
  }

  .overview-content .easy-setup .video-play-pause-btn .icon-play,
  .overview-content .easy-setup .video-play-pause-btn .icon-pause {
    width: 4vw;
    height: 4vw;
  }
}

@media (max-width: 414px) {
  .overview-content .easy-setup {
    font-size: 3.333333vw;
  }
}

.overview-content .enterprise-grade {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .enterprise-grade .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .enterprise-grade .text {
  padding: 7em 5em 3.125em;
  text-align: center;
}

.overview-content .enterprise-grade h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
}

.overview-content .enterprise-grade p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  /* color: #2b2b2b; */
  max-width: 55em;
  margin: 0 auto;
}

.overview-content .enterprise-grade .performance-swiper-wrapper {
  position: relative;
  max-width: 75em;
  margin: 0 auto;
  padding: 0 0 4em;
}

.overview-content .enterprise-grade .performance-swiper {
  overflow: hidden;
}

.overview-content .enterprise-grade .swiper-wrapper {
  height: initial;
}

.overview-content .enterprise-grade .slide-content {
  overflow: hidden;
  position: relative;
  aspect-ratio: 180 / 257;
}

.overview-content .enterprise-grade .slide-img {
  position: absolute;
  inset: 0;
}

.overview-content .enterprise-grade .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}

.overview-content .enterprise-grade .slide-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2.5em 2em;
  z-index: 2;
}

.overview-content .enterprise-grade .slide-text h3 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.4em;
}

.overview-content .enterprise-grade .slide-text p {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .enterprise-grade .slide-content.dark .slide-text h3 {
  color: #ffffff;
}

.overview-content .enterprise-grade .slide-content.dark .slide-text h3 span {
  color: #02d78e;
}

.overview-content .enterprise-grade .slide-content.dark .slide-text p {
  color: #c5c5c5;
}

.overview-content .enterprise-grade .slide-content.light .slide-text h3 {
  color: #2b2b2b;
}

.overview-content .enterprise-grade .slide-content.light .slide-text h3 span {
  color: #008055;
}

.overview-content .enterprise-grade .slide-content.light .slide-text p {
  color: #3d3d3d;
}

.overview-content .enterprise-grade .slide-caption {
  position: absolute;
  bottom: 2.25em;
  left: 0;
  right: 0;
  text-align: center;
  font-weight: 400;
  color: #3d3d3d;
  z-index: 2;
}

.overview-content .enterprise-grade .swiper-button-prev,
.overview-content .enterprise-grade .swiper-button-next {
  color: #fff;
  width: 3.5em;
  height: 3.5em;
  background-color: rgba(113, 113, 113, 0.8);
  top: 45%;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.overview-content .enterprise-grade .swiper-button-prev:hover,
.overview-content .enterprise-grade .swiper-button-next:hover {
  background-color: rgba(113, 113, 113, 0.6);
}

.overview-content .enterprise-grade .swiper-button-prev {
  left: -6em;
}

.overview-content .enterprise-grade .swiper-button-next {
  right: -6em;
}

.overview-content .enterprise-grade .swiper-button-prev:after,
.overview-content .enterprise-grade .swiper-button-next:after {
  font-size: 1.5em;
  font-weight: bold;
}

.overview-content .enterprise-grade .swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.overview-content .enterprise-grade .swiper-pagination-progressbar {
  height: 0.25em;
  background: #d2d2d2;
  top: auto;
}

.overview-content .enterprise-grade .swiper-pagination-progressbar-fill {
  background: #2b2b2b;
}

@media (max-width: 1024px) {
  .overview-content .enterprise-grade {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .enterprise-grade {
    font-size: 10.35px;
    margin: 0 auto;
    max-width: 100vw;
  }

  .overview-content .enterprise-grade .w-container {
    width: auto;
    padding: 0 7.407vw;
  }

  .overview-content .enterprise-grade .text {
    padding: 18.5vw 0 9.26vw;
  }

  .overview-content .enterprise-grade h2 {
    font-size: 6.67vw;
  }

  .overview-content .enterprise-grade p {
    font-size: 3.33vw;
  }
  .overview-content .enterprise-grade .slide-text {
    padding: 6vw;
  }
  .overview-content .enterprise-grade .slide-text h3 {
    font-size: 4.5vw;
  }
  .overview-content .enterprise-grade .slide-text p {
    font-size: 3.33vw;
  }

  .overview-content .enterprise-grade .slide-caption {
    bottom: 7vw;
  }

  .overview-content .enterprise-grade .performance-swiper-wrapper {
    padding: 0 0 12vw;
  }

  .overview-content .enterprise-grade .swiper-button-prev,
  .overview-content .enterprise-grade .swiper-button-next {
    display: none;
  }

  .overview-content .enterprise-grade .swiper-pagination-progressbar {
    height: 0.7vw;
  }
}

@media (max-width: 414px) {
  .overview-content .enterprise-grade {
    font-size: 2.5vw;
  }
}

@media (min-width: 737px) {
  .overview-content .easy-setup .video.m-show {
    display: none;
  }
}

/* Section 11 uses the existing featured-blogs browsing structure. The
   section keeps its PSB card artwork dimensions and semantic copy while
   inheriting the reference module's clipped track, arrows and pagination. */
.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .w-container {
  width: 75em;
  margin: 0 auto;
  padding: 0;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .text {
  padding: 0 0 2.3em;
  text-align: center;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] h2 {
  font-size: 1.90625em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .blog-swiper-wrapper {
  position: relative;
  width: 75em;
  max-width: none;
  margin: 0 auto;
  padding: 0 0 4em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .blog-swiper {
  width: 75em;
  overflow: hidden;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-wrapper {
  height: auto;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-slide {
  flex: 0 0 24em;
  width: 24em !important;
  margin-right: 1.5em !important;
}

@media (min-width: 737px) {
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-slide:last-child {
    margin-right: 0 !important;
  }
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-img {
  aspect-ratio: 768 / 854;
  overflow: hidden;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-text {
  padding: 2.375em 0 0;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-text h3 {
  margin: 0 0 0.45em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-text p {
  margin: 0 auto;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-prev,
.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-next {
  top: 25%;
  width: 3.5em;
  height: 3.5em;
  margin-top: -1.375em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-prev {
  left: -6em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-next {
  right: -6em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-pagination {
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-pagination-progressbar {
  top: auto;
  height: 0.25em;
  background: #d2d2d2;
}

@media (max-width: 736px) {
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] {
    width: 100vw;
    max-width: 100vw;
    font-size: 2.5vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .w-container {
    width: 85.185185vw;
    margin: 0 auto;
    padding: 0;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .text {
    padding: 0 0 9.444444vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] h2 {
    font-size: 5.64876vw;
    line-height: 1.3333;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-swiper {
    width: 85.185185vw;
    padding-bottom: 10.185185vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel {
    width: 85.185185vw;
    overflow: hidden;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-img {
    aspect-ratio: 920 / 640;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text {
    padding-top: 5.462963vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text h3 {
    margin: 0;
    font-size: 4.444444vw;
    line-height: 6.666667vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text p {
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 4.444444vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-pagination {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-pagination.swiper-pagination-progressbar {
    height: 0.7vw;
  }
}

/* Section 06 PSB alignment: desktop grid with a responsive mobile carousel. */
.overview-content .enterprise-grade {
  font-size: 1em;
  max-width: 75em;
  margin: 0 auto;
}

.overview-content .enterprise-grade .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .enterprise-grade .text {
  padding: 0 0 1.84375em;
  text-align: center;
}

.overview-content .enterprise-grade h2 {
  max-width: 24.013889em;
  margin: 0 auto;
  color: #2b2b2b;
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content .enterprise-grade .performance-swiper-wrapper {
  position: relative;
  width: 75em;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

.overview-content .enterprise-grade .performance-swiper {
  overflow: visible;
}

.overview-content .enterprise-grade .swiper-wrapper {
  align-items: flex-start;
  height: auto;
}

.overview-content .enterprise-grade .performance-slide {
  flex: 0 0 23.75em;
  width: 23.75em !important;
  height: 32.125em;
  margin: 0;
}

.overview-content .enterprise-grade .performance-slide--nvme,
.overview-content .enterprise-grade .performance-slide--thermal {
  flex-basis: 36.5625em;
  width: 36.5625em !important;
  height: 26.875em;
}

.overview-content .enterprise-grade .slide-content {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

.overview-content .enterprise-grade .slide-img {
  position: absolute;
  inset: 0;
  background-image: url("img/fusion-pro-2.5g-s06-web-picture.jpg");
  background-repeat: no-repeat;
  background-size: 75em 60.8125em;
}

.overview-content .enterprise-grade .performance-slide--ports .slide-img {
  background-position: 0 0;
}

.overview-content .enterprise-grade .performance-slide--cpu .slide-img {
  background-position: -25.625em 0;
}

.overview-content .enterprise-grade .performance-slide--ips .slide-img {
  background-position: -51.21875em 0;
}

.overview-content .enterprise-grade .performance-slide--nvme .slide-img {
  background-position: 0 -33.9375em;
}

.overview-content .enterprise-grade .performance-slide--thermal .slide-img {
  background-position: -38.40625em -33.9375em;
}

.overview-content .enterprise-grade .slide-text {
  top: 3.0625em;
  right: auto;
  left: 2.65625em;
  width: 17.4375em;
  padding: 0;
}

.overview-content .enterprise-grade .slide-text h3 {
  margin: 0 0 0.4em;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
}

.overview-content .enterprise-grade .slide-text p {
  max-width: none;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .enterprise-grade .performance-slide--cpu .slide-text {
  left: 2.40625em;
  width: 17.5625em;
}

.overview-content .enterprise-grade .performance-slide--ips .slide-text {
  left: 1.84375em;
  width: 14.90625em;
}

.overview-content .enterprise-grade .performance-slide--nvme .slide-text {
  top: 18.28125em;
  left: 8.1875em;
  width: 20.125em;
}

.overview-content .enterprise-grade .performance-slide--thermal .slide-text {
  top: 18.28125em;
  left: 5.1875em;
  width: 26.125em;
}

@media (min-width: 737px) {
  .overview-content .enterprise-grade .performance-slide--nvme .slide-text,
  .overview-content .enterprise-grade .performance-slide--thermal .slide-text {
    text-align: center;
  }
}

.overview-content .enterprise-grade .slide-content.dark .slide-text h3 {
  color: #ffffff;
}

.overview-content .enterprise-grade .slide-content.dark .slide-text h3 span {
  color: #02d78e;
}

.overview-content .enterprise-grade .slide-content.dark .slide-text p {
  color: #c5c5c5;
}

.overview-content .enterprise-grade .slide-content.light .slide-text h3 {
  color: #2b2b2b;
}

.overview-content .enterprise-grade .slide-content.light .slide-text h3 span {
  color: #008055;
}

.overview-content .enterprise-grade .slide-content.light .slide-text p {
  color: #3d3d3d;
}

.overview-content .enterprise-grade .slide-caption {
  top: 26.25em;
  right: auto;
  bottom: auto;
  left: 2.8125em;
  width: 16.125em;
  text-align: left;
  font-size: 1em;
  line-height: 1.5;
}

.overview-content .enterprise-grade .slide-caption p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.overview-content .enterprise-grade .swiper-button-prev,
.overview-content .enterprise-grade .swiper-button-next,
.overview-content .enterprise-grade .swiper-pagination {
  display: none;
}

@media (min-width: 737px) {
  .overview-content .enterprise-grade .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 1.875em;
    row-gap: 1.8125em;
    width: 100% !important;
    transform: none !important;
    transition-duration: 0ms !important;
  }

  .overview-content .enterprise-grade .performance-slide,
  .overview-content .enterprise-grade .performance-slide--nvme,
  .overview-content .enterprise-grade .performance-slide--thermal {
    margin-right: 0 !important;
  }
}

@media (max-width: 736px) {
  .overview-content .enterprise-grade {
    font-size: 4.102564vw;
    max-width: 100vw;
  }

  .overview-content .enterprise-grade .w-container {
    width: 85.555556vw;
    padding: 0;
  }

  .overview-content .enterprise-grade .text {
    padding: 0 3.703704vw 5.267094vw;
  }

  .overview-content .enterprise-grade h2 {
    max-width: none;
    font-size: 6.666667vw;
    line-height: 1.3333;
  }

  .overview-content .enterprise-grade .performance-swiper-wrapper {
    width: 100%;
    padding: 0 0 10.15866vw;
  }

  .overview-content .enterprise-grade .performance-swiper {
    width: 70.37037vw;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .overview-content .enterprise-grade .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    column-gap: 0;
    row-gap: 0;
    width: auto !important;
  }

  .overview-content .enterprise-grade .performance-slide,
  .overview-content .enterprise-grade .performance-slide--nvme,
  .overview-content .enterprise-grade .performance-slide--thermal {
    flex: 0 0 70.37037vw;
    width: 70.37037vw !important;
    height: 95.185185vw;
    margin-right: 0;
  }

  .overview-content .enterprise-grade .performance-slide--ports .slide-img,
  .overview-content .enterprise-grade .performance-slide--cpu .slide-img,
  .overview-content .enterprise-grade .performance-slide--ips .slide-img {
    background-image: url("img/fusion-pro-2.5g-s06-web-picture.jpg");
    background-size: 222.222222vw 180.185185vw;
  }

  .overview-content .enterprise-grade .performance-slide--ports .slide-img {
    background-position: 0 0;
  }

  .overview-content .enterprise-grade .performance-slide--cpu .slide-img {
    background-position: -75.925926vw 0;
  }

  .overview-content .enterprise-grade .performance-slide--ips .slide-img {
    background-position: -151.759259vw 0;
  }

  .overview-content .enterprise-grade .performance-slide--nvme .slide-img {
    background-image: url("img/fusion-pro-2.5g-s06-mobile-more-picture.png");
    background-size: 293.981481vw 95.185185vw;
    background-position: -135.185185vw 0;
  }

  .overview-content .enterprise-grade .performance-slide--thermal .slide-img {
    background-image: url("img/fan-mobile.png");
    background-position: 0 0;
    background-size: 100% 100%;
  }

  .overview-content .enterprise-grade .slide-text {
    top: 9.074074vw;
    left: 7.87037vw;
    width: 51.666667vw;
    padding: 0;
  }

  .overview-content .enterprise-grade .slide-text h3 {
    font-size: 4.5vw;
    line-height: 1.5;
  }

  .overview-content .enterprise-grade .slide-text p {
    font-size: 3vw;
    line-height: 1.5;
  }

  .overview-content .enterprise-grade .performance-slide--cpu .slide-text {
    left: 6.388889vw;
    width: 52.037037vw;
  }

  .overview-content .enterprise-grade .performance-slide--ips .slide-text {
    left: 5.462963vw;
    width: 44.166667vw;
  }

  .overview-content .enterprise-grade .performance-slide--nvme .slide-text {
    top: 9.074074vw;
    left: 5.37037vw;
    width: 50.555556vw;
  }

  .overview-content .enterprise-grade .performance-slide--thermal .slide-text {
    top: 9.074074vw;
    left: 5.462963vw;
    width: 53.703704vw;
  }

  .overview-content .enterprise-grade .slide-caption {
    top: 77.777778vw;
    left: 8.333333vw;
    width: 47.777778vw;
    font-size: 3vw;
    line-height: 1.5;
  }

  .overview-content .enterprise-grade .slide-caption p {
    margin: 0;
  }

  .overview-content .enterprise-grade .swiper-button-prev,
  .overview-content .enterprise-grade .swiper-button-next {
    display: none;
  }

  .overview-content .enterprise-grade .swiper-pagination {
    display: block;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: none;
  }

  .overview-content .enterprise-grade .swiper-pagination-progressbar {
    top: auto;
    height: 1.018519vw;
  }
}

@media (max-width: 414px) {
  .overview-content .enterprise-grade {
    font-size: 4.102564vw;
  }
}

.overview-content .quick-troubleshooting {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .quick-troubleshooting .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .quick-troubleshooting .text {
  padding: 7em 0 3.125em;
  text-align: center;
}

.overview-content .quick-troubleshooting h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
  padding-bottom: 0.5em;
}

.overview-content .quick-troubleshooting p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
  max-width: 55em;
  margin: 0 auto;
}

.overview-content .quick-troubleshooting .bg {
  position: relative;
  width: 100%;
}

.overview-content .quick-troubleshooting .bg .video {
  width: 100%;
}

.overview-content .quick-troubleshooting .video-play-pause-btn {
  position: absolute;
  bottom: 2em;
  right: 2em;
  width: 3.5em;
  height: 3.5em;
  background: rgba(0, 0, 0, 0.45);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  padding: 0;
}

.overview-content .quick-troubleshooting .video-play-pause-btn .icon-play,
.overview-content .quick-troubleshooting .video-play-pause-btn .icon-pause {
  width: 1.5em;
  height: 1.5em;
}

.overview-content .quick-troubleshooting .video-play-pause-btn .icon-play {
  display: none;
}

.overview-content .quick-troubleshooting .video-play-pause-btn.paused .icon-play {
  display: block;
}

.overview-content .quick-troubleshooting .video-play-pause-btn.paused .icon-pause {
  display: none;
}

@media (max-width: 1024px) {
  .overview-content .quick-troubleshooting {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .quick-troubleshooting {
    font-size: 10.35px;
    margin: 0 auto;
    max-width: 85.186vw;
  }

  .overview-content .quick-troubleshooting .w-container {
    width: auto;
  }

  .overview-content .quick-troubleshooting .text {
    padding: 18.5vw 0 9.26vw;
  }

  .overview-content .quick-troubleshooting h2 {
    font-size: 6.67vw;
    padding-bottom: 3.125vw;
  }

  .overview-content .quick-troubleshooting p {
    font-size: 3.33vw;
  }

  .overview-content .quick-troubleshooting .video-play-pause-btn {
    bottom: 3vw;
    right: 3vw;
    width: 10vw;
    height: 10vw;
  }

  .overview-content .quick-troubleshooting .video-play-pause-btn .icon-play,
  .overview-content .quick-troubleshooting .video-play-pause-btn .icon-pause {
    width: 4vw;
    height: 4vw;
  }
}

@media (max-width: 414px) {
  .overview-content .quick-troubleshooting {
    font-size: 2.5vw;
  }
}

.overview-content .software-capabilities {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .software-capabilities .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .software-capabilities .text {
  padding: 7em 2em 3.125em;
  text-align: center;
}

.overview-content .software-capabilities h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
}

.overview-content .software-capabilities .bento-grid {
  display: flex;
  gap: 1em;
}

.overview-content .software-capabilities .bento-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.overview-content .software-capabilities .bento-item {
  overflow: hidden;
  background-color: #f1f1f1;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 1.75em 2em;
  box-sizing: border-box;
}

.overview-content .software-capabilities .bento-1,
.overview-content .software-capabilities .bento-4 {
  height: 29em;
}

.overview-content .software-capabilities .bento-2,
.overview-content .software-capabilities .bento-3 {
  height: 18em;
}

.overview-content .software-capabilities .bento-1 {
  background-image: url('img/1787156968714_i4.jpg');
}

.overview-content .software-capabilities .bento-2 {
  background-image: url('img/1787156968801_i2.jpg');
}

.overview-content .software-capabilities .bento-3 {
  background-image: url('img/1787156968876_i3.jpg');
}

.overview-content .software-capabilities .bento-4 {
  background-image: url('img/1787156968919_i1.jpg');
}

.overview-content .software-capabilities .bento-text h3 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
  margin-bottom: 0.4em;
}

.overview-content .software-capabilities .bento-text p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
}

.overview-content .software-capabilities .bento-2 .bento-text {
  width: 13em;
}

.overview-content .software-capabilities .bento-3 .bento-text {
  width: 13.5em;
}

.overview-content .software-capabilities .bento-4 .bento-text {
  width: 25em;
}

@media (max-width: 1024px) {
  .overview-content .software-capabilities {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .software-capabilities {
    font-size: 10.35px;
    margin: 0 auto;
    max-width: 85.186vw;
  }

  .overview-content .software-capabilities .w-container {
    width: auto;
  }

  .overview-content .software-capabilities .text {
    padding: 18.5vw 0 9.26vw;
  }

  .overview-content .software-capabilities h2 {
    font-size: 6.67vw;
  }

  .overview-content .software-capabilities .bento-grid {
    flex-direction: column;
    gap: 8vw;
  }

  .overview-content .software-capabilities .bento-col {
    display: contents;
  }

  .overview-content .software-capabilities .bento-item {
    height: auto;
    min-height: 70vw;
    padding: 6vw;
  }

  .overview-content .software-capabilities .bento-1 { order: 1; }
  .overview-content .software-capabilities .bento-2 { order: 2; }
  .overview-content .software-capabilities .bento-3 { order: 3; }
  .overview-content .software-capabilities .bento-4 { order: 4; }

  .overview-content .software-capabilities .bento-1 {
    background-image: url('img/1787156969016_i4_2.jpg');
  }

  .overview-content .software-capabilities .bento-2 {
    background-image: url('img/1787156969104_i2.jpg');
  }

  .overview-content .software-capabilities .bento-3 {
    background-image: url('img/1787156969132_i3.jpg');
  }

  .overview-content .software-capabilities .bento-4 {
    background-image: url('img/1787156969212_i1.jpg');
  }

  .overview-content .software-capabilities .bento-text h3 {
    font-size: 4.375vw;
  }

  .overview-content .software-capabilities .bento-text p {
    font-size: 3.33vw;
  }

  .overview-content .software-capabilities .bento-2 .bento-text,
  .overview-content .software-capabilities .bento-3 .bento-text,
  .overview-content .software-capabilities .bento-4 .bento-text {
    width: 100%;
  }
}

@media (max-width: 414px) {
  .overview-content .software-capabilities {
    font-size: 2.5vw;
  }
}

/* Section 09 — PSB-aligned responsive card layout. The card artwork owns
   the non-text pixels; the headings and descriptions remain semantic DOM. */
.overview-content .software-capabilities {
  font-size: 1em;
  width: 75em;
  max-width: 75em;
  margin: 7.96875em auto 8em;
}

.overview-content .software-capabilities .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .software-capabilities .text {
  padding: 0 0 2.696125em;
  text-align: center;
}

.overview-content .software-capabilities h2 {
  max-width: 29em;
  margin: 0 auto;
  font-size: 1.90708375em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
}

.overview-content .software-capabilities .bento-grid {
  display: flex;
  width: 75em;
  gap: 1.40625em;
  align-items: flex-start;
}

.overview-content .software-capabilities .bento-col {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}

.overview-content .software-capabilities .bento-col:first-child {
  width: 36.84375em;
  gap: 1.46875em;
}

.overview-content .software-capabilities .bento-col:last-child {
  width: 36.75em;
  gap: 1.59375em;
}

.overview-content .software-capabilities .bento-item {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
}

.overview-content .software-capabilities .bento-1 {
  width: 36.84375em;
  height: 29.0625em;
  background-image: url('img/fusion-pro-2.5g-s09-web-sdwan.jpg');
}

.overview-content .software-capabilities .bento-2 {
  width: 36.75em;
  height: 17.5625em;
  background-image: url('img/fusion-pro-2.5g-s09-web-app-access.jpg');
}

.overview-content .software-capabilities .bento-3 {
  width: 36.75em;
  height: 17.625em;
  background-image: url('img/fusion-pro-2.5g-s09-web-content-filtering.jpg');
}

.overview-content .software-capabilities .bento-4 {
  width: 36.75em;
  height: 29em;
  background-image: url('img/fusion-pro-2.5g-s09-web-auto-qos.jpg');
}

.overview-content .software-capabilities .bento-text {
  box-sizing: border-box;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.overview-content .software-capabilities .bento-1 .bento-text {
  width: 31.25em;
  margin-left: 2.96875em;
  padding-top: 2.65625em;
}

.overview-content .software-capabilities .bento-2 .bento-text {
  width: 12.0625em;
  margin-left: 2.53125em;
  padding-top: 2.5em;
}

.overview-content .software-capabilities .bento-2 .bento-text p {
  letter-spacing: -0.08px;
}

.overview-content .software-capabilities .bento-3 .bento-text {
  width: 13.53125em;
  margin-left: 2.90625em;
  padding-top: 2.4375em;
}

.overview-content .software-capabilities .bento-4 .bento-text {
  width: 33.09375em;
  margin-left: 2.4375em;
  padding-top: 2.6875em;
}

.overview-content .software-capabilities .bento-text h3 {
  margin: 0 0 0.4em;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
}

.overview-content .software-capabilities .bento-text p {
  margin: 0;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  color: #2b2b2b;
}

@media (max-width: 736px) {
  .overview-content .software-capabilities {
    font-size: 4.102564vw;
    width: 85.555556vw;
    max-width: 85.555556vw;
    margin: 23.425926vw auto 23.611111vw;
  }

  .overview-content .software-capabilities .w-container {
    width: auto;
  }

  .overview-content .software-capabilities .text {
    padding: 0 0 5.37037vw;
  }

  .overview-content .software-capabilities h2 {
    max-width: 100%;
    margin: 0;
    font-size: 6.666667vw;
    line-height: 1.3333;
  }

  .overview-content .software-capabilities .bento-grid {
    width: 100%;
    flex-direction: column;
    gap: 7.407407vw;
  }

  .overview-content .software-capabilities .bento-col {
    display: contents;
  }

  .overview-content .software-capabilities .bento-item {
    width: 100%;
    height: 66.666667vw;
    min-height: 0;
    padding: 0;
    background-size: 100% 100%;
  }

  .overview-content .software-capabilities .bento-1 {
    order: 1;
    background-image: url('img/fusion-pro-2.5g-s09-mobile-full-mesh.jpg');
  }

  .overview-content .software-capabilities .bento-2 {
    order: 2;
    background-image: url('img/fusion-pro-2.5g-s09-mobile-app-access.jpg');
  }

  .overview-content .software-capabilities .bento-3 {
    order: 3;
    margin-top: 0.185185vw;
    background-image: url('img/fusion-pro-2.5g-s09-mobile-content-filtering.jpg');
  }

  .overview-content .software-capabilities .bento-4 {
    order: 4;
    background-image: url('img/fusion-pro-2.5g-s09-mobile-auto-qos.jpg');
  }

  .overview-content .software-capabilities .bento-1 .bento-text {
    width: 73.055556vw;
    margin-left: 7.5vw;
    padding-top: 7.12963vw;
  }

  .overview-content .software-capabilities .bento-2 .bento-text {
    width: 68.981481vw;
    margin-left: 7.5vw;
    padding-top: 7.222222vw;
  }

  .overview-content .software-capabilities .bento-3 .bento-text {
    width: 68.888889vw;
    margin-left: 7.5vw;
    padding-top: 7.222222vw;
  }

  .overview-content .software-capabilities .bento-4 .bento-text {
    width: 70.555556vw;
    margin-left: 7.5vw;
    padding-top: 7.222222vw;
  }

  .overview-content .software-capabilities .bento-text h3 {
    font-size: 4.375vw;
    line-height: 1.3;
  }

  .overview-content .software-capabilities .bento-text p {
    font-size: 3.333333vw;
    line-height: 1.5;
  }
}

.overview-content .secure-access {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto 0em;
}

.overview-content .secure-access .w-container {
  width: 62em;
  margin: 0 auto;
}

.overview-content .secure-access .text {
  padding: 7em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .secure-access h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  padding-bottom: 0.5em;
  color: #000000;
}

.overview-content .secure-access h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3333;
  padding-bottom: 0.5em;
}

.overview-content .secure-access p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .secure-access .link {
  margin: 0 auto;
  padding-bottom: 2.5em;
  text-align: center;
}

.overview-content .secure-access .link a {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3333;
  color: #005564;
  text-decoration: none;
}

.overview-content .secure-access .img {
  position: relative;
  width: 100%;
  height: 30em;
  margin: 0 auto;
  background: url('img/1787156969271_h_2.jpg') top / 100% no-repeat;
}

.overview-content .secure-access .img .label {
  position: absolute;
  top: 33%;
  left: 34%;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  width: 15em;
  text-align: center;
}

@media (max-width: 1024px) {
  .overview-content .secure-access {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .secure-access {
    font-size: 10.35px;
    max-width: 85.186vw;
    margin: 0 auto 0vw;
  }

  .overview-content .secure-access .w-container {
    width: auto;
  }

  .overview-content .secure-access .text {
    padding: 20vw 0 8vw;
    text-align: center;
  }

  .overview-content .secure-access h2 {
    font-size: 6.67vw;
    padding: 0 0 3.125vw;
  }

  .overview-content .secure-access h3 {
    font-size: 4.375vw;
    padding: 0 0 3.125vw;
  }

  .overview-content .secure-access p {
    font-size: 3.33vw;
  }

  .overview-content .secure-access p.title {
    font-size: 3.33vw;
  }

  .overview-content .secure-access p.note {
    font-size: 3vw;
    padding-top: 2vw;
  }

  .overview-content .secure-access .link {
    margin: 0 auto;
    padding: 0 0 5.625vw;
  }

  .overview-content .secure-access .link a {
    font-size: 3.33vw;
  }

  .overview-content .secure-access .img {
    width: 100%;
    height: 59vw;
    background: url('img/1787156969406_h_2.jpg') top / 100% no-repeat;
  }

  .overview-content .secure-access .img .label {
    top: 33%;
    left: 38%;
    font-size: 4vw;
    width: 20vw;
    line-height: 1.2;
  }
}

@media (max-width: 414px) {
  .overview-content .secure-access {
    font-size: 2.5vw;
  }
}

/* Section 08 PSB alignment: semantic copy stays in the DOM; the exported
   artwork supplies only the opaque visual canvas behind the label. */
.overview-content .secure-access {
  font-size: 1em;
  width: 75em;
  max-width: 75em;
  margin: 7.96875em auto 0;
}

.overview-content .secure-access .w-container {
  width: 61.375em;
  margin: 0 auto;
}

.overview-content .secure-access .text {
  padding: 0 0 2.84375em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .secure-access h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  padding-bottom: 0.0277778em;
  color: #000000;
}

.overview-content .secure-access p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .secure-access .img {
  width: 100%;
  height: 30em;
  background: url('img/fusion-pro-2.5g-s08-secure-web.jpg') top / 100% 100% no-repeat;
}

.overview-content .secure-access .img .label {
  top: 6.2291667em;
  left: 21.1458333em;
  width: 7.125em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 736px) {
  .overview-content .secure-access {
    font-size: 4.102564vw;
    width: 85.555556vw;
    max-width: 85.555556vw;
    margin: 23.518519vw auto 0;
  }

  .overview-content .secure-access .w-container {
    width: auto;
  }

  .overview-content .secure-access .text {
    padding: 0 0 8.333333vw;
  }

  .overview-content .secure-access h2 {
    font-size: 6.666667vw;
    font-weight: 500;
    line-height: 1.3333;
    padding-bottom: 0.277778vw;
  }

  .overview-content .secure-access p {
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.5;
  }

  .overview-content .secure-access .img {
    width: 100%;
    height: 59.259259vw;
    background: url('img/fusion-pro-2.5g-s08-secure-mobile.jpg') top / 100% 100% no-repeat;
  }

  .overview-content .secure-access .img .label {
    top: 19.907407vw;
    left: 32.962963vw;
    width: 19.62963vw;
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.2;
  }
}

.overview-content .flexible-mounting {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .flexible-mounting .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .flexible-mounting .text {
  padding: 7em 0 3.125em;
  text-align: center;
  color: #2b2b2b;
}

.overview-content .flexible-mounting h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
}

.overview-content .flexible-mounting p {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.5;
  color: #2b2b2b;
  margin-bottom: 0.5em;
}

.overview-content .flexible-mounting .link {
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.5;
  color: #008055;
  text-decoration: none;
}

.overview-content .flexible-mounting .link:hover {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

.overview-content .flexible-mounting .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5em;
  text-align: center;
}

.overview-content .flexible-mounting .card .img {
  margin-bottom: 1.25em;
}

.overview-content .flexible-mounting .card h3 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.4;
  color: #2b2b2b;
  margin-bottom: 0.5em;
}

@media (max-width: 1024px) {
  .overview-content .flexible-mounting {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .flexible-mounting {
    font-size: 10.35px;
    max-width: 85.186vw;
  }

  .overview-content .flexible-mounting .w-container {
    width: auto;
  }

  .overview-content .flexible-mounting .text {
    padding: 18.5vw 0 9.26vw;
    text-align: center;
  }

  .overview-content .flexible-mounting h2 {
    font-size: 6.67vw;
  }

  .overview-content .flexible-mounting p,
  .overview-content .flexible-mounting .link {
    font-size: 3.33vw;
    padding: 0;
  }

  .overview-content .flexible-mounting .card .img {
    margin-bottom: 4vw;
  }
  .overview-content .flexible-mounting .cards {
    grid-template-columns: 1fr;
    gap: 6vw;
  }

  .overview-content .flexible-mounting .card h3 {
    font-size: 4.5vw;
    margin-bottom: 1.5vw;
  }
}

@media (max-width: 414px) {
  .overview-content .flexible-mounting {
    font-size: 2.5vw;
  }
}


.overview-content .smb-scenarios {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .smb-scenarios .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .smb-scenarios .text {
  padding: 7em 5em 3.125em;
  text-align: center;
}

.overview-content .smb-scenarios h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
}

.overview-content .smb-scenarios .scenarios-swiper-wrapper {
  position: relative;
  max-width: 75em;
  margin: 0 auto;
  padding: 0 0 4em;
}

.overview-content .smb-scenarios .scenarios-swiper {
  overflow: hidden;
}

.overview-content .smb-scenarios .swiper-wrapper {
  height: initial;
}

.overview-content .smb-scenarios .slide-content {
  overflow: hidden;
  position: relative;
  aspect-ratio: 180 / 257;
}

.overview-content .smb-scenarios .slide-img {
  position: absolute;
  inset: 0;
}

.overview-content .smb-scenarios .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}

.overview-content .smb-scenarios .slide-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2.5em;
  z-index: 2;
}

.overview-content .smb-scenarios .slide-text h3 {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.4em;
}

.overview-content .smb-scenarios .slide-text p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .smb-scenarios .slide-content.dark .slide-text h3 {
  color: #ffffff;
}

.overview-content .smb-scenarios .slide-content.dark .slide-text h3 span {
  color: #02d78e;
}

.overview-content .smb-scenarios .slide-content.dark .slide-text p {
  color: #c5c5c5;
}

.overview-content .smb-scenarios .slide-content.light .slide-text h3 {
  color: #2b2b2b;
}

.overview-content .smb-scenarios .slide-content.light .slide-text h3 span {
  color: #008055;
}

.overview-content .smb-scenarios .slide-content.light .slide-text p {
  color: #3d3d3d;
}

.overview-content .smb-scenarios .swiper-button-prev,
.overview-content .smb-scenarios .swiper-button-next {
  color: #fff;
  width: 3.5em;
  height: 3.5em;
  background-color: rgba(113, 113, 113, 0.8);
  top: 45%;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.overview-content .smb-scenarios .swiper-button-prev:hover,
.overview-content .smb-scenarios .swiper-button-next:hover {
  background-color: rgba(113, 113, 113, 0.6);
}

.overview-content .smb-scenarios .swiper-button-prev {
  left: -6em;
}

.overview-content .smb-scenarios .swiper-button-next {
  right: -6em;
}

.overview-content .smb-scenarios .swiper-button-prev:after,
.overview-content .smb-scenarios .swiper-button-next:after {
  font-size: 1.5em;
  font-weight: bold;
}

.overview-content .smb-scenarios .swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.overview-content .smb-scenarios .swiper-pagination-progressbar {
  height: 0.25em;
  background: #d2d2d2;
  top: auto;
}

.overview-content .smb-scenarios .swiper-pagination-progressbar-fill {
  background: #2b2b2b;
}

@media (max-width: 1024px) {
  .overview-content .smb-scenarios {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .smb-scenarios {
    font-size: 10.35px;
    margin: 0 auto;
    max-width: 100vw;
  }

  .overview-content .smb-scenarios .w-container {
    width: auto;
    padding: 0 7.407vw;
  }

  .overview-content .smb-scenarios .text {
    padding: 18.5vw 5vw 9.26vw;
  }

  .overview-content .smb-scenarios h2 {
    font-size: 6.67vw;
  }

  .overview-content .smb-scenarios .slide-text {
    padding: 6vw;
  }
  .overview-content .smb-scenarios .slide-text h3 {
    font-size: 4.5vw;
  }
  .overview-content .smb-scenarios .slide-text p {
    font-size: 3.33vw;
  }

  .overview-content .smb-scenarios .scenarios-swiper-wrapper {
    padding: 0 0 12vw;
  }

  .overview-content .smb-scenarios .swiper-button-prev,
  .overview-content .smb-scenarios .swiper-button-next {
    display: none;
  }

  .overview-content .smb-scenarios .swiper-pagination-progressbar {
    height: 0.7vw;
  }
}

@media (max-width: 414px) {
  .overview-content .smb-scenarios {
    font-size: 2.5vw;
  }
}

a {
    text-decoration: none;
    color: #464feb;
}
tr th, tr td {
    border: 1px solid #e6e6e6;
}
tr th {
    background-color: #f5f5f5;
}


body,
body > .page-content-wrapper,
html {
  overflow: visible !important;
}

.overview-content {
  font-size: 16px;
  max-width: 1200px;
  width: 75em;
  margin: 0 auto;
  font-family: manrope;
}
.overview-content img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.overview-content .m-hide {
  display: block;
}
.overview-content .m-show {
  display: none;
}
@media (max-width: 1024px) {
  .overview-content {
    font-size: 10px;
  }
}
@media (max-width: 736px) {
  .overview-content {
    font-size: 10.35px;
    max-width: 100vw;
    width: 100vw;
  }
  .overview-content .m-show {
    display: block;
  }
  .overview-content .m-hide {
    display: none;
  }
}
@media (max-width: 414px) {
  .overview-content {
    font-size: 2.5vw;
  }
}

.overview-content .featured-blogs {
  font-size: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.overview-content .featured-blogs .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content .featured-blogs .text {
  padding: 7em 5em 3.125em;
  text-align: center;
}

.overview-content .featured-blogs h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  color: #000000;
}

.overview-content .featured-blogs .blog-swiper-wrapper {
  position: relative;
  max-width: 75em;
  margin: 0 auto;
  padding: 0 0 4em;
}

.overview-content .featured-blogs .blog-swiper {
  overflow: hidden;
}

.overview-content .featured-blogs .swiper-wrapper {
  height: initial;
}

.overview-content .featured-blogs .slide-content {
  overflow: hidden;
  position: relative;
}

.overview-content .featured-blogs .card-link {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.overview-content .featured-blogs .slide-img {
  aspect-ratio: 77 / 45;
  overflow: hidden;
}

.overview-content .featured-blogs .slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  transition: transform 0.4s ease;
}

.overview-content .featured-blogs .slide-content:hover .slide-img img {
  transform: scale(1.03);
}

.overview-content .featured-blogs .slide-text {
  padding: 1.25em 0 0;
}

.overview-content .featured-blogs .slide-text h3 {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.5;
  color: #2b2b2b;
  margin-bottom: 0.5em;
}

.overview-content .featured-blogs .slide-text .date {
  font-size: 1em;
  font-weight: 400;
  color: #636363;
}

.overview-content .featured-blogs .swiper-button-prev,
.overview-content .featured-blogs .swiper-button-next {
  color: #fff;
  width: 3.5em;
  height: 3.5em;
  background-color: rgba(113, 113, 113, 0.8);
  top: 25%;
  z-index: 10;
  transition: background-color 0.3s ease;
}

.overview-content .featured-blogs .swiper-button-prev:hover,
.overview-content .featured-blogs .swiper-button-next:hover {
  background-color: rgba(113, 113, 113, 0.6);
}

.overview-content .featured-blogs .swiper-button-prev {
  left: -6em;
}

.overview-content .featured-blogs .swiper-button-next {
  right: -6em;
}

.overview-content .featured-blogs .swiper-button-prev:after,
.overview-content .featured-blogs .swiper-button-next:after {
  font-size: 1.5em;
  font-weight: bold;
}

.overview-content .featured-blogs .swiper-pagination {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.overview-content .featured-blogs .swiper-pagination-progressbar {
  height: 0.25em;
  background: #d2d2d2;
  top: auto;
}

.overview-content .featured-blogs .swiper-pagination-progressbar-fill {
  background: #2b2b2b;
}

@media (max-width: 1024px) {
  .overview-content .featured-blogs {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .featured-blogs {
    font-size: 10.35px;
    margin: 0 auto;
    max-width: 100vw;
  }

  .overview-content .featured-blogs .w-container {
    width: auto;
    padding: 0 7.407vw;
  }

  .overview-content .featured-blogs .text {
    padding: 18.5vw 0 9.26vw;
  }

  .overview-content .featured-blogs h2 {
    font-size: 6.67vw;
  }

  .overview-content .featured-blogs .slide-text {
    padding: 3vw 0 0;
  }

  .overview-content .featured-blogs .slide-text h3 {
    font-size: 3.67vw;
  }

  .overview-content .featured-blogs .slide-text .date {
    font-size: 3vw;
  }

  .overview-content .featured-blogs .blog-swiper-wrapper {
    padding: 0 0 12vw;
  }

  .overview-content .featured-blogs .swiper-button-prev,
  .overview-content .featured-blogs .swiper-button-next {
    display: none;
  }

  .overview-content .featured-blogs .swiper-pagination-progressbar {
    height: 0.7vw;
  }
}

@media (max-width: 414px) {
  .overview-content .featured-blogs {
    font-size: 2.5vw;
  }
}

a {
  text-decoration: none;
  color: #464feb;
}
tr th, tr td {
  border: 1px solid #e6e6e6;
}
tr th {
  background-color: #f5f5f5;
}

@media (max-width: 736px) {
  html {
    overflow-x: hidden !important;
  }
  body {
    overflow-x: hidden !important;
  }
}

/* Section 07 PSB alignment: final cascade for the section-local geometry. */
.overview-content .quick-troubleshooting {
  font-size: 1em;
  width: 75em;
  max-width: 75em;
  margin: 7.9375em auto 0;
}

.overview-content .quick-troubleshooting .w-container {
  width: 100%;
  margin: 0;
}

.overview-content .quick-troubleshooting .text {
  padding: 0 0 2.78125em;
  text-align: center;
}

.overview-content .quick-troubleshooting h2 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.3333;
  padding-bottom: 0.041667em;
}

.overview-content .quick-troubleshooting p {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
  max-width: 55em;
  margin: 0 auto;
}

.overview-content .quick-troubleshooting .bg .video {
  display: block;
  width: 100%;
  height: auto;
}

.overview-content .quick-troubleshooting .video-play-pause-btn {
  font-size: 1em;
  bottom: 2.40625em;
  right: 2.6875em;
  width: 3.84375em;
  height: 3.84375em;
  background: rgba(255, 255, 255, 0.26);
}

@media (min-width: 737px) {
  .overview-content .quick-troubleshooting .video.m-show {
    display: none;
  }
}

@media (max-width: 736px) {
  .overview-content .quick-troubleshooting {
    font-size: 4.102564vw;
    width: 85.555556vw;
    max-width: 85.555556vw;
    margin: 23.518519vw auto 0;
  }

  .overview-content .quick-troubleshooting .text {
    padding: 0 0 8.425926vw;
  }

  .overview-content .quick-troubleshooting h2 {
    font-size: 6.666667vw;
    font-weight: 500;
    line-height: 1.3333;
    padding-bottom: 0.185185vw;
  }

  .overview-content .quick-troubleshooting p {
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.5;
    max-width: 100%;
  }

  .overview-content .quick-troubleshooting .video-play-pause-btn {
    bottom: 2.592593vw;
    right: 2.592593vw;
    width: 11.388889vw;
    height: 11.388889vw;
    background: rgba(255, 255, 255, 0.26);
  }

  .overview-content .quick-troubleshooting .video.m-hide {
    display: none;
  }

  .overview-content .quick-troubleshooting .video.m-show {
    display: block;
  }

  .overview-content .quick-troubleshooting .video-play-pause-btn .icon-play,
  .overview-content .quick-troubleshooting .video-play-pause-btn .icon-pause {
    width: 4vw;
    height: 4vw;
  }
}

/* Final cascade for the existing Section 12/13 class names. The data-section
   hooks keep these overrides isolated from unrelated legacy modules. */
.overview-content section.flexible-mounting[data-design-section="12-Flexible"] {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .w-container,
.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .w-container {
  width: 75em;
  margin: 0 auto;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .text,
.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .text {
  padding: 0 0 2.3em;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] h2,
.overview-content section.smb-scenarios[data-design-section="13-Designed For"] h2 {
  font-size: 1.90625em;
  line-height: 1.3333;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5em;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .img {
  margin: 0;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .img img {
  display: block;
  width: 100%;
  aspect-ratio: 768 / 853;
  object-fit: cover;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card h3 {
  margin: 2.375em 0 0.45em;
  font-size: 1.5em;
  line-height: 1.3333;
}

.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card p,
.overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .link {
  font-size: 1.125em;
  line-height: 1.5;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper-wrapper {
  width: 75em;
  max-width: none;
  padding-bottom: 4em;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper {
  overflow: visible;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper .swiper-slide {
  flex: 0 0 22.5em;
  width: 22.5em !important;
  margin: 0;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .slide-content {
  aspect-ratio: 720 / 1029;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
  padding: 2.75em 2em;
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .slide-content .slide-text h3 {
  color: #000;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 736px) {
  html,
  body,
  body > .page-content-wrapper {
    overflow-x: hidden !important;
  }

  .overview-content .professional-features {
    height: calc(183.888889vw + 1.5vw);
  }

  .overview-content .professional-features[data-active-state="2"],
  .overview-content .professional-features[data-active-state="3"],
  .overview-content .professional-features[data-active-state="4"],
  .overview-content .professional-features[data-active-state="5"] {
    height: calc(183.888889vw + 1.5vw);
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"],
  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] {
    width: 100vw;
    max-width: 100vw;
    font-size: 2.5vw;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .w-container,
  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .w-container {
    width: 85.185185vw;
    padding: 0;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .text,
  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .text {
    padding: 0 0 9.444444vw;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] h2,
  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] h2 {
    font-size: 5.64876vw;
    line-height: 1.3333;
    max-width: 54.074074vw;
    margin-right: auto;
    margin-left: auto;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .cards {
    display: block;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card {
    margin-bottom: 7.407407vw;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .img {
    margin-bottom: 5.462963vw;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .m-hide {
    display: none;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .m-show {
    display: block;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card h3 {
    margin: 0 0 1.481481vw;
    font-size: 4.5vw;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card p,
  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .link {
    font-size: 3.333333vw;
    line-height: 1.5;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper-wrapper {
    width: 100vw;
    padding-bottom: 10.185185vw;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper {
    width: 100vw;
    overflow: visible;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper .swiper-wrapper {
    padding-left: 0;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper .swiper-slide {
    flex: 0 0 66.666667vw;
    width: 66.666667vw !important;
    margin-right: 0;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding: 5.185185vw 4vw;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .slide-content .slide-text h3 {
    font-size: 3.333333vw;
    line-height: 1.5;
  }

  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .swiper-button-prev,
  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .swiper-button-next {
    display: none;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] h2 {
    max-width: 65vw;
  }

  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .card .img img {
    aspect-ratio: 920 / 640;
  }
}

.overview-content section.smb-scenarios[data-design-section="13-Designed For"] .slide-img picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 737px) {
  html,
  body,
  body > .page-content-wrapper {
    overflow-x: hidden !important;
  }

  .overview-content .professional-heading h2 {
    width: 100%;
  }

  .overview-content .professional-tab {
    width: 100%;
    white-space: normal;
  }

  .overview-content .uninterrupted-swiper .uninterrupted-slide,
  .overview-content section.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper .swiper-slide {
    margin-right: 1.5em !important;
  }
}

/* Section 11 final cascade: keep the featured-blogs track and controls, but
   restore the portrait PSB cards and the section's semantic text scale. */
.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .w-container {
  width: 75em;
  margin: 0 auto;
  padding: 0;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .text {
  padding: 0 0 2.3em;
  text-align: center;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] h2 {
  font-size: 1.90625em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .blog-swiper-wrapper {
  width: 75em;
  max-width: none;
  padding: 0 0 4em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .blog-swiper {
  width: 75em;
  overflow: hidden;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-slide {
  flex: 0 0 24em;
  width: 24em !important;
  margin-right: 1.5em !important;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-img {
  aspect-ratio: 768 / 854;
  overflow: hidden;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-text {
  padding: 2.375em 0 0;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-text h3 {
  margin: 0 0 0.45em;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-text p {
  margin: 0 auto;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-prev,
.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-next {
  top: 25%;
  width: 3.5em;
  height: 3.5em;
  margin-top: -1.375em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-prev {
  left: -6em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-button-next {
  right: -6em;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .swiper-pagination {
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

@media (max-width: 736px) {
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] {
    width: 100vw;
    max-width: 100vw;
    font-size: 2.5vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .w-container {
    width: 85.185185vw;
    margin: 0 auto;
    padding: 0;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .text {
    padding: 0 0 9.444444vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] h2 {
    font-size: 5.64876vw;
    line-height: 1.3333;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-swiper {
    width: 85.185185vw;
    padding-bottom: 10.185185vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel {
    width: 85.185185vw;
    overflow: hidden;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-img {
    aspect-ratio: 920 / 640;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text {
    padding-top: 5.462963vw;
    text-align: center;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text h3 {
    margin: 0;
    font-size: 4.444444vw;
    line-height: 6.666667vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text p {
    font-size: 3.333333vw;
    font-weight: 500;
    line-height: 4.444444vw;
  }

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-pagination {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
  }
}

/* Section 13 final cascade: use the featured-blogs sliding template classes
   while retaining the four-card PSB composition and its semantic labels. */
.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] {
  max-width: 1200px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .w-container {
  width: 75em;
  margin: 0 auto;
  padding: 0;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .text {
  padding: 0 0 2.3em;
  text-align: center;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] h2 {
  font-size: 1.90625em;
  font-weight: 500;
  line-height: 1.3333;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper-wrapper {
  position: relative;
  width: 75em;
  max-width: none;
  margin: 0 auto;
  padding: 0 0 4em;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper {
  width: 75em;
  overflow: hidden;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-wrapper {
  height: auto;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide {
  flex: 0 0 24em;
  width: 24em !important;
  margin-right: 1.5em;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-content {
  position: relative;
  overflow: hidden;
  aspect-ratio: 720 / 1029;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  overflow: hidden;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-img picture,
.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-img img {
  object-fit: cover;
  margin: 0;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 2.75em 2em;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text h3 {
  margin: 0 0 0.4em;
  color: #000;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-button-prev,
.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-button-next {
  top: 45%;
  width: 3.5em;
  height: 3.5em;
  margin-top: -1.375em;
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-pagination {
  bottom: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-pagination-progressbar {
  top: auto;
  height: 0.25em;
  background: #d2d2d2;
}

@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] {
    width: 100vw;
    max-width: 100vw;
    font-size: 2.5vw;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .w-container {
    width: 85.185185vw;
    margin: 0 auto;
    padding: 0;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .text {
    padding: 0 0 9.444444vw;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] h2 {
    max-width: 54.074074vw;
    margin-right: auto;
    margin-left: auto;
    font-size: 5.64876vw;
    line-height: 1.3333;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper-wrapper {
    width: 100vw;
    padding-bottom: 10.185185vw;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper {
    width: 100vw;
    overflow: hidden;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-wrapper {
    padding-left: 0;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide {
    flex: 0 0 66.666667vw;
    width: 66.666667vw !important;
    margin-right: 0;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding: 5.185185vw 4vw;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text h3 {
    font-size: 3.333333vw;
    line-height: 1.5;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-button-prev,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-button-next {
    display: none;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-pagination-progressbar {
    height: 0.7vw;
  }
}

/* Section 10 final cascade: map the PSB bounds to the semantic layout. */
@media (min-width: 737px) {
  .overview-content section.professional-features[data-design-section="10-Professional Features"] {
    /* Fill the 75em overview-content canvas; the former 73.25em value left
       14px of empty parent space on both sides at the 1920px web scale. */
    width: 75em;
    max-width: 75em;
    height: 36.90625em;
    min-height: 0;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="2"],
  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="4"],
  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="5"] {
    height: 36.9375em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .w-container {
    width: 75em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-heading h2 {
    width: 100%;
    font-size: 1.90708375em;
    line-height: 1.333333;
  }

  /* The raw PSD positions are relative to the 16px section scale. The tab
     itself is 1.5em (24px), so divide the inherited em coordinates before
     applying them to the child element. */
  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="1"] {
    top: calc(var(--tab-1-top) / 1.5);
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="2"] {
    top: calc(var(--tab-2-top) / 1.5);
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="3"] {
    top: calc(var(--tab-3-top) / 1.5);
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="4"] {
    top: calc(var(--tab-4-top) / 1.5);
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="5"] {
    top: calc(var(--tab-5-top) / 1.5);
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tabs,
  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tabs {
    width: 29.28125em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab {
    width: calc(29.28125em / 1.5);
    white-space: nowrap;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab::before {
    /* The browser text ink begins about 7.5px below the tab box; the PSB
       focus shape sits 1.5px above that ink, so its visual top is 6px down. */
    top: 0.25em;
    left: -0.875em;
    /* The PSB focus shape is 7px wide at 2x, i.e. 3.5px at page scale. */
    width: 0.145833em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="1"]::before {
    /* State 1 has the same visible-ink alignment after the font metric offset. */
    top: 0.25em;
    left: -0.916667em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab.is-active::before {
    /* The PSB focus shape is 38px high at 2x, i.e. 19px at page scale. */
    height: 0.791667em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-panel[data-state="1"] {
    width: 23.0625em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-panel[data-state="2"] {
    width: 31.9375em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-panel[data-state="3"] {
    width: 30.21875em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-panel[data-state="4"] {
    width: 32em;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-panel[data-state="5"] {
    width: 28.34375em;
  }
}

@media (max-width: 736px) {
  .overview-content section.professional-features[data-design-section="10-Professional Features"] {
    height: 183.888889vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab::before {
    /* 6px / 540px mobile canvas = 1.111111vw. */
    top: 1.111111vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="2"]::before,
  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="3"]::before,
  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="4"]::before {
    /* The PSB states 2–4 sit 1px below the title ink: 7px / 540px. */
    top: 1.296296vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab[data-state="5"]::before {
    /* State 5 uses the same 6px visible-ink offset as state 1. */
    top: 1.111111vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="2"] {
    height: 188.888889vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="3"] {
    height: 183.981481vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="4"] {
    height: 183.888889vw;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="5"] {
    height: 183.518519vw;
  }
}

/* Page-level section rhythm.
   The reference overview-content keeps the section block edges contiguous,
   but its modules start with a standard content inset. Some restored PSD
   sections already contain that inset internally; the sections below do not,
   so the same rhythm is restored at the section boundary.

   Web reference: 7em = 112px at the reference 16px type scale.
   Mobile reference: 18.5vw = 99.9px at the 540px audit width; secure-access
   uses the reference 20vw = 108px inset. */
.overview-content section.product-banner,
.overview-content section.selling-points,
.overview-content section.networking-ecosystem,
.overview-content section.cloud-management,
.overview-content section.easy-setup,
.overview-content section.enterprise-grade,
.overview-content section.quick-troubleshooting,
.overview-content section.secure-access,
.overview-content section.software-capabilities,
.overview-content section.professional-features,
.overview-content section.featured-blogs,
.overview-content section.flexible-mounting,
.overview-content section.smb-scenarios {
  margin-block-start: 0;
  margin-block-end: 0;
}

@media (min-width: 737px) {
  .overview-content section.cloud-management,
  .overview-content section.enterprise-grade,
  .overview-content section.quick-troubleshooting,
  .overview-content section.secure-access,
  .overview-content section.software-capabilities,
  .overview-content section.professional-features,
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"],
  .overview-content section.flexible-mounting[data-design-section="12-Flexible"],
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] {
    margin-block-start: 7em;
  }
}

@media (max-width: 736px) {
  .overview-content section.cloud-management,
  .overview-content section.enterprise-grade,
  .overview-content section.quick-troubleshooting,
  .overview-content section.software-capabilities,
  .overview-content section.professional-features,
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"],
  .overview-content section.flexible-mounting[data-design-section="12-Flexible"],
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] {
    margin-block-start: 18.5vw;
  }

  .overview-content section.secure-access {
    margin-block-start: 20vw;
  }

  /* Match the reference card track: the final card does not create an
     external section gap through a collapsing bottom margin. */
  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] .cards > .card:last-child {
    margin-bottom: 0;
  }
}

/* These two videos are presentation-only in the approved design. Keep the
   existing video markup and playback script, but remove their visible
   bottom-right controls without affecting other video sections. */
.overview-content section.easy-setup .video-play-pause-btn,
.overview-content section.quick-troubleshooting .video-play-pause-btn {
  display: none !important;
}

/* Designer feedback pass: restore the reference overview rhythm and the
   authored order of the sections without changing the existing markup. */
.overview-content .section.highlights.active {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.overview-content .section.highlights.active > section {
  flex: 0 0 auto;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.overview-content .section.highlights.active > .product-banner { order: 1; }
.overview-content .section.highlights.active > .selling-points { order: 2; }
.overview-content .section.highlights.active > .networking-ecosystem { order: 3; }
.overview-content .section.highlights.active > .easy-setup { order: 4; }
.overview-content .section.highlights.active > .cloud-management { order: 5; }
.overview-content .section.highlights.active > .enterprise-grade { order: 6; }
.overview-content .section.highlights.active > .quick-troubleshooting { order: 7; }
.overview-content .section.highlights.active > .secure-access { order: 8; }
.overview-content .section.highlights.active > .software-capabilities { order: 9; }
.overview-content .section.highlights.active > .professional-features { order: 10; }
.overview-content .section.highlights.active > section[data-design-section="11-Uninterrupted"] { order: 11; }
.overview-content .section.highlights.active > .flexible-mounting { order: 12; }
.overview-content .section.highlights.active > section[data-design-section="13-Designed For"] { order: 13; }

.overview-content .product-banner h2 {
  font-weight: 600;
}

/* Auto margins on this flex item otherwise resolve its auto width to zero,
   which hides the exported hero artwork behind the semantic banner copy. */
.overview-content .section.highlights.active > .product-banner {
  width: 75em;
  max-width: 75em;
}

.overview-content .networking-ecosystem .diagram-access-points,
.overview-content .networking-ecosystem .diagram-switches,
.overview-content .networking-ecosystem .diagram-nvr,
.overview-content .networking-ecosystem .diagram-cameras {
  transform: translateY(-0.4em);
}

.overview-content .cloud-management .note {
  color: #636363 !important;
}

.overview-content sup {
  display: inline-block;
  font-size: 0.5556em;
  line-height: 0;
  vertical-align: super;
}

/* Keep the focus indicator deterministic for every selected tab. Some of
   the earlier state-specific rules only set its offset and could leave the
   active pseudo-element at the inactive height after a click. */
.overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab.is-active::before {
  width: 0.25em !important;
  height: 0.791667em !important;
  top: 0.25em !important;
  opacity: 1 !important;
}

@media (min-width: 737px) {
  /* The normal sections use the reference module's 7em internal top inset;
     keeping it inside .text makes the section edges contiguous. */
  .overview-content section.cloud-management .text,
  .overview-content section.enterprise-grade .text,
  .overview-content section.quick-troubleshooting .text,
  .overview-content section.secure-access .text,
  .overview-content section.software-capabilities .text,
  .overview-content section[data-design-section="11-Uninterrupted"] .text,
  .overview-content section[data-design-section="13-Designed For"] .text {
    padding-top: 7em !important;
  }

  /* Professional Features has a fixed PSB canvas; preserve its authored
     outer inset while the surrounding sections stay edge-to-edge. */
  .overview-content .section.highlights.active > section.professional-features {
    margin-top: 7em !important;
  }

  .overview-content .networking-ecosystem .text {
    padding-top: 5em;
  }

  .overview-content .networking-ecosystem h2,
  .overview-content .cloud-management h2,
  .overview-content .easy-setup h2,
  .overview-content .quick-troubleshooting h2,
  .overview-content .secure-access h2 {
    padding-bottom: 0.5em !important;
  }

  .overview-content .software-capabilities h2,
  .overview-content .professional-heading h2,
  .overview-content section[data-design-section="11-Uninterrupted"] h2,
  .overview-content .flexible-mounting h2,
  .overview-content section[data-design-section="13-Designed For"] h2 {
    font-size: 2.25em !important;
    line-height: 1.3333 !important;
  }

  .overview-content section[data-design-section="12-Flexible"] .card .img {
    margin-bottom: 2.5em !important;
  }

  .overview-content section[data-design-section="12-Flexible"] .card h3 {
    margin-top: 0 !important;
  }

}

@media (max-width: 736px) {
  .overview-content .section.highlights.active > .product-banner {
    width: 85.185185vw;
    max-width: 85.185185vw;
  }

  .overview-content section.cloud-management .text,
  .overview-content section.enterprise-grade .text,
  .overview-content section.quick-troubleshooting .text,
  .overview-content section.software-capabilities .text,
  .overview-content section[data-design-section="11-Uninterrupted"] .text,
  .overview-content section[data-design-section="13-Designed For"] .text {
    padding-top: 18.5vw !important;
  }

  .overview-content section.secure-access .text {
    padding-top: 20vw !important;
  }

  .overview-content .section.highlights.active > section.professional-features {
    margin-top: 18.5vw !important;
  }

  .overview-content .networking-ecosystem .text {
    padding-top: 17.29344vw;
  }

  .overview-content .networking-ecosystem h2,
  .overview-content .cloud-management h2,
  .overview-content .easy-setup h2,
  .overview-content .quick-troubleshooting h2,
  .overview-content .secure-access h2 {
    padding-bottom: 3.333333vw !important;
  }

  .overview-content .software-capabilities h2,
  .overview-content .professional-heading h2,
  .overview-content section[data-design-section="11-Uninterrupted"] h2,
  .overview-content .flexible-mounting h2,
  .overview-content section[data-design-section="13-Designed For"] h2 {
    font-size: 6.666667vw !important;
    line-height: 1.3333 !important;
  }

  .overview-content section[data-design-section="12-Flexible"] .text {
    padding-top: 18.5vw !important;
  }

  .overview-content section[data-design-section="12-Flexible"] .card .img {
    margin-bottom: 3.703704vw !important;
  }

  .overview-content section[data-design-section="12-Flexible"] .card h3 {
    margin-top: 0 !important;
  }

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab.is-active::before {
    width: 0.740741vw !important;
    height: 3.518519vw !important;
    top: 1.111111vw !important;
  }
}

/* Section 12 already carries the PSB's 18.5vw mobile rhythm on its text
   wrapper. Avoid adding the same spacing again on the section itself. */
@media (min-width: 737px) {
  .overview-content .section.highlights.active > section.flexible-mounting {
    margin-top: 7em !important;
  }
}

@media (max-width: 736px) {
  .overview-content .section.highlights.active > section.flexible-mounting {
    margin-top: 0 !important;
  }
}

/* Section 13 title labels: the PSB uses 24px semibold labels at the 1920px
   web scale.  Keep the semantic text overlay aligned to the exported card
   artwork instead of inheriting the smaller featured-blogs defaults. */
@media (min-width: 737px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding: 3em 2.375em 2.75em;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-slide:first-child .slide-text {
    padding-left: 1.875em;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text h3 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
  }
}

@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding: 9vw 7.222222vw 9vw;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text h3 {
    font-size: 4.444444vw;
    font-weight: 600;
    line-height: 1.5;
  }
}

/* Section 13 mobile slider viewport: one scenario card per slide view.
   The PSB presents the neighboring card only as an interaction cue; it
   must not remain visible in the actual mobile viewport. Keep the card
   width and gap unchanged so Swiper can still advance one card at a time. */
@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper {
    width: 66.666667vw;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }
}

/* Section 3 platform title: align the rendered glyph bounds to the PSB.
   Web uses a 20.75px browser line-box offset with 33px leading; Mobile
   maps the native 1080px canvas to 51px top / 71px leading. */
@media (min-width: 737px) {
  .overview-content .networking-ecosystem .platform-title {
    top: 1.296875em;
  }

  .overview-content .networking-ecosystem .platform-title h3 {
    font-size: 1.5em;
    line-height: 1.375em;
  }
}

@media (max-width: 736px) {
  .overview-content .networking-ecosystem .platform-title {
    top: 4.722222vw;
  }

  .overview-content .networking-ecosystem .platform-title h3 {
    font-size: 4.444444vw;
    line-height: 6.574074vw;
  }
}

/* The PSB Web cards are 720 raw px wide, i.e. 360 CSS px at the verified
   2x Web scale. The neighboring card in the design is intentional slider
   context, so keep it visible in Web while Mobile remains one full card. */
@media (min-width: 737px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide {
    flex: 0 0 22.5em;
    width: 22.5em !important;
    margin-right: 1.5em !important;
  }
}

/* Section 3 Mobile typography: the PSB uses semibold labels in the diagram
   and 1.75x auto-leading for the two-line footnote. */
@media (max-width: 736px) {
  .overview-content .networking-ecosystem .diagram-networking,
  .overview-content .networking-ecosystem .diagram-surveillance {
    font-weight: 600;
  }

  .overview-content .networking-ecosystem .note {
    line-height: 4.861111vw;
  }
}

/* Enterprise follows the reference enterprise-grade carousel. Keep the
   authored 760/1080 mobile card scale, let the content viewport expose the
   next card, and let Swiper own the 16px inter-card step. */
@media (max-width: 736px) {
  .overview-content .enterprise-grade .performance-swiper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  .overview-content .enterprise-grade .performance-slide,
  .overview-content .enterprise-grade .performance-slide--nvme,
  .overview-content .enterprise-grade .performance-slide--thermal {
    flex: 0 0 70.37037vw;
    width: 70.37037vw !important;
    height: 95.185185vw;
    margin-right: 0;
  }

  .overview-content .enterprise-grade .slide-content {
    width: 100%;
    height: 100%;
    transform: none;
  }

}

/* Designed For follows the reference enterprise-grade carousel on Mobile:
   keep the active artwork complete, expose the next card as an interaction
   cue, and let Swiper own the 16px inter-card gap. */
@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper {
    width: 85.185185vw;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden !important;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide {
    flex: 0 0 70.37037vw;
    width: 70.37037vw !important;
    margin-right: 0;
  }
}

/* The 8/27 review explicitly removes progress indicators from the Web
   versions of these two browsing sections. Mobile keeps its native progress
   feedback and slide order. */
@media (min-width: 737px) {
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-pagination,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .scenarios-pagination {
    display: none !important;
  }
}

/* The Web PSB uses the same semibold weight for the two ecosystem headings.
   Scope this to the heading labels only; the four device labels retain their
   authored regular weight. */
@media (min-width: 737px) {
  .overview-content .networking-ecosystem .diagram-networking,
  .overview-content .networking-ecosystem .diagram-surveillance {
    font-weight: 600;
  }
}