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('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-banner-web.jpg') top / 75em no-repeat;
  display: block;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overview-content .uninterrupted-mobile-carousel .graphic-label-records {
    /* 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%;
    width: 20.76087%;
    font-size: 2.851062963vw;
    font-weight: 500;
    text-align: center;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overview-content .professional-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-label-product {
  top: 26.55642%;
  left: 50.083333%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overview-content .networking-ecosystem .img {
    width: 100%;
    height: 111.111111vw;
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/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('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/background-cloud.png') center / cover no-repeat;
}

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

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

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

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

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

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

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

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

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

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

  .overview-content .cloud-management .img-wrap {
    width: 100%;
    height: 59.259259vw;
    background: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/background-cloud-mobile.png') center / cover no-repeat;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overview-content .enterprise-grade .slide-img {
  position: absolute;
  inset: 0;
  background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s06-web-picture.jpg");
  background-repeat: no-repeat;
  background-size: 75em 60.8125em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overview-content .enterprise-grade .performance-slide--ports .slide-img,
  .overview-content .enterprise-grade .performance-slide--cpu .slide-img,
  .overview-content .enterprise-grade .performance-slide--ips .slide-img {
    background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s06-web-picture.jpg");
    background-size: 222.222222vw 180.185185vw;
  }

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

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

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

  .overview-content .enterprise-grade .performance-slide--nvme .slide-img {
    background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s06-mobile-more-picture.png");
    background-size: 293.981481vw 95.185185vw;
    background-position: -135.185185vw 0;
  }

  .overview-content .enterprise-grade .performance-slide--thermal .slide-img {
    background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fan-mobile.png");
    background-position: 0 0;
    background-size: 100% 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overview-content .software-capabilities .bento-1 {
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156968714_i4.jpg');
}

.overview-content .software-capabilities .bento-2 {
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156968801_i2.jpg');
}

.overview-content .software-capabilities .bento-3 {
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156968876_i3.jpg');
}

.overview-content .software-capabilities .bento-4 {
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156968919_i1.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overview-content .software-capabilities .bento-1 {
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156969016_i4_2.jpg');
  }

  .overview-content .software-capabilities .bento-2 {
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156969104_i2.jpg');
  }

  .overview-content .software-capabilities .bento-3 {
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/1787156969132_i3.jpg');
  }

  .overview-content .software-capabilities .bento-4 {
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/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('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-web-sdwan.jpg');
}

.overview-content .software-capabilities .bento-2 {
  width: 36.75em;
  height: 17.5625em;
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-web-app-access.jpg');
}

.overview-content .software-capabilities .bento-3 {
  width: 36.75em;
  height: 17.625em;
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-web-content-filtering.jpg');
}

.overview-content .software-capabilities .bento-4 {
  width: 36.75em;
  height: 29em;
  background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-web-auto-qos.jpg');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .overview-content .software-capabilities .bento-1 {
    order: 1;
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-mobile-full-mesh.jpg');
  }

  .overview-content .software-capabilities .bento-2 {
    order: 2;
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-mobile-app-access.jpg');
  }

  .overview-content .software-capabilities .bento-3 {
    order: 3;
    margin-top: 0.185185vw;
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-mobile-content-filtering.jpg');
  }

  .overview-content .software-capabilities .bento-4 {
    order: 4;
    background-image: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/fusion-pro-2.5g-s09-mobile-auto-qos.jpg');
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overview-content .secure-access .img {
  position: relative;
  width: 100%;
  height: 30em;
  margin: 0 auto;
  background: url('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/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('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/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('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/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('https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/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 !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

  .overview-content .section.highlights.active > section.professional-features {
    margin-top: 18.5vw !important;
  }

  .overview-content .networking-ecosystem .text {
    padding-top: 17.29344vw;
  }

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

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

  .overview-content section[data-design-section="12-Flexible"] .text {
    padding-top: 18.5vw !important;
  }

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

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

  .overview-content section.professional-features[data-design-section="10-Professional Features"] .professional-tab.is-active::before {
    width: 0.740741vw !important;
    height: 3.518519vw !important;
    top: 1.111111vw !important;
  }
}

/* Section 12 already carries the PSB's 18.5vw mobile rhythm on its text
   wrapper. Avoid adding the same spacing again on the section itself. */
@media (min-width: 737px) {
  .overview-content .section.highlights.active > section.flexible-mounting {
    margin-top: 7em !important;
  }
}

@media (max-width: 736px) {
  .overview-content .section.highlights.active > section.flexible-mounting {
    margin-top: 0 !important;
  }
}

/* Section 13 title labels: the PSB uses 24px semibold labels at the 1920px
   web scale.  Keep the semantic text overlay aligned to the exported card
   artwork instead of inheriting the smaller featured-blogs defaults. */
@media (min-width: 737px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding: 3em 2.375em 2.75em;
  }

  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .swiper-slide:first-child .slide-text {
    padding-left: 1.875em;
  }

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

@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .slide-text {
    padding: 9vw 7.222222vw 9vw;
  }

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

/* Section 13 mobile slider viewport: one scenario card per slide view.
   The PSB presents the neighboring card only as an interaction cue; it
   must not remain visible in the actual mobile viewport. Keep the card
   width and gap unchanged so Swiper can still advance one card at a time. */
@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper {
    width: 66.666667vw;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }
}

/* Section 3 platform title: align the rendered glyph bounds to the PSB.
   Web uses a 20.75px browser line-box offset with 33px leading; Mobile
   maps the native 1080px canvas to 51px top / 71px leading. */
@media (min-width: 737px) {
  .overview-content .networking-ecosystem .platform-title {
    top: 1.296875em;
  }

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

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

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

/* The PSB Web cards are 720 raw px wide, i.e. 360 CSS px at the verified
   2x Web scale. The neighboring card in the design is intentional slider
   context, so keep it visible in Web while Mobile remains one full card. */
@media (min-width: 737px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper .swiper-slide {
    flex: 0 0 22.5em;
    width: 22.5em !important;
    margin-right: 1.5em !important;
  }
}

/* Section 3 Mobile typography: the PSB uses semibold labels in the diagram
   and 1.75x auto-leading for the two-line footnote. */
@media (max-width: 736px) {
  .overview-content .networking-ecosystem .diagram-networking,
  .overview-content .networking-ecosystem .diagram-surveillance {
    font-weight: 600;
  }

  .overview-content .networking-ecosystem .note {
    line-height: 4.861111vw;
  }
}

/* Enterprise follows the reference enterprise-grade carousel. Keep the
   authored 760/1080 mobile card scale, let the content viewport expose the
   next card, and let Swiper own the 16px inter-card step. */
@media (max-width: 736px) {
  .overview-content .enterprise-grade .performance-swiper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

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

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

}

/* Designed For follows the reference enterprise-grade carousel on Mobile:
   keep the active artwork complete, expose the next card as an interaction
   cue, and let Swiper own the 16px inter-card gap. */
@media (max-width: 736px) {
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] .blog-swiper {
    width: 85.185185vw;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden !important;
  }

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

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

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

/* 8/27 feedback — Professional active copy rhythm.
   Each state has a different authored title position/line count, so align the
   rendered title-to-body boundary per state instead of applying one offset to
   every panel. The resulting visual gap is 12px on Web and 12px on the native
   540px Mobile design canvas. */
@media (min-width: 737px) {
  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="1"] {
    --active-panel-top: 13.53125em;
  }

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

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

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

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

@media (max-width: 736px) {
  .overview-content section.professional-features[data-design-section="10-Professional Features"][data-active-state="1"] {
    --active-panel-top: 124.166666vw;
  }

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

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

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

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

  /* Keep the progress rail on the same 85.185185vw content canvas as the
     scenario carousel. The previous 100vw wrapper produced a full-viewport
     rail inside a narrower container. */
  .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;
  }
}

/* Sections 11–13 keep a 16px internal artwork canvas at tablet widths while
   the rest of the page uses a 10px section scale. Normalize only their main
   headings to the shared 22.5px title size: 22.5 / 16 = 1.40625em. */
@media (min-width: 737px) and (max-width: 1024px) {
  .overview-content section.featured-blogs[data-design-section="11-Uninterrupted"] h2,
  .overview-content section.flexible-mounting[data-design-section="12-Flexible"] h2,
  .overview-content section.featured-blogs.smb-scenarios[data-design-section="13-Designed For"] h2 {
    font-size: 1.40625em !important;
  }
}

/* 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.
   On Web, NVMe and Thermal are authored exceptions: their product artwork is
   concentrated in the upper half, so their copy keeps the lower placement
   defined by the card-specific rules above. */
@media (min-width: 737px) {
  .overview-content section.enterprise-grade[data-design-section="06-Enterprise-Grade"] .performance-slide--ports .slide-text,
  .overview-content section.enterprise-grade[data-design-section="06-Enterprise-Grade"] .performance-slide--cpu .slide-text,
  .overview-content section.enterprise-grade[data-design-section="06-Enterprise-Grade"] .performance-slide--ips .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);
  }
}

/* AP9788: native title and model over text-free PSB background layers. */
.overview-content .section.highlights.active > .product-banner.ap9788-hero {
  box-sizing: border-box;
  position: relative;
  width: 75.09375em;
  max-width: none;
  height: 30.09375em;
  padding: 0;
  margin: 0 auto;
  background: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/ap9788-hero-web.png") center / 100% 100% no-repeat;
  text-align: left;
  color: #2b2b2b;
}
.overview-content .product-banner.ap9788-hero .ap9788-hero-copy {
  position: absolute;
  top: 8.8125em;
  left: 7.8125em;
  width: 35.4375em;
}
.overview-content .product-banner.ap9788-hero h2 {
  box-sizing: border-box;
  font: 500 2.25em/1.33333333 Manrope, Arial, sans-serif;
  letter-spacing: -0.03em;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0;
  color: #2b2b2b;
  text-align: left;
  white-space: normal;
}
.overview-content .product-banner.ap9788-hero .ap9788-model {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.83333333em;
  height: 2.30555556em;
  margin: 1.08333333em 0 0;
  padding: 0;
  border-radius: 0.27777778em;
  background: #085c5d;
  color: #fff;
  font: 400 1.125em/1.33333333 Manrope, Arial, sans-serif;
  letter-spacing: 0;
}
@media (max-width: 736px) {
  .overview-content .section.highlights.active > .product-banner.ap9788-hero {
    width: 100vw;
    max-width: 100vw;
    height: 118.51851852vw;
    margin: 0;
    background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/ap9788-hero-mobile.png");
    background-size: 85.18518519vw 118.51851852vw;
  }
  .overview-content .product-banner.ap9788-hero .ap9788-hero-copy {
    top: 10.74074074vw;
    left: 13.70370370vw;
    width: 73.96592593vw;
  }
  .overview-content .product-banner.ap9788-hero h2 {
    font-size: 6.66666667vw;
    line-height: 8.88888889vw;
    letter-spacing: -0.2vw;
  }
  .overview-content .product-banner.ap9788-hero .ap9788-model {
    width: 19.44444444vw;
    height: 7.68518519vw;
    margin-top: 5.37037037vw;
    border-radius: 0.92592593vw;
    font-size: 3.33333333vw;
    line-height: 4.44444444vw;
  }
}
.overview-content .product-banner.ap9788-hero .ap9788-nowrap {
  white-space: nowrap;
}

/* AP9788 Highlights page */
.ap9788-page {
  box-sizing: border-box;
  width: 75.09375em;
  max-width: 75.09375em;
  margin: 0 auto;
  position: relative;
  /* The CMS product menu is rendered outside this Overview DOM. Fusion
     templates start their content directly below that menu, so this page
     must not reserve a second top section for it. */
  padding-top: 0;
  padding-bottom: 13em;
  overflow: hidden;
  color: #2b2b2b;
  background: #fff;
  font-family: Manrope, Arial, sans-serif;
  font-weight: 400;
}
.ap9788-page *,
.ap9788-page *::before,
.ap9788-page *::after { box-sizing: border-box; }
.ap9788-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.ap9788-page .mobile-diagram { display: none; }
.ap9788-page .desktop-only { display: inline; }
.ap9788-page .mobile-only { display: none; }
.ap9788-nav {
  width: 100%;
  height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}
.ap9788-nav-inner { position: relative; display: flex; width: 75em; height: 100%; align-items: center; justify-content: center; margin: 0 auto; }
.ap9788-nav-brand { position: absolute; left: 0; color: #2b2b2b; font-size: .75em; }
.ap9788-nav nav { display: flex; height: 100%; align-items: stretch; gap: 3.25em; }
.ap9788-nav nav a, .ap9788-nav nav span { position: relative; display: flex; align-items: center; color: #a0a0a0; font-size: .75em; text-decoration: none; white-space: nowrap; }
.ap9788-nav nav a.is-current { color: #2b2b2b; }
.ap9788-nav nav a.is-current::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #04a777; content: ''; }
.ap9788-menu-button { display: none; }
.ap9788-page .ap9788-hero {
  position: relative;
  width: 75.09375em;
  max-width: none;
  height: 30.09375em;
  margin: 0;
  padding: 0;
  background: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/ap9788-hero-web.png") center / 100% 100% no-repeat;
  text-align: left;
}
.ap9788-page .ap9788-hero-copy {
  position: absolute;
  top: 8.8125em;
  left: 7.8125em;
  width: 35.4375em;
}
.ap9788-page .ap9788-hero h1 {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  color: #2b2b2b;
  font: 500 2.25em/1.33333333 Manrope, Arial, sans-serif;
  letter-spacing: -0.03em;
  text-align: left;
  white-space: normal;
}
.ap9788-page .ap9788-hero .ap9788-model {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.83333333em;
  height: 2.30555556em;
  margin: 1.08333333em 0 0;
  padding: 0;
  border-radius: .27777778em;
  background: #085c5d;
  color: #fff;
  font: 400 1.125em/1.33333333 Manrope, Arial, sans-serif;
}
.ap9788-section {
  position: relative;
  width: 75em;
  max-width: 75em;
  margin: 0;
  padding: 0;
  background: #fff;
}
.ap9788-inner { width: 75em; max-width: 100%; margin: 0 auto; }
.ap9788-section-title {
  margin: 0;
  padding: 0;
  color: #2b2b2b;
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33333333;
  text-align: center;
}
.ap9788-highlights { padding: 0 0 1.5em; }
.ap9788-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 10em;
  gap: 1.25em 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.ap9788-highlight-grid li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: .15em 1.5em 0;
  font-size: 1.125em;
  line-height: 1.33333333;
}
.ap9788-highlight-grid img { width: 3.25em; height: 3.25em; object-fit: contain; margin: 0 0 .55em; }
.ap9788-highlight-grid span { display: block; }
.ap9788-tabs-section { padding: 0 0 2.75em; }
.ap9788-tablist {
  display: flex;
  justify-content: center;
  gap: 1.5em;
  margin: 3.5em auto 3em;
}
.ap9788-tablist button {
  min-width: 14.75em;
  height: 2.6em;
  margin: 0;
  padding: .25em 1.2em;
  border: 1px solid transparent;
  border-radius: .3em;
  background: #f5f5f5;
  color: #2b2b2b;
  cursor: pointer;
  font: 400 1.125em/1.2 Manrope, Arial, sans-serif;
  overflow: hidden;
  white-space: nowrap;
}
.ap9788-tablist button[aria-selected="true"] { border-color: #00a978; background: #effbf7; color: #006568; }
.ap9788-tablist button:focus-visible { outline: 2px solid #006568; outline-offset: 2px; }
.ap9788-panel[hidden] { display: none; }
.ap9788-panel h3 {
  margin: 0 0 .25em;
  padding: 0;
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.33333333;
  text-align: center;
}
.ap9788-lead {
  max-width: 73em;
  margin: 0 auto;
  padding: 0 1em;
  font-size: 1.125em;
  line-height: 1.45;
  text-align: center;
}
.ap9788-stats { display: flex; justify-content: center; gap: 12em; margin: 3.3em 0 2.1em; text-align: center; }
.ap9788-stats div { display: flex; min-width: 8em; flex-direction: column; }
.ap9788-stats strong { font-size: 2.25em; font-weight: 400; line-height: 1.15; }
.ap9788-stats span { margin-top: .25em; font-size: 1.125em; }
.ap9788-scenario-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.8em 1.5em; margin: 0; }
.ap9788-scenario-grid figure, .ap9788-feature-grid figure { margin: 0; text-align: center; }
.ap9788-scenario-grid figure img { display: block; width: 100%; height: 15em; object-fit: cover; }
.ap9788-scenario-grid figcaption, .ap9788-feature-grid figcaption { margin-top: .9em; font-size: 1.125em; line-height: 1.35; }
.ap9788-feature-grid { display: grid; gap: 1.5em; margin-top: 3em; }
.ap9788-feature-grid.two-up { grid-template-columns: repeat(2, 1fr); }
.ap9788-feature-grid.three-up { grid-template-columns: repeat(3, 1fr); }
.ap9788-artboard { display: flex; align-items: center; justify-content: center; width: 100%; height: 23.75em; background: #f7f7f7; overflow: hidden; }
.ap9788-artboard img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ap9788-feature-grid.three-up .ap9788-artboard { height: 23.75em; }
.ap9788-performance .ap9788-feature-grid.three-up .ap9788-artboard { background: #fbfbfb; }
.ap9788-performance .ap9788-feature-grid.three-up .ap9788-art-picture { display: block; width: 100%; height: 100%; }
.ap9788-performance .ap9788-feature-grid.three-up .ap9788-art-picture img { width: 100%; height: 100%; object-fit: fill; }
.ap9788-rf-layout { display: grid; grid-template-columns: 38.7432376% 61.2567624%; align-items: stretch; height: 30.09375em; margin-top: 3em; background: #f7f7f7; }
.ap9788-rf-list { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; background: #f7f7f7 url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/ap9788-rf-icons-web.png") left top / 100% 100% no-repeat; }
.ap9788-rf-list li { position: absolute; left: 0; width: 100%; margin: 0; padding: 0 1em 0 7.5em; font-size: 1.125em; font-weight: 400; line-height: 1.45; }
.ap9788-rf-list li:nth-child(1) { top: 6.38888889em; }
.ap9788-rf-list li:nth-child(2) { top: 10.88888889em; }
.ap9788-rf-list li:nth-child(3) { top: 13.88888889em; }
.ap9788-rf-list li:nth-child(4) { top: 18.38888889em; }
.ap9788-rf-list li span { display: block; width: 15.55555556em; max-width: 100%; }
.ap9788-rf-list li:nth-child(4) span { width: 17.33333333em; }
.ap9788-rf-art { position: relative; height: 100%; overflow: hidden; background: #f7f7f7; }
.ap9788-rf-art img { position: absolute; top: -7.0625em; left: 0; display: block; width: 43.625em; max-width: none; height: 43.65625em; object-fit: fill; object-position: center; }
.ap9788-video-frame { margin-top: 3em; background: #f7f7f7; overflow: hidden; }
.ap9788-video-frame video { display: block; width: 100%; height: auto; }
.ap9788-redundant-art, .ap9788-sdn-art { position: relative; margin-top: 3em; background: #f7f7f7; overflow: hidden; }
.ap9788-redundant-art > img, .ap9788-sdn-art > img { display: block; width: 100%; height: auto; }
.ap9788-redundant-art .diagram-label { position: absolute; color: #2b2b2b; font-size: 1em; line-height: 1.2; text-align: center; }
.label-isp-a { top: 2%; left: 25%; }.label-isp-b { top: 2%; right: 25%; }
.label-gateway-a { top: 16%; left: 23%; }.label-gateway-b { top: 16%; right: 21%; }
.label-switch-a { top: 34%; left: 25%; }.label-switch-b { top: 34%; right: 25%; }
.label-ap-a { bottom: 3%; left: 25%; }.label-ap-b { bottom: 3%; right: 25%; }
.ap9788-reliability-copy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2em; margin-top: 1em; padding: 0 5em; }
.ap9788-reliability-copy strong { display: block; margin-bottom: .25em; font-size: 1.05em; font-weight: 500; }
.ap9788-reliability-copy p { margin: 0; font-size: .95em; line-height: 1.4; }
.ap9788-temperature { position: relative; margin-top: 3em; overflow: hidden; }
.ap9788-temperature img { display: block; width: 100%; height: auto; }
.ap9788-temperature strong { position: absolute; top: 48%; left: 43%; color: #fff; font-size: 2.25em; font-weight: 600; white-space: nowrap; }
.ap9788-sdn { padding-bottom: 3em; }
.ap9788-sdn-art { margin-top: 2.5em; }
.ap9788-sdn-art .sdn-label { position: absolute; color: #172126; font-size: 1.1em; line-height: 1.25; text-align: center; }
.sdn-cloud { top: 17%; left: 13%; width: 22%; }.sdn-controller { top: 8%; left: 7%; width: 21%; }
.sdn-vpn { top: 39%; left: 39%; width: 20%; }.sdn-outdoor { top: 4%; left: 48%; width: 20%; }
.sdn-ceiling { top: 4%; right: 3%; width: 24%; }.sdn-switch { top: 40%; right: 9%; width: 22%; }
.sdn-browser { bottom: 6%; right: 10%; width: 22%; }

/* AP9788 rhythm follows the shared Fusion overview modules: sections stay
   edge-to-edge while each module owns the authored content inset. */
.ap9788-highlights .ap9788-inner {
  width: 51em;
  max-width: none;
  padding-top: 4.4375em;
}
.ap9788-highlights { height: 24.78125em; padding-bottom: 0; }
.ap9788-highlight-grid {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 11.375em;
  gap: 0;
}
.ap9788-highlight-grid li {
  margin: 1.69444444em 0;
  padding: 0 .75em;
  line-height: 1.5;
}
.ap9788-highlight-icon {
  display: block;
  flex: none;
  width: 2.25em;
  height: 2.125em;
  margin: 0 auto .625em;
  font-size: .88888889em;
}
.ap9788-highlight-icon img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  filter: grayscale(1);
  opacity: .61;
}
.ap9788-highlight-grid span { display: block; width: 100%; position: relative; top: -.33333333em; }
.ap9788-highlight-grid li:nth-child(1) .ap9788-highlight-icon img { width: 1.59375em; height: 1.625em; transform: translateY(.0625em); }
.ap9788-highlight-grid li:nth-child(2) .ap9788-highlight-icon img { width: 1.78125em; height: 1.4375em; transform: translateY(0); }
.ap9788-highlight-grid li:nth-child(3) .ap9788-highlight-icon img { width: 1.8125em; height: 1.75em; transform: translateY(.15625em); }
.ap9788-highlight-grid li:nth-child(4) .ap9788-highlight-icon img { width: 1.75em; height: 1.46875em; transform: translateY(.21875em); }
.ap9788-highlight-grid li:nth-child(5) .ap9788-highlight-icon img { width: 1.625em; height: 1.46875em; transform: translateY(.0625em); }
.ap9788-highlight-grid li:nth-child(6) .ap9788-highlight-icon img { width: 1.625em; height: 1.46875em; transform: translateY(.0625em); }
.ap9788-highlight-grid li:nth-child(7) .ap9788-highlight-icon img { width: 1.59375em; height: 1.59375em; transform: translateY(0); }
.ap9788-highlight-grid li:nth-child(8) .ap9788-highlight-icon img { width: 1.75em; height: 1.5em; transform: translateY(.09375em); }
.ap9788-tabs-section { padding-bottom: .625em; }
.ap9788-performance { margin-top: 6.1875em; }
.ap9788-operations { margin-top: 7em; padding-bottom: 8.125em; }
.ap9788-reliability { margin-top: 1.375em; }
.ap9788-reliability.ap9788-tabs-section { padding-bottom: 0; }
.ap9788-sdn {
  width: 75em;
  max-width: 75em;
  margin-top: 7.5em;
  padding-bottom: .25em;
}
.ap9788-sdn .ap9788-inner { width: 62em; }
.ap9788-reliability-visual {
  display: grid;
  grid-template-columns: 72% 28%;
  align-items: stretch;
  margin-top: 3em;
  background: #f7f7f7;
  height: 33.84375em;
  overflow: hidden;
  border-radius: .25em;
}
.ap9788-reliability-visual .ap9788-redundant-art {
  height: 100%;
  margin-top: 0;
  background: transparent;
}
.ap9788-reliability-visual .ap9788-redundant-art > img {
  position: absolute;
  top: 2.4375em;
  left: 11.8125em;
  display: block;
  width: 42.03125em;
  max-width: none;
  height: 28.09375em;
  object-fit: fill;
  object-position: left top;
}
.ap9788-reliability-visual .ap9788-reliability-copy {
  display: block;
  align-content: initial;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
}
.ap9788-reliability-visual .ap9788-reliability-copy > div {
  position: absolute;
  left: 1.125em;
  width: 15.5em;
  max-width: calc(100% - 1.125em);
  margin: 0;
}
.ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(1) { top: 7.6875em; width: 16.25em; }
.ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(2) { top: 13.15625em; width: 17.5em; }
.ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(3) { top: 19.34375em; width: 16.875em; }
.ap9788-reliability-visual .ap9788-reliability-copy strong { position: relative; top: .25em; font-size: 1.05em; line-height: 1.2; }
.ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(3) strong { margin-bottom: .9375em; }
.ap9788-reliability-visual .ap9788-reliability-copy p { font-weight: 300; line-height: 1.33333333; }
.ap9788-reliability-visual .ap9788-reliability-copy ul { margin: 0; padding: 0 0 0 1.25em; list-style: none; }
.ap9788-reliability-visual .ap9788-reliability-copy li { position: relative; margin: 0; padding: 0; font-weight: 300; line-height: 1.33333333; }
.ap9788-reliability-visual .ap9788-reliability-copy li::before { position: absolute; left: -1.1em; content: '•'; }
.ap9788-redundant-art .diagram-layer {
  position: absolute;
  color: #008b67;
  font-size: 1em;
  line-height: 1.2;
  text-align: left;
}
.ap9788-reliability-visual .ap9788-redundant-art .layer-gateway { top: 24.191%; left: 8.7962963%; }
.ap9788-reliability-visual .ap9788-redundant-art .layer-core { top: 40.3324%; left: 12.0949074%; }
.ap9788-reliability-visual .ap9788-redundant-art .layer-access { top: 58.4488%; left: 10.0694444%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-isp-a { top: 3.6944%; left: 35.9375%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-isp-b { top: 3.6944%; left: 81.5972%; right: auto; }
.ap9788-reliability-visual .ap9788-redundant-art .label-gateway-a { top: 24.191%; left: 31.9444%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-gateway-b { top: 24.191%; left: 76.0417%; right: auto; }
.ap9788-reliability-visual .ap9788-redundant-art .label-heartbeat { top: 21.053%; left: 56.8287%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-switch-a { top: 40.3324%; left: 35.5324%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-switch-b { top: 40.3324%; left: 80.4398%; right: auto; }
.ap9788-reliability-visual .ap9788-redundant-art .label-mc-lag { top: 40.516%; left: 57.5231%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-switch-c { top: 58.5868%; left: 35.5324%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-switch-d { top: 58.5868%; left: 80.4398%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-stack { top: 58.4206%; left: 58.5069%; }
.ap9788-reliability-visual .ap9788-redundant-art .label-ap-a { top: 92.1514%; left: 34.7801%; bottom: auto; }
.ap9788-reliability-visual .ap9788-redundant-art .label-ap-b { top: 92.1514%; left: 80.4398%; right: auto; bottom: auto; }
.ap9788-reliability-visual .ap9788-redundant-art .diagram-label { white-space: nowrap; }
@media (min-width: 737px) {
  .ap9788-reliability-visual .ap9788-redundant-art > img {
    transform: none;
  }
  .ap9788-reliability-visual .ap9788-redundant-art .mobile-diagram { display: none; }
  .ap9788-reliability-visual .ap9788-redundant-art .desktop-diagram { display: block; }
  .ap9788-reliability-visual .ap9788-redundant-art .diagram-layer { transform: translateY(-.25em); }
  .ap9788-reliability-visual .ap9788-redundant-art .diagram-label { transform: translateY(-.2em); }
}
@media (max-width: 736px) {
  .ap9788-page { width: 100vw; max-width: 100vw; padding-top: 0; padding-bottom: 39.5vw; font-size: 2.5vw; overflow: hidden; }
  .ap9788-page .desktop-only { display: none; }
  .ap9788-page .mobile-only { display: block; }
  .ap9788-page .desktop-diagram { display: none; }
  .ap9788-page .mobile-diagram { display: block; }
  .ap9788-nav { height: 12vw; border-bottom: 0; }
  .ap9788-nav-inner { width: 100vw; padding: 0 4vw; justify-content: space-between; }
  .ap9788-nav-brand { position: static; font-size: 3vw; }
  .ap9788-nav nav { display: none; }
  .ap9788-menu-button { display: flex; width: 5vw; height: 5vw; flex-direction: column; justify-content: space-between; margin: 0; padding: 1vw 0; border: 0; background: transparent; }
  .ap9788-menu-button i { display: block; width: 100%; height: .35vw; background: #999; }
  .ap9788-page .ap9788-hero { width: 100vw; max-width: 100vw; height: 118.51851852vw; margin-top: 4.5vw; background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/ap9788-hero-mobile.png"); background-size: 85.18518519vw 118.51851852vw; }
  .ap9788-page .ap9788-hero-copy { top: 10.74074074vw; left: 13.70370370vw; width: 73.96592593vw; }
  .ap9788-page .ap9788-hero h1 { font-size: 6.66666667vw; line-height: 8.88888889vw; letter-spacing: -0.2vw; }
  .ap9788-page .ap9788-hero .ap9788-model { width: 19.44444444vw; height: 7.68518519vw; margin-top: 5.37037037vw; border-radius: .92592593vw; font-size: 3.33333333vw; line-height: 4.44444444vw; }
  .ap9788-section { width: 100vw; max-width: 100vw; }
  .ap9788-inner { width: 100vw; max-width: 100vw; padding: 0 7.4074074vw; }
  .ap9788-section-title { font-size: 6.66666667vw; line-height: 8.88888889vw; }
  .ap9788-highlights { height: 105vw; padding: 0; }
  .ap9788-highlights .ap9788-inner { width: 87vw; max-width: none; padding: 17vw 0 0; position: relative; left: -0.3vw; }
  .ap9788-highlight-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 23.3vw; gap: 0; }
  .ap9788-highlight-grid li { margin: 0; padding: 1vw 1vw 0; font-size: 3.33333333vw; line-height: 4.44444444vw; }
  .ap9788-highlight-grid li { line-height: 1.5; }
  .ap9788-highlight-icon { width: 6vw; height: 5.5vw; margin-bottom: 3.125vw; font-size: 3.33333333vw; }
  .ap9788-highlight-icon img { opacity: .61; }
  .ap9788-highlight-grid li:nth-child(1) .ap9788-highlight-icon img { width: 4.72222222vw; height: 4.81481481vw; transform: translateY(.09259259vw); }
  .ap9788-highlight-grid li:nth-child(2) .ap9788-highlight-icon img { width: 5.27777778vw; height: 4.25925926vw; transform: translateY(0); }
  .ap9788-highlight-grid li:nth-child(3) .ap9788-highlight-icon img { width: 5.37037037vw; height: 5.18518519vw; transform: translateY(.46296296vw); }
  .ap9788-highlight-grid li:nth-child(4) .ap9788-highlight-icon img { width: 5.18518519vw; height: 4.35185185vw; transform: translateY(.64814815vw); }
  .ap9788-highlight-grid li:nth-child(5) .ap9788-highlight-icon img { width: 4.81481481vw; height: 4.35185185vw; transform: translateY(.18518519vw); }
  .ap9788-highlight-grid li:nth-child(6) .ap9788-highlight-icon img { width: 4.81481481vw; height: 4.35185185vw; transform: translateY(.18518519vw); }
  .ap9788-highlight-grid li:nth-child(7) .ap9788-highlight-icon img { width: 4.72222222vw; height: 4.72222222vw; transform: translateY(0); }
  .ap9788-highlight-grid li:nth-child(8) .ap9788-highlight-icon img { width: 5.18518519vw; height: 4.44444444vw; transform: translateY(.27777778vw); }
  .ap9788-tabs-section { padding-bottom: 5.5vw; }
  .ap9788-performance { margin-top: 22.685185vw; padding-bottom: 0; }
  .ap9788-operations { margin-top: 23.888889vw; padding-bottom: 0; }
  .ap9788-reliability { margin-top: 23.333333vw; padding-bottom: 5.5vw !important; }
  .ap9788-sdn { margin-top: 66.388889vw; padding-bottom: 4.444444vw; }
  .ap9788-sdn .ap9788-inner { width: 100vw; }
  .ap9788-reliability-visual { display: block; height: auto; margin-top: 8vw; background: transparent; overflow: visible; }
  .ap9788-reliability-visual .ap9788-redundant-art { height: 97.96296296vw; margin-top: 0; background: #f7f7f7; border-radius: .75vw; }
  .ap9788-reliability-visual .ap9788-redundant-art > img { top: 11.66666667vw; left: 3.14814815vw; width: 78.88888889vw; max-width: none; height: 74.62962963vw; object-fit: fill; object-position: left top; transform: none; }
  .ap9788-reliability-visual .ap9788-redundant-art .desktop-diagram { display: none; }
  .ap9788-reliability-visual .ap9788-redundant-art .mobile-diagram { display: block; }
  .ap9788-reliability-visual .ap9788-reliability-copy { display: block; height: auto; margin-top: 13.24074074vw; padding: 0; top: 0; }
  .ap9788-reliability-visual .ap9788-reliability-copy > div { position: static; width: auto; max-width: none; margin: 0; }
  .ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(1),
  .ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(2),
  .ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(3) { width: auto; max-width: none; }
  .ap9788-reliability-visual .ap9788-reliability-copy > div + div { margin-top: 4vw; }
  .ap9788-reliability-visual .ap9788-reliability-copy strong { position: static; top: auto; font-size: 3.3vw; line-height: inherit; }
  .ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(3) strong { margin-bottom: .25em; }
  .ap9788-reliability-visual .ap9788-reliability-copy p { font-size: 3vw; font-weight: 400; line-height: 4.2vw; }
  .ap9788-reliability-visual .ap9788-reliability-copy ul { margin: 0; padding: 0 0 0 1.25em; }
  .ap9788-reliability-visual .ap9788-reliability-copy li { margin: 0; padding: 0; font-size: 3vw; font-weight: 400; line-height: 4.2vw; }
  .ap9788-section-title { font-size: 8.88888889vw; line-height: 8.88888889vw; }
  .ap9788-tablist { margin-left: -7.4074074vw; margin-right: -7.4074074vw; }
  .ap9788-redundant-art .diagram-layer { font-size: 3vw; text-align: center; width: auto; transform: translate(-50%, -.92592593vw); }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-gateway { top: 23.4404%; left: 50.2717%; }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-core { top: 38.4688%; left: 51.0326%; }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-access { top: 55.9546%; left: 50%; }
  .ap9788-sdn .ap9788-lead { margin-top: 5vw; }
  .ap9788-sdn-art { margin-top: 15vw; }
  .ap9788-sdn { padding-bottom: 3.5vw; }
  .ap9788-tablist { justify-content: flex-start; gap: 6vw; width: 100vw; margin: 11.11111111vw -7.4074074vw 9vw; padding: 0 7.4074074vw; overflow-x: auto; scrollbar-width: none; }
  .ap9788-tablist::-webkit-scrollbar { display: none; }
  .ap9788-tablist button { flex: 0 0 44.44444444vw; min-width: 44.44444444vw; height: 10vw; padding: 1vw 2vw; border-radius: 1.1vw; font-size: 2.77777778vw; line-height: 3.7037037vw; }
  .ap9788-panel h3 { margin: 0 0 3.2vw; font-size: 6.66666667vw; line-height: 8.88888889vw; }
  .ap9788-lead { padding: 0; font-size: 3.33333333vw; line-height: 4.88888889vw; }
  .ap9788-stats { justify-content: space-between; gap: 0; margin: 10vw 2vw 9vw; }
  .ap9788-stats div { min-width: 0; }
  .ap9788-stats strong { font-size: 6.66666667vw; line-height: 8.88888889vw; }
  .ap9788-stats span { font-size: 3.33333333vw; line-height: 4.44444444vw; }
  .ap9788-scenario-grid { grid-template-columns: repeat(2, 1fr); gap: 9vw 2.2vw; }
  .ap9788-scenario-grid figure img { height: 35vw; }
  .ap9788-scenario-grid figcaption, .ap9788-feature-grid figcaption { margin-top: 2vw; font-size: 3.33333333vw; line-height: 4.44444444vw; }
  .ap9788-feature-grid, .ap9788-feature-grid.two-up, .ap9788-feature-grid.three-up { grid-template-columns: 1fr; gap: 8vw; margin-top: 8vw; }
  .ap9788-feature-grid.three-up .ap9788-artboard { height: 70.64814815vw; }
  .ap9788-rf-layout { display: flex; flex-direction: column; height: auto; margin-top: 8vw; background: transparent; }
  .ap9788-rf-list { display: block; width: 100%; height: 58.61111111vw; padding: 0; background-color: #fff; background-image: url("https://static-product-no-cdn.tp-link.com/ap9788_(us)-v1/img/ap9788-rf-icons-mobile.png"); background-position: -7.4074074vw 0; background-size: 100vw auto; background-repeat: no-repeat; }
  .ap9788-rf-list li { position: absolute; width: calc(50% - .75vw); margin: 0; padding: 0; font-size: 3.33333333vw; font-weight: 400; line-height: 5vw; text-align: center; }
  .ap9788-rf-list li:nth-child(1), .ap9788-rf-list li:nth-child(2) { top: 7.22222222vw; }
  .ap9788-rf-list li:nth-child(3), .ap9788-rf-list li:nth-child(4) { top: 35.92592593vw; }
  .ap9788-rf-list li:nth-child(1), .ap9788-rf-list li:nth-child(3) { left: 0; right: auto; }
  .ap9788-rf-list li:nth-child(2), .ap9788-rf-list li:nth-child(4) { left: auto; right: 0; }
  .ap9788-rf-list li span { display: block; width: 100%; }
  .ap9788-rf-art { position: relative; width: 100%; height: 75.46296296vw; margin-top: 0; }
  .ap9788-rf-art img { top: -13.33333333vw; left: -7.87037037vw; width: 101.11111111vw; max-width: none; height: 101.11111111vw; object-fit: fill; }
  .ap9788-video-frame { margin-top: 8vw; }
  .ap9788-redundant-art, .ap9788-sdn-art { margin-top: 8vw; }
  .ap9788-reliability-visual .ap9788-redundant-art .diagram-label { top: auto; right: auto; bottom: auto; left: auto; width: auto; font-size: 3vw; transform: translateX(-50%); }
  .ap9788-reliability-visual .ap9788-redundant-art .label-isp-a { top: 6.616%; left: 21.9022%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-isp-b { top: 6.616%; left: 78.913%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-gateway-a { top: 28.9223%; left: 21.8478%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-gateway-b { top: 28.9223%; left: 78.75%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-heartbeat { top: 26.8429%; left: 49.837%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-switch-a { top: 43.0055%; left: 21.6304%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-switch-b { top: 43.0055%; left: 78.6304%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-mc-lag { top: 43.289%; left: 50.2717%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-switch-c { top: 60.6803%; left: 21.7391%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-switch-d { top: 60.6803%; left: 78.6304%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-stack { top: 60.6803%; left: 50.3804%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-ap-a { top: 89.3193%; left: 21.6848%; }
  .ap9788-reliability-visual .ap9788-redundant-art .label-ap-b { top: 89.3193%; left: 78.2609%; }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-access { font-size: 0; }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-access::after { content: 'Gateway Layer'; font-size: 3vw; }
  .ap9788-reliability-copy { display: block; margin-top: 13.24074074vw; padding: 0; }
  .ap9788-reliability-copy > div { margin-top: 4vw; }
  .ap9788-reliability-copy strong { font-size: 3.3vw; }
  .ap9788-reliability-copy p { font-size: 3vw; line-height: 4.2vw; }
  .ap9788-temperature { margin-top: 8vw; }
  .ap9788-temperature strong { top: 52%; left: 49%; font-size: 5vw; line-height: 7vw; white-space: normal; }
  .ap9788-sdn { padding-bottom: 3.5vw; }
  .ap9788-sdn-art { margin-top: 15vw; }
  .ap9788-sdn-art .sdn-label { font-size: 3.1vw; line-height: 4.2vw; }
  .sdn-cloud { top: 10%; left: 5%; width: 39%; }.sdn-controller { top: 10%; left: 56%; width: 39%; }
  .sdn-vpn { top: 37%; left: 17%; width: 30%; }.sdn-outdoor { top: 38%; left: 59%; width: 35%; }
  .sdn-ceiling { top: 67%; right: 3%; width: 38%; }.sdn-switch { top: 67%; right: 48%; width: 31%; }
  .sdn-browser { bottom: 4%; left: 2%; width: 31%; }
}

/* SDN module alignment: geometry and semantic labels follow the locked PSD
   groups [2,0] (web) and [3,0] (mobile). */
.ap9788-sdn {
  width: 62.03125em;
  max-width: 62.03125em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .1875em;
}
.ap9788-sdn .ap9788-inner { width: 62.03125em; max-width: none; }
.ap9788-sdn .ap9788-section-title {
  font-size: 2.8125em;
  line-height: 1.26666667;
}
.ap9788-sdn .ap9788-lead {
  margin-top: .375em;
  padding: 0 1em;
  font-size: 1.125em;
  line-height: 1.5;
}
.ap9788-sdn-art {
  width: 57.59375em;
  height: auto;
  margin: 2.75em 0 0 2.125em;
}
.ap9788-sdn-art .sdn-label {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #172126;
  font-weight: 500;
  text-align: center;
}
.ap9788-sdn-art .sdn-controller,
.ap9788-sdn-art .sdn-central,
.ap9788-sdn-art .sdn-software,
.ap9788-sdn-art .sdn-or-top,
.ap9788-sdn-art .sdn-hardware,
.ap9788-sdn-art .sdn-or-mid,
.ap9788-sdn-art .sdn-internet {
  font-size: 1.125em;
  line-height: 1.5;
}
.ap9788-sdn-art .sdn-controller {
  top: 1.309375em;
  left: 0;
  width: 16.96875em;
}
.ap9788-sdn-art .sdn-central {
  top: 15.496875em;
  left: 0;
  width: 16.96875em;
}
.ap9788-sdn-art .sdn-software {
  top: 4.340625em;
  left: 8.1679em;
  width: 4.375em;
  text-align: left;
}
.ap9788-sdn-art .sdn-or-top {
  top: 6.53125em;
  left: 8.1679em;
  width: 1.1875em;
}
.ap9788-sdn-art .sdn-hardware {
  top: 8.621875em;
  left: 8.1679em;
  width: 4.59375em;
  text-align: left;
}
.ap9788-sdn-art .sdn-or-mid {
  top: 12.59375em;
  left: 5.6679em;
  width: 1.1875em;
}
.ap9788-sdn-art .sdn-internet {
  top: 23.21875em;
  left: 26.875em;
  width: 3.96875em;
}
.ap9788-sdn-art .sdn-vpn,
.ap9788-sdn-art .sdn-outdoor,
.ap9788-sdn-art .sdn-ceiling,
.ap9788-sdn-art .sdn-switch,
.ap9788-sdn-art .sdn-browser,
.ap9788-sdn-art .sdn-app,
.ap9788-sdn-art .sdn-cloud-access {
  font-size: .9375em;
  line-height: 1.33333333;
}
.ap9788-sdn-art .sdn-vpn {
  top: 12.59375em;
  left: 27.167em;
  width: 5.5625em;
}
.ap9788-sdn-art .sdn-outdoor {
  top: 1.684375em;
  left: 26.2836em;
  width: 7.6875em;
}
.ap9788-sdn-art .sdn-ceiling {
  top: 1.153125em;
  left: 45.9406em;
  width: 10.03125em;
}
.ap9788-sdn-art .sdn-switch {
  top: 12.653125em;
  left: 45.935em;
  width: 6.625em;
}
.ap9788-sdn-art .sdn-browser {
  top: 20.153125em;
  left: 44.5969em;
  width: 3.4375em;
}
.ap9788-sdn-art .sdn-app {
  top: 20.153125em;
  left: 51.0656em;
  width: 2.96875em;
}
.ap9788-sdn-art .sdn-cloud-access {
  top: 18.1875em;
  left: 32.1875em;
  width: 3.03125em;
}
@media (max-width: 736px) {
  .ap9788-sdn {
    width: 100vw;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }
  .ap9788-sdn .ap9788-inner {
    width: 100vw;
    max-width: 100vw;
  }
  .ap9788-sdn .ap9788-section-title {
    font-size: 8.33333333vw;
    line-height: 10.55555556vw;
  }
  .ap9788-sdn .ap9788-lead {
    margin-top: 0;
    padding: 0;
    font-size: 3.33333333vw;
    line-height: 5vw;
  }
  .ap9788-sdn-art {
    width: 87.12962963vw;
    height: auto;
    margin-top: 13.7037037vw;
    margin-right: 0;
    margin-left: -1.01851852vw;
  }
  .ap9788-sdn-art .sdn-label {
    font-weight: 500;
  }
  .ap9788-sdn-art .sdn-controller,
  .ap9788-sdn-art .sdn-central,
  .ap9788-sdn-art .sdn-software,
  .ap9788-sdn-art .sdn-or-top,
  .ap9788-sdn-art .sdn-hardware,
  .ap9788-sdn-art .sdn-or-mid,
  .ap9788-sdn-art .sdn-internet {
    font-size: 3.33333333vw;
    line-height: 5vw;
  }
  .ap9788-sdn-art .sdn-controller {
    top: 3.7037037vw;
    left: 46.11111111vw;
    width: 36.57407407vw;
  }
  .ap9788-sdn-art .sdn-central {
    top: 3.7037037vw;
    left: 7.87037037vw;
    width: 22.03703704vw;
  }
  .ap9788-sdn-art .sdn-software {
    top: 10.83333333vw;
    left: 62.87037037vw;
    width: 12.96296296vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-or-top {
    top: 14.44444444vw;
    left: 37.12962963vw;
    width: 3.51851852vw;
  }
  .ap9788-sdn-art .sdn-hardware {
    top: 23.7037037vw;
    left: 62.96296296vw;
    width: 13.61111111vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-or-mid {
    top: 19.53703704vw;
    left: 53.7037037vw;
    width: 3.51851852vw;
  }
  .ap9788-sdn-art .sdn-internet {
    top: 61.94444444vw;
    left: 4.44444444vw;
    width: 11.75925926vw;
  }
  .ap9788-sdn-art .sdn-vpn,
  .ap9788-sdn-art .sdn-outdoor,
  .ap9788-sdn-art .sdn-ceiling,
  .ap9788-sdn-art .sdn-switch,
  .ap9788-sdn-art .sdn-browser,
  .ap9788-sdn-art .sdn-app,
  .ap9788-sdn-art .sdn-cloud-access {
    font-size: 2.77777778vw;
    line-height: 3.7037037vw;
  }
  .ap9788-sdn-art .sdn-vpn {
    top: 55.92592593vw;
    left: 30vw;
    width: 16.48148148vw;
  }
  .ap9788-sdn-art .sdn-outdoor {
    top: 54.62962963vw;
    left: 63.98148148vw;
    width: 21.2037037vw;
  }
  .ap9788-sdn-art .sdn-ceiling {
    top: 94.90740741vw;
    left: 64.72222222vw;
    width: 19.62962963vw;
  }
  .ap9788-sdn-art .sdn-switch {
    top: 98.05555556vw;
    left: 28.33333333vw;
    width: 19.72222222vw;
  }
  .ap9788-sdn-art .sdn-browser {
    top: 90.18518519vw;
    left: 5.37037037vw;
    width: 10vw;
  }
  .ap9788-sdn-art .sdn-app {
    top: 107.96296296vw;
    left: 5.92592593vw;
    width: 8.7037037vw;
  }
  .ap9788-sdn-art .sdn-cloud-access {
    top: 67.77777778vw;
    left: 11.75925926vw;
    width: 8.98148148vw;
  }
}


/* SDN label text boxes use the PSD paragraph bounds; each width is emitted
   in the label's own em basis so the browser box stays at the artwork anchor. */
.ap9788-sdn-art .sdn-controller,
.ap9788-sdn-art .sdn-central,
.ap9788-sdn-art .sdn-software,
.ap9788-sdn-art .sdn-or-top,
.ap9788-sdn-art .sdn-hardware,
.ap9788-sdn-art .sdn-or-mid,
.ap9788-sdn-art .sdn-internet {
  font-size: 1.0625em;
  line-height: 1.58823529;
}
.ap9788-sdn-art .sdn-controller {
  top: .82352941em;
  left: 0;
  width: 16.01820647em;
}
.ap9788-sdn-art .sdn-central {
  top: 14.17647059em;
  left: 0;
  width: 15.97058824em;
}
.ap9788-sdn-art .sdn-software {
  top: 3.67647059em;
  left: 7.68724706em;
  width: 5.30490559em;
  text-align: left;
}
.ap9788-sdn-art .sdn-or-top {
  top: 5.73529412em;
  left: 7.68724706em;
  width: 5.30490559em;
  text-align: left;
}
.ap9788-sdn-art .sdn-hardware {
  top: 7.67647059em;
  left: 7.68724706em;
  width: 5.30490559em;
  text-align: left;
}
.ap9788-sdn-art .sdn-or-mid {
  top: 11.44117647em;
  left: 5.33430588em;
  width: 5.30490559em;
}
.ap9788-sdn-art .sdn-internet {
  top: 21.47058824em;
  left: 23.82352941em;
  width: 6.61472088em;
}
.ap9788-sdn-art .sdn-vpn {
  top: 13.15333333em;
  left: 28.97886667em;
  width: 7.71593633em;
}
.ap9788-sdn-art .sdn-outdoor {
  top: 1.48666667em;
  left: 28.03583333em;
  width: 10.49827867em;
}
.ap9788-sdn-art .sdn-ceiling {
  top: .92em;
  left: 49.00333333em;
  width: 10.81516333em;
}
.ap9788-sdn-art .sdn-switch {
  top: 13.18666667em;
  left: 48.99706667em;
  width: 7.64251033em;
}
.ap9788-sdn-art .sdn-browser {
  top: 21.18em;
  left: 47.57em;
  width: 4.475562em;
}
.ap9788-sdn-art .sdn-app {
  top: 21.18em;
  left: 54.47em;
  width: 7.49668367em;
}
.ap9788-sdn-art .sdn-cloud-access {
  top: 19.11333333em;
  left: 32.20333333em;
  width: 7.49668367em;
}
@media (max-width: 736px) {
  .ap9788-sdn-art .sdn-controller,
  .ap9788-sdn-art .sdn-central,
  .ap9788-sdn-art .sdn-software,
  .ap9788-sdn-art .sdn-or-top,
  .ap9788-sdn-art .sdn-hardware,
  .ap9788-sdn-art .sdn-or-mid,
  .ap9788-sdn-art .sdn-internet {
    font-size: 3.14814815vw;
    line-height: 5vw;
  }
  .ap9788-sdn-art .sdn-controller {
    top: 2.22222222vw;
    left: 46.11111111vw;
    width: 36.57407407vw;
  }
  .ap9788-sdn-art .sdn-central {
    top: 2.22222222vw;
    left: 7.87037037vw;
    width: 22.03703704vw;
  }
  .ap9788-sdn-art .sdn-software {
    top: 9.35185185vw;
    left: 62.87037037vw;
    width: 16.70101778vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-or-top {
    top: 12.96296296vw;
    left: 37.07096296vw;
    width: 16.70101778vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-hardware {
    top: 20.83333333vw;
    left: 62.96296296vw;
    width: 16.70101778vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-or-mid {
    top: 17.96296296vw;
    /* The second Or belongs inside the controller card, centered beneath
       the device image in the PSD (the first Or remains between the cards). */
    left: 47.03703704vw;
    width: 16.70101778vw;
  }
  .ap9788-sdn-art .sdn-internet {
    top: 60.7037037vw;
    left: 0;
    width: 20.8241213vw;
  }
  .ap9788-sdn-art .sdn-vpn {
    top: 55.18518519vw;
    left: 27.53407407vw;
    width: 21.43315648vw;
  }
  .ap9788-sdn-art .sdn-outdoor {
    top: 53.8vw;
    left: 61.99527778vw;
    width: 25.13427778vw;
  }
  .ap9788-sdn-art .sdn-ceiling {
    top: 94.2vw;
    left: 61.99527778vw;
    width: 25.13427778vw;
  }
  .ap9788-sdn-art .sdn-switch {
    top: 97.4vw;
    left: 27.58444444vw;
    width: 21.22919537vw;
  }
  .ap9788-sdn-art .sdn-browser {
    top: 89.4vw;
    left: 4.08333333vw;
    width: 12.43211667vw;
  }
  .ap9788-sdn-art .sdn-app {
    top: 106.7vw;
    left: 0;
    width: 20.8241213vw;
  }
  .ap9788-sdn-art .sdn-cloud-access {
    top: 67.1vw;
    left: 11.76851852vw;
    width: 20.8241213vw;
    text-align: left;
  }
}


/* Final SDN optical offsets: Photoshop's text bounds start at the glyph edge,
   while browser line boxes include the font ascent. */
@media (min-width: 737px) {
  .ap9788-sdn .ap9788-section-title { position: relative; top: -.26666667em; }
  .ap9788-sdn .ap9788-lead { position: relative; top: -.27777778em; }
  .ap9788-sdn-art { margin-top: 2.703125em; }
  .ap9788-sdn-art .sdn-vpn,
  .ap9788-sdn-art .sdn-outdoor,
  .ap9788-sdn-art .sdn-ceiling,
  .ap9788-sdn-art .sdn-switch,
  .ap9788-sdn-art .sdn-browser,
  .ap9788-sdn-art .sdn-app {
    text-align: left;
  }
}
@media (max-width: 736px) {
  .ap9788-sdn .ap9788-section-title { position: relative; top: -2.40740741vw; }
  .ap9788-sdn-art .sdn-central {
    left: 6.01851852vw;
    width: 25.92592593vw;
  }
  .ap9788-sdn-art .sdn-app { top: 107.25vw; }
}


/* PSD small labels use a 30px source face; 14.5px in the browser keeps
   the rasterized glyph widths and the authored line breaks aligned. */
@media (min-width: 737px) {
  .ap9788-sdn-art .sdn-vpn,
  .ap9788-sdn-art .sdn-outdoor,
  .ap9788-sdn-art .sdn-ceiling,
  .ap9788-sdn-art .sdn-switch,
  .ap9788-sdn-art .sdn-browser,
  .ap9788-sdn-art .sdn-app,
  .ap9788-sdn-art .sdn-cloud-access {
    font-size: .90625em;
    line-height: 1.37931034;
  }
  .ap9788-sdn-art .sdn-vpn {
    top: 13.60689655em;
    left: 29.97882759em;
    width: 7.98269276em;
  }
  .ap9788-sdn-art .sdn-outdoor {
    top: 1.53793103em;
    left: 29.00258621em;
    width: 10.86028828em;
  }
  .ap9788-sdn-art .sdn-ceiling {
    top: .95172414em;
    left: 50.69310345em;
    width: 11.1881em;
  }
  .ap9788-sdn-art .sdn-switch {
    top: 13.64137931em;
    left: 50.68662069em;
    width: 7.90604517em;
  }
  .ap9788-sdn-art .sdn-browser {
    top: 21.91034483em;
    left: 49.21034483em;
    width: 4.62989103em;
  }
  .ap9788-sdn-art .sdn-app {
    top: 21.91034483em;
    left: 56.34827586em;
    width: 7.75519em;
  }
  .ap9788-sdn-art .sdn-cloud-access {
    top: 19.77241379em;
    left: 33.3137931em;
    width: 7.75519em;
  }
}
@media (max-width: 736px) {
  .ap9788-sdn-art .sdn-vpn,
  .ap9788-sdn-art .sdn-outdoor,
  .ap9788-sdn-art .sdn-ceiling,
  .ap9788-sdn-art .sdn-switch,
  .ap9788-sdn-art .sdn-browser,
  .ap9788-sdn-art .sdn-app,
  .ap9788-sdn-art .sdn-cloud-access {
    font-size: 2.68518519vw;
    line-height: 3.7037037vw;
  }
}


@media (min-width: 737px) {
  .ap9788-sdn-art .sdn-ceiling .desktop-only { white-space: nowrap; }
}

/* The PSD places the desktop Internet caption just below the raster art
   bounds; keep that caption visible instead of clipping its lower glyphs. */
@media (min-width: 737px) {
  .ap9788-sdn-art { overflow: visible; }
  .ap9788-sdn-art .sdn-internet { top: 21.41176471em; }
}

/* The PSD SDN artwork is transparent outside its colored cards. Let the
   page background show through those pixels instead of painting a gray box. */
.ap9788-sdn-art { background: transparent; }

/* Traffic Scheduling keeps Photoshop's type layers in HTML. The raster
   picture files contain only the card backgrounds, devices, and connectors. */
.ap9788-performance .ap9788-feature-grid.three-up .ap9788-artboard {
  position: relative;
}
.ap9788-performance .ap9788-feature-grid.three-up .traffic-label {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #2b2b2b;
  font-size: .9375em;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}
.ap9788-performance .ap9788-traffic-rate-art .traffic-airtime-up {
  top: 23.42105263%;
  left: 16.92708333%;
  width: 15.234375%;
}
.ap9788-performance .ap9788-traffic-rate-art .traffic-improve {
  top: 33.68421053%;
  left: 49.08854167%;
  width: auto;
  white-space: nowrap;
}
.ap9788-performance .ap9788-traffic-rate-art .traffic-airtime-down {
  top: 74.07894737%;
  left: 16.92708333%;
  width: 15.234375%;
}
.ap9788-performance .ap9788-traffic-rate-art .traffic-reduce {
  top: 75.26315789%;
  left: 45.05208333%;
  width: auto;
  white-space: nowrap;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-multicast-source {
  top: 13.15789474%;
  left: 59.11458333%;
  width: 20.05208333%;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-status {
  top: 84.34210526%;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-status-1 {
  left: 5.859375%;
  width: 13.41145833%;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-status-2 {
  left: 27.86458333%;
  width: 7.16145833%;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-status-3 {
  left: 43.22916667%;
  width: 13.41145833%;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-status-4 {
  left: 65.234375%;
  width: 7.16145833%;
}
.ap9788-performance .ap9788-traffic-multicast-art .traffic-status-5 {
  left: 80.59895833%;
  width: 13.41145833%;
}
@media (max-width: 736px) {
  .ap9788-performance .ap9788-feature-grid.three-up .traffic-label {
    font-size: 2.77777778vw;
    line-height: 3.33333333vw;
  }
  .ap9788-performance .ap9788-traffic-rate-art .traffic-airtime-up {
    top: 21.62516383%;
    left: 22.45119306%;
    width: 12.68980477%;
  }
  .ap9788-performance .ap9788-traffic-rate-art .traffic-improve {
    top: 31.716907%;
    left: 49.24078091%;
    width: auto;
  }
  .ap9788-performance .ap9788-traffic-rate-art .traffic-airtime-down {
    top: 72.08387942%;
    left: 22.45119306%;
    width: 12.68980477%;
  }
  .ap9788-performance .ap9788-traffic-rate-art .traffic-reduce {
    top: 73.13237208%;
    left: 45.87852495%;
    width: auto;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-multicast-source {
    top: 12.0576671%;
    left: 57.59219089%;
    width: 16.70282083%;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-status {
    top: 82.96199214%;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-status-1 {
    left: 13.23210412%;
    width: 11.17136659%;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-status-2 {
    left: 31.56182213%;
    width: 5.96529284%;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-status-3 {
    left: 44.36008677%;
    width: 11.17136659%;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-status-4 {
    left: 62.68980477%;
    width: 5.96529284%;
  }
  .ap9788-performance .ap9788-traffic-multicast-art .traffic-status-5 {
    left: 75.48806941%;
    width: 11.17136659%;
  }
}

/* The refreshed mobile SDN PSB is a 1080 x 2521 artboard. Keep its transparent
   diagram as artwork and place every semantic label at the authored text box. */
@media (max-width: 736px) {
  .ap9788-sdn {
    margin-top: 17.87037037vw;
    padding-bottom: 16.57407407vw;
  }

  .ap9788-sdn .ap9788-section-title {
    top: 0;
  }

  .ap9788-sdn-art .sdn-label {
    letter-spacing: -.025em;
    white-space: nowrap;
  }

  .ap9788-sdn-art .sdn-controller,
  .ap9788-sdn-art .sdn-central,
  .ap9788-sdn-art .sdn-software,
  .ap9788-sdn-art .sdn-or-top,
  .ap9788-sdn-art .sdn-hardware,
  .ap9788-sdn-art .sdn-or-mid,
  .ap9788-sdn-art .sdn-internet {
    font-size: 3.33333333vw;
    line-height: 5vw;
  }

  .ap9788-sdn-art .sdn-controller {
    top: 3.7037037vw;
    left: 46.11111111vw;
    width: 36.57407407vw;
  }
  .ap9788-sdn-art .sdn-central {
    top: 3.7037037vw;
    left: 7.87037037vw;
    width: 22.03703704vw;
  }
  .ap9788-sdn-art .sdn-software {
    top: 10.83333333vw;
    left: 62.87037037vw;
    width: 12.96296296vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-or-top {
    top: 14.44444444vw;
    left: 37.12962963vw;
    width: 3.51851852vw;
    text-align: center;
  }
  .ap9788-sdn-art .sdn-hardware {
    top: 23.7037037vw;
    left: 62.96296296vw;
    width: 13.61111111vw;
    text-align: left;
  }
  .ap9788-sdn-art .sdn-or-mid {
    top: 19.53703704vw;
    left: 53.7037037vw;
    width: 3.51851852vw;
    text-align: center;
  }
  .ap9788-sdn-art .sdn-internet {
    top: 61.94444444vw;
    left: 4.44444444vw;
    width: 11.75925926vw;
  }

  .ap9788-sdn-art .sdn-vpn,
  .ap9788-sdn-art .sdn-outdoor,
  .ap9788-sdn-art .sdn-ceiling,
  .ap9788-sdn-art .sdn-switch,
  .ap9788-sdn-art .sdn-browser,
  .ap9788-sdn-art .sdn-app,
  .ap9788-sdn-art .sdn-cloud-access {
    font-size: 2.77777778vw;
    line-height: 3.7037037vw;
  }

  .ap9788-sdn-art .sdn-vpn {
    top: 55.92592593vw;
    left: 30vw;
    width: 16.48148148vw;
  }
  .ap9788-sdn-art .sdn-outdoor {
    top: 57.2962963vw;
    left: 63.98148148vw;
    width: 21.2037037vw;
  }
  .ap9788-sdn-art .sdn-ceiling {
    top: 97.57407408vw;
    left: 64.72222222vw;
    width: 19.62962963vw;
  }
  .ap9788-sdn-art .sdn-switch {
    top: 98.05555556vw;
    left: 28.33333333vw;
    width: 19.72222222vw;
  }
  .ap9788-sdn-art .sdn-browser {
    top: 90.18518519vw;
    left: 5.37037037vw;
    width: 10vw;
  }
  .ap9788-sdn-art .sdn-app {
    top: 107.96296296vw;
    left: 5.92592593vw;
    width: 8.7037037vw;
  }
  .ap9788-sdn-art .sdn-cloud-access {
    top: 67.77777778vw;
    left: 11.75925926vw;
    width: 8.98148148vw;
    text-align: center;
  }
}

/* Mobile reliability copy follows the independent Photoshop text layers.
   Keep its line rhythm and handoff to SDN in the same vertical positions as
   the primary mobile artboard instead of leaving an oversized inter-section
   gap. */
@media (max-width: 736px) {
  .ap9788-reliability-visual .ap9788-reliability-copy {
    margin-top: 12.68518519vw;
  }
  .ap9788-reliability-visual .ap9788-reliability-copy > div + div {
    margin-top: 4.46296296vw;
  }
  .ap9788-reliability-visual .ap9788-reliability-copy strong {
    line-height: 1.6;
    margin-bottom: 0;
  }
  .ap9788-reliability-visual .ap9788-reliability-copy p,
  .ap9788-reliability-visual .ap9788-reliability-copy li {
    line-height: 5.55555556vw;
  }
  .ap9788-reliability-visual .ap9788-reliability-copy > div:nth-child(3) strong {
    margin-bottom: .75em;
  }
  .ap9788-sdn {
    margin-top: 14.52777778vw;
  }
}

/* The mobile PSD shows a clipped tab track with a tappable edge control.
   Keep the track scrollable by touch while the controls mask only the edge
   where the next or previous option is hidden. */
.ap9788-tablist-wrap {
  display: contents;
}
.ap9788-tablist-control {
  display: none;
}
@media (max-width: 736px) {
  .ap9788-tablist-wrap {
    display: block;
    position: relative;
    width: 100vw;
    margin: 11.11111111vw -7.4074074vw 9vw;
  }
  .ap9788-tablist-wrap .ap9788-tablist {
    width: 100%;
    margin: 0;
  }
  .ap9788-tablist-control:not([hidden]) {
    display: flex;
    position: absolute;
    z-index: 3;
    top: -1px;
    align-items: center;
    justify-content: center;
    width: 15.74074074vw;
    height: calc(10vw + 2px);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #929292;
    cursor: pointer;
    isolation: isolate;
  }
  .ap9788-tablist-control::before {
    width: 2.77777778vw;
    height: 2.77777778vw;
    border-top: .55555556vw solid currentColor;
    border-right: .55555556vw solid currentColor;
    content: '';
  }
  .ap9788-tablist-control-next:not([hidden]) {
    right: -1px;
    justify-content: flex-start;
    width: calc(15.74074074vw + 1px);
    padding-left: 1.01851852vw;
    border-left: .27777778vw solid #d8d8d8;
    background: #fff !important;
    background-image: none !important;
    box-shadow: -1px 0 0 #fff;
  }
  .ap9788-tablist-control-next::before {
    transform: rotate(45deg);
  }
  .ap9788-tablist-control-prev:not([hidden]) {
    left: -1px;
    justify-content: flex-end;
    width: calc(15.74074074vw + 1px);
    padding-right: 1.01851852vw;
    border-right: .27777778vw solid #d8d8d8;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 1px 0 0 #fff;
  }
  .ap9788-tablist-control-prev::before {
    transform: rotate(-135deg);
  }
  .ap9788-tablist-control:focus-visible {
    outline: 2px solid #006568;
    outline-offset: -2px;
  }
}

/* Designer and Marketing feedback — September 2026. */
@media (min-width: 737px) {
  .ap9788-performance > .ap9788-inner > .ap9788-section-title,
  .ap9788-operations > .ap9788-inner > .ap9788-section-title,
  .ap9788-reliability > .ap9788-inner > .ap9788-section-title {
    font-size: 2.8125em;
    line-height: 1.26666667;
  }

  .ap9788-performance .ap9788-panel[data-state="2"] .ap9788-feature-grid.two-up {
    width: 74.8125em;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.9375em;
    margin-right: auto;
    margin-left: auto;
  }

  .ap9788-rf-list li {
    transform: translateY(-50%);
  }
  .ap9788-rf-list li:nth-child(1) { top: 7.36111111em; }
  .ap9788-rf-list li:nth-child(2) { top: 11.80555556em; }
  .ap9788-rf-list li:nth-child(3) { top: 15em; }
  .ap9788-rf-list li:nth-child(4) { top: 19.25em; }
}

.ap9788-performance .ap9788-panel[data-state="2"] .ap9788-artboard {
  position: relative;
}
.ap9788-smart-picture {
  display: block;
  width: 100%;
  height: 100%;
}
.ap9788-smart-picture img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.ap9788-smart-note {
  position: absolute;
  z-index: 2;
  top: 8.42105263%;
  left: 56.95652174%;
  width: 37.82608696%;
  color: #2b2b2b;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
}

@media (min-width: 737px) {
  .ap9788-performance .ap9788-panel[data-state="3"] .ap9788-lead {
    width: 60.59375em;
    max-width: 60.59375em;
    line-height: 1.5;
  }

  .ap9788-reliability-visual .ap9788-redundant-art .diagram-layer {
    width: 7.125em;
    font-size: .9375em;
    font-weight: 500;
    line-height: 1.33333333;
    text-align: right;
  }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-gateway {
    left: 8.7962963%;
  }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-core {
    left: 8.7962963%;
  }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-access {
    left: 8.7962963%;
  }

  .ap9788-sdn .ap9788-lead {
    padding-right: 0;
    padding-left: 0;
  }
}

.ap9788-performance .ap9788-feature-grid.three-up .traffic-label {
  text-align: center;
}

.ap9788-temperature picture {
  display: block;
  width: 100%;
}

@media (max-width: 736px) {
  .ap9788-performance .ap9788-panel[data-state="2"] .ap9788-feature-grid.two-up {
    width: 100%;
  }
  .ap9788-performance .ap9788-panel[data-state="2"] .ap9788-artboard {
    height: auto;
    aspect-ratio: 920 / 608;
  }
  .ap9788-smart-note {
    top: 9.375%;
    left: 59.13043478%;
    width: 35.65217391%;
    font-size: 2.77777778vw;
    line-height: 3.33333333vw;
  }

  .ap9788-reliability-visual .ap9788-redundant-art .layer-access {
    font-size: 3vw;
  }
  .ap9788-reliability-visual .ap9788-redundant-art .layer-access::after {
    display: none;
    content: none;
  }

  .ap9788-temperature strong {
    top: 38.95253682%;
    left: 51.787649%;
    width: 37.37811484%;
    font-size: 4.44444444vw;
    line-height: 6.66666667vw;
    text-align: center;
  }

  .ap9788-tablist-wrap {
    overflow: hidden;
  }
  .ap9788-tablist-wrap .ap9788-tablist {
    overflow-x: hidden !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    overflow-anchor: none;
  }
  .ap9788-tablist-wrap .ap9788-tablist button {
    scroll-snap-align: none !important;
    transform: translateX(var(--ap9788-tab-offset, 0));
  }
  .ap9788-tablist-wrap.has-previous .ap9788-tablist {
    clip-path: inset(0 0 0 15.74074074vw);
  }
  .ap9788-tablist-wrap.has-next .ap9788-tablist {
    clip-path: inset(0 15.74074074vw 0 0);
  }
  .ap9788-tablist-wrap.has-previous.has-next .ap9788-tablist {
    clip-path: inset(0 15.74074074vw);
  }
  .ap9788-tablist-control:not([hidden]) {
    z-index: 5;
    overflow: hidden;
  }
}

/* Keep the refreshed SDN mobile artboard's 193px authored top inset after all
   legacy mobile spacing overrides. */
@media (max-width: 736px) {
  .ap9788-page {
    padding-bottom: 0;
  }

  .ap9788-sdn {
    margin-top: 17.87037037vw;
  }
}

/* Designer review round 2 — preserve the tab interaction while restoring the
   authored typography, caption rhythm, and text alignment. */
@media (min-width: 737px) {
  .ap9788-performance .ap9788-panel[data-state="2"] .ap9788-feature-grid figcaption,
  .ap9788-performance .ap9788-panel[data-state="3"] .ap9788-feature-grid figcaption {
    margin-top: 1.66666667em;
  }

  .ap9788-rf-list li:nth-child(1),
  .ap9788-rf-list li:nth-child(3) {
    transform: translateY(-.725em);
  }
}

.ap9788-smart-note {
  text-align: right;
}

.ap9788-performance .ap9788-feature-grid.three-up .ap9788-traffic-multicast-art .traffic-multicast-source {
  text-align: left;
}

@media (max-width: 736px) {
  .ap9788-tablist-wrap .ap9788-tablist button {
    font-size: 3.33333333vw;
    line-height: 4.44444444vw;
  }

  .ap9788-operations .ap9788-tablist button:nth-child(2),
  .ap9788-reliability .ap9788-tablist button:nth-child(2) {
    flex-basis: 51.2037037vw;
    min-width: 51.2037037vw;
  }

  .ap9788-performance .ap9788-panel[data-state="2"] .ap9788-feature-grid figcaption,
  .ap9788-performance .ap9788-panel[data-state="3"] .ap9788-feature-grid figcaption {
    margin-top: 5.55555556vw;
  }

  .ap9788-smart-note {
    font-size: 3.33333333vw;
    line-height: 4.44444444vw;
  }

  .ap9788-temperature strong .mobile-only {
    white-space: nowrap;
  }

  .ap9788-sdn .ap9788-lead {
    margin-top: 5vw;
  }

  .ap9788-video-frame {
    margin-top: 8.42592593vw;
  }
}