@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("shared-01.ttf") format("truetype"); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 500; font-display: swap; src: url("shared-02.ttf") format("truetype"); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 600; font-display: swap; src: url("shared-03.ttf") format("truetype"); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url("shared-04.ttf") format("truetype"); }
:root{--navy: #0b1747; --ink: #182236; --muted: #717887; --sky: #168fde; --line: #e8ebef; --pale: #f6f8fb; --content: 1250px; font-family: Montserrat, Arial, sans-serif; color: var(--ink); background: rgb(255, 255, 255); scroll-behavior: smooth; scroll-padding-top: 86px;}
*{box-sizing: border-box;}
body{margin: 0px;}
a{color: inherit; text-decoration: none;}
button,input{font: inherit;}
button{cursor: pointer;}
img{max-width: 100%; display: block;}
a,button{touch-action: manipulation;}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline: rgb(48, 169, 236) solid 3px; outline-offset: 5px;}
button{border: 0px;}
p{line-height: 1.75;}
h1,h2,h3,p{margin-top: 0px;}
h1,h2,h3{color: var(--navy);}
h2{font-weight: 500; letter-spacing: -0.045em;}
h3{font-weight: 600;}
.sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
.skip-link{position: absolute; z-index: 500; left: 20px; top: -80px; background: rgb(255, 255, 255); padding: 15px;}
.skip-link:focus{top: 10px;}
.wifi-hero{height: min(670px, 47vw); min-height: 540px; position: relative; overflow: hidden; background: rgb(7, 22, 41); color: white;}
.wifi-hero video{width: 100%; height: 100%; object-fit: cover; display: block;}
.hero-shade{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(4, 16, 31, 0.87) 0px, rgba(6, 19, 35, 0.65) 25%, rgba(3, 17, 34, 0.07) 60%);}
.hero-content{position: absolute; inset: 0px; width: min(1320px, 90%); margin: auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding-bottom: 20px;}
.hero-kicker{font-size: 12px; letter-spacing: 0.19em; color: rgb(153, 214, 245); margin-bottom: 20px;}
.hero-content h1{font-size: clamp(52px, 5.1vw, 86px); font-weight: 500; line-height: 1.02; letter-spacing: -0.065em; color: rgb(255, 255, 255); margin-bottom: 24px;}
.hero-content p{font-size: 17px; line-height: 1.65; font-weight: 400; color: rgb(208, 220, 231); margin-bottom: 28px;}
.hero-button{font-size: 12px; font-weight: 500; padding: 13px 19px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; background: rgba(255, 255, 255, 0.05); color: white; display: inline-flex; align-items: center; justify-content: center; backdrop-filter: blur(5px);}
.hero-button:hover{background: rgba(255, 255, 255, 0.125); border-color: rgb(255, 255, 255);}
.hero-bottom{position: absolute; bottom: 28px; left: 5%; right: 5%; display: flex; align-items: center; justify-content: space-between; font-size: 11px; letter-spacing: 0.05em; color: rgb(217, 227, 238);}
.hero-bottom button{display: flex; align-items: center; gap: 8px; color: white; background: rgba(10, 23, 43, 0.44); border: 1px solid rgba(255, 255, 255, 0.25); padding: 9px 13px; border-radius: 30px; font-size: 11px;}
.pause-icon{font-size: 16px; line-height: 1;}
.category-nav{position: sticky; top: 0px; z-index: 60; background: rgba(255, 255, 255, 0.93); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line);}
.category-nav > div{max-width: 1100px; margin: auto; display: flex; justify-content: center; gap: 40px; overflow: auto; scrollbar-width: none; padding: 0px 18px;}
.category-nav a{padding: 23px 0px 20px; font-size: 12px; white-space: nowrap; border-bottom: 2px solid transparent; color: rgb(116, 123, 134);}
.category-nav a.active{color: var(--sky); border-color: var(--sky);}
.lineup-intro{text-align: center; padding: 92px 24px 22px;}
.eyebrow{font-size: 11px; font-weight: 600; letter-spacing: 0.15em; color: var(--sky);}
.lineup-intro h2{font-size: 42px; margin: 15px 0px;}
.lineup-intro p{font-size: 15px; color: var(--muted);}
.product-section{max-width: var(--content); margin: auto; padding: 62px 0px 70px; scroll-margin-top: 68px; border-bottom: 1px solid var(--line);}
.section-title{text-align: center; padding: 0px 20px; margin-bottom: 20px;}
.section-number{font-size: 10px; font-weight: 500; letter-spacing: 0.15em; color: rgb(141, 150, 166);}
.section-title h2{font-size: 32px; margin: 12px 0px 13px;}
.section-title p{font-size: 14px; color: var(--muted); margin-bottom: 12px;}
.comparison-scroll{overflow-x: auto; padding-bottom: 8px; scrollbar-color: rgb(198, 211, 226) transparent; scrollbar-width: thin;}
.comparison{width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px;}
.comparison .rowlabel{width: 175px;}
.comparison thead th{font-weight: 500; vertical-align: top; padding: 5px 12px 28px;}
.comparison thead .rowlabel{padding: 0px;}
.product-top{display: flex; align-items: center; flex-direction: column;}
.product-image{height: 204px; width: 100%; object-fit: contain; transition: transform 0.4s;}
.product-top strong{font-size: 17px; color: var(--navy); font-weight: 600; margin: 20px 0px 9px;}
.product-position{font-size: 11px; line-height: 1.7; color: var(--muted); font-weight: 400; max-width: 205px; margin: 0px auto; min-height: 37px;}
.comparison tbody th{font-size: 11px; line-height: 1.6; text-align: left; font-weight: 500; color: rgb(113, 122, 137); padding: 15px 14px 15px 0px;}
.comparison tbody td{line-height: 1.65; text-align: center; padding: 15px 11px; font-weight: 400; overflow-wrap: anywhere;}
.comparison tbody tr{border-bottom: 1px solid var(--line);}
.comparison tbody tr:first-child{border-top: 1px solid var(--line);}
.comparison .value-accent{color: var(--sky); font-weight: 500;}
.comparison tfoot td{padding: 25px 10px; text-align: center;}
.spec-button,.primary-button,.secondary-button{display: inline-flex; justify-content: center; align-items: center; font-size: 12px; line-height: 1.5; font-weight: 500; border-radius: 5px; padding: 11px 19px; background: rgb(238, 247, 253); color: rgb(8, 124, 189); border: 1px solid transparent;}
.spec-button:hover{background: rgb(224, 240, 250);}
.primary-button{background: var(--sky); color: white; padding: 14px 23px;}
.primary-button:hover{background: rgb(7, 127, 202);}
.secondary-button{background: transparent; border: 1px solid rgb(211, 220, 230); color: var(--navy); padding: 14px 23px;}
.secondary-button:hover{background: rgb(243, 247, 250);}
.technical-note{font-size: 10px; line-height: 1.8; color: rgb(146, 154, 165); margin: 18px 0px 0px; max-width: 1080px;}
.cols-2 .rowlabel{width: 260px;}
.cols-2 .product-image{height: 230px;}
.cols-2 .product-position{max-width: 290px;}
.cols-2 thead th{padding-top: 20px;}
.outdoor-notes{display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding: 24px 0px 0px; border-top: 1px solid var(--line);}
.outdoor-notes p{font-size: 12px; color: var(--muted); line-height: 1.8; margin: 0px;}
.outdoor-notes strong{font-size: 12px; color: var(--navy); font-weight: 600;}
.spotlight{display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; margin: 52px 30px 25px;}
.spotlight-image{height: 400px; display: flex; align-items: center; justify-content: center; background: radial-gradient(rgba(233, 240, 247, 0.333), transparent 70%);}
.spotlight-image .product-image{height: 340px; max-width: 450px;}
.spotlight-copy .eyebrow{font-size: 10px; letter-spacing: 0.04em; color: var(--muted);}
.spotlight-copy h3{font-size: 33px; margin: 14px 0px 16px; font-weight: 500; letter-spacing: -0.04em;}
.spotlight-copy > p{font-size: 14px; color: var(--muted); max-width: 450px;}
.spotlight-specs{display: grid; grid-template-columns: 1fr 1fr; gap: 20px 25px; margin: 25px 0px 30px;}
.spotlight-specs dt{font-size: 10px; color: rgb(139, 148, 161); line-height: 1.6; margin-bottom: 5px;}
.spotlight-specs dd{font-size: 12px; line-height: 1.65; margin: 0px;}
.controller-heading{text-align: center; padding: 80px 10px 10px;}
.controller-heading h3{font-size: 27px; font-weight: 500; margin-bottom: 14px; letter-spacing: -0.025em;}
.controller-heading p{font-size: 13px; color: var(--muted);}
#enterprise .comparison .product-image{height: 145px; object-fit: contain;}
#enterprise .comparison .product-position{font-size: 10px;}
.story,.management-story,.field-story{padding: 105px 0px 80px;}
.story-heading{text-align: center; max-width: 720px; padding: 0px 25px; margin: 0px auto 45px;}
.story-heading h2{font-size: clamp(35px, 4vw, 53px); line-height: 1.13; margin: 18px 0px 24px;}
.story-heading p{font-size: 15px; color: var(--muted); max-width: 590px; margin: 0px auto;}
.wide-image{position: relative; max-width: 1420px; margin: auto;}
.wide-image > img{width: 100%; height: 650px; object-fit: cover;}
.image-badges{position: absolute; bottom: 36px; left: 50px; display: flex; gap: 65px; color: white;}
.image-badges span{font-size: 12px; color: rgb(211, 224, 236); display: flex; flex-direction: column; gap: 8px;}
.image-badges strong{font-size: 26px; font-weight: 500; color: white; letter-spacing: -0.025em;}
.scene-caption{display: block; font-size: 10px; color: rgb(144, 153, 166); text-align: center; margin: 15px 20px 0px;}
.rugged-story{position: relative; height: 640px; background: rgb(9, 26, 39); color: white; overflow: hidden; margin-top: 25px;}
.rugged-story > img{width: 100%; height: 100%; object-fit: cover;}
.rugged-overlay{position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(6, 24, 38, 0.91) 0px, rgba(6, 24, 38, 0.533) 37%, transparent 70%);}
.rugged-copy{position: absolute; left: max(6%, -615px + 50vw); top: 50%; transform: translateY(-50%); width: 440px;}
.rugged-copy h2{color: white; font-size: 48px; line-height: 1.13; margin: 20px 0px 25px;}
.rugged-copy .eyebrow{color: rgb(145, 215, 247);}
.rugged-copy p{font-size: 14px; color: rgb(192, 209, 223); max-width: 365px;}
.rugged-details{display: flex; gap: 20px; margin: 24px 0px 30px; font-size: 10px; color: rgb(217, 230, 240);}
.cctv-layout{max-width: 1350px; margin: auto; display: grid; grid-template-columns: 1fr 290px; background: var(--pale); align-items: stretch;}
.cctv-layout > img{height: 555px; width: 100%; object-fit: cover;}
.cctv-benefits{padding: 55px 45px; display: flex; flex-direction: column; justify-content: center;}
.cctv-benefits > div{display: flex; flex-direction: column; margin-bottom: 29px;}
.cctv-benefits strong{font-size: 31px; font-weight: 500; color: var(--navy); letter-spacing: -0.04em;}
.cctv-benefits span{font-size: 11px; color: rgb(135, 145, 158); margin-top: 8px;}
.cctv-benefits p{font-size: 12px; line-height: 2; color: var(--muted);}
.text-action{color: var(--sky); font-size: 11px; font-weight: 500; margin-top: 15px;}
.people-story{max-width: 1350px; margin: 30px auto 70px; display: grid; grid-template-columns: 45% 55%; background: rgb(245, 247, 250); align-items: center; min-height: 490px; overflow: hidden;}
.people-copy{padding: 65px 20px 65px 75px;}
.people-copy h2{font-size: 43px; line-height: 1.12; margin: 19px 0px 25px;}
.people-copy p{font-size: 14px; color: var(--muted);}
.people-links{display: flex; gap: 10px; margin-top: 27px;}
.people-products{height: 460px; position: relative;}
.people-products img{position: absolute; object-fit: contain; filter: drop-shadow(rgba(25, 49, 85, 0.082) 0px 25px 16px);}
.people-products img:nth-child(1){width: 280px; height: 270px; top: 50px; left: 20px; transform: rotate(-10deg);}
.people-products img:nth-child(2){width: 165px; height: 220px; right: 30px; top: 36px;}
.people-products img:nth-child(3){width: 290px; height: 290px; right: 30px; bottom: 0px; transform: rotate(8deg);}
.management-story{background: rgb(247, 250, 255); text-align: center; overflow: hidden; padding-bottom: 75px;}
.meshtool-screen{max-width: 1050px; width: 88%; height: auto; margin: 20px auto 40px; filter: drop-shadow(rgba(36, 65, 108, 0.082) 0px 20px 24px);}
.management-columns{display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1040px; margin: 60px auto 40px; text-align: left; gap: 55px; padding: 0px 24px;}
.management-columns > div{border-top: 1px solid rgb(220, 229, 240); padding-top: 24px;}
.management-columns span{font-size: 10px; color: var(--sky);}
.management-columns h3{font-size: 19px; font-weight: 500; margin: 13px 0px;}
.management-columns p{font-size: 12px; color: var(--muted);}
.field-story{text-align: center;}
.field-grid{display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1100px; margin: 55px auto 35px; gap: 40px; text-align: left; padding: 0px 25px;}
.field-grid article{padding: 25px 0px; border-top: 1px solid var(--line);}
.field-grid article > span{color: rgb(160, 169, 182); font-size: 11px;}
.field-grid h3{font-size: 17px; font-weight: 500; margin: 20px 0px 17px;}
.field-grid p{font-size: 12px; color: var(--muted); line-height: 2.2;}
.accessories-section{padding: 65px 0px 90px; border-top: 1px solid var(--line); max-width: 1250px; margin: auto;}
.accessories-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin: 35px 0px 0px;}
.accessories-grid article{text-align: center; padding: 20px 15px;}
.accessories-grid img{width: 100%; height: 180px; object-fit: contain; margin-bottom: 25px;}
.accessories-grid span{font-size: 10px; color: rgb(141, 150, 163);}
.accessories-grid h3{font-size: 13px; margin: 12px 0px 20px; font-weight: 500;}
.accessories-grid a{font-size: 11px; color: var(--sky);}
.contact-band{text-align: center; background: linear-gradient(140deg, rgb(245, 249, 253), rgb(236, 244, 251)); padding: 90px 25px 95px;}
.contact-band h2{font-size: 48px; line-height: 1.1; margin: 20px 0px 23px;}
.contact-band p{font-size: 14px; color: var(--muted); margin-bottom: 30px;}
.contact-band > div{display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;}
.product-detail{max-width: 1200px; margin: auto; padding: 30px 30px 85px;}
.breadcrumb{display: flex; gap: 13px; font-size: 11px; color: rgb(138, 146, 160); padding: 15px 0px 35px;}
.breadcrumb a{color: var(--sky);}
.detail-hero{display: grid; grid-template-columns: 1.05fr 1fr; gap: 65px; align-items: center; padding: 15px 0px 50px;}
.gallery > img{height: 440px; width: 100%; object-fit: contain;}
.gallery-thumbs{display: flex; justify-content: center; gap: 13px; margin-top: 25px;}
.gallery-thumb{width: 62px; height: 62px; background: rgb(247, 249, 251); border: 1px solid transparent; border-radius: 5px; padding: 8px;}
.gallery-thumb.selected{border-color: var(--sky); background: white;}
.gallery-thumb img{height: 100%; width: 100%; object-fit: contain;}
.detail-copy h1{font-size: 48px; font-weight: 500; letter-spacing: -0.05em; margin: 15px 0px 22px;}
.detail-copy h2{font-size: 20px; line-height: 1.4; letter-spacing: -0.015em;}
.detail-copy p{font-size: 14px; color: var(--muted); max-width: 440px;}
.detail-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px;}
.detail-specs{padding: 45px 0px 0px; border-top: 1px solid var(--line);}
.detail-specs h2{font-size: 27px; margin-bottom: 35px;}
.detail-specs dl{max-width: 1050px;}
.detail-specs dl > div{display: grid; grid-template-columns: 300px 1fr; gap: 25px; padding: 18px 0px; border-bottom: 1px solid var(--line); font-size: 13px; line-height: 1.6;}
.detail-specs dt{color: rgb(120, 131, 146);}
.detail-specs dd{margin: 0px;}
.print-button{margin-top: 30px;}
main[hidden]{display: none !important;}
@media (min-width: 1700px){
.wifi-hero{height: 760px;}
.hero-content{width: 1380px;}
.hero-content h1{font-size: 92px;}
.hero-content p{font-size: 19px;}
}
@media (max-width: 1350px){
.product-section,.accessories-section{margin-left: 4%; margin-right: 4%;}
.wide-image{margin: 0px 3%;}
.cctv-layout{margin: 0px 3%;}
.people-story{margin-left: 3%; margin-right: 3%;}
.product-image{height: 180px;}
.comparison .rowlabel{width: 165px;}
.comparison tbody td{font-size: 11px;}
.comparison tbody th{font-size: 10px;}
.rugged-copy{left: 6%;}
}
@media (max-width: 1050px){
.category-nav > div{gap: 28px;}
.comparison{min-width: 840px;}
.comparison.cols-2{min-width: 650px;}
.comparison .rowlabel{width: 155px;}
.comparison tbody td{font-size: 12px;}
.comparison tbody th{font-size: 11px;}
.spotlight{gap: 35px; margin: 40px 15px 25px;}
.spotlight-image{height: 320px;}
.spotlight-image .product-image{height: 270px;}
.spotlight-specs{gap: 17px;}
.people-copy{padding-left: 40px;}
.people-products img:nth-child(1){width: 210px; left: 0px;}
.people-products img:nth-child(2){width: 145px; right: 10px;}
.people-products img:nth-child(3){width: 230px; right: 10px;}
.cctv-layout{grid-template-columns: 1fr 240px;}
.cctv-benefits{padding: 35px;}
.detail-hero{gap: 30px;}
.detail-copy h1{font-size: 39px;}
}
@media (max-width: 760px){
:root{scroll-padding-top: 68px;}
.wifi-hero{height: 580px; min-height: 0px;}
.wifi-hero video{object-position: 62% center;}
.hero-shade{background: linear-gradient(90deg, rgba(4, 18, 36, 0.94), rgba(4, 18, 34, 0.565) 50%, rgba(3, 17, 34, 0.063));}
.hero-content{width: calc(100% - 46px); justify-content: flex-start; padding-top: 95px;}
.hero-content h1{font-size: 59px;}
.hero-content p{font-size: 14px;}
.hero-kicker{font-size: 10px;}
.hero-bottom{left: 24px; right: 24px; bottom: 22px;}
.hero-bottom > span{font-size: 10px;}
.category-nav > div{justify-content: flex-start; gap: 24px; padding: 0px 23px;}
.category-nav a{font-size: 11px; padding: 19px 0px 17px;}
.lineup-intro{padding: 66px 22px 10px;}
.lineup-intro h2{font-size: 31px;}
.lineup-intro p{font-size: 13px;}
.eyebrow{font-size: 10px;}
.product-section{margin-left: 22px; margin-right: 0px; padding: 48px 0px 52px;}
.section-title{padding-left: 0px; padding-right: 22px; text-align: left; margin-bottom: 18px;}
.section-title h2{font-size: 27px;}
.section-title p{font-size: 12px;}
.comparison{min-width: 850px;}
.comparison .rowlabel{width: 140px;}
.comparison tbody th{position: sticky; left: 0px; background: rgb(255, 255, 255); z-index: 2; padding-right: 12px; box-shadow: rgba(255, 255, 255, 0.753) 9px 0px 10px;}
.comparison thead .rowlabel{position: sticky; left: 0px; background: white; z-index: 3;}
.comparison tfoot td:first-child{position: sticky; left: 0px; background: white; z-index: 2;}
.comparison.cols-2{min-width: 620px;}
.comparison.cols-2 .rowlabel{width: 145px;}
.comparison.cols-2 .product-image{height: 195px;}
.product-image{height: 165px;}
.product-top strong{font-size: 15px;}
.comparison tbody th{font-size: 10px;}
.comparison tbody td{font-size: 11px;}
.comparison tbody td,.comparison tbody th{padding-top: 13px; padding-bottom: 13px;}
.technical-note{font-size: 10px; padding-right: 22px;}
.outdoor-notes{grid-template-columns: 1fr; gap: 22px; padding-right: 22px;}
.outdoor-notes p{font-size: 11px;}
.spotlight{display: flex; flex-direction: column; margin: 25px 22px 15px 0px; gap: 20px; align-items: stretch;}
.spotlight-image{height: 260px;}
.spotlight-image .product-image{height: 245px;}
.spotlight-copy h3{font-size: 29px;}
.spotlight-copy > p{font-size: 13px;}
.spotlight-specs{gap: 20px; grid-template-columns: 1fr 1fr;}
.spotlight-specs dd{font-size: 11px;}
.controller-heading{text-align: left; padding: 48px 22px 15px 0px;}
.controller-heading h3{font-size: 24px;}
.controller-heading p{font-size: 12px;}
.story,.management-story,.field-story{padding: 65px 0px 50px;}
.story-heading{margin-bottom: 30px;}
.story-heading h2{font-size: 34px;}
.story-heading p{font-size: 13px;}
.wide-image{margin: 0px;}
.wide-image > img{height: 390px; object-position: 60% center;}
.image-badges{left: 25px; right: 20px; bottom: 25px; gap: 35px;}
.image-badges strong{font-size: 19px;}
.image-badges span{font-size: 10px;}
.rugged-story{height: 560px; margin-top: 10px;}
.rugged-story > img{object-position: 65% center;}
.rugged-overlay{background: linear-gradient(90deg, rgba(6, 24, 38, 0.93), rgba(6, 24, 38, 0.533) 60%, rgba(6, 24, 38, 0.125));}
.rugged-copy{left: 25px; width: calc(100% - 50px);}
.rugged-copy h2{font-size: 35px; max-width: 320px;}
.rugged-copy p{font-size: 13px; max-width: 300px;}
.rugged-details{font-size: 9px; gap: 13px;}
.cctv-layout{display: flex; flex-direction: column; margin: 0px;}
.cctv-layout > img{height: 370px; object-position: 68% center;}
.cctv-benefits{padding: 30px 25px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
.cctv-benefits > div{margin: 0px;}
.cctv-benefits p{margin: 0px;}
.cctv-benefits a{align-self: center; margin: 0px;}
.people-story{margin: 10px 0px 40px; display: flex; flex-direction: column;}
.people-copy{padding: 48px 25px 15px;}
.people-copy h2{font-size: 34px;}
.people-copy p{font-size: 13px;}
.people-products{height: 350px; width: 100%; max-width: 500px;}
.people-products img:nth-child(1){left: 30px; top: 22px; width: 230px; height: 230px;}
.people-products img:nth-child(2){right: 25px; top: 20px; width: 140px; height: 180px;}
.people-products img:nth-child(3){right: 30px; width: 230px; height: 220px;}
.meshtool-screen{width: 96%; margin-top: 30px;}
.management-columns{margin-top: 35px; gap: 25px; grid-template-columns: 1fr;}
.management-columns > div{padding-top: 18px;}
.management-columns h3{font-size: 18px; display: inline; margin-left: 12px;}
.management-columns p{font-size: 12px; margin-top: 12px;}
.field-grid{grid-template-columns: 1fr; gap: 10px; margin: 32px auto 20px;}
.field-grid article{padding: 20px 0px 10px;}
.field-grid h3{font-size: 18px; margin: 14px 0px 10px;}
.field-grid p{font-size: 12px;}
.accessories-section{margin: 0px 22px; padding: 45px 0px 55px;}
.accessories-grid{grid-template-columns: 1fr 1fr; gap: 15px;}
.accessories-grid article{padding: 10px 0px;}
.accessories-grid img{height: 145px;}
.accessories-grid h3{font-size: 11px;}
.accessories-grid a{font-size: 10px;}
.contact-band{padding: 65px 25px;}
.contact-band h2{font-size: 37px;}
.contact-band p{font-size: 13px;}
.contact-band > div{flex-direction: column; max-width: 320px; margin: auto;}
.product-detail{padding: 15px 24px 55px;}
.detail-hero{grid-template-columns: 1fr; gap: 35px; padding-bottom: 35px;}
.gallery > img{height: 280px;}
.detail-copy h1{font-size: 38px;}
.detail-copy h2{font-size: 19px;}
.detail-copy p{font-size: 13px;}
.detail-specs h2{font-size: 25px;}
.detail-specs dl > div{grid-template-columns: 40% 1fr; gap: 20px; font-size: 11px;}
.detail-actions{gap: 10px;}
.breadcrumb{font-size: 10px;}
.gallery-thumb{height: 55px; width: 55px;}
}
@media (prefers-reduced-motion: reduce){
:root{scroll-behavior: auto;}
.product-image{transition: none;}
.product-top:hover img{transform: none;}
}
@media print{
.category-nav,.detail-actions,.gallery-thumbs,.print-button,.skip-link{display: none !important;}
.product-detail{max-width: none; padding: 0px;}
.detail-hero{grid-template-columns: 35% 1fr; gap: 25px; padding-bottom: 25px;}
.gallery > img{height: 230px;}
.detail-copy h1{font-size: 30px;}
.detail-copy p{font-size: 11px;}
.detail-specs dl > div{padding: 8px 0px; font-size: 10px; break-inside: avoid;}
.detail-specs{padding-top: 20px;}
.technical-note{font-size: 9px;}
.breadcrumb{padding: 10px 0px;}
.detail-specs h2{font-size: 20px;}
.detail-hero h2{font-size: 15px;}
}
.wrap{width: min(1680px, 89%); margin: auto;}
 .footer a:hover{color: rgb(100, 221, 244);}
.footer{background: rgb(4, 19, 45); color: rgb(154, 172, 196); padding: 45px 0px;}
.footer .wrap{display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.footer img{width: 145px;}
.footer small{font-size: 12px;}
.footer-links{display: flex; gap: 30px; font-size: 13px;}
@media (max-width: 760px){
.wrap{width: calc(100% - 40px);}
.footer .wrap{align-items: start; flex-direction: column;}
.footer-links{flex-wrap: wrap;}
}
.footer{padding: 45px 0px 20px;}
.footer .wrap{display: block;}
.footer-top{display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.1fr; gap: 42px;}
.footer h3{font-size: 14px; color: white; margin: 0px 0px 16px;}
.footer-column{display: flex; flex-direction: column; align-items: start; gap: 9px;}
.footer-column a, .footer-column p{font-size: 12px; line-height: 1.7; margin: 0px; color: rgb(155, 174, 199);}
.footer-column address{font-size: 12px; font-style: normal; line-height: 1.9;}
.footer-brand{margin-bottom: 18px;}
.made-france{display: flex; align-items: center; gap: 8px; color: rgb(217, 229, 244); margin-top: 16px; font-size: 11px;}
.french-flag{width: 24px; height: 16px; background: linear-gradient(90deg, rgb(25, 72, 160) 33%, white 33%, white 66%, rgb(228, 65, 79) 66%); border-radius: 2px;}
.footer-bottom{display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255, 255, 255, 0.098); padding-top: 18px; margin-top: 28px;}
.footer-bottom small{font-size: 11px;}
.subscribe{margin-top: 7px;}
.subscribe input{width: 100%; background: rgb(11, 33, 66); border: 1px solid rgba(255, 255, 255, 0.14); padding: 10px 12px; border-radius: 5px; color: white; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px;}
.subscribe button{margin-top: 8px; background: rgb(41, 158, 232); color: white; border: 0px; padding: 9px 14px; border-radius: 5px; font-size: 12px; font-weight: 700;}
.subscribe-note{font-size: 11px; line-height: 1.5; margin-top: 9px !important;}
@media (max-width: 1050px){
.footer-top{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 760px){
.footer-top{gap: 30px;}
.footer-bottom{flex-direction: column;}
}
.footer{position: relative; clear: both; border-top: 1px solid rgb(24, 49, 83); margin: 0px;}
.footer-top{grid-template-columns: 1.2fr 1fr 1fr 0.9fr 1.25fr; gap: 28px;}
.purchase-column{border-left: 1px solid rgba(255, 255, 255, 0.14); padding-left: 26px;}
.purchase-column h3{color: rgb(100, 221, 245);}
.purchase-column a{font-size: 13px;}
@media (max-width: 1050px){
.footer-top{grid-template-columns: repeat(3, 1fr);}
.purchase-column{border-left: 0px; padding-left: 0px;}
}
@media (max-width: 760px){
.footer-top{grid-template-columns: repeat(2, 1fr); gap: 27px;}
}
@media (max-width: 430px){
.footer-top{grid-template-columns: 1fr 1fr;}
.footer-column:first-child, .footer-column:last-child{grid-column: 1 / -1;}
}
.footer{background: rgb(255, 255, 255); color: rgb(100, 115, 138); border-top: 1px solid rgb(228, 234, 241);}
.footer h3{color: rgb(6, 23, 51);}
.footer-column a, .footer-column p{color: rgb(100, 115, 138);}
.footer-column address{color: rgb(67, 84, 107);}
.footer a:hover{color: rgb(22, 139, 187);}
.footer-brand{filter: brightness(0) saturate(100%) invert(9%) sepia(33%) saturate(2388%) hue-rotate(184deg) brightness(93%) contrast(102%);}
.made-france{color: rgb(36, 67, 94);}
.french-flag{box-shadow: rgb(220, 228, 238) 0px 0px 0px 1px;}
.purchase-column{border-left-color: rgb(223, 231, 239);}
.purchase-column h3{color: rgb(22, 139, 187);}
.footer-bottom{border-top-color: rgb(228, 234, 241); color: rgb(100, 115, 138);}
.subscribe input{background: rgb(245, 248, 252); color: rgb(6, 23, 51); border: 1px solid rgb(220, 229, 239);}
.subscribe input::placeholder{color: rgb(135, 147, 165);}
.footer h3, .purchase-column h3{color: rgb(11, 23, 71);}
.footer-brand{filter: none; height: auto;}

/* Professional WiFi revision: homepage typography and improved table reading. */
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url("shared-05.ttf") format("truetype")}
:root{font-family:Montserrat,Arial,sans-serif;--content:1300px;--table-ink:#263852;scroll-padding-top:76px}
body,button,input{font-family:Montserrat,Arial,sans-serif}
.main-navigation,.wireless-trigger{font-weight:700;font-size:13px}
.main-navigation{gap:23px}.hero-content h1{font-weight:800;letter-spacing:-.055em}
h2,.spotlight-copy h3,.controller-heading h3{font-weight:700}
.wifi-hero video{object-fit:contain;object-position:right center;background:#071629}
.hero-shade{background:linear-gradient(90deg,#061526ed 0%,#061526c2 29%,#06152635 55%,transparent 72%)}
.lineup-intro{padding:45px 24px 10px}
.lineup-intro h2{font-size:22px;letter-spacing:.035em;margin:0 0 13px;font-weight:700;line-height:1.35}
.lineup-intro p{font-size:16px;line-height:1.65;margin:0;color:#64738a}
.product-section{padding:42px 0 44px;scroll-margin-top:0}
.section-number{font-size:13px;font-weight:700;letter-spacing:.12em;color:#3d5b77}
.section-title{margin-bottom:18px}.section-title h2{font-size:32px;margin:10px 0 12px}
.section-title p{font-size:15px;color:#64738a}
.eyebrow{font-size:12px;font-weight:700}
.comparison{font-size:14px;color:var(--table-ink)}
.comparison .rowlabel{width:195px}
.comparison tbody th{font-size:13px;font-weight:700;color:var(--table-ink);padding:14px 12px 14px 0}
.comparison tbody td{font-size:14px;font-weight:400;padding:14px 10px;color:var(--table-ink)}
.comparison,.comparison th,.comparison td,.comparison strong,.comparison p,.comparison .product-position{color:var(--table-ink)}
.row-title{display:flex;align-items:flex-start;gap:9px;line-height:1.65}
.spec-icon{width:17px;height:17px;flex:0 0 17px;margin-top:2px}
.product-top strong{font-size:18px;font-weight:700;margin-top:17px}
.comparison thead th{padding-bottom:23px}.product-position{font-size:13px;line-height:1.65}
#enterprise .comparison .product-position{font-size:12px;color:var(--table-ink)}
.comparison.cols-2 .rowlabel{width:265px}
.technical-note{font-size:12px;line-height:1.75;color:#64738a;margin-top:15px;max-width:1220px}
.outdoor-notes{padding-top:21px;gap:35px}
.outdoor-notes p,.outdoor-notes strong{font-size:14px;color:#4b6076}.outdoor-notes strong{font-weight:700}
.spotlight{margin:28px 30px 15px;gap:55px}.spotlight-image{height:325px}.spotlight-image .product-image{height:290px}
.spotlight-copy .eyebrow{font-size:12px}.spotlight-copy>p{font-size:15px;color:#64738a}
.spotlight-specs{gap:18px 25px;margin:22px 0}
.spotlight-specs dt{font-size:12px;font-weight:700;color:#3d5066}.spotlight-specs dd{font-size:14px;color:#263852}
.controller-heading{padding:42px 10px 8px}.controller-heading p{font-size:15px}
.story,.management-story{padding:62px 0 52px}.story-heading{margin-bottom:30px}
.story-heading h2{font-size:42px;margin:15px 0 20px;letter-spacing:-.05em}.story-heading p{font-size:16px;color:#64738a}
.wide-image>img{height:auto;aspect-ratio:1672/941;object-fit:contain}
.image-badges{left:auto;right:45px;bottom:35px;gap:40px;text-shadow:0 2px 12px #000}
.scene-caption{font-size:12px;color:#64738a;margin-top:12px}
.rugged-story{height:640px;margin-top:5px;background:#091a27}
.rugged-story>img{object-fit:contain;object-position:right center}
.rugged-copy h2{font-size:43px}.rugged-copy p{font-size:15px}.rugged-details{font-size:12px}
.rugged-overlay{background:linear-gradient(90deg,#091a27 0%,#091a27dd 22%,#091a2780 42%,transparent 64%)}
.cctv-layout>img{height:495px}.cctv-benefits{padding:38px 32px}
.management-columns{margin-top:35px;margin-bottom:30px;gap:40px}.management-columns p{font-size:14px}
.management-columns h3{font-weight:700}.meshtool-screen{margin-top:15px;margin-bottom:25px}
.accessories-section{padding:45px 0 55px}.accessories-grid{margin-top:23px}
.contact-band{padding:62px 25px}.contact-band h2{font-size:43px}
.footer h3{font-weight:700;letter-spacing:normal;line-height:normal}
.footer .wrap{width:min(1680px,calc(100% - 11%))}
.footer .subscribe button{font-family:inherit}.footer-bottom{max-width:none;font-size:inherit}
@media(max-width:1350px){.product-section,.accessories-section{margin-left:4%;margin-right:4%}.main-navigation{gap:18px}}
@media(max-width:1050px){.comparison{min-width:1030px}.comparison.cols-2{min-width:720px}.comparison .rowlabel{width:190px}.comparison tbody td{font-size:14px}.comparison tbody th{font-size:13px}.spotlight{gap:32px}.spotlight-image{height:295px}.spotlight-image .product-image{height:270px}}
@media(max-width:760px){
 .wifi-hero{height:575px}.wifi-hero video{height:62%;position:absolute;bottom:0;object-fit:contain;object-position:right bottom}
 .hero-shade{background:linear-gradient(180deg,#071629 0%,#071629eb 28%,#07162930 66%,#07162920 100%)}
 .hero-content{padding-top:58px}.hero-content h1{font-size:52px}.hero-content p{font-size:15px;margin-bottom:23px}.hero-kicker{margin-bottom:17px}
 .lineup-intro{padding:34px 22px 5px}.lineup-intro h2{font-size:18px;line-height:1.55}.lineup-intro p{font-size:14px}
 .product-section{margin:0 0 0 22px;padding:32px 0 36px}.section-number{font-size:12px}.section-title h2{font-size:28px}.section-title p{font-size:14px}
 .comparison{min-width:990px}.comparison .rowlabel{width:173px}.comparison.cols-2{min-width:680px}.comparison.cols-2 .rowlabel{width:173px}
 .comparison tbody th{font-size:12px}.comparison tbody td{font-size:13px}.comparison tbody td,.comparison tbody th{padding-top:13px;padding-bottom:13px}
 .row-title{gap:7px}.spec-icon{width:16px;height:16px;flex-basis:16px}.product-top strong{font-size:16px}.product-position,#enterprise .comparison .product-position{font-size:12px}
 .technical-note{font-size:12px}.outdoor-notes{gap:19px}.outdoor-notes p,.outdoor-notes strong{font-size:13px}
 .spotlight{margin:22px 22px 10px 0;gap:14px}.spotlight-image{height:240px}.spotlight-image .product-image{height:225px}.spotlight-copy h3{font-size:29px}
 .spotlight-specs dt{font-size:12px}.spotlight-specs dd{font-size:13px}.spotlight-copy>p{font-size:14px}
 .controller-heading{padding:30px 22px 8px 0}.controller-heading h3{font-size:25px}.controller-heading p{font-size:14px}
 .story,.management-story{padding:44px 0 38px}.story-heading h2{font-size:33px}.story-heading p{font-size:14px}
 .wide-image>img{height:auto;aspect-ratio:auto}.image-badges{position:static;background:#0b1c36;padding:20px 24px;gap:28px;justify-content:center;text-shadow:none}
 .image-badges strong{font-size:20px}.image-badges span{font-size:11px}.scene-caption{font-size:11px}
 .rugged-story{height:auto;padding-bottom:33px;margin-top:0}.rugged-story>img{height:auto;aspect-ratio:1672/941;object-fit:contain}.rugged-overlay{display:none}
 .rugged-copy{position:static;transform:none;width:auto;padding:25px 25px 0}.rugged-copy h2{font-size:33px;max-width:none;margin:15px 0 20px}.rugged-copy p{font-size:14px;max-width:none}.rugged-details{font-size:11px;gap:17px}
 .cctv-layout>img{height:330px}.cctv-benefits{padding:25px}.management-columns{gap:20px;margin-top:27px}.management-columns p{font-size:14px}
 .accessories-section{margin:0 22px;padding:35px 0 40px}.contact-band{padding:45px 25px}.contact-band h2{font-size:35px}
 .footer .wrap{width:89%}
}

/* Refinement: full-bleed moving scenes, one fixed gradient, intermediate type. */
.wifi-hero{height:auto;aspect-ratio:16/9;min-height:480px}
.wifi-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(6,21,38,.93) 0%,rgba(6,21,38,.78) 23%,rgba(6,21,38,.40) 46%,rgba(6,21,38,.10) 65%,rgba(6,21,38,0) 84%)}
.hero-content h1{font-size:clamp(50px,4.8vw,84px);font-weight:600;letter-spacing:-.055em}
.hero-content p{font-size:16px}
h2,.spotlight-copy h3,.controller-heading h3{font-weight:600}
.lineup-intro h2{font-size:20px;font-weight:600}.lineup-intro p{font-size:15.5px}
.section-number{font-size:12px;font-weight:600}.section-title h2{font-size:31px}
.section-title p{font-size:14.5px}.eyebrow{font-size:11.5px;font-weight:600}
.comparison,.comparison tbody td{font-size:13px}.comparison tbody th{font-size:12px;font-weight:700}
.row-title{gap:8px}.spec-icon{width:16px;height:16px;flex-basis:16px;stroke-width:1.5}
.product-top strong{font-size:17.5px;font-weight:600}.product-position{font-size:12px}
#enterprise .comparison .product-position{font-size:11px}
.technical-note{font-size:11px}.outdoor-notes p,.outdoor-notes strong{font-size:13px}
.spotlight-copy .eyebrow{font-size:11px}.spotlight-copy>p{font-size:14.5px}
.spotlight-specs dt{font-size:11px;font-weight:600}.spotlight-specs dd{font-size:13px}
.controller-heading p{font-size:14px}
.story-heading h2{font-size:40px}.story-heading p{font-size:15.5px}
.scene-caption{font-size:11px}.rugged-copy h2{font-size:41px;font-weight:600}
.rugged-story>img{position:absolute;right:0;width:auto;max-width:100%;height:100%;mask-image:linear-gradient(90deg,transparent,black 28%)}
.rugged-copy p{font-size:14.5px}.rugged-details{font-size:11px}
.management-columns p{font-size:13.5px}.management-columns h3{font-weight:600}
.contact-band h2{font-size:41px;font-weight:600}
@media(max-width:760px){
 .wifi-hero{height:560px;aspect-ratio:auto;min-height:0}
 .wifi-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center}
 .hero-shade{background:linear-gradient(90deg,rgba(6,21,38,.93) 0%,rgba(6,21,38,.76) 33%,rgba(6,21,38,.34) 69%,rgba(6,21,38,0) 100%)}
 .hero-content{padding-top:72px}.hero-content h1{font-size:50px;font-weight:600}.hero-content p{font-size:14.5px;max-width:310px}
 .lineup-intro h2{font-size:17px}.lineup-intro p{font-size:13.5px}
 .section-number{font-size:11.5px}.section-title h2{font-size:27px}.section-title p{font-size:13.5px}
 .comparison tbody td{font-size:12.5px}.comparison tbody th{font-size:11.5px}
 .product-top strong{font-size:15.5px}.product-position,#enterprise .comparison .product-position{font-size:11.5px}
 .technical-note{font-size:11px}.outdoor-notes p,.outdoor-notes strong{font-size:12.5px}
 .spotlight-copy h3{font-size:28px}.spotlight-copy>p{font-size:13.5px}
 .spotlight-specs dt{font-size:11px}.spotlight-specs dd{font-size:12.5px}
 .controller-heading h3{font-size:24px}.controller-heading p{font-size:13.5px}
 .story-heading h2,.rugged-copy h2{font-size:32px}.story-heading p,.rugged-copy p{font-size:13.5px}
 .rugged-details,.scene-caption{font-size:10.5px}.management-columns p{font-size:13.5px}
 .rugged-story>img{position:static;width:100%;height:auto;mask-image:none}
 .contact-band h2{font-size:34px}
}
.home-site-header .wrap{width: min(1680px, 89%); margin: auto;}
.home-site-header .nav{height: 92px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); display: flex; align-items: center; justify-content: space-between; gap: 28px;}
.home-site-header .brand img{display: block; width: 150px; height: auto;}
.home-site-header .nav-links{display: flex; gap: 31px; align-items: center; font-size: 14px; font-weight: 700; color: rgb(202, 212, 227);}
.home-site-header .nav-links a:hover{color: rgb(100, 221, 244);}
.home-site-header .nav-right{display: flex; align-items: center; gap: 22px;}
.home-site-header .menu-toggle{display: none; border: 1px solid rgba(255, 255, 255, 0.267); background: none; color: white; border-radius: 7px; padding: 9px 12px;}
@media (max-width: 1050px){
.home-site-header .nav-links{gap: 14px;}
}
@media (max-width: 760px){
.home-site-header .wrap{width: calc(100% - 40px);}
.home-site-header .nav{height: 72px;}
.home-site-header .brand img{width: 125px;}
.home-site-header .nav-links{display: none; position: absolute; top: 72px; left: 0px; right: 0px; background: rgb(6, 25, 52); z-index: 5; padding: 24px; flex-direction: column; align-items: start;}
.home-site-header .nav-links.open{display: flex;}
.home-site-header .menu-toggle{display: block;}
.home-site-header .nav-right .lang,.home-site-header .nav-right .pill{display: none;}
}
.home-site-header .nav-links{gap: 23px;}
.home-site-header .nav-links a{font-size: 13px;}
@media (max-width: 1050px){
.home-site-header .nav-links{gap: 12px;}
}
@media (max-width: 760px){
.home-site-header .nav-links a{font-size: 15px;}
}
.home-site-header .nav{gap: 18px;}
.home-site-header .nav-links{gap: 20px; font-size: 12px;}
.home-site-header .nav-right{gap: 16px; white-space: nowrap;}
.home-site-header .nav-service{color: rgb(220, 231, 246); font-size: 12px; font-weight: 500;}
.home-site-header .nav-service:hover{color: rgb(98, 221, 243);}
.home-site-header .nav-store{background: rgb(8, 121, 255); color: white; border-radius: 6px; font-size: 12px; padding: 10px 14px; font-weight: 600;}
.home-site-header .nav-store:hover{background: rgb(36, 148, 255);}
.home-site-header .nav-account{color: rgb(220, 231, 246); display: flex; align-items: center; padding: 6px;}
.home-site-header .nav-account:hover{color: rgb(98, 221, 243);}
@media (max-width: 1200px){
.home-site-header .nav-links{gap: 12px; font-size: 11px;}
.home-site-header .nav-right{gap: 10px;}
.home-site-header .nav-service{font-size: 11px;}
.home-site-header .brand img{width: 130px;}
}
@media (max-width: 1000px) and (min-width: 761px){
.home-site-header .nav{flex-wrap: wrap; height: auto; padding-top: 18px; padding-bottom: 14px;}
.home-site-header .nav-links{order: 3; width: 100%; justify-content: center; margin-top: 10px;}
}
@media (max-width: 760px){
.home-site-header .nav-right{gap: 7px;}
.home-site-header .nav-service{font-size: 10px;}
.home-site-header .nav-store{font-size: 11px; padding: 8px 10px;}
.home-site-header .nav-account{padding: 3px;}
.home-site-header .brand img{width: 105px;}
.home-site-header .menu-toggle{font-size: 11px; padding: 7px;}
.home-site-header .nav{gap: 8px;}
.home-site-header .nav-links{font-size: 14px;}
.home-site-header .nav-service:first-child{display: none;}
}
@media (max-width: 760px){
.home-site-header .nav.wrap{width: calc(100% - 24px);}
.home-site-header .nav-service:first-child{display: inline;}
.home-site-header .brand img{width: 90px;}
.home-site-header .nav-right{gap: 6px;}
.home-site-header .nav-store{padding: 8px;}
.home-site-header .menu-toggle{padding: 7px 8px;}
}
@media (max-width: 360px){
.home-site-header .nav{height: auto; min-height: 92px; flex-wrap: wrap; padding: 12px 0px;}
.home-site-header .nav-right{margin-left: auto;}
.home-site-header .nav-links{top: 100px;}
}
.home-site-header .wireless-trigger{border: 0px; background: transparent; padding: 0px; color: inherit; font-weight: 700; font-size: 13px;}
.home-site-header .wireless-trigger:hover,.home-site-header .wireless-trigger[aria-expanded="true"]{color: rgb(50, 166, 255);}
.home-site-header .wireless-menu[hidden]{display: none;}
.home-site-header .wireless-menu{position: absolute; top: var(--wireless-top,92px); inset-inline: 0px; background: rgb(255, 255, 255); color: rgb(11, 23, 71); z-index: 20; box-shadow: rgba(0, 0, 0, 0.047) 0px 14px 24px; border-bottom: 1px solid rgb(234, 240, 246);}
.home-site-header .wireless-menu-inner{max-width: 1280px; margin: auto; padding: 18px 20px 22px; display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 8px;}
.home-site-header .wireless-item{font-family: Arial, sans-serif; border: 0px; background: transparent; color: inherit; display: flex; align-items: center; flex-direction: column; text-align: center; min-width: 0px; padding: 2px 0px 0px; border-radius: 0px;}
.home-site-header .wireless-item strong{font-size: 14px; line-height: 1.3; margin: 10px 0px 5px; font-weight: 600; letter-spacing: -0.15px; transition: color 0.16s;}
.home-site-header .wireless-description{font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0px; color: rgb(112, 121, 130); max-width: 165px;}
.home-site-header .wireless-pictures{position: relative; display: block; width: 140px; height: 80px; flex-shrink: 0; isolation: isolate; transition: transform 0.18s;}
.home-site-header .wireless-product{position: absolute; display: block; overflow: hidden;}
.home-site-header .wireless-product img{position: absolute; display: block; max-width: none; object-fit: fill;}
.home-site-header .wireless-item:hover strong{color: rgb(22, 139, 225);}
.home-site-header .wireless-item:hover .wireless-pictures{transform: translateY(-2px);}
.home-site-header .wireless-trigger:focus-visible,.home-site-header .wireless-item:focus-visible{outline: rgb(34, 150, 232) solid 2px; outline-offset: 5px;}
@media (max-width: 1100px) and (min-width: 761px){
.home-site-header .wireless-menu-inner{padding-inline: 8px; gap: 3px;}
.home-site-header .wireless-pictures{transform: scale(0.85); transform-origin: center bottom;}
.home-site-header .wireless-item:hover .wireless-pictures{transform: scale(0.85) translateY(-2px);}
.home-site-header .wireless-item strong{font-size: 13px;}
.home-site-header .wireless-description{font-size: 12px;}
}
@media (max-width: 760px){
.home-site-header .nav-links.open{position: relative; top: auto; width: 100%; order: 3;}
.home-site-header .nav:has(.nav-links.open){height: auto; flex-wrap: wrap; padding-block: 16px;}
.home-site-header .wireless-menu{position: relative; top: 0px;}
.home-site-header .wireless-menu-inner{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px 12px; padding: 20px 12px 24px; max-height: 64vh; overflow: auto;}
.home-site-header .wireless-trigger{font-size: 15px;}
.home-site-header .wireless-item strong{font-size: 14px;}
.home-site-header .wireless-description{font-size: 12px;}
}

.home-site-header{position:absolute;inset:0 0 auto;z-index:80;color:#cad4e3}
.home-site-header::before{content:"";position:absolute;inset:0 0 auto;height:170px;background:linear-gradient(180deg,rgba(6,21,38,.76),rgba(6,21,38,0));z-index:-1;pointer-events:none}
.home-site-header .brand{flex-shrink:0}
.product-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;line-height:1.5}
.product-actions a{display:inline-block;color:#168fde;font-size:12px;font-weight:500;text-decoration:underline;text-decoration-color:#168fde66;text-underline-offset:4px;cursor:pointer;padding:3px 0}
.product-actions a:hover{color:#0879cc;text-decoration-color:currentColor}
.product-actions a:active{opacity:.65}
.action-separator{width:1px;height:13px;background:#d9e1e9}
.spotlight-copy .product-actions{justify-content:flex-start;margin-top:24px}
.accessories-grid .product-actions{margin:12px 0 9px}
.accessories-grid .product-actions a{font-size:12px}
.comparison .product-image[alt="WIC 128"]{transform:scale(.7);transform-origin:center}
.hero-content{padding-top:76px}
@media(max-width:760px){.hero-content{padding-top:142px}.product-actions{gap:12px;margin-top:12px}.product-actions a{font-size:11.5px}.spotlight-copy .product-actions{margin-top:20px}}
/* Show every device at narrow widths: full scenes below the copy, without cropping. */
@media(min-width:761px) and (max-width:1300px){
 .wifi-hero{--hero-nav-inset:92px;width:100%;height:calc(56.25vw + var(--hero-nav-inset));min-height:0;aspect-ratio:auto}
 .wifi-hero video{inset:var(--hero-nav-inset) 0 0;height:calc(100% - var(--hero-nav-inset));object-fit:contain}
 .hero-content{top:var(--hero-nav-inset);padding-top:0}
}
@media(min-width:761px) and (max-width:1000px){.wifi-hero{--hero-nav-inset:118px}}
@media(max-width:760px){
 .wifi-hero{height:auto;min-height:0;padding-bottom:calc(56.25% + 58px);isolation:isolate}
 .wifi-hero video{inset:auto 0 58px;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;z-index:-2}
 .hero-content{position:relative;inset:auto;padding-top:136px;padding-bottom:40px;margin:0 auto}
 .hero-shade{z-index:-1;background:linear-gradient(180deg,#071629 0%,#071629 calc(100% - 56.25vw - 58px),rgba(7,22,41,0) calc(100% - 51vw - 58px));pointer-events:none}
 .hero-bottom{bottom:14px}
 .hero-content p{max-width:100%}
}

/* Four visible accessories, with the remaining antennas available at either edge. */
.accessories-carousel{position:relative;margin:22px 0 0;padding:0 34px}
.accessories-carousel .accessories-grid{--visible:4;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 75px)/4);gap:25px;margin:0;padding:0 0 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.accessories-carousel .accessories-grid::-webkit-scrollbar{display:none}
.accessories-carousel article{min-width:0;scroll-snap-align:start;padding:20px 8px}
.accessories-carousel article:last-child{scroll-snap-align:end}
.accessories-carousel img{height:180px;width:100%;object-fit:contain;margin-bottom:25px}
.accessory-arrow{position:absolute;top:83px;display:flex;align-items:center;justify-content:center;width:34px;height:48px;padding:5px;background:transparent;color:#168fde;border-radius:5px;transition:background .2s,color .2s}
.accessory-arrow svg{width:24px;height:30px}
.accessory-arrow:hover{background:#edf6fc;color:#0879cc}
.accessory-previous{left:0}.accessory-next{right:0}
.comparison .product-image[alt="PANEL X25"],.comparison .product-image[alt="OUTDOOR X2"]{transform:scale(.8);transform-origin:center}
.comparison .product-image[alt="ARMOR X2"]{transform:scale(.73);transform-origin:center}
@media(max-width:760px){
 .accessories-carousel{padding:0 24px;margin-top:18px}
 .accessories-carousel .accessories-grid{--visible:2;grid-auto-columns:calc((100% - 16px)/2);gap:16px}
 .accessories-carousel article{padding:16px 2px}
 .accessories-carousel img{height:145px;margin-bottom:18px}
 .accessories-carousel h3{font-size:11.5px;line-height:1.5;min-height:35px;margin:10px 0 12px;overflow-wrap:anywhere}
 .accessory-arrow{width:24px;top:63px;padding:1px}
 .accessories-carousel .product-actions{gap:8px}.accessories-carousel .product-actions a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.accessories-carousel .accessories-grid{scroll-behavior:auto}.accessory-arrow{transition:none}}

/* Accessories uses the approved Professional WiFi styles above. */
.accessories-hero{height:auto;aspect-ratio:16/9;min-height:580px;background:#061526;overflow:hidden}
.accessories-hero .hero-image{position:absolute;left:0;top:55px;width:100%;height:auto;max-width:none;z-index:0;mask-image:linear-gradient(180deg,transparent,black 8%)}
.accessories-hero .hero-content{padding-top:76px;pointer-events:none;z-index:2}
.accessories-hero .hero-bottom{z-index:3}
.accessories-hero .hero-button{backdrop-filter:none}
.accessories-hero .hero-content a{pointer-events:auto}
.accessories-hero .hero-content h1{font-size:clamp(50px,4.8vw,84px)}
.accessories-hero .hero-shade{background:linear-gradient(90deg,rgba(6,21,38,.93) 0%,rgba(6,21,38,.78) 23%,rgba(6,21,38,.40) 46%,rgba(6,21,38,.10) 65%,rgba(6,21,38,0) 84%);pointer-events:none;z-index:1}
.wireless-item[aria-current="page"] strong{color:#168fde}
.lineup-intro{padding-top:49px}
.product-section{padding-top:40px;padding-bottom:46px}
.section-number{font-size:12px;letter-spacing:.08em}
.antenna-section .section-title{margin-bottom:23px}
.comparison-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:#6c7c91;font-size:10px;letter-spacing:.075em;padding:0 3px}
#comparison-count{letter-spacing:.03em;font-variant-numeric:tabular-nums}
.antenna-slider{position:relative;--label-width:190px;--product-width:230px}
.antenna-slider .comparison-scroll{overflow-x:auto;scroll-behavior:smooth;overscroll-behavior-x:contain;padding-bottom:8px}
.antenna-comparison{min-width:0!important;width:calc(var(--label-width) + 5 * var(--product-width));table-layout:fixed}
.antenna-comparison .label-col,.antenna-comparison .rowlabel{width:var(--label-width)}
.antenna-comparison .product-col{width:var(--product-width)}
.antenna-comparison thead th{padding:12px 9px 25px}
.antenna-comparison thead .rowlabel,.antenna-comparison tbody th{position:sticky;left:0;background:#fff;z-index:2}
.antenna-comparison thead .rowlabel{z-index:3}
.antenna-comparison tbody th{padding-right:15px;box-shadow:8px 0 14px -13px #8798aa}
.antenna-comparison .product-image{height:218px;width:100%;object-fit:contain;margin:0 auto 20px}
.antenna-comparison .antenna-1{height:226px;margin-bottom:12px}
.antenna-comparison .antenna-2{height:232px;margin-bottom:6px}
.antenna-comparison .antenna-3{height:210px;margin-bottom:28px}
.antenna-comparison .product-top strong{font-size:15px;white-space:nowrap;letter-spacing:-.035em}
.antenna-comparison .product-position{font-size:11px;line-height:1.7;min-height:38px;width:100%;text-align:center;margin:8px auto 0}
.antenna-comparison tbody th,.antenna-comparison tbody td,:is(.poe-details,.sector-details) th,:is(.poe-details,.sector-details) td{color:#263852}
.antenna-comparison tbody td{font-size:12.5px;padding:13px 11px;line-height:1.75;overflow-wrap:normal}
.antenna-comparison tbody th{font-size:12px;font-weight:700}
.product-actions a{color:#168fde}
.product-actions [aria-disabled="true"]{opacity:1;cursor:pointer}
.compare-arrow{position:absolute;top:115px;z-index:4;width:34px;height:34px;border:1px solid #e2e9f0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#273a52;box-shadow:0 3px 10px #132a4710;cursor:pointer;padding:0;transition:color .16s,border-color .16s}
.compare-arrow:hover{color:#168fde;border-color:#9bcdf2}
.compare-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
.compare-arrow:focus-visible{outline:2px solid #168fde;outline-offset:3px}
.compare-previous{left:-17px}
.compare-previous svg{transform:rotate(180deg)}
.compare-next{right:-17px}
.technical-note{font-size:11px;line-height:1.8;margin-top:17px}
.antenna-notes{margin-top:28px;gap:45px}
.antenna-notes strong{display:flex;align-items:center;gap:9px}
.antenna-notes p{margin-top:8px;max-width:485px}
:is(.poe-spotlight,.sector-spotlight){margin-top:26px;gap:65px}
:is(.poe-spotlight,.sector-spotlight) .spotlight-image{height:375px}
:is(.poe-spotlight,.sector-spotlight) .product-image{height:340px;width:100%;max-width:420px;object-fit:contain}
:is(.poe-spotlight,.sector-spotlight) h3{font-size:29px;white-space:nowrap}
:is(.poe-spotlight,.sector-spotlight) .spotlight-specs{gap:19px 24px}
:is(.poe-spotlight,.sector-spotlight) dt{display:flex;align-items:center;gap:7px;color:#263852}
:is(.poe-spotlight,.sector-spotlight) dt .spec-icon{width:15px;height:15px;flex-basis:15px}
:is(.poe-spotlight,.sector-spotlight) dd{padding-left:22px}
:is(.poe-details,.sector-details){max-width:970px;margin:35px auto 0}
:is(.poe-details,.sector-details) .comparison{min-width:0;width:100%}
:is(.poe-details,.sector-details) th{width:240px}
:is(.poe-details,.sector-details) .comparison td{text-align:left;font-size:13px;line-height:1.8;padding-left:15px}
:is(.poe-details,.sector-details) .comparison th{font-size:12px;font-weight:700}
:is(.poe-note,.sector-note){max-width:970px;margin:18px auto 0}
@media(min-width:761px) and (max-width:1100px){
 .accessories-hero{height:650px;min-height:0;aspect-ratio:auto}
 .accessories-hero .hero-image{top:100px}
 .accessories-hero .hero-content{padding-top:80px;top:0}
 .accessories-hero .hero-content h1{font-size:51px}
 .accessories-hero .hero-content p{font-size:14px;max-width:320px}
 :is(.poe-spotlight,.sector-spotlight){gap:26px;margin-inline:0}
 :is(.poe-spotlight,.sector-spotlight) h3{font-size:24px}
 :is(.poe-spotlight,.sector-spotlight) .spotlight-image{height:300px}
 :is(.poe-spotlight,.sector-spotlight) .product-image{height:280px}
}
@media(max-width:760px){
 .accessories-hero{height:745px;min-height:0;aspect-ratio:auto;padding:0}
 .accessories-hero .hero-image{top:auto;bottom:14px;left:auto;right:-17%;width:190%;height:auto}
 .accessories-hero .hero-content{position:absolute;inset:0;width:calc(100% - 46px);padding-top:139px;justify-content:flex-start}
 .accessories-hero .hero-content h1{font-size:46px;margin-bottom:17px}
 .accessories-hero .hero-content p{font-size:14px;line-height:1.75;margin-bottom:20px;max-width:320px}
 .accessories-hero .hero-kicker{font-size:10px;margin-bottom:16px}
 .accessories-hero .hero-shade{background:linear-gradient(180deg,#061526 0%,#061526 40%,#061526b3 42%,transparent 47%)}
 .accessories-hero .hero-bottom{bottom:14px}
 .accessories-hero .hero-bottom>span{font-size:9px}
 .category-nav>div{gap:38px}.category-nav a{font-size:11px;padding-block:20px}
 .lineup-intro{padding:33px 22px 0}
 .lineup-intro h2{font-size:17px}.lineup-intro p{font-size:13px;line-height:1.8}
 .product-section{margin:0 22px;padding:34px 0 36px}
 .section-title{padding:0;text-align:left}.section-number{font-size:11.5px}
 .section-title h2{font-size:26px;line-height:1.2}.section-title p{font-size:13px;line-height:1.8}
 .comparison-toolbar{font-size:9px;margin-top:21px}
 .antenna-comparison .product-top strong{font-size:13.5px}
 .antenna-comparison .product-position{font-size:10.5px;min-height:38px}
 .antenna-comparison .product-image{height:195px;margin-bottom:14px}
 .antenna-comparison tbody td{font-size:12px;padding:13px 9px}
 .antenna-comparison tbody th{font-size:11px;line-height:1.6;padding:13px 9px 13px 0}
 .antenna-comparison .row-title{gap:6px}.antenna-comparison .spec-icon{width:14px;height:14px;flex-basis:14px}
 .compare-arrow{width:28px;height:28px;top:101px}.compare-previous{left:-14px}.compare-next{right:-14px}
 .technical-note{font-size:10.5px;line-height:1.8}
 .antenna-notes{grid-template-columns:1fr;gap:18px;margin-top:23px}.antenna-notes p,.antenna-notes strong{font-size:12px}
 :is(.poe-spotlight,.sector-spotlight){grid-template-columns:1fr;margin:12px 0 18px;gap:8px}
 :is(.poe-spotlight,.sector-spotlight) .spotlight-image{height:290px}:is(.poe-spotlight,.sector-spotlight) .product-image{height:270px;max-width:340px}
 :is(.poe-spotlight,.sector-spotlight) h3{font-size:24px;white-space:normal;overflow-wrap:anywhere;margin-top:11px}
 :is(.poe-spotlight,.sector-spotlight) .spotlight-copy>p{font-size:13px;line-height:1.8}
 :is(.poe-spotlight,.sector-spotlight) .spotlight-specs{gap:20px 14px}
 :is(.poe-spotlight,.sector-spotlight) dt{font-size:10.5px;gap:5px}:is(.poe-spotlight,.sector-spotlight) dd{font-size:12px;padding-left:20px}
 :is(.poe-details,.sector-details){margin-top:24px}:is(.poe-details,.sector-details) th{width:125px}
 :is(.poe-details,.sector-details) .comparison th{font-size:11px}:is(.poe-details,.sector-details) .comparison td{font-size:12px;padding-left:10px}
 .contact-band h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.antenna-slider .comparison-scroll{scroll-behavior:auto}.compare-arrow{transition:none}}

/* Hide comparison arrows when all four omni antennas fit in the viewport. */
.compare-arrow[hidden]{display:none}
@media(max-width:760px){.category-nav>div{gap:25px}.category-nav a{font-size:10.5px}}

/* Complete sector specifications, grouped for easy scanning. */
.sector-full-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;max-width:1100px}
.sector-spec-group h4{font-size:14px;font-weight:600;letter-spacing:.015em;color:#263852;margin:0 0 19px}
.sector-full-specs .comparison th{width:52%;padding-block:12px;vertical-align:middle}
.sector-full-specs .comparison td{font-size:12.5px;padding-block:12px;vertical-align:middle;overflow-wrap:normal}
.sector-full-specs .row-title{align-items:center}
.sector-section .sector-note{max-width:1100px}
@media(max-width:960px){.sector-full-specs{gap:26px}.sector-full-specs .comparison th{width:53%}}
@media(max-width:760px){
 .sector-full-specs{grid-template-columns:1fr;gap:29px}
 .sector-spec-group h4{font-size:13px;margin-bottom:16px}
 .sector-full-specs .comparison th{width:52%;position:static;box-shadow:none}
 .sector-full-specs .comparison td{font-size:12px}
}

.antenna-comparison .antenna-4{max-width:145px;object-fit:contain}.antenna-comparison th[data-product-col="4"] strong{font-size:13px;white-space:normal}.antenna-comparison th[data-product-col="4"] .product-actions{gap:14px}