.deco-be65-banner {
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 58.6667em;
  margin: 0 auto;
  overflow: hidden;
  background: url("img/hb230-art-hero-web-2x.webp") center top / 100% 100% no-repeat;
}

.deco-be65-banner .w-container {
  position: relative;
  height: 100%;
}

.deco-be65-banner .text {
  position: absolute;
  top: 11.6em;
  left: 0.8333em;
  width: 34.5em;
  padding: 0;
  color: #111;
}

.deco-be65-banner h1 {
  width: 100%;
  max-width: 12.4em;
  margin: 0;
  font-size: 3.3333em;
  font-weight: 500;
  line-height: 1.25;
}

.deco-be65-banner .hero-mobile-break {
  display: none;
}

.deco-be65-banner .product-name {
  width: 100%;
  margin: 0.9em 0 0;
  font-size: 1.6667em;
  font-weight: 300;
  line-height: 1.5;
}

.deco-be65-banner .model-name {
  display: inline-block;
  margin: 0.66em 0 0;
  font-size: 1.6em;
  line-height: 1.5;
}

.deco-be65-banner .model-name span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 0.2em;
  padding: 0.45em 0.72em 0.39em;
  color: #111;
  font-weight: 400;
  line-height: 1;
  background: transparent;
}

.deco-be65-banner .wifi7-mark {
  position: absolute;
  top: 1.44em;
  right: 1.09em;
  color: #111;
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 736px) {
  .deco-be65-banner {
    max-width: none;
    height: 133.28125vw;
    background-image: url("img/hb230-art-hero-mobile-3x.webp");
  }

  .deco-be65-banner .w-container {
    height: 100%;
  }

  .deco-be65-banner .text {
    top: 12.75em;
    left: 0;
    width: 61em;
    padding: 0;
  }

  .deco-be65-banner h1 {
    max-width: 9em;
    font-size: 8em;
    font-weight: 700;
    line-height: 1.1;
  }

  .deco-be65-banner .hero-mobile-break {
    display: block;
  }

  .deco-be65-banner .product-name {
    width: 13.2em;
    margin-top: 1.05em;
    font-size: 4.8em;
    line-height: 1.333333;
  }

  .deco-be65-banner .model-name {
    margin-top: 0.65em;
    font-size: 4.75em;
    line-height: 1.3;
  }

  .deco-be65-banner .model-name span {
    border-radius: 0.3em;
    padding: 0.35em 0.78em;
  }

  .deco-be65-banner .wifi7-mark {
    top: 1.875em;
    right: 1em;
    color: #fff;
    font-size: 7em;
  }
}

.deco-be65-selling-points {
  font-size: 16px;
  margin: 8em auto;
  max-width: 1920px;
}

.deco-be65-selling-points .text {
  height: 35em;
  background: url(img/1790115890160_Selling-Point.png) 50%/100% auto no-repeat;
  max-width: 85.375em;
  position: relative;
  margin: auto;
}

.deco-be65-selling-points .text .desc {
  font-size: 1.125em;
  font-weight: 300;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  line-height: 1.2;
  word-break: break-word;
}

.deco-be65-selling-points .text .desc.left {
  transform: none;
  text-align: left;
}

.deco-be65-selling-points .text .number {
  font-size: 2em;
}

.deco-be65-selling-points .text .title {
  font-weight: 500;
}

.deco-be65-selling-points .text .desc1 {
  top: 36%;
  left: 25%;
  width: 40%;
}

.deco-be65-selling-points .text .desc2 {
  width: 16%;
  top: 53%;
  left: 15%;
}

.deco-be65-selling-points .text .desc3 {
  width: 14%;
  top: 58%;
  left: 15%;
  text-align: left;
}

.deco-be65-selling-points .text .desc4 {
  width: 13%;
  top: 58%;
  left: 41%;
  text-align: left;
}

.deco-be65-selling-points .text .desc5 {
  width: 16%;
  top: 85%;
  left: 15%;
}

.deco-be65-selling-points .text .desc6 {
  width: 16%;
  top: 85%;
  left: 40%;
}

.deco-be65-selling-points .text .desc7 {
  left: 68%;
  bottom: 80%;
  width: 8%;
}

.deco-be65-selling-points .text .desc7 b {
  font-size: 2em;
  font-weight: 300;
}

.deco-be65-selling-points .text .desc8 {
  left: 61%;
  top: 48%;
  width: 14%;
}

.deco-be65-selling-points .text .desc8 b {
  font-size: 2em;
  font-weight: 300;
}

.deco-be65-selling-points .text .desc9 {
  left: 55.5%;
  top: 88%;
  width: 8%;
}

.deco-be65-selling-points .text .desc10 {
  left: 69%;
  top: 88%;
  width: 8%;
}

.deco-be65-selling-points .text .desc11 {
  left: 89%;
  top: 21%;
  width: 20%;
}

.deco-be65-selling-points .text .desc12 {
  left: 84%;
  top: 56%;
  width: 14%;
}

@media (max-width: 1680px) {
  .deco-be65-selling-points {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .deco-be65-selling-points {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .deco-be65-selling-points {
    font-size: 10.35px;
    margin: 10vw auto 0;
  }

  .deco-be65-selling-points .text {
    background: url(img/1790115890265_Selling-Point.png) top/100% auto no-repeat;
    height: 0;
    padding-bottom: 152vw;
    width: 90vw;
  }

  .deco-be65-selling-points .text .desc {
    font-size: 2.5vw;
  }

  .deco-be65-selling-points .text .number {
    font-size: 1.75em;
  }

  .deco-be65-selling-points .text .desc1 {
    top: 28vw;
    left: 50%;
    width: 90%;
    font-size: 2.5vw;
  }

  .deco-be65-selling-points .text .desc2 {
    width: 33%;
    top: 40vw;
    left: 31%;
  }

  .deco-be65-selling-points .text .desc3 {
    width: 26%;
    top: 43vw;
    left: 30%;
  }

  .deco-be65-selling-points .text .desc4 {
    width: 26%;
    top: 43vw;
    left: 83%;
  }

  .deco-be65-selling-points .text .desc5 {
    top: 63vw;
    left: 31%;
    width: 33%;
  }

  .deco-be65-selling-points .text .desc6 {
    top: 63vw;
    left: 82%;
    width: 33%;
  }

  .deco-be65-selling-points .text .desc7 {
    bottom: 39%;
    left: 34%;
    width: 15%;
  }

  .deco-be65-selling-points .text .desc8 {
    top: 73%;
    left: 25%;
    width: 16%;
  }

  .deco-be65-selling-points .text .desc9 {
    top: 142vw;
    left: 10%;
    width: 16%;
  }

  .deco-be65-selling-points .text .desc10 {
    top: 142vw;
    left: 37%;
    width: 20%;
  }

  .deco-be65-selling-points .text .desc11 {
    top: 92vw;
    left: 77%;
    width: 40%;
  }

  .deco-be65-selling-points .text .desc12 {
    top: 117.5vw;
    left: 67%;
    width: 33%;
  }
}

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

/* HB230 selling points: artwork contains imagery and icons; labels stay in HTML. */
.deco-be65-selling-points {
  margin: 0 auto;
  font-size: 12px;
  height: 26.5833em;
  background: #fff url(img/hb230-art-selling-points-web-2x.webp) center top / 100% 100% no-repeat;
}

.deco-be65-selling-points .text {
  width: 100%;
  max-width: none;
  height: 100%;
  background: none;
}

.deco-be65-selling-points .art-extra {
  position: absolute;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.deco-be65-selling-points .art-easymesh {
  left: 19.53%;
  top: 77.74%;
  width: 14.84%;
  height: 22.26%;
  background-color: #f5f5f5;
  background-position: right center;
  background-size: contain;
  border-radius: 0.4em;
  background-image: url(img/hb230-art-selling-easymesh.webp);
}

.deco-be65-selling-points .art-aginet {
  left: 66.8%;
  top: 0;
  width: 13.67%;
  height: 50.16%;
  background-image: url(img/hb230-art-selling-aginet.webp);
}

.deco-be65-selling-points .text .desc {
  font-size: 1.1667em;
  font-weight: 400;
  line-height: 1.12;
  text-align: center;
  transform: translateX(-50%);
}

.deco-be65-selling-points .text .desc1 {
  left: 19.53%;
  top: 37.5%;
  width: 30.2%;
  display: block;
  font-size: 1em;
  text-align: left;
  transform: none;
  white-space: nowrap;
}

.deco-be65-selling-points .desc1 strong {
  font-size: 1.15em;
  font-weight: 700;
}

.deco-be65-selling-points .desc1 .speed-copy { position: absolute; left: 6%; }
.deco-be65-selling-points .desc1 .streams-copy { position: absolute; left: 47%; }

.deco-be65-selling-points .text .desc3 { left: 24.4%; top: 66%; width: 9.7%; text-align: center; }
.deco-be65-selling-points .text .desc4 { left: 34.6%; top: 64%; width: 9.7%; text-align: center; }
.deco-be65-selling-points .text .desc7 { left: 44.8%; top: 66%; width: 9.7%; }
.deco-be65-selling-points .text .desc5 { left: 25.6%; top: 85%; width: 9%; transform: none; text-align: left; }
.deco-be65-selling-points .text .desc6 { left: 39.5%; top: 85%; width: 10%; transform: none; text-align: left; }
.deco-be65-selling-points .text .desc8 { left: 56.5%; top: 50%; width: 9%; transform: none; text-align: left; }
.deco-be65-selling-points .text .desc9 { left: 53.3%; top: 87%; width: 6.4%; }
.deco-be65-selling-points .text .desc10 { left: 61.7%; top: 87%; width: 6.4%; }
.deco-be65-selling-points .text .desc11 { left: 73.6%; top: 21%; width: 13.5%; }
.deco-be65-selling-points .desc11 strong { display: block; font-size: 1.14em; font-weight: 500; margin-bottom: 0.45em; }
.deco-be65-selling-points .text .desc12 { left: 68.2%; top: 57%; width: 12%; transform: none; text-align: left; }

/* Complete Photoshop-composited illustration; coordinates share the background's design canvas. */
.deco-be65-selling-points .text::before {
  content: "";
  position: absolute;
  left: 66.7578125%;
  top: 69.2789969%;
  width: 13.7890625%;
  height: 30.7210031%;
  background: url(img/hb230-art-selling-remote-web.webp) center / 100% 100% no-repeat;
  pointer-events: none;
}

@media (max-width: 736px) {
  .deco-be65-selling-points {
    margin: 0 auto;
    height: 177.5vw;
    background-image: url(img/hb230-art-selling-points-mobile-3x.webp);
  }

  .deco-be65-selling-points .text {
    width: 100%;
    height: 100%;
    padding: 0;
    background: none;
  }

  .deco-be65-selling-points .art-extra { display: none; }

  .deco-be65-selling-points .text .desc { font-size: 3.05vw; }
  .deco-be65-selling-points .text .desc1 {
    left: 50%;
    top: 35.7vw;
    width: 90%;
    display: block;
    font-size: 3.5vw;
    text-align: center;
    transform: translateX(-50%);
  }
  .deco-be65-selling-points .desc1 span { display: block; position: static; }
  .deco-be65-selling-points .desc1 .speed-copy,
  .deco-be65-selling-points .desc1 .streams-copy { position: static; left: auto; }
  .deco-be65-selling-points .text .desc3 { left: 19.5%; top: 61vw; width: 24%; }
  .deco-be65-selling-points .text .desc4 { left: 50%; top: 59vw; width: 24%; }
  .deco-be65-selling-points .text .desc7 { left: 80.5%; top: 61vw; width: 24%; }
  .deco-be65-selling-points .text .desc5 { left: 18.5%; top: 74vw; width: 30%; text-align: left; transform: none; }
  .deco-be65-selling-points .text .desc6 { left: 64.5%; top: 74vw; width: 29%; text-align: left; transform: none; }
  .deco-be65-selling-points .text .desc8 { left: 18.5%; top: 127.5vw; width: 29%; text-align: left; transform: none; }
  .deco-be65-selling-points .text .desc9 { left: 13.5%; top: 154vw; width: 18%; }
  .deco-be65-selling-points .text .desc10 { left: 38.5%; top: 154vw; width: 23%; }
  .deco-be65-selling-points .text .desc11 { left: 74.5%; top: 105vw; width: 41%; }
  .deco-be65-selling-points .text .desc12 { left: 56%; top: 132.5vw; width: 37%; }
  .deco-be65-selling-points .text::before {
    left: 54.296875%;
    top: 79.2789265%;
    width: 41.015625%;
    height: 13.6383634%;
    background-image: url(img/hb230-art-selling-remote-mobile.webp);
  }
}

.deco-wifi7 {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  background: url(img/1790115890317_wifi7.jpg) top/120em auto no-repeat;
  height: 64.25em;
  position: relative;
}

.deco-wifi7 .w-container {
  max-width: 85.375em;
  margin: 0 auto;
}

.deco-wifi7 .text {
  padding: 5em 0 0;
  text-align: center;
}

.deco-wifi7 h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.deco-wifi7 h3 {
  font-size: 1.75em;
  padding-bottom: 0.5em;
}

.deco-wifi7 p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
}

.deco-wifi7 p.link {
  margin-top: 2em;
}

.deco-wifi7 p.link a {
  color: #000;
  border: 1px solid #000;
  border-radius: 0.5em;
  padding: 0.5em 1em;
  text-decoration: none;
  font-weight: 400;
}

.deco-wifi7 p.link a+a {
  margin-left: 1em;
}

.deco-wifi7 .bottom-container {
  position: absolute;
  top: 38em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 85.375em;
  text-align: center;
}

.deco-wifi7 .compare {
  margin: 2em 15%;
}

.deco-wifi7 ul.feature {
  display: flex;
  justify-content: space-between;
}

.deco-wifi7 .compare li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 3em;
}

.deco-wifi7 .compare li .bar {
  height: 1.5em;
  background-size: 100% 100%;
  position: relative;
  margin-right: 1em;
}

.deco-wifi7 .compare li .bar p {
  position: absolute;
  right: 0;
  bottom: 100%;
  font-weight: 400;
}

.deco-wifi7 .compare li .bar .wifi7 {
  position: absolute;
  left: 102%;
  top: 50%;
  transform: translateY(-50%);
  height: 1.875em;
}

.deco-wifi7 .compare .li-1 .bar {
  width: 51.875em;
  background-image: url(img/1790115890423_bar1.png);
}

.deco-wifi7 .compare .li-2 .bar {
  width: 21.625em;
  background-image: url(img/1790115890491_bar2.png);
}

.deco-wifi7 .compare .li-3 .bar {
  width: 16.625em;
  background-image: url(img/1790115890532_bar3.png);
}

.deco-wifi7 .compare .li-1 .info {
  font-size: 3em;
}

.deco-wifi7 .compare li .info {
  font-weight: 400;
  font-size: 1.5em;
}

.deco-wifi7 .feature li {
  display: inline-block;
  width: 33%;
  margin: 0 2%;
  text-align: center;
  vertical-align: top;
}




.deco-wifi7 .feature li .info {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5;
}

.deco-wifi7 .feature li .info.color {
  background: linear-gradient(45deg, #4facfe, #53cbeb),
    -webkit-gradient(linear, left top, right top, from(#4facfe), to(#53cbeb)) no-repeat;
  color: #64a4fe;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2em;
  font-weight: 700;
}

@media (max-width: 1680px) {
  .deco-wifi7 {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .deco-wifi7 {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .deco-wifi7 {
    font-size: 10.35px;
    height: auto;
    background: #fff url(img/1790115890589_c.jpg) bottom/100% auto no-repeat;
    padding-bottom: 110vw;
  }

  .deco-wifi7 .w-container {
    width: auto;
  }

  .deco-wifi7 .text {
    text-align: left;
    padding: 0;
  }

  .deco-wifi7 h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .deco-wifi7 p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .deco-wifi7 p.link {
    font-size: 1.25em;
    margin-top: 2em;
  }

  .deco-wifi7 .bottom-container {
    top: unset;
    width: auto;
    bottom: 5vw;
  }

  .deco-wifi7 ul.feature {
    padding: 0 20px;
    text-align: left;
    font-size: 2vw;
    flex-wrap: wrap;
  }

  .deco-wifi7 .feature li,
  .deco-wifi7 .feature .li-3,
  .deco-wifi7 .feature .li-4 {
    width: 49%;
    text-align: left;
    margin: 0;
  }

  .deco-wifi7 .feature li {
    padding-bottom: 1.2em;
  }

  .deco-wifi7 .feature li .info {
    font-size: 1.2em;
    max-width: 15em;
  }

  .deco-wifi7 .feature li .info.color {
    max-width: 9.5em;
    line-height: 1.2;
  }

  .deco-wifi7 .compare {
    margin: 2.5vw 0;
  }

  .deco-wifi7 .compare .li-1,
  .deco-wifi7 .compare .li-2,
  .deco-wifi7 .compare .li-3 {
    height: 6vw;
    font-size: 2vw;
  }

  .deco-wifi7 .compare li .bar p {
    font-size: 1.25em;
  }

  .deco-wifi7 .compare li .bar .wifi7 {
    transform: none;
    top: 150%;
    right: 2%;
    left: auto;
  }
}

@media (max-width: 414px) {
  .deco-wifi7 {
    font-size: 2.5vw;
  }
}

/* HB230 WiFi 7 illustration with native heading, copy, and labels. */
.deco-wifi7 {
  font-size: 12px;
  height: 53.3333em;
  padding: 0;
  background: #fff url(img/hb230-art-wifi7-web-2x.webp) center top / 100% 100% no-repeat;
}

.overview-content .hb210-pro_v1 .deco-wifi7 .w-container { position: relative; width: 100%; max-width: none; height: 100%; }
.deco-wifi7 .text { padding: 4.7em 0 0; text-align: center; }
.deco-wifi7 h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.deco-wifi7 .text > p { width: 57.5em; max-width: 90%; margin: 1.5em auto 0; padding: 0; font-size: 1.125em; font-weight: 300; line-height: 1.5; }
.deco-wifi7 .text .nowrap-term { white-space: nowrap; }
.deco-wifi7 .bottom-container { top: 0; right: 0; bottom: auto; left: 0; width: 100%; height: 100%; margin: 0; }
.deco-wifi7 .compare { position: absolute; inset: 0; margin: 0; }
.deco-wifi7 .compare li { position: absolute; display: block; height: auto; }
.deco-wifi7 .compare .li-1 { right: 33.75%; left: auto; top: 60.5%; }
.deco-wifi7 .compare .li-2 { left: 43.8%; top: 64.5%; }
.deco-wifi7 .compare .li-3 { left: 40%; top: 68.6%; }
.deco-wifi7 .compare li .bar { width: auto; height: auto; margin: 0; background: none; }
.deco-wifi7 .compare .li-1 .bar,
.deco-wifi7 .compare .li-2 .bar,
.deco-wifi7 .compare .li-3 .bar { width: auto; background: none; }
.deco-wifi7 .compare li .bar p { position: static; font-size: 1em; font-weight: 400; line-height: 1; }
.deco-wifi7 .compare li .bar .wifi7 { display: none; }
.deco-wifi7 .compare .li-1 .info { display: none; }
.deco-wifi7 .compare li .info { font-size: 1.1667em; }
.deco-wifi7 ul.feature { position: absolute; inset: 0; display: block; margin: 0; padding: 0; }
.deco-wifi7 .feature li { position: absolute; top: 78.7%; margin: 0; padding: 0; text-align: center; }
.deco-wifi7 .feature .li-2 { left: 20%; width: 11%; }
.deco-wifi7 .feature .li-3 { left: 40%; width: 19%; }
.deco-wifi7 .feature .li-4 { left: 66%; width: 14%; }
.deco-wifi7 .feature li .info { margin-top: 0.25em; font-size: 1.0833em; font-weight: 300; line-height: 1.45; }
.deco-wifi7 .feature li .info.color { margin-top: 0; font-size: 1.6667em; font-weight: 700; line-height: 1.2; }

@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.deco-wifi7 { font-size: min(0.9375vw, 18px); }
}

@media (max-width: 736px) {
  .deco-wifi7 {
    font-size: 10.35px;
    height: 180vw;
    padding: 0;
    background-image: url(img/hb230-art-wifi7-mobile-3x.webp);
  }
  .deco-wifi7 .w-container { width: 100%; height: 100%; }
  .deco-wifi7 .text { padding: 0; text-align: left; }
  .deco-wifi7 h2 { box-sizing: border-box; width: 100%; padding: 12vw 4.6vw 0; font-size: 5.8vw; font-weight: 700; line-height: 1.3; }
  .deco-wifi7 .text > p { width: 90.8vw; max-width: none; margin: 3vw auto 0; padding: 0; font-size: 4vw; font-weight: 400; line-height: 1.55; }
  .deco-wifi7 .bottom-container { top: 0; bottom: auto; width: 100%; }
  .deco-wifi7 .compare { position: absolute; inset: 0; margin: 0; }
  .deco-wifi7 .compare li { display: block; height: auto; font-size: 1em; }
  .deco-wifi7 .compare .li-1 { right: auto; left: 62vw; top: 153vw; }
  .deco-wifi7 .compare .li-2 { left: 36vw; top: 160.3vw; }
  .deco-wifi7 .compare .li-3 { left: 25vw; top: 166.3vw; }
  .deco-wifi7 .compare li .bar p { padding: 0; font-size: 2.6vw; }
  .deco-wifi7 .compare li .info { font-size: 3.1vw; }
  .deco-wifi7 ul.feature { position: absolute; inset: 0; display: block; padding: 0; }
  .deco-wifi7 .feature li,
  .deco-wifi7 .feature .li-2,
  .deco-wifi7 .feature .li-3,
  .deco-wifi7 .feature .li-4 { width: 40vw; margin: 0; padding: 0; text-align: left; }
  .deco-wifi7 .feature .li-2 { left: 5vw; top: 72.5vw; }
  .deco-wifi7 .feature .li-4 { left: 45vw; top: 72.5vw; }
  .deco-wifi7 .feature .li-3 { left: 5vw; top: 91.5vw; }
  .deco-wifi7 .feature li .info { max-width: none; padding: 0; font-size: 3.4vw; line-height: 1.2; }
  .deco-wifi7 .feature li .info.color { max-width: none; font-size: 4.6vw; line-height: 1.2; }
}

.hb-triband-wifi-speed {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  background: url(img/1790115890658_d.jpg) top/120em auto no-repeat;
  height: 53.5em;
  position: relative;
}

.hb-triband-wifi-speed .w-container {
  width: 85.375em;
  margin: 0 auto;
  max-width: 90%;
}

.hb-triband-wifi-speed .text {
  margin: 0 auto;
  padding: 5em 0 0;
  text-align: center;
}

.hb-triband-wifi-speed .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.hb-triband-wifi-speed .text p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
}

.hb-triband-wifi-speed .text .desc {
  padding-bottom: 2em;
  max-width: 40em;
}

.hb-triband-wifi-speed .line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 60em;
  text-align: center;
}

.hb-triband-wifi-speed .line1 {
  bottom: 8em;
}

.hb-triband-wifi-speed .line2 {
  bottom: 1em;
}

.hb-triband-wifi-speed .desc-text .desc {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}

.hb-triband-wifi-speed .desc-text .line1 .desc {
  width: 30%;
  font-size: 1.5em;
  font-weight: 500;
  color: #999999;
  margin-bottom: 1em;
}

.hb-triband-wifi-speed .desc-text .desc22 {
  width: 50%;
  font-size: 2.25em;
}

.hb-triband-wifi-speed .desc-text .desc21,
.hb-triband-wifi-speed .desc-text .desc23 {
  width: 20%;
  font-size: 1.5em;
}

.hb-triband-wifi-speed .desc-text .line2 .desc {
  font-weight: 500;
  background: linear-gradient(180deg, #2ea8e5, #77c8f1), -webkit-gradient(linear, left top, left bottom, from(#2ea8e5), to(#77c8f1)) no-repeat;
  color: #64a4fe;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1680px) {
  .hb-triband-wifi-speed {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .hb-triband-wifi-speed {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .hb-triband-wifi-speed {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .hb-triband-wifi-speed {
    font-size: 10.35px;
    height: auto;
    background: url(img/1790115890712_d.jpg) bottom/100% auto no-repeat;
  }

  .hb-triband-wifi-speed .w-container {
    width: auto;
    max-width: 100%;
  }

  .hb-triband-wifi-speed .text {
    padding: 0 0 80vw;
    text-align: left;
  }

  .hb-triband-wifi-speed .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .hb-triband-wifi-speed .text>p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .hb-triband-wifi-speed .line {
    width: 106vw;
  }

  .hb-triband-wifi-speed .line1 {
    bottom: 7em;
  }

  .hb-triband-wifi-speed .line2 {
    bottom: 0.5em;
  }

  .hb-triband-wifi-speed .desc-text .line1 .desc {
    margin: 0;
  }
}

@media (max-width: 414px) {
  .hb-triband-wifi-speed {
    font-size: 2.5vw;
  }
}

/* HB230 speed artwork and design-aligned HTML metrics. */
.hb-triband-wifi-speed {
  font-size: 12px;
  height: 53.3333em;
  background: #fff url(img/hb230-art-speed-web-2x.webp) center top / 100% 100% no-repeat;
}
.overview-content .hb210-pro_v1 .hb-triband-wifi-speed .w-container { position: relative; width: 100%; max-width: none; height: 100%; }
.hb-triband-wifi-speed .text { padding: 4.7em 0 0; text-align: center; }
.hb-triband-wifi-speed .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.hb-triband-wifi-speed .text > p { width: 57.5em; max-width: 90%; margin: 1.5em auto 0; padding: 0; font-size: 1.125em; font-weight: 300; line-height: 1.5; }
.hb-triband-wifi-speed .line { left: 0; width: 100%; transform: none; text-align: left; }
.hb-triband-wifi-speed .line1 { top: 75%; bottom: auto; }
.hb-triband-wifi-speed .line2 { top: 85%; bottom: auto; }
.hb-triband-wifi-speed .desc-text .desc { position: absolute; display: block; width: auto; margin: 0; }
.hb-triband-wifi-speed .desc-text .line1 .desc { width: auto; margin: 0; font-size: 1.1667em; font-weight: 500; }
.hb-triband-wifi-speed .desc-text .desc11 { left: 39.7%; }
.hb-triband-wifi-speed .desc-text .desc12 { left: 56%; }
.hb-triband-wifi-speed .desc-text .desc21 { left: 29.3%; top: 0.85em; font-size: 1.667em; }
.hb-triband-wifi-speed .desc-text .desc22 { left: 45.7%; top: 0; font-size: 2em; line-height: 1.1; }
.hb-triband-wifi-speed .desc-text .desc23 { left: 65%; top: 0.85em; font-size: 1.667em; }

@media (max-width: 736px) {
  .hb-triband-wifi-speed {
    font-size: 10.35px;
    height: 141.5vw;
    background-image: url(img/hb230-art-speed-web-2x.webp);
    background-size: 200vw auto;
    background-position: center 43.1vw;
  }
  .hb-triband-wifi-speed::before { content: ""; position: absolute; inset: 0 0 auto; height: 68vw; background: #fff; }
  .overview-content .hb210-pro_v1 .hb-triband-wifi-speed .w-container { width: 100%; height: 100%; padding: 0; z-index: 1; }
  .hb-triband-wifi-speed .text { padding: 11.5vw 0 0; text-align: left; }
  .hb-triband-wifi-speed .text h2 { padding: 0 4.6vw; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .hb-triband-wifi-speed .text > p { width: 90.8vw; max-width: none; margin: 2.5vw auto 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.4; }
  .hb-triband-wifi-speed .line1 { top: 84.7%; }
  .hb-triband-wifi-speed .line2 { top: 89.8%; }
  .hb-triband-wifi-speed .desc-text .line1 .desc { font-size: 3.05vw; }
  .hb-triband-wifi-speed .desc-text .desc11 { left: 27.7%; }
  .hb-triband-wifi-speed .desc-text .desc12 { left: 59.2%; }
  .hb-triband-wifi-speed .desc-text .desc21 { left: 5.4%; top: 5.1vw; font-size: 4.1vw; }
  .hb-triband-wifi-speed .desc-text .desc22 { left: 38.5%; top: 0; font-size: 4.62vw; }
  .hb-triband-wifi-speed .desc-text .desc23 { left: 75.4%; top: 5.1vw; font-size: 4.1vw; }
}

.hb-connectivity {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  background: #eeeef0 url(img/1790115890814_Multi-Gig.jpg) top/120em auto no-repeat;
  height: 51.3125em;
  color: #fff;
  position: relative;
}

.hb-connectivity .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.hb-connectivity .text {
  padding: 5em 0 3em 55em;
  color: #fff;
}

.hb-connectivity .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.hb-connectivity .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.hb-connectivity .right-text {
  padding: 0 0 0 55em;
}

.hb-connectivity .right-text .operation {
  margin-bottom: 1em;
  color: #000;
}

.hb-connectivity .right-text .operation1 img {
  width: 15em;
}

.hb-connectivity .right-text .operation2 img {
  width: 20em;
}

.hb-connectivity .right-text li {
  display: inline-block;
  color: #fff;
}

.hb-connectivity .desc-text .desc {
  position: absolute;
  left: 18%;
  width: 20%;
  font-size: 1.75em;
  background: linear-gradient(45deg, #4facfe, #53cbeb), -webkit-gradient(linear, left top, right top, from(#4facfe), to(#53cbeb)) no-repeat;
  color: #64a4fe;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hb-connectivity .desc-text .desc .number {
  font-size: 1.5em;
}

.hb-connectivity .desc1 {
  top: 22.5em;
}

.hb-connectivity .desc2 {
  top: 20.5em;
}

@media (max-width: 1680px) {
  .hb-connectivity {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .hb-connectivity {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .hb-connectivity {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .hb-connectivity {
    font-size: 10.35px;
    height: auto;
    background: url(img/1790115890993_Multi-Gig.jpg) bottom/100% auto no-repeat;
  }

  .hb-connectivity .w-container {
    width: auto;
    padding: 0;
  }

  .hb-connectivity .text {
    text-align: left;
    width: auto;
    padding: 0;
    color: #000;
  }

  .hb-connectivity .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .hb-connectivity .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .hb-connectivity .right-text {
    width: auto;
    display: block;
    padding: 11vw 0 60vw 5vw;
    font-size: 2vw;
  }

  .hb-connectivity .desc-text {
    left: 12vw;
    top: auto;
    bottom: 46vw;
    width: 30vw;
    font-size: 2.5vw;
  }

  .hb-connectivity .desc-text .desc {
    font-size: 2.5vw;
    left: 31%;
  }

  .hb-connectivity .desc1 {
    top: auto;
    bottom: 14vw;
  }

  .hb-connectivity .desc2 {
    top: 76em;
  }

  .hb-connectivity .right-text li {
    width: 50%;
    padding-left: 7.8vw;
    font-size: 2.5vw;
  }

  .hb-connectivity .right-text .operation2 .li-2 {
    width: 35%;
    text-align: center;
  }

  .hb-connectivity .right-text .operation1 img {
    width: 37vw;
  }

  .hb-connectivity .right-text .operation2 img {
    width: 61vw;
  }
}

@media (max-width: 414px) {
  .hb-connectivity {
    font-size: 2.5vw;
  }
}

/* HB230 wired section: 3-port product artwork and native connection labels. */
.hb-connectivity { font-size: 12px; height: 34.1667em; overflow: hidden; color: #202020; background: #fff url(img/hb230-art-wired-web-2x.webp) center top / 100% 100% no-repeat; }
.overview-content .hb210-pro_v1 .hb-connectivity .w-container { width: 100%; max-width: none; height: 100%; margin: 0; }
.hb-connectivity .text { position: absolute; top: 2.5%; left: 58.6%; width: 28%; padding: 0; color: #202020; }
.hb-connectivity .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.25; }
.hb-connectivity .text p { margin: 1.2em 0 0; padding: 0; font-size: 1.1667em; font-weight: 400; line-height: 1.43; }
.hb-connectivity .right-text { position: absolute; inset: 0; padding: 0; }
.hb-connectivity .right-text .operation { position: absolute; left: 60.9%; margin: 0; padding: 0; color: #202020; }
.hb-connectivity .right-text .operation1 { top: 58.5%; }
.hb-connectivity .right-text .operation2 { top: 78%; }
.hb-connectivity .right-text .operation img { display: none; }
.hb-connectivity .right-text .operation ul { margin: 0; padding: 0; }
.hb-connectivity .right-text li { display: block; color: #202020; font-size: 1em; font-weight: 600; line-height: 1.3; }
.hb-connectivity .right-text .step-number { position: absolute; top: -2.7em; left: -2.4em; color: #202020; font-size: 1em; font-weight: 600; line-height: 1; }
.hb-connectivity .desc-text { display: none; }

@media (max-width: 736px) {
  .hb-connectivity { font-size: 10.35px; height: 181.8vw; background-image: url(img/hb230-art-wired-mobile-3x.webp); }
  .overview-content .hb210-pro_v1 .hb-connectivity .w-container { width: 100%; height: 100%; }
  .hb-connectivity .text { top: 11.5vw; left: 4.6vw; width: 90.8vw; padding: 0; color: #202020; text-align: left; }
  .hb-connectivity .text h2 { padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .hb-connectivity .text p { margin: 3.5vw 0 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.55; }
  .hb-connectivity .right-text { display: block; padding: 0; font-size: inherit; }
  .hb-connectivity .right-text .operation { left: 14.9vw; }
  .hb-connectivity .right-text .operation1 { top: 39.9%; }
  .hb-connectivity .right-text .operation2 { top: 53.4%; }
  .hb-connectivity .right-text li { width: auto; padding: 0; font-size: 3.6vw; font-weight: 600; }
  .hb-connectivity .right-text .step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -10.7vw;
    left: -10.7vw;
    width: 5vw;
    height: 5vw;
    box-sizing: border-box;
    padding: 0;
    font-size: 3.6vw;
    line-height: 1;
  }
  .hb-connectivity .right-text .operation2 .step-number { top: -9.1vw; }
}

@media (min-width: 737px) {
  .hb-connectivity .right-text .step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Keep the circle-centered box while matching the smaller PSD numerals. */
    top: -3.6em;
    left: -3.2em;
    width: 1.6em;
    height: 1.6em;
    box-sizing: border-box;
    padding: 0;
    font-size: 0.75em;
    line-height: 1;
  }
  .hb-connectivity .right-text .operation1 .step-number {
    transform: translateX(-0.2em);
  }
}

.hb-wifi-coverage {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  background: url(img/1790115891050_wifi-coverage-bg.jpg) top/120em auto no-repeat;
  height: 51.5em;
  position: relative;
}

@media (min-width: 737px) {
  .hb-wifi-coverage::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 10%;
    pointer-events: none;
    background: linear-gradient(to bottom, #f3f3f3 0%, #eef0f4 100%);
  }

  .hb-wifi-coverage::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 20%;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 40%, #fff 100%);
  }
}

.hb-wifi-coverage .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.hb-wifi-coverage .text {
  padding: 5em 55% 0 0;
}

.hb-wifi-coverage .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.hb-wifi-coverage .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.hb-wifi-coverage .feature {
  margin: 2em 0;
  font-weight: 400;
}

.hb-wifi-coverage .feature>* {
  display: inline-block;
  vertical-align: middle;
}

.hb-wifi-coverage .feature img {
  height: 1.5em;
  margin-right: 0.5em;
}

.hb-wifi-coverage .beamforming {
  width: 100%;
}

.hb-wifi-coverage .desc-text {
  position: absolute;
  text-align: right;
  width: 8em;
  line-height: 1.6;
}

.hb-wifi-coverage .desc-text-1 {
  right: 34%;
  top: 44em;
}


.hb-wifi-coverage .desc-text .desc .introduction {
  font-weight: 300;
  font-size: 1.25em;
}

@media (max-width: 1680px) {
  .hb-wifi-coverage {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .hb-wifi-coverage {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .hb-wifi-coverage {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .hb-wifi-coverage {
    font-size: 10.35px;
    height: auto;
    background: #fff url(img/1790115891114_wifi-coverage-bg.jpg) bottom/100% auto no-repeat;
  }

  .hb-wifi-coverage .w-container {
    width: auto;
  }

  .hb-wifi-coverage .text {
    padding: 0 0 140vw;
    text-align: left;
  }

  .hb-wifi-coverage .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .hb-wifi-coverage .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .hb-wifi-coverage .text .feature {
    margin: 10vw 0 5vw;
    text-align: center;
    font-size: 4vw;
  }

  .hb-wifi-coverage .beamforming {
    width: 50%;
  }

  .hb-wifi-coverage .desc-text-1 {
    width: 20vw;
    top: unset;
    bottom: 12vw;
    right: 80vw;
    text-align: right;
  }

  .hb-wifi-coverage .desc-text .desc {
    line-height: 1.2;
    margin-top: unset;
    font-size: 2.5vw;
  }

  .hb-wifi-coverage .desc-text .desc .title>span {
    font-weight: 500;
    font-size: 1.6em;
  }

  .hb-wifi-coverage .desc-text .desc .introduction {
    font-size: 1.3em;
    line-height: 1.2;
  }
}

@media (max-width: 414px) {
  .hb-wifi-coverage {
    font-size: 2.5vw;
  }
}

/* HB230 coverage artwork with native copy and antenna labels. */
.hb-wifi-coverage {
  font-size: 12px;
  height: 58.75em;
  overflow: hidden;
  background: #fff url(img/hb230-art-coverage-web-2x.webp) center top / 100% auto no-repeat;
}
.overview-content .hb210-pro_v1 .hb-wifi-coverage .w-container { width: 100%; max-width: none; height: 100%; }
.hb-wifi-coverage .text { position: absolute; top: 18%; left: 19.53%; width: 33%; padding: 0; }
.hb-wifi-coverage .text h2 { width: 12.5em; padding: 0 0 0.57em; font-size: 2.5em; font-weight: 700; line-height: 1.3; }
.hb-wifi-coverage .text > p:not(.feature) { padding: 0; font-size: 1.1667em; font-weight: 400; line-height: 1.45; }
.hb-wifi-coverage .text .feature { position: absolute; top: 12.5em; left: 3em; margin: 0; padding: 0; font-size: 1.1667em; line-height: 1.3; }
.hb-wifi-coverage .feature img { display: none; }
.hb-wifi-coverage .desc-text-1 { top: 67.9%; right: auto; left: 43.2%; width: 29%; text-align: left; }
.hb-wifi-coverage .desc-text .desc .introduction { margin: 0; font-size: 1.1667em; font-weight: 400; line-height: 1.35; }
.hb-wifi-coverage .desc-text .desc .introduction strong { font-size: 1.5em; font-weight: 700; }

@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.hb-wifi-coverage { font-size: min(0.9375vw, 18px); }
  .hb-wifi-coverage .desc-text-1 .desc .introduction { font-size: 1.1em; }
  .hb-wifi-coverage .desc-text-1 .introduction + .introduction { margin-left: 3.8em; }
}

@media (max-width: 736px) {
  .hb-wifi-coverage {
    font-size: 10.35px;
    height: 210vw;
    background-image: url(img/hb230-art-coverage-mobile-3x.webp);
    background-size: 100% 100%;
  }
  .overview-content .hb210-pro_v1 .hb-wifi-coverage .w-container { width: 100%; height: 100%; }
  .hb-wifi-coverage .text { position: static; width: 100%; padding: 0; text-align: left; }
  .hb-wifi-coverage .text h2 { box-sizing: border-box; width: 100%; padding: 11.5vw 4.6vw 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .hb-wifi-coverage .text > p:not(.feature) { box-sizing: border-box; width: 90.8vw; margin: 2.7vw auto 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.55; }
  .hb-wifi-coverage .text .feature { top: 88.7vw; left: 38.7vw; width: auto; margin: 0; padding: 0; font-size: 4.1vw; line-height: 1.3; text-align: left; }
  .hb-wifi-coverage .desc-text-1 { top: 91.35%; right: auto; bottom: auto; left: 37.9%; width: 60%; text-align: left; }
  .hb-wifi-coverage .desc-text .desc .introduction { font-size: 3.08vw; line-height: 1.1; }
  .hb-wifi-coverage .desc-text .desc .introduction strong { font-size: 1.2em; }
}

.overview-content .wifi-dead-zone-killer {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  background-color: #f9f9f9;
}

.overview-content .wifi-dead-zone-killer .w-container {
  width: 85.375em;
  margin: 0 auto;
  max-width: 90%;
}

.overview-content .wifi-dead-zone-killer .text {
  margin: 0 auto;
  padding: 4em 0 0;
  text-align: center;
}

.overview-content .wifi-dead-zone-killer .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .wifi-dead-zone-killer .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .wifi-dead-zone-killer .regular {
  font-weight: 400;
}

.overview-content .wifi-dead-zone-killer .imgs ul {
  margin: 4em auto 0;
  width: 100%;
  text-align: center;
}

.overview-content .wifi-dead-zone-killer .imgs .img {
  margin-bottom: 2em;
}

.overview-content .wifi-dead-zone-killer .imgs ul li {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
}

.overview-content .wifi-dead-zone-killer .imgs .li1 {
  width: 30%;
}

.overview-content .wifi-dead-zone-killer .imgs .li2 {
  width: 30%;
}

.overview-content .wifi-dead-zone-killer .imgs .li3 {
  width: 30%;
}

.overview-content .wifi-dead-zone-killer .imgs .li1 img,
.overview-content .wifi-dead-zone-killer .imgs .li3 img {
  width: 100%;
}

.overview-content .wifi-dead-zone-killer .imgs .li2 img {
  width: 100%;
}

.overview-content .wifi-dead-zone-killer .imgs ul li+li {
  margin-left: 4%;
}

.overview-content .wifi-dead-zone-killer .imgs ul li>span {
  font-size: 1.25em;
  line-height: 1.2;
}

.overview-content .wifi-dead-zone-killer .notes {
  padding: 3em 0 5em;
  text-align: center;
}

.overview-content .wifi-dead-zone-killer .notes .note {
  display: inline-block;
  font-size: 1.25em;
  padding-left: 2.8em;
  position: relative;
  vertical-align: top;
  text-align: left;
}

.overview-content .wifi-dead-zone-killer .notes .note+.note {
  margin-left: 4em;
}

.overview-content .wifi-dead-zone-killer .notes .note:before {
  content: "";
  display: block;
  height: 0.25em;
  left: 0;
  position: absolute;
  margin-top: -0.1em;
  top: 25%;
  width: 2em;
}

.overview-content .wifi-dead-zone-killer .notes .note1:before {
  background-color: #00a3df;
}

.overview-content .wifi-dead-zone-killer .notes .note2:before {
  background-color: #005564;
}

@media (max-width: 1680px) {
  .overview-content .wifi-dead-zone-killer {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .wifi-dead-zone-killer {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .wifi-dead-zone-killer {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .wifi-dead-zone-killer {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .wifi-dead-zone-killer .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .wifi-dead-zone-killer .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .wifi-dead-zone-killer .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .wifi-dead-zone-killer .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .wifi-dead-zone-killer .imgsAndNotes {
    display: flex;
    flex-direction: column-reverse;
  }

  .overview-content .wifi-dead-zone-killer .imgs ul {
    margin: 0 auto;
  }

  .overview-content .wifi-dead-zone-killer .imgs ul li {
    display: block;
    margin-bottom: 4em;
  }

  .overview-content .wifi-dead-zone-killer .imgs ul li+li {
    margin-left: 0;
  }

  .overview-content .wifi-dead-zone-killer .imgs .li1,
  .overview-content .wifi-dead-zone-killer .imgs .li2,
  .overview-content .wifi-dead-zone-killer .imgs .li3 {
    width: 100%;
  }

  .overview-content .wifi-dead-zone-killer .imgs .li1 img,
  .overview-content .wifi-dead-zone-killer .imgs .li3 img {
    width: 85%;
  }

  .overview-content .wifi-dead-zone-killer .imgs .li2 img {
    width: 80%;
  }

  .overview-content .wifi-dead-zone-killer .imgs ul li>span {
    display: block;
    font-size: 1.5em;
    line-height: 1.2;
  }

  .overview-content .wifi-dead-zone-killer .notes {
    padding: 3em 20px 0;
    display: flex;
  }

  .overview-content .wifi-dead-zone-killer .notes .note {
    display: block;
    font-size: 1.5em;
    text-align: left;
    width: 50%;
  }

  .overview-content .wifi-dead-zone-killer .notes .note+.note {
    margin-left: unset;
  }
}

@media (max-width: 414px) {
  .overview-content .wifi-dead-zone-killer {
    font-size: 2.5vw;
  }
}

/* HB230 backhaul layout: artwork stays in the background; copy remains selectable. */
.overview-content .wifi-dead-zone-killer {
  font-size: 12px;
  height: 38.3333em;
  overflow: hidden;
  background: #fff url(img/hb230-art-backhaul-web-2x.webp) center top / 100% 100% no-repeat;
}
.overview-content .hb210-pro_v1 .wifi-dead-zone-killer .w-container { position: relative; width: 100%; max-width: none; height: 100%; margin: 0; }
.overview-content .wifi-dead-zone-killer .text { position: absolute; top: 0; left: 18%; width: 64%; padding: 0; text-align: center; }
.overview-content .wifi-dead-zone-killer .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .wifi-dead-zone-killer .text p { width: 56.9em; margin: 1.2em auto 0; padding: 0; font-size: 1.0833em; font-weight: 400; line-height: 1.54; }
.overview-content .wifi-dead-zone-killer .imgsAndNotes { position: absolute; inset: 0; }
.overview-content .wifi-dead-zone-killer .imgs { position: absolute; inset: 0; }
.overview-content .wifi-dead-zone-killer .imgs ul { position: absolute; inset: 0; width: 100%; margin: 0; }
.overview-content .wifi-dead-zone-killer .imgs ul li,
.overview-content .wifi-dead-zone-killer .imgs ul li + li { position: absolute; display: block; width: 18%; margin: 0; text-align: center; }
.overview-content .wifi-dead-zone-killer .imgs .img { display: none; }
.overview-content .wifi-dead-zone-killer .imgs .li1 { left: 19%; top: 64.7%; width: 18%; }
.overview-content .wifi-dead-zone-killer .imgs .li2 { left: 41%; top: 64.7%; width: 18%; }
.overview-content .wifi-dead-zone-killer .imgs .li3 { left: 63%; top: 64.7%; width: 18%; }
.overview-content .wifi-dead-zone-killer .imgs ul li > span { font-size: 1em; font-weight: 500; line-height: 1.3; }
.overview-content .wifi-dead-zone-killer .notes { position: absolute; top: 80.7%; left: 37.6%; display: flex; gap: 1.8em; padding: 0; text-align: left; }
.overview-content .wifi-dead-zone-killer .notes .note,
.overview-content .wifi-dead-zone-killer .notes .note + .note { display: block; width: 15.5em; margin: 0; padding: 0; font-size: 1em; line-height: 1.3; }
.overview-content .wifi-dead-zone-killer .notes .note::before { display: none; }
.overview-content .wifi-dead-zone-killer .notes .note p { margin: 0; }

@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.wifi-dead-zone-killer { font-size: min(0.9375vw, 18px); }
  .overview-content .wifi-dead-zone-killer .notes .note2 { position: absolute; left: 16.6vw; }
}

@media (max-width: 736px) {
  .overview-content .wifi-dead-zone-killer {
    font-size: 10.35px;
    height: 270vw;
    background-image: url(img/hb230-art-backhaul-mobile-3x.webp);
  }
  .overview-content .hb210-pro_v1 .wifi-dead-zone-killer .w-container { width: 100%; height: 100%; }
  .overview-content .wifi-dead-zone-killer .text { top: 11.5vw; left: 4.6vw; width: 90.8vw; text-align: left; }
  .overview-content .wifi-dead-zone-killer .text h2 { font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .overview-content .wifi-dead-zone-killer .text p { width: 100%; margin: 3vw 0 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.47; }
  .overview-content .wifi-dead-zone-killer .imgsAndNotes { display: block; }
  .overview-content .wifi-dead-zone-killer .imgs ul li,
  .overview-content .wifi-dead-zone-killer .imgs ul li + li { left: 0; width: 100%; margin: 0; }
  .overview-content .wifi-dead-zone-killer .imgs .li1 { left: 0; top: 55.7%; width: 100%; }
  .overview-content .wifi-dead-zone-killer .imgs .li2 { left: 0; top: 75.5%; width: 100%; }
  .overview-content .wifi-dead-zone-killer .imgs .li3 { left: 0; top: 95.3%; width: 100%; }
  .overview-content .wifi-dead-zone-killer .imgs ul li > span { font-size: 4vw; font-weight: 500; }
  .overview-content .wifi-dead-zone-killer .notes { top: 29.3%; left: 15.9%; display: block; width: 80%; padding: 0; }
  .overview-content .wifi-dead-zone-killer .notes .note,
  .overview-content .wifi-dead-zone-killer .notes .note + .note { position: absolute; width: 100%; margin: 0; padding: 0; font-size: 3.6vw; line-height: 1.3; }
  .overview-content .wifi-dead-zone-killer .notes .note1 { top: 0; }
  .overview-content .wifi-dead-zone-killer .notes .note2 { top: 13vw; }
}

.overview-content .deco-seamless {
  padding: 5em 0 6em;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content .deco-seamless .link a {
  text-decoration: underline;
  color: #4acbd6;
}

.overview-content .deco-seamless .w-container {
  width: 75em;
  margin: 0 auto;
  max-width: 90%;
}

.overview-content .deco-seamless .text {
  text-align: center;
}

.overview-content .deco-seamless .text h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .deco-seamless .text p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .deco-seamless .link {
  margin-top: 1em;
}

.overview-content .deco-seamless .extra {
  padding-top: 3.75em;
  text-align: center;
  max-width: 93.75em;
  margin: 0 auto;
}

.overview-content .deco-seamless .extra .li {
  position: relative;
  display: inline-block;
  width: 46%;
  margin: 0 1%;
  vertical-align: middle;
}

.overview-content .deco-seamless .extra .li p {
  font-size: 1.75em;
  font-weight: 400;
  margin-top: 1em;
}

.overview-content .deco-seamless .extra .li .inner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.overview-content .deco-seamless .extra .li .inner video {
  width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  border-radius: 1em;
  border: 3px solid #e6e9e9;
}

.overview-content .deco-seamless .extra .li-2 .inner video {
  /* width: 98%; */
}

@media (max-width: 1680px) {
  .overview-content .deco-seamless {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .deco-seamless {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .deco-seamless {
    padding: 0;
    background: #fff;
    font-size: 10.35px;
  }

  .overview-content .deco-seamless .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .deco-seamless .text {
    text-align: left;
    padding: 0 0;
  }

  .overview-content .deco-seamless .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .deco-seamless .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .deco-seamless .link {
    margin-top: 0.5em;
  }

  .overview-content .deco-seamless .extra {
    padding: 2em 20px 3em;
    width: auto;
  }

  .overview-content .deco-seamless .extra .li {
    display: block;
    width: auto;
    margin: 0 0 1em;
  }
}

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

/* HB230 roaming comparison: design posters remain visible if video cannot load. */
.overview-content .deco-seamless { position: relative; height: 46.3333em; padding: 0; font-size: 12px; overflow: hidden; background: #fff; }
.overview-content .hb210-pro_v1 .deco-seamless .w-container { width: 100%; max-width: none; height: 100%; }
.overview-content .deco-seamless .text { padding: 0; text-align: center; }
.overview-content .deco-seamless .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .deco-seamless .text p { width: 57.2em; margin: 1.2em auto 0; padding: 0; font-size: 1.1667em; font-weight: 400; line-height: 1.45; }
.overview-content .deco-seamless .extra { position: absolute; inset: 0; width: 100%; max-width: none; margin: 0; padding: 0; }
.overview-content .deco-seamless .extra .li { position: absolute; top: 25.9%; width: 27.03%; margin: 0; display: block; }
.overview-content .deco-seamless .extra .li-1 { left: 19.38%; }
.overview-content .deco-seamless .extra .li-2 { left: 53.52%; }
.overview-content .deco-seamless .extra .li .inner { width: 100%; aspect-ratio: 346 / 313; overflow: hidden; border-radius: 0.6em; }
.overview-content .deco-seamless .extra .li .inner video { display: block; width: 100%; height: 100%; border: 0; border-radius: 0; object-fit: cover; }
.overview-content .deco-seamless .extra .li p { margin: 1em 0 0; font-size: 1.1667em; font-weight: 500; line-height: 1.3; }

@media (max-width: 736px) {
  .overview-content .deco-seamless { height: 257.2vw; font-size: 10.35px; }
  .overview-content .hb210-pro_v1 .deco-seamless .w-container { width: 100%; height: 100%; }
  .overview-content .deco-seamless .text { padding: 11.5vw 0 0; text-align: left; }
  .overview-content .deco-seamless .text h2 { box-sizing: border-box; width: 90.8vw; margin: 0 auto; padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .overview-content .deco-seamless .text p { width: 90.8vw; margin: 3.5vw auto 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.55; }
  .overview-content .deco-seamless .extra { left: 4.6vw; width: 90.8vw; padding: 0; }
  .overview-content .deco-seamless .extra .li { left: 0; width: 100%; margin: 0; }
  .overview-content .deco-seamless .extra .li-1 { top: 65.1vw; }
  .overview-content .deco-seamless .extra .li-2 { top: 161vw; }
  .overview-content .deco-seamless .extra .li p { margin: 2.5vw 0 0; font-size: 4vw; font-weight: 500; }
}

.overview-content .router-and-access-point-modes {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  background-color: #fff;
}

.overview-content .router-and-access-point-modes .w-container {
  width: 85.25em;
  margin: 0 auto;
  text-align: center;
  max-width: 90%;
}

.overview-content .router-and-access-point-modes .text {
  padding: 4em 0 0;
}

.overview-content .router-and-access-point-modes .m-show {
  display: none;
}

.overview-content .router-and-access-point-modes .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .router-and-access-point-modes .text p {
  font-size: 1.25em;
  line-height: 1.5;
  margin-bottom: 1.5em;
}

.overview-content .router-and-access-point-modes .imgs ul {
  margin: 4em auto 0;
  padding-bottom: 4em;
  width: 100%;
}

.overview-content .router-and-access-point-modes .imgs ul li {
  display: inline-block;
  vertical-align: top;
  width: 38%;
}

.overview-content .router-and-access-point-modes .imgs ul li+li {
  margin-left: 10%;
}

.overview-content .router-and-access-point-modes .imgs ul li .img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 0;
  padding-bottom: 48%;
}

.overview-content .router-and-access-point-modes .imgs ul li h3 {
  font-size: 1.375em;
  line-height: 1.2;
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .router-and-access-point-modes .imgs ul li p {
  font-size: 1.25em;
  line-height: 1.5;
  padding: 0.5em 0 0;
  text-align: center;
}

.overview-content .router-and-access-point-modes .imgs ul .li1 .img {
  background-image: url(img/1790115891186_g1.png);
}

.overview-content .router-and-access-point-modes .imgs ul .li2 .img {
  background-image: url(img/1790115891287_g2.png);
}

.overview-content .router-and-access-point-modes .imgs .note {
  color: #818181;
  display: none !important;
  font-size: 1em;
  line-height: 1.2;
  padding: 2em 0 5em;
  text-align: center;
}

@media (max-width: 1680px) {
  .overview-content .router-and-access-point-modes {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .router-and-access-point-modes {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .router-and-access-point-modes {
    font-size: 10.35px;
    height: auto;
  }

  .overview-content .router-and-access-point-modes .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .router-and-access-point-modes .m-show {
    display: none;
  }

  .overview-content .router-and-access-point-modes .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .router-and-access-point-modes .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .router-and-access-point-modes .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .router-and-access-point-modes .imgs ul {
    font-size: 2.5vw;
  }

  .overview-content .router-and-access-point-modes .imgs ul li h3 {
    font-size: 1.75em;
  }

  .overview-content .router-and-access-point-modes .imgs ul li {
    width: 90.718%;
    margin-top: 1.5em;
  }

  .overview-content .router-and-access-point-modes .imgs ul li+li {
    margin-left: 0;
    margin-top: 4em;
  }
}

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

/* HB230 router and access point illustrations with native mode descriptions. */
.overview-content .router-and-access-point-modes { position: relative; height: 40.8333em; overflow: hidden; font-size: 12px; background: #fff url(img/hb230-art-router-ap-web-2x.webp) center top / 100% 100% no-repeat; }
.overview-content .hb210-pro_v1 .router-and-access-point-modes .w-container { width: 100%; max-width: none; height: 100%; margin: 0; }
.overview-content .router-and-access-point-modes .text { padding: 0; text-align: center; }
.overview-content .router-and-access-point-modes .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .router-and-access-point-modes .text p { width: 56.9em; margin: 1.2em auto 0; padding: 0; font-size: 1.0833em; font-weight: 400; line-height: 1.5; }
.overview-content .router-and-access-point-modes .imgs { position: absolute; inset: 0; }
.overview-content .router-and-access-point-modes .imgs ul { position: absolute; inset: 0; width: 100%; margin: 0; padding: 0; }
.overview-content .router-and-access-point-modes .imgs ul li,
.overview-content .router-and-access-point-modes .imgs ul li + li { position: absolute; top: 66.8%; display: block; width: 27%; margin: 0; text-align: center; }
.overview-content .router-and-access-point-modes .imgs ul .li1 { left: 19.5%; }
.overview-content .router-and-access-point-modes .imgs ul .li2 { left: 53.5%; }
.overview-content .router-and-access-point-modes .imgs ul li .img { display: none; }
.overview-content .router-and-access-point-modes .imgs ul li h3 { margin: 0; padding: 0; font-size: 1.5em; font-weight: 600; line-height: 1.3; }
.overview-content .router-and-access-point-modes .imgs ul li p { width: 16em; max-width: 100%; margin: 0.5em auto 0; padding: 0; font-size: 1.1667em; font-weight: 400; line-height: 1.4; }

@media (max-width: 736px) {
  .overview-content .router-and-access-point-modes { height: 196.7vw; font-size: 10.35px; background-image: url(img/hb230-art-router-ap-mobile-3x.webp); }
  .overview-content .hb210-pro_v1 .router-and-access-point-modes .w-container { width: 100%; height: 100%; }
  .overview-content .router-and-access-point-modes .text { padding: 11.5vw 0 0; text-align: left; }
  .overview-content .router-and-access-point-modes .text h2 { width: 90.8vw; margin: 0 auto; padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .overview-content .router-and-access-point-modes .text p { width: 90.8vw; margin: 6vw auto 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.55; }
  .overview-content .router-and-access-point-modes .imgs ul li,
  .overview-content .router-and-access-point-modes .imgs ul li + li { left: 4.6vw; width: 90.8vw; margin: 0; }
  .overview-content .router-and-access-point-modes .imgs ul .li1 { top: 103.7vw; left: 4.6vw; }
  .overview-content .router-and-access-point-modes .imgs ul .li2 { top: 166vw; left: 4.6vw; }
  .overview-content .router-and-access-point-modes .imgs ul li h3 { font-size: 4.6vw; font-weight: 600; }
  .overview-content .router-and-access-point-modes .imgs ul li p { width: 60vw; margin: 0.5vw auto 0; font-size: 4.1vw; line-height: 1.4; }
}

.overview-content .deco-homeshileld {
  background: #f8f8f8;
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
}

.overview-content .deco-homeshileld .w-container {
  width: 85em;
  margin: 0 auto;
  max-width: 90%;
}

.overview-content .deco-homeshileld .text {
  padding: 4.5em 0 3em;
  text-align: center;
}

.overview-content .deco-homeshileld .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .deco-homeshileld .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .deco-homeshileld ul {
  display: flex;
  margin: 0 auto;
  padding-bottom: 5em;
  width: 90%;
  max-width: 1450px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.overview-content .deco-homeshileld li {
  width: 32%;
}

.overview-content .deco-homeshileld li p {
  padding: 2em 2em 0;
  text-align: center;
  color: #262626;
  font-size: 1.25em;
}

.overview-content .deco-homeshileld .img-box {
  position: relative;
  padding-top: 85%;
  height: 0;
  background-position: 50% 0%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.overview-content .deco-homeshileld .img-box .img .icon {
  height: 3em;
  width: fit-content;
  object-fit: contain;
}

.overview-content .deco-homeshileld .box1 {
  background-image: url(img/1790115891344_i1.jpg);
}

.overview-content .deco-homeshileld .box2 {
  background-image: url(img/1790115891453_i2.jpg);
}

.overview-content .deco-homeshileld .box3 {
  background-image: url(img/1790115891563_i3.jpg);
}

.overview-content .deco-homeshileld .img {
  position: absolute;
  bottom: 0;
  display: block;
  padding: 2em 0;
  box-sizing: border-box;
  width: 100%;
  background-color: #8dd3d8;
  color: #fff;
  text-align: center;
}

.overview-content .deco-homeshileld .icon {
  display: inline-block;
  width: 5em;
  height: 5em;
  margin-right: 0.35em;
  background-size: 5em;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.overview-content .deco-homeshileld .img h4 {
  font-weight: 500;
  font-size: 2em;
  line-height: 1.1;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1680px) {
  .overview-content .deco-homeshileld {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .deco-homeshileld {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .deco-homeshileld {
    font-size: 10.35px;
  }

  .overview-content .deco-homeshileld .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .deco-homeshileld .text {
    padding: 0;
  }

  .overview-content .deco-homeshileld .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .deco-homeshileld .text p {
    font-size: 1.75em;
    padding: 0 20px;
  }

  .overview-content .deco-homeshileld .homeshield {
    padding: 3em 20px 0;
  }

  .overview-content .deco-homeshileld .homeshield>img {
    width: 18em;
  }

  .overview-content .deco-homeshileld ul {
    display: block;
    text-align: center;
    width: calc(100% - 40px);
    padding: 0 20px;
    padding-bottom: 3em;
  }

  .overview-content .deco-homeshileld li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }

  .overview-content .deco-homeshileld .img {
    padding: 1.5em 3em;
    font-size: 2.5vw;
  }

  .overview-content .deco-homeshileld li p {
    padding: 1em 0em 1.5em;
    font-size: 1.5em;
    line-height: 1.2;
    text-align: start;
  }

  .overview-content .deco-homeshileld .img-box .img .icon {
    height: 5em;
    margin-right: 2em;
  }
}

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

/* HB230 security cards: use the design photos and keep titles/descriptions native. */
.overview-content .deco-homeshileld { position: relative; height: 37em; overflow: hidden; font-size: 12px; background: #fff url(img/hb230-art-security-web-2x.webp) center top / 100% 100% no-repeat; }
.overview-content .hb210-pro_v1 .deco-homeshileld .w-container { width: 100%; max-width: none; height: 100%; margin: 0; }
.overview-content .deco-homeshileld .text { padding: 0; text-align: center; }
.overview-content .deco-homeshileld .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .deco-homeshileld ul { position: absolute; inset: 0; display: block; width: 100%; max-width: none; margin: 0; padding: 0; }
.overview-content .deco-homeshileld li { position: absolute; top: 15.77%; width: 20%; height: 69.4%; }
.overview-content .deco-homeshileld li:nth-child(1) { left: 19.53%; }
.overview-content .deco-homeshileld li:nth-child(2) { left: 40%; }
.overview-content .deco-homeshileld li:nth-child(3) { left: 60.47%; }
.overview-content .deco-homeshileld .img-box { position: static; height: 0; padding: 0; background: none; }
.overview-content .deco-homeshileld .img { position: absolute; top: 71.4%; left: 0; width: 100%; padding: 0; color: #202020; background: none; text-align: center; }
.overview-content .deco-homeshileld .img-box .img .icon { display: none; }
.overview-content .deco-homeshileld .img h4 { display: block; font-size: 1.3333em; font-weight: 600; line-height: 1.3; }
.overview-content .deco-homeshileld li p { position: absolute; top: 81%; left: 0; width: 100%; margin: 0; padding: 0 1.3em; box-sizing: border-box; color: #333; font-size: 1.0833em; font-weight: 400; line-height: 1.4; text-align: center; }

@media (min-width: 737px) {
  .overview-content .deco-homeshileld li:first-child p { padding-inline: 0.5em; }
  .overview-content .deco-homeshileld .wpa3-copy-line { display: block; white-space: nowrap; }
}

@media (max-width: 736px) {
  .overview-content .deco-homeshileld { height: 317.4vw; font-size: 10.35px; background-image: url(img/hb230-art-security-mobile-3x.webp); }
  .overview-content .hb210-pro_v1 .deco-homeshileld .w-container { width: 100%; height: 100%; }
  .overview-content .deco-homeshileld .text h2 { position: absolute; top: 11.5vw; left: 4.6vw; width: 90.8vw; margin: 0; padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; text-align: left; }
  .overview-content .deco-homeshileld ul { width: 100%; padding: 0; }
  .overview-content .deco-homeshileld li { left: 4.6vw; width: 90.8vw; height: 90vw; }
  .overview-content .deco-homeshileld li:nth-child(1) { top: 21.8vw; left: 4.6vw; }
  .overview-content .deco-homeshileld li:nth-child(2) { top: 119.5vw; left: 4.6vw; }
  .overview-content .deco-homeshileld li:nth-child(3) { top: 216.7vw; left: 4.6vw; }
  .overview-content .deco-homeshileld .img-box { position: static; height: 65.6vw; padding: 0; background-size: cover; background-position: center; }
  .overview-content .deco-homeshileld .box1 { background-image: url(img/hb230-art-security-mobile-photo-1.webp); }
  .overview-content .deco-homeshileld .box2 { background-image: url(img/hb230-art-security-mobile-photo-2.webp); }
  .overview-content .deco-homeshileld .box3 { background-image: url(img/hb230-art-security-mobile-photo-3.webp); }
  .overview-content .deco-homeshileld .img { top: 70.3vw; width: 100%; padding: 0; background: none; }
  .overview-content .deco-homeshileld .img h4 { position: absolute; top: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.2; white-space: nowrap; }
  .overview-content .deco-homeshileld li:nth-child(1) .img h4 { left: 33%; }
  .overview-content .deco-homeshileld li:nth-child(2) .img h4 { left: 29%; }
  .overview-content .deco-homeshileld li:nth-child(3) .img h4 { left: 37%; }
  .overview-content .deco-homeshileld li:nth-child(1) .img h4 { transform: translateY(2.3vw); }
  .overview-content .deco-homeshileld li:nth-child(2) .img h4 { transform: translateY(1.3vw); }
  .overview-content .deco-homeshileld li p { top: 83.4vw; width: 100%; padding: 0; font-size: 4.4vw; line-height: 1.4; text-align: center; }
}

.overview-content .stable-connections-no-more-buffering {
  position: relative;
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  background-color: #eef6f7;
  background: url("img/1790115891663_f.jpg") 50% 100%/120em no-repeat;
  padding: 6em 0;
}

.overview-content .stable-connections-no-more-buffering .w-container {
  width: 93.75em;
  margin: 0 auto;
  position: relative;
}

.overview-content .stable-connections-no-more-buffering .text {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  margin-left: 5%;
  color: #fff;
}

.overview-content .stable-connections-no-more-buffering .text h2 {
  font-size: 3.125em;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .stable-connections-no-more-buffering .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .stable-connections-no-more-buffering .text .info {
  margin-top: 1em;
  font-size: 2em;
  line-height: 1;
}

.overview-content .stable-connections-no-more-buffering .text .info .connects {
  font-size: 0.5em;
  line-height: 1;
}

.overview-content .stable-connections-no-more-buffering .text .info .number {
  font-size: 1.875em;
  font-weight: 500;
  color: #2bb2e4;
  background: linear-gradient(to top right, #0066ff, #00caf7);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.overview-content .stable-connections-no-more-buffering .desc-text {
  width: 58%;
  display: inline-block;
  background: #fff 50% / 100% 100% no-repeat;
  vertical-align: top;
  height: 0;
  padding-top: 6%;
  padding-bottom: 30%;
  border-radius: 2em;
}

.overview-content .stable-connections-no-more-buffering .desc-text .desc {
  font-weight: 400;
  font-size: 0.875em;
  width: 8em;
  margin: 0 auto;
}

.overview-content .stable-connections-no-more-buffering .desc-text .lists1 {
  text-align: center;
  width: 92%;
  margin: 0 auto;
}

.overview-content .stable-connections-no-more-buffering .desc-text .lists1 .icon {
  display: block;
  margin: 0 auto;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  height: 7.5em;
  width: 7.5em;
}

.overview-content .stable-connections-no-more-buffering .desc-text .lists1 li {
  display: inline-block;
  text-align: center;
  width: 18%;
  vertical-align: top;
  margin-bottom: 1em;
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-1 .icon {
  background-image: url(img/1790115891769_f1.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-2 .icon {
  background-image: url(img/1790115891832_f2.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-3 .icon {
  background-image: url(img/1790115891890_f3.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-4 .icon {
  background-image: url(img/1790115891967_f4.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-5 .icon {
  background-image: url(img/1790115892086_f5.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-6 .icon {
  background-image: url(img/1790115892160_f6.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-7 .icon {
  background-image: url(img/1790115892215_f7.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-8 .icon {
  background-image: url(img/1790115892257_f8.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .li-9 .icon {
  background-image: url(img/1790115892308_f9.png);
}

.overview-content .stable-connections-no-more-buffering .desc-text .note {
  text-align: center;
  margin-top: 1em;
}

@media (max-width: 1680px) {
  .overview-content .stable-connections-no-more-buffering {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .stable-connections-no-more-buffering {
    font-size: 12px;
  }
}

@media (max-width: 1024px) {
  .overview-content .stable-connections-no-more-buffering {
    font-size: 10px;
  }
}

@media (max-width: 736px) {
  .overview-content .stable-connections-no-more-buffering {
    font-size: 10.35px;
    background: #eef6f7 url("img/1790115892350_f.jpg") 50% 100%/100% no-repeat;
    height: 215vw;
    padding: 0 0 10vw;
  }

  .overview-content .stable-connections-no-more-buffering .w-container {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .overview-content .stable-connections-no-more-buffering .text {
    padding: 0;
    text-align: left;
    width: auto;
    order: 1;
    margin-left: 0;
  }

  .overview-content .stable-connections-no-more-buffering .text .info {
    font-size: 3.5em;
    margin-top: unset;
  }

  .overview-content .stable-connections-no-more-buffering .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .stable-connections-no-more-buffering .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .stable-connections-no-more-buffering .text .info .number {
    background: linear-gradient(to top right, #0066ff, #6fe5ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .overview-content .stable-connections-no-more-buffering .desc-text {
    order: 2;
    width: 88vw;
    background-color: #ffffffaf;
    margin: 5vw 0 0;
    font-size: 3vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
    height: auto;
  }

  .overview-content .stable-connections-no-more-buffering .desc-text .lists1 {
    margin-bottom: 0;
  }

  .overview-content .stable-connections-no-more-buffering .desc-text .lists1 li {
    width: 30%;
  }

  .overview-content .stable-connections-no-more-buffering .desc-text .lists1 .icon {
    width: 5.5em;
    height: 5.5em;
  }

  .overview-content .stable-connections-no-more-buffering .desc-text .note {
    text-align: left;
    padding: 0 0 0 4vw;
    position: relative;
    bottom: unset;
    font-size: 3vw;
    width: 80vw;
  }

  .overview-content .stable-connections-no-more-buffering .m-hide {
    display: none;
  }
}

@media (max-width: 414px) {
  .overview-content .stable-connections-no-more-buffering {
    font-size: 2.5vw;
  }
}

/* HB230 connections: PSD supplies the scene and icons, HTML supplies every label. */
.overview-content .stable-connections-no-more-buffering {
  font-size: 12px;
  height: 58.8333em;
  padding: 0;
  overflow: hidden;
  color: #202020;
  background: #fff url(img/hb230-art-connections-web-2x.webp) center top / 100% auto no-repeat;
}
.overview-content .hb210-pro_v1 .stable-connections-no-more-buffering .w-container { width: 100%; max-width: none; height: 100%; margin: 0; }
.overview-content .stable-connections-no-more-buffering .text { position: absolute; inset: 0; display: block; width: 100%; margin: 0; color: #202020; text-align: center; }
.overview-content .stable-connections-no-more-buffering .text h2 { position: absolute; top: 8.8%; width: 100%; padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .stable-connections-no-more-buffering .text > p:not(.info) { position: absolute; top: 15.6%; left: 50%; width: 61.6em; margin: 0; padding: 0; transform: translateX(-50%); font-size: 1.0833em; font-weight: 400; line-height: 1.5; }
.overview-content .stable-connections-no-more-buffering .text .info { position: absolute; top: 37%; left: 62.9%; margin: 0; padding: 0; color: #292929; font-size: 1em; line-height: 1; text-align: left; }
.overview-content .stable-connections-no-more-buffering .text .info br { display: none; }
.overview-content .stable-connections-no-more-buffering .text .info span { display: block; }
.overview-content .stable-connections-no-more-buffering .text .info .connects { font-size: 2em; font-weight: 600; line-height: 1.1; }
.overview-content .stable-connections-no-more-buffering .text .info .number { margin: 0.05em 0; background: none; color: #333; -webkit-text-fill-color: currentColor; font-size: 7.5em; font-weight: 300; line-height: 1; }
.overview-content .stable-connections-no-more-buffering .text .info .devices { font-size: 3em; font-weight: 600; line-height: 1; }
.overview-content .stable-connections-no-more-buffering .text .info .devices sup { font-size: 0.45em; vertical-align: super; }
.overview-content .stable-connections-no-more-buffering .desc-text { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.overview-content .stable-connections-no-more-buffering .desc-text .lists1 { position: absolute; inset: 0; width: 100%; margin: 0; }
.overview-content .stable-connections-no-more-buffering .desc-text .lists1 .icon { display: none; }
.overview-content .stable-connections-no-more-buffering .desc-text .lists1 li { position: absolute; display: block; width: 12.5%; margin: 0; text-align: left; }
.overview-content .stable-connections-no-more-buffering .desc-text .desc { width: 8em; margin: 0; font-size: 1.0833em; font-weight: 400; line-height: 1.3; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-7 .desc,
.overview-content .stable-connections-no-more-buffering .desc-text .li-8 .desc,
.overview-content .stable-connections-no-more-buffering .desc-text .li-4 .desc { width: 6em; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-1 { left: 28.6%; top: 38.5%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-2 { left: 41.6%; top: 38.5%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-3 { left: 54.5%; top: 38.5%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-9 { left: 28.6%; top: 52.3%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-6 { left: 41.6%; top: 52.3%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-5 { left: 54.5%; top: 52.3%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-7 { left: 28.6%; top: 66.2%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-8 { left: 41.6%; top: 66.2%; }
.overview-content .stable-connections-no-more-buffering .desc-text .li-4 { left: 54.5%; top: 66.2%; }
.overview-content .stable-connections-no-more-buffering .desc-text .note { position: absolute; top: 62.5%; left: 62.9%; width: 15.8em; margin: 0; padding: 0; font-size: 0.9167em; line-height: 1.4; text-align: left; }
.overview-content .stable-connections-no-more-buffering .m-hide { display: none; }
.overview-content .stable-connections-no-more-buffering .m-show { display: none; }

@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.stable-connections-no-more-buffering {
    font-size: min(0.9375vw, 18px);
  }
  .overview-content .stable-connections-no-more-buffering .text .info .connects {
    font-weight: 700;
  }
  .overview-content .stable-connections-no-more-buffering .text .info .number {
    font-weight: 400;
    letter-spacing: -0.03em;
    background: linear-gradient(155deg, #303030 0%, #303030 29%, #969696 39%, #393939 52%, #303030 70%, #898989 84%, #383838 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .overview-content .stable-connections-no-more-buffering .text .info .devices {
    font-size: 3.1em;
    font-weight: 700;
  }
  .overview-content .stable-connections-no-more-buffering .desc-text .note {
    width: 13em;
  }
  .overview-content .stable-connections-no-more-buffering .desc-text .desc {
    line-height: 1.2;
  }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-4 .desc {
    width: 8em;
  }
  .overview-content .stable-connections-no-more-buffering .desc-text :is(.li-2, .li-3, .li-7, .li-8, .li-9) .desc {
    line-height: 1.45;
    transform: translateY(-0.75em);
  }
}

@media (max-width: 736px) {
  .overview-content .stable-connections-no-more-buffering { font-size: 10.35px; height: 230.3vw; padding: 0; background-image: url(img/hb230-art-connections-mobile-3x.webp); background-size: 100% 100%; }
  .overview-content .hb210-pro_v1 .stable-connections-no-more-buffering .w-container { width: 100%; height: 100%; display: block; }
  .overview-content .stable-connections-no-more-buffering .text h2 { box-sizing: border-box; top: 11.5vw; left: 4.6vw; width: 90.8vw; padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; text-align: left; }
  .overview-content .stable-connections-no-more-buffering .text > p:not(.info) { top: 29.3vw; left: 4.6vw; width: 90.8vw; margin: 0; padding: 0; transform: none; font-size: 4.3vw; font-weight: 400; line-height: 1.5; text-align: left; }
  .overview-content .stable-connections-no-more-buffering .text .info { top: 69.5vw; left: 4.6vw; font-size: 1vw; }
  .overview-content .stable-connections-no-more-buffering .text .info .connects { transform: translateY(2vw); font-size: 4vw; font-weight: 400; }
  .overview-content .stable-connections-no-more-buffering .text .info .number {
    font-size: 20vw;
    font-weight: 400;
    letter-spacing: -0.03em;
    background: linear-gradient(155deg, #303030 0%, #303030 29%, #969696 39%, #393939 52%, #303030 70%, #898989 84%, #383838 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .overview-content .stable-connections-no-more-buffering .text .info .devices { font-size: 8vw; font-weight: 600; }
  .overview-content .stable-connections-no-more-buffering .desc-text { width: 100%; height: 100%; margin: 0; padding: 0; background: none; }
  .overview-content .stable-connections-no-more-buffering .desc-text .lists1 { width: 100%; margin: 0; }
  .overview-content .stable-connections-no-more-buffering .desc-text .lists1 li { width: 23%; text-align: center; }
  .overview-content .stable-connections-no-more-buffering .desc-text .desc,
  .overview-content .stable-connections-no-more-buffering .desc-text .li-7 .desc,
  .overview-content .stable-connections-no-more-buffering .desc-text .li-8 .desc,
  .overview-content .stable-connections-no-more-buffering .desc-text .li-4 .desc { width: 100%; font-size: 4vw; line-height: 1.1; text-align: center; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-1 { left: 13.6%; top: 60%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-2 { left: 38.4%; top: 60%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-3 { left: 63.3%; top: 60%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-9 { left: 13.6%; top: 71.2%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-5 { left: 38.4%; top: 71.2%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-6 { left: 63.3%; top: 71.2%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-7 { left: 13.6%; top: 82.3%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-8 { left: 38.4%; top: 82.3%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .li-4 { left: 63.3%; top: 82.3%; }
  .overview-content .stable-connections-no-more-buffering .desc-text .note { top: 88.45%; left: 15.9%; width: 68%; padding: 0; font-size: 3.55vw; line-height: 1.15; }
  .overview-content .stable-connections-no-more-buffering .m-show { display: inline; }
}

.overview-content .easy-setup-and-use {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #d1d1d0;
  background: url(img/1790115892454_j.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 51.75em;
}

.overview-content .easy-setup-and-use .w-container {
  width: 85.375em;
  margin: 0 auto;
  max-width: 90%;
}

.overview-content .easy-setup-and-use .text {
  text-align: left;
  padding: 5em 50% 0 0;
}

.overview-content .easy-setup-and-use h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .easy-setup-and-use p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1.5em;
}

.overview-content .easy-setup-and-use .icons {
  text-align: center;
  display: inline-block;
}

.overview-content .easy-setup-and-use .icons div {
  display: inline-block;
}

.overview-content .easy-setup-and-use .icons .agient-logo {
  width: 5em;
  height: 5em;
  padding-right: 0.5em;
  vertical-align: top;
}

.overview-content .easy-setup-and-use .icons .store {
  padding-right: 1.5em;
  vertical-align: top;
}

.overview-content .easy-setup-and-use .icons .qrcode {
  width: 5em;
  height: 5em;
  vertical-align: top;
}

.overview-content .easy-setup-and-use .icons .store a {
  display: inline-block;
  width: 8.75em;
  height: 2.5em;
}

.overview-content .easy-setup-and-use .icons img {
  height: 100%;
}

@media (max-width: 1680px) {
  .overview-content .easy-setup-and-use {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .easy-setup-and-use {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .easy-setup-and-use {
    font-size: 10.35px;
    background: #c4ced3 url(img/1790115892565_j.jpg) bottom no-repeat;
    background-size: 100%;
    height: unset;
    padding: 0 0 90vw;
  }

  .overview-content .easy-setup-and-use .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .easy-setup-and-use h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }

  .overview-content .easy-setup-and-use p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
    text-align: left;
  }

  .overview-content .easy-setup-and-use .text {
    padding: 0;
    display: block;
    width: auto;
    text-align: left;
  }

  .overview-content .easy-setup-and-use .icons {
    display: block;
    width: auto;
    text-align: left;
    padding: 2em 20px 0;
  }

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

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

/* HB230 Aginet setup artwork; app-store links remain live over the design icons. */
.overview-content .easy-setup-and-use { position: relative; height: 51.5em; padding: 0; font-size: 12px; background: #fff url(img/hb230-art-setup-web-2x.webp) center top / 100% 100% no-repeat; }
.overview-content .hb210-pro_v1 .easy-setup-and-use .w-container { width: 100%; max-width: none; height: 100%; margin: 0; }
.overview-content .easy-setup-and-use .text { position: absolute; top: 18.4%; left: 19.53%; width: 28.5%; padding: 0; color: #202020; text-align: left; }
.overview-content .easy-setup-and-use h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .easy-setup-and-use p { margin: 1.55em 0 0; padding: 0; font-size: 1.1667em; font-weight: 400; line-height: 1.45; }
.overview-content .easy-setup-and-use .icons { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; }
.overview-content .easy-setup-and-use .icons .qrcode,
.overview-content .easy-setup-and-use .icons .agient-logo { display: none; }
.overview-content .easy-setup-and-use .icons .store { position: absolute; top: 44.2%; left: 28.05%; display: block; width: 5.5em; height: 4em; margin: 0; padding: 0; }
.overview-content .easy-setup-and-use .icons .store br { display: none; }
.overview-content .easy-setup-and-use .icons .store a { position: absolute; left: 0; display: block; width: 5.5em; height: 1.7em; opacity: 0; }
.overview-content .easy-setup-and-use .icons .store a:first-child { top: 0; }
.overview-content .easy-setup-and-use .icons .store a:last-child { top: 2.2em; }
.overview-content .easy-setup-and-use .icons .store img { position: static; display: block; width: 100%; height: 100%; }

@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.easy-setup-and-use {
    font-size: min(0.9375vw, 18px);
  }
}

@media (max-width: 736px) {
  .overview-content .easy-setup-and-use { height: 167.2vw; padding: 0; font-size: 10.35px; background-image: url(img/hb230-art-setup-mobile-3x.webp); }
  .overview-content .hb210-pro_v1 .easy-setup-and-use .w-container { width: 100%; height: 100%; }
  .overview-content .easy-setup-and-use .text { top: 11vw; left: 4.6vw; width: 87vw; padding: 0; }
  .overview-content .easy-setup-and-use h2 { padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .overview-content .easy-setup-and-use p { margin: 5.5vw 0 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.48; }
  .overview-content .easy-setup-and-use .icons { width: 100%; padding: 0; }
  .overview-content .easy-setup-and-use .icons .store { top: 36.3vw; left: 39.5vw; width: 22vw; height: 15vw; }
  .overview-content .easy-setup-and-use .icons .store a { width: 22vw; height: 6.5vw; }
  .overview-content .easy-setup-and-use .icons .store a:last-child { top: 7.7vw; }
}

.overview-content .support-remote-management {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 6em 0;
}

.overview-content .support-remote-management .w-container {
  width: 85.375em;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.overview-content .support-remote-management .m-show {
  display: none;
}

.overview-content .support-remote-management h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .support-remote-management p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .support-remote-management .bg-desc {
  position: relative;
  background: url(img/1790115892616_k.png) 50% 0 no-repeat;
  background-size: 100%;
  max-width: 75em;
  height: 17.8em;
  margin: 4em auto 0;
}

.overview-content .support-remote-management .info {
  text-align: center;
  position: absolute;
  top: 10%;
  left: 0;
  right: 6em;
  margin: 0 auto;
  color: #313131;
}

.overview-content .support-remote-management .info h2 {
  padding-bottom: 1em;
  font-weight: 300;
  font-size: 2.25em;
}

.overview-content .support-remote-management .bg-desc .info p {
  padding-bottom: 0.5em;
  font-size: 2.25em;
}

.overview-content .support-remote-management .model {
  background-color: #7fd1ef;
  border-radius: 1.2em;
  padding: 2px 15px;
  font-size: 1.125em;
  font-weight: 500;
  color: #fff;
  margin: 0 5px;
}

@media (max-width: 1680px) {
  .overview-content .support-remote-management {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .support-remote-management {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .support-remote-management {
    font-size: 10.35px;
    background-color: #fff;
    padding: 0 0 2em;
  }

  .overview-content .support-remote-management .m-show {
    display: block;
  }

  .overview-content .support-remote-management .m-hide {
    display: none;
  }

  .overview-content .support-remote-management .w-container {
    width: auto;
    max-width: 100%;
    text-align: left;
  }

  .overview-content .support-remote-management h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .support-remote-management p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .support-remote-management .info {
    max-width: none;
    top: 37.875%;
    width: 100%;
    text-align: center;
    font-size: 2vw;
  }

  .overview-content .support-remote-management .info h2 {
    padding: 0.25em 0;
    text-align: center;
    font-size: 5em;
  }

  .overview-content .support-remote-management .bg-desc .info p {
    text-align: center;
    font-size: 3.2em;
    padding: 0 20px 0.25em;
  }

  .overview-content .support-remote-management .bg-desc {
    height: 150.5vw;
    background: url(img/1790115892652_k.jpg) bottom / 100% auto no-repeat;
    margin: 0 auto;
  }

  .overview-content .support-remote-management .model {
    font-size: 1.5625em;
    border-radius: 0.5175em;
    padding: 0.2em 1em;
  }
}

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

/* HB230 remote management diagram with native protocol labels. */
.overview-content .support-remote-management { height: 38.6667em; padding: 0; font-size: 12px; overflow: hidden; background: #fff url(img/hb230-art-remote-web-2x.webp) center top / 100% 100% no-repeat; }
.overview-content .hb210-pro_v1 .support-remote-management .w-container { width: 100%; max-width: none; height: 100%; margin: 0; }
.overview-content .support-remote-management .text { position: absolute; top: 12%; left: 0; width: 100%; text-align: center; }
.overview-content .support-remote-management .text h2 { padding: 0; font-size: 2.5em; font-weight: 700; line-height: 1.2; }
.overview-content .support-remote-management .text p { width: 59.5em; margin: 1.35em auto 0; padding: 0; font-size: 1.0833em; font-weight: 400; line-height: 1.5; }
.overview-content .support-remote-management .bg-desc { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; margin: 0; background: none; }
.overview-content .support-remote-management .info { top: 51%; left: 34.7%; right: auto; width: 28%; margin: 0; text-align: center; color: #333; }
.overview-content .support-remote-management .info .m-hide { display: block; }
.overview-content .support-remote-management .info .m-show { display: none; }
.overview-content .support-remote-management .info h2 { padding: 0; font-size: 2.5em; font-weight: 400; line-height: 1.2; }
.overview-content .support-remote-management .bg-desc .info p { margin: 0.85em 0 0; padding: 0; font-size: 1.667em; font-weight: 400; line-height: 1.3; }
.overview-content .support-remote-management .model { position: relative; top: 0.75em; display: inline-block; width: 4.4em; margin: 0 0.25em; padding: 0; color: #222; background: none; border-radius: 0; font-size: 0.917em; font-weight: 500; line-height: 1.4; }

@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.support-remote-management {
    font-size: min(0.9375vw, 18px);
  }
}

@media (max-width: 736px) {
  .overview-content .support-remote-management { height: 230.5vw; padding: 0; font-size: 10.35px; background-color: #fff; background-image: url(img/hb230-remote-mobile-acs.webp), url(img/hb230-remote-mobile-lower.webp), linear-gradient(to bottom, #f9f9f9, #dbdbdb); background-size: 100% auto, 100% auto, 43.1vw 36.7vw; background-position: center 76.923vw, center 163.59vw, center 126.923vw; background-repeat: no-repeat; }
  .overview-content .hb210-pro_v1 .support-remote-management .w-container { position: relative; z-index: 2; width: 100%; height: 100%; }
  .overview-content .support-remote-management .text { top: 11vw; left: 4.6vw; width: 90.8vw; text-align: left; }
  .overview-content .support-remote-management .text h2 { padding: 0; font-size: 6.15vw; font-weight: 700; line-height: 1.25; }
  .overview-content .support-remote-management .text p { width: 100%; margin: 3vw 0 0; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.48; }
  .overview-content .support-remote-management .bg-desc { z-index: 2; height: 100%; background: none; }
  .overview-content .support-remote-management .info { top: 59.5%; left: 0; width: 100%; font-size: inherit; }
  .overview-content .support-remote-management .info .m-hide { display: none; }
  .overview-content .support-remote-management .info .m-show { display: block; }
  .overview-content .support-remote-management .bg-desc .info p { margin: 0 0 2vw; padding: 0; transform: translateY(-1vw); font-size: 5.8vw; font-weight: 400; }
  .overview-content .support-remote-management .model { top: -1.28vw; width: 18vw; height: 5.9vw; margin: 0 1vw; padding: 0; font-size: 3.8vw; line-height: 5.9vw; transform: translateX(-0.5vw) scaleX(1.04); }
  .overview-content .support-remote-management .info h2.m-show { margin: 3.5vw 0 0; padding: 0; font-size: 9.6vw; font-weight: 400; line-height: 1.1; }
}

/* Keep the desktop artwork treatment; mobile uses separate nontext design exports. */
.overview-content .support-remote-management::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: url(img/hb230-art-remote-web-2x.webp) center top / 100% 100% no-repeat; filter: grayscale(1) brightness(1.4); clip-path: polygon(36.5% 48%, 62% 48%, 62% 61%, 36.5% 61%); }
.overview-content .support-remote-management .no-wrap { white-space: nowrap; }
@media (max-width: 736px) {
  .overview-content .support-remote-management::before,
  .overview-content .support-remote-management::after { content: none; }
  .overview-content .support-remote-management .model { background: #a6d3ea; border-radius: 1.5vw; }
  .overview-content .support-remote-management .info h2.m-show { position: relative; top: -0.25vw; margin-top: 1.2vw; text-indent: -0.5vw; letter-spacing: 0.04vw; }
}

.overview-content .aginet-solution {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: #ebeaeb url(img/1790115892722_l.jpg) 50% 0 / 120em auto no-repeat;
  position: relative;
  padding: 15em 0 0;
  height: 33.625em;
}

.overview-content .aginet-solution .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .aginet-solution .text {
  width: 60%;
}

.overview-content .aginet-solution .text h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .aginet-solution .text p {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 30%;
}

.overview-content .aginet-solution .text .learn-more {
  padding-top: 1em;
}

.overview-content .aginet-solution .text .learn-more a {
  text-decoration: none;
  color: #005564;
  padding-bottom: 5px;
  border-bottom: 2px solid #005564;
}

.overview-content .aginet-solution .no-wrap {
  white-space: nowrap;
}

@media (max-width: 1680px) {
  .overview-content .aginet-solution {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .aginet-solution {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .aginet-solution {
    font-size: 10.35px;
    background: url(img/1790115892795_l.jpg) 50% 100%/100% no-repeat;
    background-color: #ebeaeb;
    padding: 0 0 26%;
    height: auto;
  }

  .overview-content .aginet-solution .w-container {
    width: auto;
    padding-bottom: 75%;
    max-width: 100%;
  }

  .overview-content .aginet-solution .text {
    padding: 0;
    width: auto;
  }

  .overview-content .aginet-solution .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .aginet-solution .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .aginet-solution .text p.learn-more {
    font-size: 1.25em;
  }
}

.overview-content .lifestyle {
  font-size: 16px;
  max-width: 120em;
  padding: 5em 0 3em;
  margin: 0 auto;
}

.overview-content .lifestyle .m-hide {
  display: block;
}

.overview-content .lifestyle .m-show {
  display: none;
}

.overview-content .lifestyle .webSwiper {
  position: relative;
  width: 85.375em;
  height: 36em;
  margin: 0 auto;
}

.overview-content .lifestyle .w-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.overview-content .lifestyle .w-container .img {
  width: 100%;
  object-fit: cover;
}

.overview-content .lifestyle .sw-pagination {
  margin: 0 auto;
  position: relative;
  padding: 0.5em 0;
}

.overview-content .lifestyle .sw-pagination .swiper-pagination-bullet {
  margin: 0 0.5em;
  width: 0.75em;
  height: 0.75em;
}

.overview-content .lifestyle .sw-pagination .swiper-pagination-bullet-active {
  background: #4acbd6;
}

.overview-content .lifestyle .swiper-button-prev {
  width: 3.375em;
  height: 3.375em;
  background: url("https://static-product.tp-link.com/hb210-pro_v1/img/m-left.png") center/100% no-repeat;
  position: absolute;
  left: -8%;
  top: 50%;
}

.overview-content .lifestyle .swiper-button-prev:after {
  display: none;
}

.overview-content .lifestyle .swiper-button-next {
  width: 3.375em;
  height: 3.375em;
  background: url("https://static-product.tp-link.com/hb210-pro_v1/img/m-right.png") center/100% no-repeat;
  right: -8%;
  top: 50%;
}

.overview-content .lifestyle .swiper-button-next:after {
  display: none;
}

@media (max-width: 736px) {
  .overview-content .lifestyle {
    padding: 5em 0 0;
  }

  .overview-content .lifestyle .w-container-m {
    width: auto;
    height: auto;
    padding: 0 20px;
  }

  .overview-content .lifestyle .w-container-m .m-img {
    width: 100%;
    object-fit: cover;
    padding-bottom: 6vw;
  }

  .overview-content .lifestyle .m-show {
    display: block;
  }

  .overview-content .lifestyle .m-hide {
    display: none;
  }
}

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

/* HB230 Aginet layout from the Web and Mobile design sections. */
.overview-content .aginet-solution { box-sizing: border-box; width: 100%; max-width: none; height: 49.25em; max-height: 591px; padding: 0; overflow: hidden; background: url(img/hb230-art-aginet-web.webp) center top / min(100%, 1280px) 100% no-repeat, linear-gradient(to bottom, #ebeaeb 0 88.8325%, #fff 88.8325% 100%); }
.overview-content .hb210-pro_v1 .aginet-solution .w-container { position: relative; width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; }
.overview-content .aginet-solution .text { position: absolute; top: 22.2%; left: 19.53%; width: 31.5%; padding: 0; }
.overview-content .aginet-solution .text h2 { margin: 0; padding: 0; font-size: 2.5em; font-weight: 500; line-height: 1.35; }
.overview-content .aginet-solution .text p { width: 100%; margin: 1.34em 0 0; padding: 0; font-size: 1.0833em; font-weight: 400; line-height: 1.55; }
.overview-content .aginet-solution .text p.learn-more { margin-top: 0; padding-top: 0.5em; font-size: 1.0833em; }
.overview-content .aginet-solution .text .learn-more a { color: #222; border-bottom: 1px solid #222; padding-bottom: 0; }
@media (min-width: 737px) {
  .overview-content .hb210-pro_v1 > section.aginet-solution {
    font-size: min(0.9375vw, 12px);
  }
}
@media (max-width: 736px) {
  .overview-content .aginet-solution { height: 160.5vw; max-height: none; background: #fff url(img/hb230-art-aginet-mobile-3x.webp) center top / 100% 100% no-repeat; }
  .overview-content .hb210-pro_v1 .aginet-solution .w-container { width: 100%; padding: 0; }
  .overview-content .aginet-solution .text { top: 11vw; left: 4.87vw; width: 90.26vw; }
  .overview-content .aginet-solution .text h2 { padding: 0; font-size: 6.15vw; font-weight: 500; line-height: 1.25; }
  .overview-content .aginet-solution .text p { margin-top: 2.6vw; padding: 0; font-size: 4.3vw; font-weight: 400; line-height: 1.5; }
  .overview-content .aginet-solution .text p.learn-more { margin-top: -0.8vw; padding: 0; font-size: 4.3vw; }
}

/* Desktop carousel uses the two HB230 design images; Mobile displays both photos. */
.overview-content .lifestyle { box-sizing: border-box; width: 100%; max-width: 1280px; height: 44.333333em; max-height: 532px; padding: 0; overflow: hidden; }
.overview-content .lifestyle .webSwiper { position: relative; width: 100%; height: 100%; margin: 0; overflow: hidden; }
.overview-content .hb210-pro_v1 .lifestyle .w-container { width: 100%; max-width: none; height: 100%; margin: 0; overflow: hidden; }
.overview-content .lifestyle .swiper-wrapper { display: flex; gap: 3.333333em; width: max-content; height: 36.25em; margin-left: 19.53%; transition: transform 2s ease; }
.overview-content .lifestyle .swiper-slide { display: block; flex: none; width: 65.083333em; max-width: 781px; height: 36.25em; max-height: 435px; object-fit: cover; border-radius: 0.426667em; cursor: pointer; }
.overview-content .lifestyle .sw-pagination { position: absolute; top: 37.333333em; left: 76%; display: flex; align-items: center; justify-content: center; gap: 0.833333em; width: 4.666667em; height: 1.5em; padding: 0; border-radius: 1em; background: #f3f4f5; }
.overview-content .lifestyle .sw-pagination .swiper-pagination-bullet { box-sizing: border-box; width: 0.416667em; height: 0.416667em; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #bfc2c4; cursor: pointer; }
.overview-content .lifestyle .sw-pagination .swiper-pagination-bullet-active { background: #58a7ed; }
.overview-content .lifestyle .swiper-button-prev, .overview-content .lifestyle .swiper-button-next { position: absolute; top: 0; width: 0; height: 0; padding: 0; border: 0; background: none; }
@media (max-width: 736px) {
  .overview-content .lifestyle { height: 163.85vw; max-height: none; padding: 0; }
  .overview-content .lifestyle .w-container-m { width: 100%; margin: 0; padding: 0; }
  .overview-content .lifestyle .w-container-m .m-img { display: block; width: 100%; height: 100%; padding: 0; object-fit: fill; }
}
@media (prefers-reduced-motion: reduce) {
  .overview-content .lifestyle .swiper-wrapper { transition-duration: 0s; }
}

/* The design contains separate legal copy for each viewport. */
.overview-content .hb230-footnotes { box-sizing: border-box; width: 100%; max-width: 1280px; min-height: 290px; margin: 0 auto; padding: 0 0 0 19.53%; background: #fff; color: #333; }
.overview-content .hb230-footnotes .footnotes-web { width: 780px; max-width: 100%; }
.overview-content .hb230-footnotes .footnotes-mobile { display: none; }
.overview-content .hb230-footnotes p { margin: 0; font-size: 12px; font-weight: 300; line-height: 1.5; }
@media (max-width: 736px) {
  .overview-content .hb230-footnotes { min-height: 167.7vw; padding: 0 4.87vw; }
  .overview-content .hb230-footnotes .footnotes-web { display: none; }
  .overview-content .hb230-footnotes .footnotes-mobile { display: block; width: 100%; }
  .overview-content .hb230-footnotes p { font-size: 3.85vw; line-height: 1.15; }
}

@media (min-width: 737px) {
  section.deco-be65-banner.hb230-hero {
    font-size: clamp(7px, 0.9375vw, 18px);
  }
}

/* HB230 shared foundations: 2560px Web PSD to 1280px CSS; 1280px Mobile PSD to viewport vw. */
@font-face {
  font-family: "AktivGrotesk-Corp";
  src: url("img/fonts/AktivGrotesk_WCorp_Lt.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk-Corp";
  src: url("img/fonts/AktivGrotesk_WCorp_Rg.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk-Corp";
  src: url("img/fonts/AktivGrotesk_WCorp_Md.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "AktivGrotesk-Corp";
  src: url("img/fonts/AktivGrotesk_WCorp_Bd.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.overview-content {
  width: 100%;
  margin: 0 auto;
  color: #111;
  font-family: "AktivGrotesk-Corp", Helvetica, sans-serif;
}

.overview-content .hb210-pro_v1 > section {
  font-family: inherit;
  font-size: 12px;
}

.overview-content .hb210-pro_v1 .w-container {
  box-sizing: border-box;
  width: min(66.6667em, calc(100% - 4em));
  max-width: 66.6667em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 736px) {
  .overview-content .hb210-pro_v1 > section {
    font-size: 0.9375vw;
  }

  .overview-content .hb210-pro_v1 .w-container {
    width: min(90.7692vw, calc(100% - 9.2308vw));
    max-width: none;
  }
}

@media (max-width: 1680px) {
  .overview-content .lifestyle {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .lifestyle {
    font-size: 12px;
  }
}

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

@media (max-width: 736px) {
  .overview-content .lifestyle {
    font-size: 10.35px;
  }
}

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


/* HB230 typography: match the design's medium headings and regular body copy. */
.overview-content .hb210-pro_v1 > section:not(.deco-be65-banner) .text > h2 {
  font-weight: 500;
}

.overview-content .hb210-pro_v1 > section:not(.deco-be65-banner):not(.hb-wifi-coverage):not(.deco-wifi7):not(.hb-triband-wifi-speed) .text > p:not(.info):not(.feature):not(.learn-more) {
  font-weight: 400;
}

.overview-content .deco-be65-selling-points .text > .desc {
  font-weight: 400;
}

.overview-content .deco-be65-selling-points .desc11 strong {
  font-size: 1.2857em;
  font-weight: 500;
}

.overview-content .deco-be65-selling-points .text .desc12 {
  font-size: 1.25em;
}

.overview-content .deco-homeshileld .img h4,
.overview-content .router-and-access-point-modes .imgs ul li h3 {
  font-weight: 500;
}

.overview-content .hb-wifi-coverage .text > p:not(.feature) {
  font-weight: 300;
}

@media (min-width: 737px) {
  .overview-content .deco-be65-selling-points .text .desc12 {
    left: 67.7%;
    width: 12.1%;
  }

  .overview-content .hb-connectivity .text > p {
    font-size: 1.25em;
  }
}

.overview-content .deco-be65-selling-points .desc12::first-line {
  font-weight: 500;
}

@media (min-width: 737px) and (max-width: 1280px) {
  .overview-content .hb210-pro_v1 > section.deco-be65-selling-points {
    font-size: 0.9375vw;
  }
}

@media (max-width: 736px) {
  .overview-content .deco-be65-selling-points .text .desc {
    font-size: 3.6vw;
  }

  .overview-content .deco-be65-selling-points .text .desc1 {
    font-size: 3.5vw;
  }

  .overview-content .deco-be65-selling-points .text .desc12 {
    font-size: 3.75vw;
  }

  .overview-content .deco-be65-selling-points .text .desc8 {
    left: 21.5%;
  }

  .overview-content .deco-be65-selling-points .text .desc11 {
    width: 34%;
  }

  .overview-content .deco-be65-banner .text > h1 {
    font-weight: 500;
  }

  .overview-content .deco-wifi7 .text > h2 {
    font-size: 6.15vw;
    line-height: 1.2;
  }

  .overview-content .deco-wifi7 .text > p {
    margin-top: 2.5vw;
    font-size: 4.375vw;
    line-height: 1.4;
  }

  .overview-content .stable-connections-no-more-buffering .text > h2 {
    width: 63vw;
  }

  .overview-content .easy-setup-and-use .text > p {
    font-size: 4.4vw;
  }
}

/* HB210 Pro Web convention: 16px per em at 1920px (14px at 1680px,
   12px at 1440px). The HB230 artwork was authored at a 12px/1280px
   scale, so rebase section em dimensions and retain the established
   descendant geometry without changing the Mobile vw layout. */
@media (min-width: 737px) and (max-width: 1280px) {
  .overview-content .hb210-pro_v1 > section:is(
    .deco-be65-banner,
    .hb-triband-wifi-speed,
    .deco-seamless,
    .deco-homeshileld,
    .router-and-access-point-modes,
    .hb-connectivity,
    .aginet-solution,
    .lifestyle,
    .hb230-footnotes
  ) {
    font-size: 0.9375vw;
  }
}

@media (min-width: 1281px) {
  .overview-content .hb210-pro_v1 > section:is(
    .deco-be65-banner,
    .deco-be65-selling-points,
    .deco-wifi7,
    .hb-triband-wifi-speed,
    .hb-wifi-coverage,
    .wifi-dead-zone-killer,
    .deco-seamless,
    .stable-connections-no-more-buffering,
    .deco-homeshileld,
    .router-and-access-point-modes,
    .hb-connectivity,
    .easy-setup-and-use,
    .support-remote-management,
    .aginet-solution,
    .lifestyle,
    .hb230-footnotes
  ) {
    font-size: clamp(12px, 0.833333333vw, 16px);
  }

  .overview-content .hb210-pro_v1 > section:is(
    .deco-be65-banner,
    .deco-be65-selling-points,
    .deco-wifi7,
    .hb-triband-wifi-speed,
    .hb-wifi-coverage,
    .wifi-dead-zone-killer,
    .deco-seamless,
    .stable-connections-no-more-buffering,
    .deco-homeshileld,
    .router-and-access-point-modes,
    .hb-connectivity,
    .easy-setup-and-use,
    .support-remote-management
  ) > :not(.wifi7-mark) {
    font-size: 1.125em;
  }

  .overview-content .hb210-pro_v1 > section.deco-be65-banner { height: 66em; }
  .overview-content .hb210-pro_v1 > section.deco-be65-selling-points { height: 29.90625em; }
  .overview-content .hb210-pro_v1 > section.deco-wifi7 { height: 60em; }
  .overview-content .hb210-pro_v1 > section.hb-triband-wifi-speed { height: 60em; }
  .overview-content .hb210-pro_v1 > section.hb-wifi-coverage { height: 66.09375em; }
  .overview-content .hb210-pro_v1 > section.wifi-dead-zone-killer { height: 43.125em; }
  .overview-content .hb210-pro_v1 > section.deco-seamless { height: 52.125em; }
  .overview-content .hb210-pro_v1 > section.stable-connections-no-more-buffering { height: 66.1875em; }
  .overview-content .hb210-pro_v1 > section.deco-homeshileld { height: 41.625em; }
  .overview-content .hb210-pro_v1 > section.router-and-access-point-modes { height: 45.9375em; }
  .overview-content .hb210-pro_v1 > section.hb-connectivity { height: 38.4375em; }
  .overview-content .hb210-pro_v1 > section.easy-setup-and-use { height: 57.9375em; }
  .overview-content .hb210-pro_v1 > section.support-remote-management { height: 43.5em; }

  .overview-content .deco-be65-banner .wifi7-mark { font-size: 4.21875em; }
}

/* The reference holds its Web em at 12px from 1280px to 1440px. HB230's
   1280px artwork continues scaling in that interval, so bridge only its
   artwork boxes and their inner type until the reference em resumes scaling. */
@media (min-width: 1281px) and (max-width: 1440px) {
  .overview-content .hb210-pro_v1 > section:is(
    .deco-be65-banner,
    .deco-be65-selling-points,
    .deco-wifi7,
    .hb-triband-wifi-speed,
    .hb-wifi-coverage,
    .wifi-dead-zone-killer,
    .deco-seamless,
    .stable-connections-no-more-buffering,
    .deco-homeshileld,
    .router-and-access-point-modes,
    .hb-connectivity,
    .easy-setup-and-use,
    .support-remote-management
  ) > :not(.wifi7-mark) {
    font-size: 0.9375vw;
  }

  .overview-content .hb210-pro_v1 > section.deco-be65-banner { height: 55vw; }
  .overview-content .hb210-pro_v1 > section.deco-be65-selling-points { height: 24.921875vw; }
  .overview-content .hb210-pro_v1 > section.deco-wifi7 { height: 50vw; }
  .overview-content .hb210-pro_v1 > section.hb-triband-wifi-speed { height: 50vw; }
  .overview-content .hb210-pro_v1 > section.hb-wifi-coverage { height: 55.078125vw; }
  .overview-content .hb210-pro_v1 > section.wifi-dead-zone-killer { height: 35.9375vw; }
  .overview-content .hb210-pro_v1 > section.deco-seamless { height: 43.4375vw; }
  .overview-content .hb210-pro_v1 > section.stable-connections-no-more-buffering { height: 55.15625vw; }
  .overview-content .hb210-pro_v1 > section.deco-homeshileld { height: 34.6875vw; }
  .overview-content .hb210-pro_v1 > section.router-and-access-point-modes { height: 38.28125vw; }
  .overview-content .hb210-pro_v1 > section.hb-connectivity { height: 32.03125vw; }
  .overview-content .hb210-pro_v1 > section.easy-setup-and-use { height: 48.28125vw; }
  .overview-content .hb210-pro_v1 > section.support-remote-management { height: 36.25vw; }
  .overview-content .deco-be65-banner .wifi7-mark { font-size: 3.515625vw; }
}

/* The final three sections use a fixed 1280px artwork canvas. Their section
   units still follow the reference scale, while their inner 12px canvas
   remains fixed once that artwork reaches its native size. */
@media (min-width: 1281px) {
  .overview-content .hb210-pro_v1 > section:is(
    .aginet-solution,
    .lifestyle,
    .hb230-footnotes
  ) > * {
    font-size: min(1em, 12px);
  }
}

@media (min-width: 737px) {
  .overview-content .wifi-dead-zone-killer .notes .note2 {
    left: 17.70666667em;
  }
}

@media (min-width: 737px) {
  .overview-content .support-remote-management .info {
    line-height: normal;
  }

  .overview-content .support-remote-management .info .model {
    transform: translateY(0.15em);
  }
}

/* Yuki's review: restore the original art scale and typography. */
.overview-content .hb230-hero .model-name,
.overview-content .hb230-hero .model-name span {
  font-weight: 300;
}

@media (min-width: 737px) {
  .overview-content .wifi-dead-zone-killer {
    background-image: url(img/hb230-art-backhaul-homes-web-2x.webp), url(img/hb230-art-backhaul-web-2x.webp);
    background-position: center 48.85%, center top;
    background-size: 100% 28.4%, 100% 100%;
    background-repeat: no-repeat;
  }

  .overview-content .hb210-pro_v1 > section.aginet-solution {
    max-height: none;
    background: url(img/1790115892722_l.jpg) center top / 100% 88.8325% no-repeat,
      linear-gradient(to bottom, #ebeaeb 0 88.8325%, #fff 88.8325% 100%);
  }
}

@media (min-width: 1281px) {
  .overview-content .hb210-pro_v1 > section.aginet-solution {
    height: 55.40625em;
  }

  .overview-content .hb210-pro_v1 .aginet-solution .w-container {
    max-width: 1920px;
    font-size: 1.125em;
  }

  .overview-content .hb210-pro_v1 > section.lifestyle {
    width: 100%;
    max-width: 1920px;
    height: 49.875em;
    max-height: none;
  }

  .overview-content .hb210-pro_v1 > section.lifestyle .webSwiper {
    font-size: 1.125em;
  }

  .overview-content .lifestyle .swiper-slide {
    max-width: none;
    max-height: none;
  }

  .overview-content .lifestyle .w-container .swiper-slide.img {
    width: 65.083333em;
    height: 36.25em;
  }

  .overview-content .hb210-pro_v1 > section.hb230-footnotes {
    max-width: 1920px;
    min-height: 27.1875em;
  }

  .overview-content .hb210-pro_v1 > section.hb230-footnotes .footnotes-web {
    width: 65em;
    font-size: 1.125em;
  }

  .overview-content .hb230-footnotes .footnotes-web p {
    font-size: 1em;
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .overview-content .hb210-pro_v1 > section.aginet-solution { height: 46.171875vw; }
  .overview-content .hb210-pro_v1 > section.lifestyle { height: 41.5625vw; }
  .overview-content .hb210-pro_v1 > section.hb230-footnotes { min-height: 22.65625vw; }
}