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: 4.166667vw;
  }

  .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;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 2.866667vw;
    font-weight: 400;
    line-height: 1.2;
    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: 18%;
    white-space: normal;
    text-align: left;
  }

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

  .overview-content .uninterrupted-mobile-carousel .graphic-label-records {
    /* 1080px Mobile design: x=357, y=404, width=206 within the
       920x640 ANR artwork. Keep the authored two-line wrap centered and
       clear of the card icon. */
    top: 37.407407vw;
    left: 33.055556vw;
    width: 19.074074vw;
    white-space: normal;
    text-align: center;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-recover {
    top: 6.875%;
    left: 33.804348%;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-poe {
    left: 62%;
    width: 8%;
    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%;
    font-size: 2.4vw;
  }

  .overview-content .uninterrupted-mobile-carousel .graphic-label-fusion {
    top: 33.125%;
    left: 33.043478%;
    font-size: 2.5vw;
    transform: translateX(-50%);
  }

  .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.5vw;
    text-align: center;
    width: auto;
    transform: translateX(-50%);
  }

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

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

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

  .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-artwork {
  display: block;
  width: 100%;
  height: 100%;
}

.overview-content .professional-graphic-label {
  position: absolute;
  z-index: 2;
  display: none;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
  pointer-events: none;
}

.overview-content .professional-features[data-active-state="4"] .professional-graphic-label {
  display: block;
}

.overview-content .professional-features[data-active-state="4"] .professional-label-product-mobile {
  display: none;
}

.overview-content .professional-label-product {
  top: 26.653696%;
  left: 50.041667%;
}

.overview-content .professional-label-manage {
  top: 39.785992%;
  left: 57.958333%;
  color: #2b2b2b;
}

.overview-content .professional-label-camera {
  top: 76.361868%;
}

.overview-content .professional-label-camera-1 {
  left: 25.375%;
}

.overview-content .professional-label-camera-2 {
  left: 50%;
}

.overview-content .professional-label-camera-3 {
  left: 74.291667%;
}

.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
  section.professional-features.is-interactive
  .professional-panel[hidden],
.overview-content
  section.professional-features.is-interactive
  .professional-panel:not(.is-active) {
  display: none;
}

/* CMS rich-text editing keeps the semantic copy readable without changing
   the runtime layout used by the public interactive page. */
.overview-content section.professional-features.is-cms-editor .professional-panels,
.mce-content-body .overview-content section.professional-features .professional-panels,
.cke_editable .overview-content section.professional-features .professional-panels,
.ke-content .overview-content section.professional-features .professional-panels,
body[contenteditable] .overview-content section.professional-features .professional-panels,
[contenteditable="true"] .overview-content section.professional-features .professional-panels {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  pointer-events: auto !important;
}

.overview-content section.professional-features.is-cms-editor .professional-panel,
.mce-content-body .overview-content section.professional-features .professional-panel,
.cke_editable .overview-content section.professional-features .professional-panel,
.ke-content .overview-content section.professional-features .professional-panel,
body[contenteditable] .overview-content section.professional-features .professional-panel,
[contenteditable="true"] .overview-content section.professional-features .professional-panel {
  display: block !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 1em !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.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-graphic-label {
    font-size: 3.333333vw;
  }

  .overview-content .professional-features[data-active-state="4"] .professional-label-product-web {
    display: none;
  }

  .overview-content .professional-features[data-active-state="4"] .professional-label-product-mobile {
    display: block;
  }

  .overview-content .professional-label-product {
    top: 27.832512%;
    left: 50%;
  }

  .overview-content .professional-label-manage {
    top: 39.778325%;
    left: 58.913043%;
  }

  .overview-content .professional-label-camera {
    top: 76.847291%;
  }

  .overview-content .professional-label-camera-1 {
    left: 24.619565%;
  }

  .overview-content .professional-label-camera-2 {
    left: 49.891304%;
  }

  .overview-content .professional-label-camera-3 {
    left: 74.945652%;
  }

  .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: 138.518519vw;
  }

  .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: 165vw;
  }

  .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.46875em;
  --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.625em;
  --icon-height: 1.625em;
  --icon-shift: -0.03125em;
}
.overview-content .selling-points ul .li-7 {
  --icon-width: 1.25em;
  --icon-height: 1.625em;
  --icon-shift: -0.03125em;
}
.overview-content .selling-points ul .li-8 {
  --icon-width: 1.375em;
  --icon-height: 1.625em;
  --icon-shift: -0.09375em;
}
.overview-content .selling-points ul .li-9 {
  --icon-width: 1.28125em;
  --icon-height: 1.78125em;
  --icon-shift: -0.1875em;
}
.overview-content .selling-points ul .li-10 {
  --icon-width: 1.5em;
  --icon-height: 1.65625em;
  --icon-shift: -0.09375em;
}

.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.351852vw;
    --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: 4.814815vw;
    --icon-height: 4.814815vw;
    --icon-shift: 0.105641vw;
  }
  .overview-content .selling-points ul .li-7 {
    --icon-width: 3.703704vw;
    --icon-height: 4.814815vw;
    --icon-shift: -0.079487vw;
  }
  .overview-content .selling-points ul .li-8 {
    --icon-width: 4.074074vw;
    --icon-height: 4.814815vw;
    --icon-shift: 0.38359vw;
  }
  .overview-content .selling-points ul .li-9 {
    --icon-width: 3.796296vw;
    --icon-height: 5.277778vw;
    --icon-shift: 0.105641vw;
  }
  .overview-content .selling-points ul .li-10 {
    --icon-width: 4.444444vw;
    --icon-height: 4.907407vw;
    --icon-shift: 0.198462vw;
  }

  .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: 400;
  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: 400;
    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;
    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/fusion-pro-poe-s05-license-free-web.jpg') 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/fusion-pro-poe-s05-license-free-mobile.jpg') 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;
  }

  .overview-content .cloud-management .features li p {
    font-size: 3.333333vw;
    line-height: 4.444444vw;
    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 {
  position: relative;
  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"] .uninterrupted-web-label {
  position: absolute;
  z-index: 2;
  margin: 0;
  padding: 0;
  color: #f5f5f5;
  font-size: 0.9375em;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-anr {
  top: 7.971864%;
  left: 44.466146%;
  transform: translateX(-50%);
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-lose {
  top: 39.624853%;
  left: 21.875%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-transfer {
  top: 39.624853%;
  left: 64.713542%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-records {
  top: 72.801876%;
  left: 49.869792%;
  text-align: center;
  transform: translateX(-50%);
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-recover {
  top: 11.137163%;
  left: 30.598958%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-poe {
  left: 65.885417%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-poe-top {
  top: 36.928488%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-recovery {
  top: 53.106682%;
  left: 30.989583%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-poe-bottom {
  top: 78.311841%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-product {
  top: 17.819461%;
  left: 49.869792%;
  transform: translateX(-50%);
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-ipc,
.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-switch,
.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-ap {
  top: 44.196952%;
  transform: translateX(-50%);
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-ipc {
  left: 23.372396%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-switch {
  left: 49.804688%;
}

.overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label-ap {
  top: 44.314185%;
  left: 76.236979%;
}

@media (max-width: 736px) {
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-web-label {
    display: none;
  }
}

.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: 4.166667vw;
  }

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

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text p {
    font-size: 3.333333vw;
    line-height: 1.5;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .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;
}

.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;
  }
}

@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 {
    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 .slide-img {
    background-size: 144.907407vw 95.185185vw;
  }

  .overview-content .enterprise-grade .performance-slide--ports .slide-img {
    background-image: url("img/fusion-pro-2.5g-s06-mobile-picture.png");
    background-position: 0 0;
  }

  .overview-content .enterprise-grade .performance-slide--cpu .slide-img {
    background-image: url("img/fusion-pro-2.5g-s06-mobile-picture.png");
    background-position: -74.537037vw 0;
  }

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

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

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

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

  .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/fusion-pro-poe-s09-web-card-4.jpg');
}

.overview-content .software-capabilities .bento-2 {
  background-image: url('img/fusion-pro-poe-s09-web-card-2.jpg');
}

.overview-content .software-capabilities .bento-3 {
  background-image: url('img/fusion-pro-poe-s09-web-card-3.jpg');
}

.overview-content .software-capabilities .bento-4 {
  background-image: url('img/fusion-pro-poe-s09-web-card-1.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-poe-s09-web-card-4.jpg');
}

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

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

.overview-content .software-capabilities .bento-4 {
  width: 36.75em;
  height: 29em;
  background-image: url('img/fusion-pro-poe-s09-web-card-1.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-poe-s09-mobile-card-4.jpg');
  }

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

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

  .overview-content .software-capabilities .bento-4 {
    order: 4;
    background-image: url('img/fusion-pro-poe-s09-mobile-card-1.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 section.featured-blogs[data-design-section="11-Uninterrupted"] .slide-content:hover .slide-img img {
  transform: none;
}

.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;
  }
}

/* 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: 4.166667vw;
  }

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

  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .slide-text p {
    font-size: 3.333333vw;
    line-height: 1.5;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }

  .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: 70.5em;
  margin-right: auto;
  margin-left: auto;
  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-img .scenario-image-mobile {
  display: none;
}

@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-img .scenario-image-web {
    display: none;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-img .scenario-image-mobile {
    display: block;
  }
}

.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"] h2 .designed-for-title-line {
    display: block;
    white-space: nowrap;
  }

  .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;
}

/* PoE PSB geometry: the Enterprise section has two wide cards on the first
   row and three narrow cards on the second row. The base Pro layout uses the
   opposite arrangement, so keep the shared markup and remap only the PoE
   card windows here. */
.overview-content .enterprise-grade .performance-slide--ports,
.overview-content .enterprise-grade .performance-slide--poe {
  flex: 0 0 36.5625em;
  width: 36.5625em !important;
  height: 26.875em;
}

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

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

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

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

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

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

.overview-content .enterprise-grade .performance-slide--poe .slide-text {
  top: 3.0625em;
  left: 3.3125em;
  width: 23.5em;
}

.overview-content .enterprise-grade .performance-slide--cpu .slide-text {
  top: 3.0625em;
  left: 2.6875em;
  width: 17.5em;
}

.overview-content .enterprise-grade .performance-slide--ips .slide-text {
  top: 3.0625em;
  left: 2.46875em;
  width: 16.8125em;
}

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

/* 06-Enterprise-Grade text boxes follow the PSB type-layer geometry. The
   source uses 24px/36px semibold headings, 18px/27px body copy, and a 7px
   paragraph gap at the 1920px web reference width. */
.overview-content .enterprise-grade .slide-text h3 {
  margin-bottom: 0.2916667em;
}

.overview-content .enterprise-grade .slide-text h3 span {
  white-space: nowrap;
}

.overview-content .enterprise-grade .slide-text p {
  font-size: 1.125em;
}

.overview-content .enterprise-grade .performance-slide--ports .slide-text {
  left: 2.65625em;
  width: 32.5em;
}

.overview-content .enterprise-grade .performance-slide--poe .slide-text {
  left: 3.28125em;
  width: 30em;
}

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

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

.overview-content .enterprise-grade .performance-slide--nvme .slide-text {
  left: 1.8125em;
  width: 20.5625em;
}

@media (max-width: 736px) {
  .overview-content .enterprise-grade .performance-slide--ports,
  .overview-content .enterprise-grade .performance-slide--poe,
  .overview-content .enterprise-grade .performance-slide--cpu,
  .overview-content .enterprise-grade .performance-slide--ips,
  .overview-content .enterprise-grade .performance-slide--nvme {
    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--poe .slide-img {
    background-image: url("img/fusion-pro-2.5g-s06-mobile-picture.png");
    background-size: 144.907407vw 95.185185vw;
  }

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

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

  .overview-content .enterprise-grade .performance-slide--cpu .slide-img,
  .overview-content .enterprise-grade .performance-slide--ips .slide-img,
  .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;
  }

  /* The exported PoE auxiliary strip starts with the PoE card, followed by
     CPU, IPS/IDS and NVMe. The first auxiliary card is intentionally unused
     because the PoE card is already shown in the primary strip. */
  .overview-content .enterprise-grade .performance-slide--cpu .slide-img {
    background-position: -74.537037vw 0;
  }

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

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

  .overview-content .enterprise-grade .slide-text h3 {
    font-size: 4.444444vw;
  }

  .overview-content .enterprise-grade .slide-text p {
    font-size: 3.333333vw;
  }

  .overview-content .enterprise-grade .performance-slide--poe .slide-text {
    top: 9.074074vw;
    left: 6.388889vw;
    width: 56.199677vw;
  }

  .overview-content .enterprise-grade .performance-slide--ports .slide-text {
    top: 9.074074vw;
    left: 7.685185vw;
    width: 56.350637vw;
  }

  .overview-content .enterprise-grade .performance-slide--cpu .slide-text {
    top: 9.074074vw;
    left: 7.87037vw;
    width: 53.541275vw;
  }

  .overview-content .enterprise-grade .performance-slide--ips .slide-text {
    top: 9.074074vw;
    left: 7.962963vw;
    width: 53.541275vw;
  }

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

/* Section 06 follows the reference enterprise-grade carousel on Mobile.
   Preserve the PoE artwork mapping above, keep the active card complete,
   expose the next card, and let Swiper own the 16px white gap. */
@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--ports,
  .overview-content .enterprise-grade .performance-slide--poe,
  .overview-content .enterprise-grade .performance-slide--cpu,
  .overview-content .enterprise-grade .performance-slide--ips,
  .overview-content .enterprise-grade .performance-slide--nvme {
    flex: 0 0 70.37037vw;
    width: 70.37037vw !important;
    height: 95.185185vw;
    margin-right: 0;
  }

  .overview-content .enterprise-grade .performance-slide:last-child {
    margin-right: 0;
  }

  .overview-content .enterprise-grade .slide-content {
    width: 100%;
    height: 100%;
    transform: none;
  }
}

/* Section 13 uses the same Mobile interaction as enterprise-grade: preserve
   the complete card artwork, expose the next card, and let Swiper own the
   independent 16px white 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;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide:last-child {
    margin-right: 0;
  }
}

/* Designer-feedback sync for the PoE page.
   The feedback was raised against the closely related Pro page; these are
   the shared overview rules. PoE's own Enterprise five-card geometry and
   artwork mapping remain above and are intentionally not replaced here. */
.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 the flex item otherwise resolve its auto width to zero,
   leaving the exported banner artwork clipped behind the semantic 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;
}

/* Every professional-feature state must expose the same visible focus
   marker. Earlier state-specific rules only changed its offset and left
   states 2 and 4 at the inactive zero-height value 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) {
  /* Keep section edges contiguous and restore the reference module's
     authored content inset inside each section. */
  .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;
  }

  .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;
  }

  /* The PSB uses 24px semibold labels at the web reference scale. */
  .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.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;
  }

  /* The mobile export shows only one scenario card per slide viewport; the
     neighboring card is merely a cue in the design sheet. */
  .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;
  }
}

/* Keep the same authored gap between the Uninterrupted Surveillance slider
   and Flexible Mounting after the parent flex rhythm reset. */
@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: 18.5vw !important;
  }
}

/* Section 3 platform title: align the semantic text's visible ink with the
   PoE PSB. The 42px Web step and 72px Mobile step are retained; only the
   line-box offset is corrected for the browser's leading above the glyphs. */
@media (min-width: 737px) {
  .overview-content .networking-ecosystem .platform-title {
    top: 0.65625em;
  }

  .overview-content .networking-ecosystem .platform-title h3 {
    font-size: 1.5em;
    line-height: 1.75em;
  }
}

@media (max-width: 736px) {
  .overview-content .networking-ecosystem .platform-title {
    top: 5vw;
  }

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

/* Match the Pro 2.5G Web slider track: each PSB card is 720 raw px,
   converted to 22.5em (360px). CSS exclusively owns the 1.5em gap;
   Swiper's Web spacing stays at zero so visual and snap grids agree. */
@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;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide:last-child {
    margin-right: 0;
  }
}

/* Section 3 Mobile typography: keep the two-line footnote on the same
   1.75x auto-leading as the matching Pro design. */
@media (max-width: 736px) {
  .overview-content .networking-ecosystem .note {
    line-height: 4.861111vw;
  }
}

/* Keep the mobile ecosystem labels at the same semibold weight as the
   matching Pro design and the shared feedback typography standard. */
@media (max-width: 736px) {
  .overview-content .networking-ecosystem .diagram-networking,
  .overview-content .networking-ecosystem .diagram-surveillance {
    font-weight: 600;
  }
}

/* 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;
  }
}

/* Mobile swipe ownership.
   Keep vertical page scrolling native, reserve horizontal movement for the
   three visible carousels, and prevent text/image selection from starting a
   competing browser drag after a card is clicked or focused. */
@media (max-width: 736px) {
  .overview-content .enterprise-grade .performance-swiper,
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper,
  .overview-content .enterprise-grade .performance-swiper .swiper-wrapper,
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .swiper-wrapper,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper .swiper-wrapper,
  .overview-content .enterprise-grade .performance-swiper .swiper-slide,
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel .swiper-slide,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper .swiper-slide {
    touch-action: pan-y;
    overscroll-behavior-x: contain;
    -webkit-user-select: none;
    user-select: none;
  }

  .overview-content .enterprise-grade .performance-swiper img,
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] .uninterrupted-mobile-carousel img,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .scenarios-swiper img {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }
}

/* Designer feedback: normalize the blank band above card copy in Sections 06
   and 13. The 2x exports use 56px, which is 28 CSS px on Web (1.75em at the
   16px section base) and 5.185185vw on the 1080px Mobile design canvas. */
@media (min-width: 737px) {
  .overview-content section.enterprise-grade[data-design-section="06-Enterprise-Grade"] .slide-text {
    top: 1.75em !important;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding-top: 1.75em !important;
  }
}

@media (max-width: 736px) {
  .overview-content section.enterprise-grade[data-design-section="06-Enterprise-Grade"] .slide-text {
    top: 5.185185vw !important;
  }

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

/* 8/31 designer feedback — Section 03 typography and diagram centering.
   Match the section title to the Simplified Setup title, then center each
   device-label line box on the white capsule measured from the Web/Mobile
   design exports. Access Points keeps compact leading because it spans two
   lines inside the same-height Mobile label pill. */
.overview-content .networking-ecosystem h2 {
  font-weight: 500;
  color: #000000;
}

@media (min-width: 737px) {
  .overview-content .networking-ecosystem .diagram-access-points,
  .overview-content .networking-ecosystem .diagram-nvr {
    transform: translateY(-0.319444em);
  }

  .overview-content .networking-ecosystem .diagram-switches,
  .overview-content .networking-ecosystem .diagram-cameras {
    transform: translateY(-0.263889em);
  }
}

@media (max-width: 736px) {
  .overview-content .networking-ecosystem .diagram-access-points {
    transform: translateY(-0.509259vw);
  }

  .overview-content .networking-ecosystem .diagram-switches,
  .overview-content .networking-ecosystem .diagram-cameras {
    transform: translateY(-1.203704vw);
  }

  .overview-content .networking-ecosystem .diagram-nvr {
    transform: translateY(-1.481481vw);
  }
}

/* Keep the Mobile scenario progress rail on the same content canvas as the
   carousel. A 100vw wrapper inside the centered 85.185185vw container pushes
   the document past the right viewport edge. */
@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper-wrapper {
    width: 85.185185vw;
  }

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