/* Product-category mastheads. Real product assets and code-native concept diagrams. */
.category-banner{--category-accent:#8edbcc;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#081d30;background-image:radial-gradient(ellipse at 84% 36%,#246d7638,transparent 52%),linear-gradient(115deg,#061927,#102b43);border-bottom:1px solid #254258}
.category-banner-switches{--category-accent:#9acbf9;background-image:radial-gradient(ellipse at 83% 38%,#4070a547,transparent 53%),linear-gradient(115deg,#071827,#102c46)}
.category-banner-gateways{--category-accent:#aad6ed;background-image:radial-gradient(ellipse at 82% 40%,#316a9445,transparent 51%),linear-gradient(115deg,#071b2c,#0d3046)}
.category-banner-security{--category-accent:#a0dfcb;background-image:radial-gradient(ellipse at 82% 38%,#247d6945,transparent 53%),linear-gradient(115deg,#071d2a,#123d42)}
.category-banner-management{--category-accent:#b6c7f3;background-image:radial-gradient(ellipse at 82% 38%,#5961b13d,transparent 53%),linear-gradient(115deg,#0a1b2f,#203351)}
.category-banner-accessories{--category-accent:#efc5a1;background-image:radial-gradient(ellipse at 82% 38%,#86634235,transparent 53%),linear-gradient(115deg,#0b1c2b,#263c4c)}
.category-banner-archive{--category-accent:#c1d0db}
.category-banner-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#8bc4d207 1px,transparent 1px),linear-gradient(90deg,#8bc4d207 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 28%,#000)}
.category-banner .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#a2bbce;font-size:11px;padding-top:27px;margin-bottom:0;line-height:1.8}
.category-banner .breadcrumb span{color:#506f85}.category-banner .breadcrumb a:hover{color:#fff}
.category-banner-main{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:40px;padding:35px 0 43px;min-height:405px}
.category-banner-copy{position:relative;z-index:5;min-width:0}
.category-banner-kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#abc4d6;line-height:1.7;margin-bottom:18px}
.category-banner-kicker>span{display:block;width:26px;height:2px;background:#ef8a46;flex-shrink:0}
.category-banner h1{font-size:clamp(34px,3.15vw,45px);font-weight:600;line-height:1.3;letter-spacing:-1.2px;color:#fff}
.category-banner-tagline{font-size:clamp(19px,1.9vw,26px);font-weight:400;line-height:1.6;letter-spacing:.1px;margin-top:9px;color:var(--category-accent)}
.category-banner-intro{max-width:520px;color:#b9cbd9;font-size:13px;line-height:1.95;margin-top:18px}
.category-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 23px;margin-top:25px}
.category-banner-actions .button{min-height:46px;padding:11px 19px;font-size:13px;gap:16px}
.category-banner-consult{display:inline-flex;align-items:center;gap:12px;font-size:12px;color:#d2e0e9;line-height:1.6;padding-block:6px}
.category-banner-consult:hover{color:#fff}
.category-banner-topics{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}
.category-banner-topics a{display:flex;align-items:center;gap:12px;line-height:1.5;border:1px solid #ffffff26;border-radius:3px;padding:6px 10px;font-size:11px;color:#b8cfdd;background:#ffffff04;transition:background .15s,border-color .15s}
.category-banner-topics a>span{font-size:12px;color:var(--category-accent)}
.category-banner-topics a:hover{color:#fff;background:#ffffff0e;border-color:#8db8cc}
.category-banner-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff20;padding:23px 0 25px;gap:28px}
.category-banner-pillars>div{display:flex;align-items:baseline;gap:13px;padding-left:25px;border-left:1px solid #ffffff23;min-width:0}
.category-banner-pillars>div:first-child{padding-left:0;border-left:0}
.category-banner-pillars strong{font-size:15px;line-height:1.5;font-weight:600;color:#f0f7fb;white-space:nowrap}
.category-banner-pillars span{font-size:11px;color:#92aec1;line-height:1.6}
.category-banner-art{position:relative;min-width:0;width:100%;height:350px;isolation:isolate}
.category-art-ring{position:absolute;border:1px solid #8bbfdc25;border-radius:50%;width:315px;height:315px;left:47%;top:46%;transform:translate(-50%,-50%);z-index:-1}
.category-art-ring.ring-two{width:405px;height:405px;border-style:dashed;border-color:#8bbfdc15;transform:translate(-50%,-50%) rotate(-20deg)}
.category-art-connections{position:absolute;inset:0;width:100%;height:100%;stroke:var(--category-accent);stroke-width:1;opacity:.4;z-index:-1}
.category-art-connections circle{fill:var(--category-accent);stroke:none}
.category-art-label{position:absolute;top:0;left:14px;line-height:1.5;font-size:10px;letter-spacing:1.6px;color:#bad1df;padding:7px 13px;border:1px solid #a1d1df30;border-radius:3px;background:#0a263c8c;z-index:6}
.category-product-visual{position:absolute;background:#f9fbfc;border:1px solid #fff;border-radius:12px;box-shadow:0 22px 35px #00000026;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:transform .25s}
.category-product-visual img{width:100%;min-height:0;flex:1;object-fit:contain;padding:14px 17px 5px;background:#fff}
.category-product-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#335268;font-size:11px;padding:8px 14px;border-top:1px solid #e9eef2;line-height:1.5}
.category-product-visual figcaption>span:last-child{color:#8197a5}
.category-product-visual.visual-0{left:22%;top:35px;width:58%;height:244px;z-index:3;transform:rotate(-4deg)}
.category-product-visual.visual-1{left:0;top:169px;width:31%;height:147px;z-index:4;transform:rotate(3deg)}
.category-product-visual.visual-2{right:0;top:196px;width:34%;height:143px;z-index:4;transform:rotate(3deg)}
.category-banner-wireless .visual-0 img,.category-banner-all .visual-0 img{padding:16px 48px 5px}
.category-banner-gateways .visual-1 img{padding-inline:30px}
.category-banner-accessories .visual-0 img{padding:20px}
.category-art-index{position:absolute;bottom:4px;left:36%;color:#7493a9;font-size:8px;letter-spacing:2px;line-height:1.6;white-space:nowrap}
.category-concept-panel{position:absolute;left:7%;top:36px;width:85%;background:#f7fafc;box-shadow:0 25px 48px #0003;border:1px solid #c3d8e8;border-radius:12px;padding:22px 23px 14px;transform:rotate(-3deg);color:#1d3a50;z-index:3}
.concept-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #dce6ed}
.concept-panel-brand{font-size:22px;letter-spacing:-.7px;font-weight:600;color:#123a55;line-height:1.4}
.concept-panel-heading>span:last-child{font-size:7px;letter-spacing:1px;color:#7690a4}
.concept-network-map{padding-top:20px;position:relative;isolation:isolate}
.concept-cloud{position:relative;background:#e7f1f7;border:1px solid #c0d8e8;color:#224f6a;border-radius:7px;padding:11px;width:64%;margin:auto;text-align:center;font-size:17px;line-height:1.4;font-weight:600}
.concept-cloud>span{display:block;font-weight:400;font-size:9px;letter-spacing:1px;margin-top:4px;color:#61839a}
.concept-map-line{position:absolute;left:17%;top:70px;width:66%;height:52px;border:1px solid #b7cddd;z-index:-1;border-bottom:0}
.concept-map-line:before{content:"";position:absolute;left:50%;height:52px;border-left:1px solid #b7cddd}
.concept-node-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.concept-node-row>span{text-align:center;font-size:10px;color:#44647a;line-height:1.5}
.concept-node-row i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:600;letter-spacing:.6px;width:43px;height:34px;margin:0 auto 7px;background:#fff;border:1px solid #d8e4ed;border-radius:5px;color:#315f7e;box-shadow:0 3px 6px #163d5310}
.concept-operation-row{display:flex;justify-content:center;gap:7px;margin-top:18px}
.concept-operation-row span{font-size:9px;padding:3px 10px;background:#e8eff5;color:#5d798d;border-radius:2px}
.concept-panel-note{font-size:8px;text-align:right;color:#8a9eac;line-height:1.6;margin-top:15px}
.concept-security-core{display:flex;align-items:center;flex-direction:column;padding-top:18px}
.concept-security-core svg{height:75px;width:67px;stroke:#398e83;stroke-width:3;fill:#e5f3ef}
.concept-security-core svg path+path{fill:none;stroke:#358878;stroke-width:4}
.concept-security-core strong{font-size:14px;margin-top:9px;font-weight:500;letter-spacing:1px}
.concept-security-core>span{font-size:9px;color:#6e8994;margin-top:3px}
.category-art-security .concept-node-row{margin-top:18px}
#catalog-results{scroll-margin-top:0}
@media(min-width:1500px){.category-banner-main{min-height:430px;gap:65px;padding-top:39px;padding-bottom:45px}.category-banner-art{height:370px}.category-product-visual.visual-0{height:260px}.category-product-visual.visual-2{top:214px}.category-concept-panel{top:42px}}
@media(max-width:1100px){.category-banner-main{gap:25px;grid-template-columns:1.05fr 1fr}.category-banner h1{font-size:34px}.category-banner-tagline{font-size:21px}.category-banner-art{height:325px}.category-product-visual.visual-0{height:218px;left:19%;width:63%;top:38px}.category-product-visual.visual-1{height:132px;top:166px}.category-product-visual.visual-2{height:124px;top:184px}.category-banner-pillars>div{display:block}.category-banner-pillars span{display:block;margin-top:4px}.category-concept-panel{padding:18px 16px 12px;left:3%;width:94%}.category-art-index{left:24%;bottom:0}.concept-panel-heading>span:last-child{font-size:6px;letter-spacing:.4px}.category-banner-topics a{font-size:10px;gap:8px}}
@media(max-width:800px) and (min-width:651px){.category-banner-main{grid-template-columns:1.05fr .95fr;gap:18px}.category-banner h1{font-size:30px}.category-banner-tagline{font-size:19px}.category-banner-intro{font-size:12px}.category-banner-actions{gap:10px}.category-banner-actions .button{font-size:12px;padding:10px 14px}.category-banner-consult{font-size:11px}.category-banner-topics{gap:5px}.category-banner-topics a{font-size:9px;padding:5px 7px}.category-banner-art{height:290px}.category-product-visual.visual-0{height:195px;top:40px}.category-product-visual.visual-1{height:117px;top:154px}.category-product-visual.visual-2{height:106px;top:169px}.category-banner-wireless .visual-0 img,.category-banner-all .visual-0 img{padding:12px 25px 2px}.category-product-visual figcaption{font-size:9px;padding:6px 9px}.category-art-label{left:0;font-size:8px}.category-concept-panel{top:30px;padding:16px 12px 10px}.concept-panel-brand{font-size:18px}.concept-panel-heading>span:last-child{display:none}.concept-network-map{padding-top:15px}.concept-node-row{gap:6px;margin-top:20px}.concept-operation-row{gap:4px}.concept-operation-row span{font-size:8px;padding:3px 6px}.concept-panel-note{margin-top:10px}.concept-security-core svg{height:65px}.concept-security-core strong{font-size:12px}.concept-security-core>span{font-size:8px}}
@media(max-width:650px){.category-banner .breadcrumb{padding-top:22px;font-size:10px;gap:8px}.category-banner-main{grid-template-columns:1fr;gap:25px;min-height:0;padding:29px 0 27px}.category-banner-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:13px;gap:9px}.category-banner h1{font-size:32px;letter-spacing:-.7px}.category-banner-tagline{font-size:19px;line-height:1.6;margin-top:8px;max-width:340px}.category-banner-intro{font-size:12px;line-height:1.95;margin-top:14px;max-width:450px}.category-banner-actions{margin-top:20px;gap:11px 18px}.category-banner-actions .button{font-size:12px;padding:10px 15px;gap:14px;min-height:43px}.category-banner-consult{font-size:11px;gap:9px}.category-banner-topics{margin-top:18px;gap:6px}.category-banner-topics a{font-size:10px;gap:9px;padding:5px 8px}.category-banner-art{height:248px;width:min(405px,100%);margin:0 auto}.category-art-label{left:0;font-size:9px;letter-spacing:1px;padding:5px 9px}.category-art-ring{width:220px;height:220px;left:50%;top:51%}.category-art-ring.ring-two{width:290px;height:290px}.category-product-visual{border-radius:9px;box-shadow:0 12px 24px #0003}.category-product-visual.visual-0{height:181px;width:57%;left:23%;top:29px}.category-product-visual.visual-1{width:31%;height:115px;top:110px}.category-product-visual.visual-2{width:34%;height:107px;top:136px}.category-product-visual img{padding:8px 10px 2px}.category-banner-wireless .visual-0 img,.category-banner-all .visual-0 img{padding:12px 23px 2px}.category-product-visual figcaption{font-size:9px;padding:6px 9px;gap:4px}.category-banner-gateways .visual-1 img{padding-inline:18px}.category-art-index{left:34%;bottom:0;font-size:6px;letter-spacing:1.3px}.category-banner-pillars{gap:13px;padding:18px 0 22px}.category-banner-pillars>div{padding-left:12px;display:block}.category-banner-pillars strong{font-size:12px;white-space:normal;line-height:1.6}.category-banner-pillars span{font-size:9px;margin-top:4px;line-height:1.7}.category-concept-panel{top:19px;left:9%;width:84%;padding:15px 17px 10px}.category-art-management,.category-art-security{height:290px}.concept-panel-brand{font-size:20px}.concept-panel-heading{padding-bottom:11px}.concept-panel-heading>span:last-child{font-size:6px;letter-spacing:.2px}.concept-network-map{padding-top:16px}.concept-cloud{font-size:15px;padding:9px}.concept-cloud>span{font-size:8px}.concept-node-row{gap:8px;margin-top:20px}.concept-node-row>span{font-size:9px}.concept-node-row i{width:36px;height:29px;font-size:10px;margin-bottom:5px}.concept-map-line{top:58px;height:52px}.concept-operation-row{gap:5px;margin-top:15px}.concept-operation-row span{font-size:8px;padding:3px 7px}.concept-panel-note{font-size:7px;margin-top:11px}.concept-security-core{padding-top:14px}.concept-security-core svg{height:65px}.concept-security-core strong{font-size:12px}.concept-security-core>span{font-size:8px}.category-art-security .concept-node-row{margin-top:13px}#catalog-results{scroll-margin-top:0}}
@media(max-width:350px){.category-banner h1{font-size:29px}.category-banner-tagline{font-size:17px}.category-banner-kicker{font-size:8px;letter-spacing:1px}.category-banner-actions{gap:9px}.category-banner-actions .button{padding-inline:12px;font-size:11px}.category-banner-consult{font-size:10px}.category-banner-art{height:220px}.category-product-visual.visual-0{height:160px;left:21%;top:28px}.category-product-visual.visual-1{height:98px;top:105px;width:32%}.category-product-visual.visual-2{height:91px;top:125px}.category-product-visual figcaption{font-size:8px;padding:5px 7px}.category-art-index{left:29%}.category-banner-pillars{gap:9px}.category-banner-pillars>div{padding-left:9px}.category-banner-pillars strong{font-size:11px}.category-banner-pillars span{font-size:8px}.category-art-management,.category-art-security{height:283px}.category-concept-panel{left:4%;width:92%;padding:15px 13px 10px}.concept-panel-heading>span:last-child{font-size:5px}}
@media(prefers-reduced-motion:reduce){.category-product-visual,.category-banner-topics a{transition:none}}

/* Keep primary model labels clear of the overlapping supporting cards. */
.category-visual-link{display:flex;flex:1;min-height:0;width:100%}.category-visual-link img{width:100%;height:100%;min-height:0}.category-product-visual.visual-0 figcaption{position:absolute;inset:8px 7px auto;border:0;background:transparent;padding:6px 10px}.category-product-visual.visual-0 img{padding-top:34px}.category-product-visual figcaption a:hover{color:#b65c22}.category-product-visual:focus-within{outline:3px solid var(--category-accent);outline-offset:5px}
@media(max-width:650px){.category-product-visual.visual-0 figcaption{inset:5px 4px auto;padding:5px 7px}.category-product-visual.visual-0 img{padding-top:27px}.category-banner-pillars span{font-size:10px}}