/* NEXAR UX5 Stage 08 — cinematic hub, real module cards and clear company context */
.nx4-hub .hub-content{max-width:1500px;padding:clamp(15px,2.7vw,32px) clamp(14px,3.5vw,52px) 35px}
.nx4-hub .hub-hero{min-height:285px;border-radius:22px;overflow:hidden;isolation:isolate;background:
 radial-gradient(ellipse 47% 70% at 85% 5%,#3B6FAB6B,transparent 77%),
 radial-gradient(ellipse 50% 65% at 2% 95%,#55438852,transparent 76%),
 linear-gradient(125deg,#0B1830 0%,#162E52 65%,#202E56 100%);
 border:1px solid #7A9BC957;box-shadow:0 26px 55px -42px #081C43BE;padding:clamp(23px,3.3vw,49px)}
.nx4-hub .hub-hero:before{content:"";display:block;position:absolute;inset:-25%;background-image:linear-gradient(#C3DAF00A 1px,transparent 1px),linear-gradient(90deg,#C3DAF00A 1px,transparent 1px);background-size:53px 53px;transform:rotate(-12deg);pointer-events:none;opacity:1}
.nx4-hub .hub-hero .hub-hero-content{position:relative;z-index:2}
.nx4-hub .hub-hero .hero-heading{font-size:clamp(30px,3.35vw,48px);line-height:1.44;font-weight:900;letter-spacing:-.012em;color:white}
.nx4-hub .hub-hero .hero-heading span{background:linear-gradient(95deg,#A6EEFF,#8BAFFF 55%,#C3AEFF);background-clip:text;-webkit-background-clip:text;color:transparent}
.nx4-hub .hub-hero .hero-sub{font-size:14px;line-height:1.85;color:#D6E7F7;max-width:60ch}
.nx4-hub .hub-hero .hero-eyebrow{color:#A0DBF3;font-size:11px;letter-spacing:.03em;font-weight:900}
.nx4-hub .hub-hero .hero-meta span{font-size:12px;line-height:1.7;border-color:#D3EAFF33;background:#FFFFFF12;color:#E6F3FF}
.nx4-hub .hub-hero .nx4-hero-art{opacity:.82;filter:drop-shadow(0 12px 25px #64A4FF25)}
.nx4-hub .section-heading-rich{margin-top:24px}
.nx4-hub .section-heading-rich h2{font-weight:900;font-size:clamp(20px,2.2vw,29px)}
.nx4-hub .section-heading-rich p{font-size:13px;color:var(--nx5-tone-secondary);line-height:1.9}
.nx4-hub .grid-apps{gap:15px}
.nx4-hub .app-card{min-height:194px;padding:19px 19px 15px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--app-accent) 8%,var(--nx4-panel)) 0%,var(--nx4-panel) 65%)!important;
 border:1px solid color-mix(in srgb,var(--app-accent) 24%,var(--nx4-line-light));box-shadow:0 13px 35px -29px color-mix(in srgb,var(--app-accent) 33%,#0C1D42);transition:border-color 170ms ease,box-shadow 170ms ease,transform 170ms ease}
.nx4-hub .app-card:before{height:4px;background:var(--app-accent)}
.nx4-hub .app-card .app-icon{width:52px;height:52px;flex:none;border-radius:15px;border:1px solid color-mix(in srgb,var(--app-accent) 27%,var(--nx4-line-light));background:color-mix(in srgb,var(--app-accent) 12%,var(--nx4-panel))}
.nx4-hub .app-card-copy strong{font-size:clamp(16px,1.4vw,20px);font-weight:900;color:var(--nx5-tone-primary)}
.nx4-hub .app-card .app-card-description{font-size:12px;line-height:1.8;color:var(--nx5-tone-secondary)}
.nx4-hub .app-card .app-card-num{font-size:10px;letter-spacing:.07em;font-weight:900}
.nx4-hub .app-card .app-card-indicator{font-size:11px;color:var(--nx5-tone-secondary)}
.nx4-hub .app-card .app-card-link{font-size:12px;font-weight:900}
.nx4-hub .app-card:hover:not(:disabled){transform:translateY(-3px);border-color:color-mix(in srgb,var(--app-accent) 50%,var(--nx4-line-light));box-shadow:0 19px 46px -34px color-mix(in srgb,var(--app-accent) 34%,#10264B)}
.nx4-hub .app-card:focus-visible{outline:3px solid var(--app-accent);outline-offset:3px}
.nx4-hub .app-card:disabled{opacity:.52;filter:saturate(.7);cursor:not-allowed;transform:none}
.nx4-hub .app-card-footer{border-top:1px solid color-mix(in srgb,var(--app-accent) 17%,var(--nx4-line-light));padding-top:12px}
.nx4-hub .hub-footer{color:var(--nx5-tone-secondary);font-size:12px;line-height:1.7}
[data-theme="dark"] .nx4-hub .app-card{background:linear-gradient(180deg,color-mix(in srgb,var(--app-accent) 10%,var(--nx4-panel)) 0%,var(--nx4-panel) 75%)!important}
[data-theme="dark"] .nx4-hub .app-card-copy strong{color:var(--nx5-tone-primary)}
@media(max-width:920px){
 .nx4-hub .hub-hero{min-height:235px;padding:22px}
 .nx4-hub .hub-hero .hero-heading{font-size:clamp(25px,3.4vw,34px)}
 .nx4-hub .app-card{min-height:175px}
}
@media(max-width:620px){
 .nx4-hub .hub-content{padding-inline:12px}
 .nx4-hub .hub-hero{min-height:221px;padding:22px 17px;border-radius:15px}
 .nx4-hub .hub-hero .hero-heading{font-size:clamp(25px,6vw,33px)}
 .nx4-hub .hub-hero .hero-sub{font-size:12px}
 .nx4-hub .hub-hero .hero-meta span{font-size:10px}
 .nx4-hub .grid-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .nx4-hub .app-card{min-height:178px;border-radius:13px;padding:13px 11px 11px}
 .nx4-hub .app-card .app-icon{width:41px;height:41px;border-radius:12px}
 .nx4-hub .app-card-copy strong{font-size:14px}
 .nx4-hub .app-card .app-card-description{font-size:11px}
 .nx4-hub .app-card .app-card-link{font-size:10px}
}
@media(max-width:359px){
 .nx4-hub .grid-apps{grid-template-columns:1fr}
 .nx4-hub .app-card{min-height:151px;padding:13px 14px 11px}
 .nx4-hub .hub-hero .hero-heading{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.nx4-hub .app-card{transition:none!important;transform:none!important}}