/* V6.2: lightweight CSS-built illustrative interfaces, synchronized with hero slides. */
.hero-art .nw-showcase{--tilt-x:0deg;--tilt-y:0deg;position:relative;isolation:isolate;transform:rotate(-5deg) perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));width:340px;height:405px;padding:21px;overflow:hidden;transition:transform .5s ease,background .6s ease,filter .5s ease;box-shadow:0 28px 72px #060a2790,0 0 55px #6465ff25}
html[dir=ltr] .hero-art .nw-showcase{transform:scaleX(-1) rotate(-5deg) perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.hero-art .nw-showcase .card-top,.hero-art .nw-showcase .card-bottom{position:relative;z-index:2;letter-spacing:1.2px}.nw-live-indicator{display:flex;gap:6px;align-items:center;font-size:8px;color:#a8baff}.nw-live-indicator i{width:6px;height:6px;border-radius:50%;background:#26e6b5;box-shadow:0 0 10px #26e6b5;animation:nwPulse 2s ease-in-out infinite}.nw-showcase-screen{position:relative;z-index:2;flex:1;margin:18px 0 13px;background:#f5f7ff;border:1px solid #dce3ff;border-radius:13px;box-shadow:0 12px 26px #0003;overflow:hidden;color:#17244b;direction:ltr;text-align:left}.nw-screen-header{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#e9efff;border-bottom:1px solid #d5ddf2}.nw-window-dots{display:flex;gap:4px}.nw-window-dots i{width:5px;height:5px;border-radius:50%;background:#a7b4d7}.nw-window-dots i:first-child{background:#9672fb}.nw-screen-title{font-size:8px;font-weight:800}.nw-screen-body{height:calc(100% - 29px);display:flex}.nw-side-rail{width:31px;background:#111b3c;color:#c2d0ff;display:flex;align-items:center;gap:13px;flex-direction:column;padding-top:14px;font-size:12px}.nw-screen-content{padding:11px 12px;flex:1;min-width:0}.nw-screen-caption{font-size:7px;letter-spacing:1px;color:#6b79a3}.nw-screen-heading{font-size:14px;font-weight:800;margin:5px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.nw-metrics>div{border:1px solid #e4e9f5;border-radius:7px;background:white;padding:7px 5px;min-width:0}.nw-metrics small{display:block;font-size:6px;color:#6b7895;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nw-metrics strong{display:block;font-size:13px;margin-top:4px}.nw-metrics .nw-status{font-size:9px;color:#0eaa89}.nw-chart{height:68px;display:flex;align-items:end;gap:7px;margin-top:12px;border-radius:8px;background:repeating-linear-gradient(to top,transparent 0,transparent 16px,#dfe7f5 17px);padding:8px 12px 0}.nw-chart span{flex:1;max-height:100%;height:var(--bar);background:linear-gradient(0deg,#6359ec,#02bce9);border-radius:3px 3px 0 0;transform-origin:bottom;animation:nwBarRise .85s cubic-bezier(.2,.8,.2,1) both}.nw-chart span:nth-child(2n){animation-delay:.08s}.nw-chart span:nth-child(3n){animation-delay:.16s}.nw-screen-bottom{display:flex;gap:4px;margin-top:9px}.nw-bottom-tag{font-size:6px;padding:4px 5px;background:#e8eaff;color:#4d4cb2;border-radius:4px}.nw-showcase-name{font-size:17px;line-height:1.15;max-width:76%;letter-spacing:.1px;overflow-wrap:anywhere}.nw-showcase .mini{font-size:9px}.nw-showcase[data-showcase=commerce] .nw-chart span{background:linear-gradient(0deg,#7b4de9,#2d83fa)}.nw-showcase[data-showcase=web] .nw-chart span{background:linear-gradient(0deg,#3d79f9,#13b9bd)}.nw-showcase.nw-refresh .nw-screen-content{animation:nwScreenReveal .45s ease both}.hero-art .pill{transition:transform .3s ease,box-shadow .3s ease}.hero-art .pill:hover{box-shadow:0 10px 28px #6b5bff55;transform:translateY(-4px)}@keyframes nwPulse{50%{opacity:.35;box-shadow:0 0 2px #26e6b5}}@keyframes nwBarRise{from{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes nwScreenReveal{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Explicit contrast in both themes; preserve original brand palette. */
html[data-theme=light] .hero-art .nw-showcase,body[data-theme=light] .hero-art .nw-showcase{background:linear-gradient(140deg,#e9eaff,#cbd9ff);color:#1b2854;border-color:#b3c7f4}html[data-theme=light] .nw-live-indicator,body[data-theme=light] .nw-live-indicator{color:#435b83}html[data-theme=light] .hero-art .nw-showcase .card-top,body[data-theme=light] .hero-art .nw-showcase .card-top{color:#344a7b}
@media(max-width:850px){.hero-art .nw-showcase{width:310px;height:375px;padding:19px}}
@media(max-width:650px){.hero-art .nw-showcase{width:310px;height:375px;transform:scale(.68) rotate(-5deg)!important;flex-shrink:0}.hero-art{overflow:visible!important}.nw-showcase-screen{margin:13px 0}.hero-art .pill{z-index:3}}
@media(prefers-reduced-motion:reduce){.nw-live-indicator i,.nw-chart span,.nw-showcase.nw-refresh .nw-screen-content{animation:none!important}.hero-art .nw-showcase{transition:none!important}}