/* ===== NOORTECH "Why" — shield hub ===== */
#why-noortech{background:radial-gradient(90% 80% at 50% 35%,#3a3179,#2b2560 55%,#1d1948) !important;color:#fff;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;position:relative;overflow:hidden}
#why-noortech .wx-head{text-align:center;max-width:720px;margin:0 auto 54px}
#why-noortech .wx-label{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f0b429}
#why-noortech .wx-label:before,#why-noortech .wx-label:after{content:'';width:26px;height:2px;background:#f0b429}
#why-noortech .wx-title{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.03em;line-height:1.05;font-size:clamp(34px,4.6vw,56px);color:#fff !important;margin:16px 0 0}
#why-noortech .wx-sub{margin:18px auto 0;color:rgba(255,255,255,.75) !important;line-height:1.7;font-size:17px;max-width:560px}
.wx-stage{display:grid;grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr);align-items:stretch}
.wx-col{position:relative;display:grid;grid-template-rows:repeat(3,1fr);gap:18px}
.wx-col.l{padding-right:70px}.wx-col.r{padding-left:70px}
.wx-col:before{content:'';position:absolute;top:16.6%;bottom:16.6%;width:0;border-left:2px dashed rgba(240,180,41,.5)}
.wx-col.l:before{right:0}.wx-col.r:before{left:0}
.wx-card{position:relative;display:flex;gap:16px;align-items:center;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s,background .25s,border-color .25s;min-height:132px}
.wx-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.14);border-color:rgba(240,180,41,.6)}
.wx-card:after{content:'';position:absolute;top:50%;width:70px;border-top:2px dashed rgba(240,180,41,.5)}
.wx-col.l .wx-card:after{left:100%}.wx-col.r .wx-card:after{right:100%}
.wx-ic{width:48px;height:48px;border-radius:14px;background:#f0b429;color:#2b2560;display:grid;place-items:center;font-size:18px;flex:none}
.wx-t{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:19px;line-height:1.15;color:#fff !important;display:block}
.wx-p{margin:6px 0 0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.74) !important}
.wx-mid{position:relative;display:grid;place-items:center}
.wx-mid:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:2px dashed rgba(240,180,41,.5)}
.wx-shield{position:relative;width:240px;height:270px;clip-path:polygon(50% 0,100% 18%,100% 62%,50% 100%,0 62%,0 18%);background:linear-gradient(160deg,#f0b429,#d99a0b);display:grid;place-items:center;text-align:center;color:#2b2560;animation:wx-float 5s ease-in-out infinite}
.wx-shield b{display:block;font-family:'Fraunces',Georgia,serif;font-size:62px;line-height:1}
.wx-shield span{display:block;font-size:13px;font-weight:800;letter-spacing:.16em}
@keyframes wx-float{50%{transform:translateY(-8px)}}
@media(max-width:991px){
 .wx-stage{grid-template-columns:minmax(0,1fr);row-gap:18px}
 .wx-mid{order:-1;margin-bottom:10px}.wx-mid:before{display:none}.wx-shield{width:190px;height:214px}.wx-shield b{font-size:48px}
 .wx-col.l,.wx-col.r{padding:0}.wx-col:before,.wx-card:after{display:none}.wx-col{grid-template-rows:none}
}
@media(prefers-reduced-motion:reduce){.wx-shield{animation:none}.wx-card{transition:none}}