/* PXT: unified engineering / product / service page template (content rewrite). Scoped to .px so it cannot leak. */
.px{--pxl:rgba(255,255,255,.11);--pxl2:rgba(243,199,122,.34);--pxc:linear-gradient(165deg,#0e2142 0%,#091630 100%);--pxt:#c6d1e3;--pxm:#9fb0c8;
 background:#060e1c;color:var(--pxt);font-family:var(--f);font-size:16px;line-height:1.65;font-weight:400;position:relative;z-index:1}
.px *{box-sizing:border-box}
.px-sec{padding:96px 0;border-top:1px solid var(--pxl)}
.px-sec.pxa{background:#060e1c}.px-sec.pxb{background:#081428}
.px-sec:first-child{border-top:0}
.px-head{max-width:860px;margin:0 0 48px}
.px .px-eb{display:flex;align-items:center;gap:14px;margin:0 0 18px;font:600 12px/1 var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.px .px-eb .px-n{display:inline-flex;align-items:center;gap:14px;color:var(--gold)}
.px .px-eb .px-n:after{content:"";width:34px;height:1px;background:var(--gold);opacity:.7}
.px h2{font:600 clamp(28px,2.7vw,38px)/1.18 var(--f);letter-spacing:-.018em;color:#fff;margin:0;text-transform:none}
.px .px-sub{margin:18px 0 0;font:400 17px/1.7 var(--f);color:var(--pxm);max-width:760px}
.px h3{font:600 19px/1.32 var(--f);letter-spacing:-.005em;color:#fff;margin:0;text-transform:none}
.px p{margin:0}
/* overview */
.px-ov{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center}
.px-ov.px-solo{grid-template-columns:minmax(0,860px)}
.px-ov .px-lede{font:400 19px/1.7 var(--f);color:#dbe4f2;margin:22px 0 34px;max-width:62ch}
.px-ov .px-head{margin:0}
.px-ov .dfig{margin:0}
.px-ov .btn{margin-top:0}
/* step cards */
.px-grid{display:grid;gap:24px;align-items:stretch;list-style:none;margin:0;padding:0}
.px-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.px-card{display:flex;flex-direction:column;gap:14px;padding:32px 30px 28px;background:var(--pxc);border:1px solid var(--pxl);border-radius:10px;height:100%;position:relative}
.px-card .px-cn{font:600 13px/1 var(--f);letter-spacing:.18em;color:var(--gold);display:flex;align-items:center;gap:12px}
.px-card .px-cn:after{content:"";flex:1;height:1px;background:var(--pxl)}
.px-card p{font:400 15.5px/1.65 var(--f);color:var(--pxt)}
.px-dl{margin-top:auto;padding-top:16px;border-top:1px dashed var(--pxl2);display:flex;flex-direction:column;gap:6px}
.px-dl b{font:600 11px/1 var(--f);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.px-dl span{font:500 14.5px/1.5 var(--f);color:#e6edf8}
/* standards */
.px-std{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.px-std li{display:grid;grid-template-columns:168px minmax(0,1fr);gap:8px 22px;padding:20px 0;border-top:1px solid var(--pxl);align-items:baseline}
.px-std li:nth-last-child(-n+2){border-bottom:1px solid var(--pxl)}
.px-std .px-code{font:600 15px/1.4 var(--f);color:var(--gold);letter-spacing:.01em}
.px-std span:last-child{font:400 15.5px/1.6 var(--f);color:var(--pxt)}
/* product and project-type grids */
.px-list{gap:20px}
.px-list li{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;min-height:96px;background:var(--pxc);border:1px solid var(--pxl);border-radius:10px;font:500 15.5px/1.5 var(--f);color:#e6edf8;height:100%}
.px-list li:before{content:"";flex:0 0 8px;height:8px;margin-top:8px;background:var(--gold);border-radius:50%}
.px-list.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.px-list.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.px-types li{background:transparent;border-color:var(--pxl);font-weight:500}
.px-types li:before{border-radius:1px;width:14px;flex-basis:14px;height:2px;margin-top:12px}
/* faq */
.px-faq{grid-template-columns:repeat(2,minmax(0,1fr))}
.px-faq .px-card{padding:30px;gap:12px}
.px-faq p{font-size:15.5px}
/* image cards (hubs, related) */
.px-cards{gap:24px}
.px-cards.n1{grid-template-columns:minmax(0,1fr)}
.px-cards.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.px-cards.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.px-cards.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.px-cards.n5,.px-cards.n7{grid-template-columns:repeat(12,minmax(0,1fr))}
.px-cards.n5>*{grid-column:span 4}.px-cards.n5>:nth-child(n+4){grid-column:span 6}
.px-cards.n7>*{grid-column:span 3}.px-cards.n7>:nth-child(n+5){grid-column:span 4}
.px-cards.n8{grid-template-columns:repeat(4,minmax(0,1fr))}
.pxc{display:flex;flex-direction:column;background:var(--pxc);border:1px solid var(--pxl);border-radius:10px;overflow:hidden;color:inherit;text-decoration:none;height:100%;transition:border-color .35s var(--ease),transform .35s var(--ease)}
.pxc:hover{border-color:var(--pxl2);transform:translateY(-3px)}
.pxc .pxf{margin:0;aspect-ratio:16/10;overflow:hidden;background:#050b17}
.pxc .pxf img{width:100%;height:100%;object-fit:cover;display:block}
.pxc .pxb{display:flex;flex-direction:column;gap:12px;padding:26px 28px 26px;flex:1}
.pxc .pxb p{font:400 15px/1.62 var(--f);color:var(--pxt)}
.pxc .pxgo{margin-top:auto;padding-top:6px;font:600 13px/1 var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:inline-flex;gap:10px}
.px-cards.n1 .pxc{flex-direction:row}
.px-cards.n1 .pxc .pxf{flex:0 0 42%;aspect-ratio:auto;min-height:260px}
.px-cards.n1 .pxc .pxb{justify-content:center;padding:36px}
.px-ghead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.px-ghead .lnk{margin-bottom:6px}
.px-sub2{margin-top:56px}
.px-others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.px-others a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 24px;background:var(--pxc);border:1px solid var(--pxl);border-radius:10px;color:#e6edf8;font:500 15.5px/1.4 var(--f);text-decoration:none;min-height:84px;height:100%}
.px-others a:hover{border-color:var(--pxl2)}
.px-others a i{color:var(--gold);font-style:normal}
/* mega-menu intro line */
.mmh .mmd{margin:10px 0 14px;font:400 14px/1.55 var(--f);color:rgba(233,238,246,.74);max-width:34ch}
@media (max-width:1279px){
 .px-list.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .px-cards.n4,.px-cards.n8{grid-template-columns:repeat(2,minmax(0,1fr))}
 .px-cards.n7{grid-template-columns:repeat(6,minmax(0,1fr))}
 .px-cards.n7>*,.px-cards.n7>:nth-child(n+5){grid-column:span 3}
 .px-cards.n7>:last-child{grid-column:span 6}
 .px-others{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1099px){
 .px-sec{padding:80px 0}
 .px-ov{grid-template-columns:1fr;gap:44px}
 .px-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .px-std{grid-template-columns:1fr;gap:0}
 .px-std li:nth-last-child(-n+2){border-bottom:0}
 .px-std li:last-child{border-bottom:1px solid var(--pxl)}
 .px-cards.n5{grid-template-columns:repeat(6,minmax(0,1fr))}
 .px-cards.n5>*{grid-column:span 2}.px-cards.n5>:nth-child(n+4){grid-column:span 3}
 .px-cards.n1 .pxc{flex-direction:column}
 .px-cards.n1 .pxc .pxf{flex:none;aspect-ratio:16/8;min-height:0}
}
@media (max-width:899px){
 .px-list.n6{grid-template-columns:repeat(2,minmax(0,1fr))}
 .px-cards.n3{grid-template-columns:1fr}
 .px-faq{grid-template-columns:1fr}
}
@media (max-width:699px){
 .px-sec{padding:64px 0}
 .px-head{margin-bottom:34px}
 .px-steps,.px-list.n6,.px-list.n4,.px-cards.n2,.px-cards.n4,.px-cards.n8,.px-others{grid-template-columns:1fr}
 .px-cards.n5,.px-cards.n7{grid-template-columns:1fr}
 .px-cards.n5>*,.px-cards.n5>:nth-child(n+4),.px-cards.n7>*,.px-cards.n7>:nth-child(n+5),.px-cards.n7>:last-child{grid-column:auto}
 .px-card{padding:26px 22px 24px}
 .px-std li{grid-template-columns:1fr;gap:4px;padding:16px 0}
 .px-ov .px-lede{font-size:17px}
 .px-grid,.px-cards{gap:16px}
 .px-list li{min-height:0;padding:18px 20px}
}