/* NEURAL MESH: NOW tab styles. Extends css/style.css (same colours, fonts, cut corners). */
#tab-now{--st-live:var(--green);--st-building:var(--orange);--st-next:var(--cyan);--st-later:var(--mag)}
.nw-wrap{position:relative}

/* ---------- header ---------- */
.nw-head{position:relative;padding:26px 0 34px;margin-bottom:8px}
.nw-ambient{position:absolute;left:-4vw;right:-4vw;top:-40px;bottom:0;width:calc(100% + 8vw);height:calc(100% + 40px);z-index:-1;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 78%)}
.nw-kicker{font-size:11px;letter-spacing:.3em;color:var(--green);text-transform:uppercase;margin-bottom:14px;text-shadow:0 0 10px rgba(57,255,136,.6)}
.nw-title{font-family:var(--head);font-weight:800;font-size:clamp(30px,5.4vw,66px);line-height:1.05;color:#fff;letter-spacing:.02em;margin-bottom:18px;
  text-shadow:0 0 28px rgba(0,240,255,.5),0 0 2px #fff;animation:nwIn .9s ease both}
.nw-updated{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;color:var(--dim);padding:7px 14px;margin-bottom:22px;
  border:1px solid rgba(57,255,136,.35);background:rgba(57,255,136,.05);
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.nw-updated b{color:var(--green);font-weight:600;text-shadow:0 0 8px rgba(57,255,136,.6)}
.nw-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:nwPulse 1.8s ease-in-out infinite}
.nw-intro{max-width:720px}
.nw-intro p{font-size:15px;line-height:1.75;color:#b9c9ea}
@keyframes nwPulse{50%{opacity:.35;transform:scale(.7)}}
@keyframes nwIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- stat tiles ---------- */
.nw-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:6px 0 54px}
.nw-stat{--c:var(--cyan);position:relative;padding:20px 20px 18px;
  background:linear-gradient(135deg,rgba(10,8,28,.9),rgba(6,4,16,.78));border:1px solid color-mix(in srgb,var(--c) 30%,transparent);
  box-shadow:0 0 30px color-mix(in srgb,var(--c) 10%,transparent),inset 0 0 26px color-mix(in srgb,var(--c) 5%,transparent);
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  opacity:0;transform:translateY(24px) scale(.97);transition:opacity .7s ease,transform .7s ease}
.nw-stat.in{opacity:1;transform:none}
.nw-stat.c-green{--c:var(--green)} .nw-stat.c-orange{--c:var(--orange)} .nw-stat.c-mag{--c:var(--mag)}
.nw-stat::before{content:"";position:absolute;top:0;left:0;width:46px;height:2px;background:var(--c);box-shadow:0 0 12px var(--c)}
.nw-stat-n{font-family:var(--head);font-weight:800;font-size:clamp(34px,4vw,50px);line-height:1;color:var(--c);
  text-shadow:0 0 22px color-mix(in srgb,var(--c) 70%,transparent);letter-spacing:.01em;white-space:nowrap}
.nw-stat-n small{font-size:.42em;color:var(--dim);text-shadow:none;margin-left:3px;letter-spacing:.06em}
.nw-stat-l{margin-top:12px;font-size:12px;letter-spacing:.16em;color:#fff;text-transform:uppercase;line-height:1.4}
.nw-stat-t{margin-top:5px;font-size:12px;line-height:1.5;color:var(--dim)}

/* ---------- section heads ---------- */
.nw-sec{margin-bottom:56px}
.nw-sec-h{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}
.nw-sec-k{font-size:11px;letter-spacing:.28em;color:var(--mag);text-shadow:0 0 10px rgba(255,43,214,.6)}
.nw-sec-h h2{margin:0;font-size:clamp(20px,2.4vw,27px)}

/* ---------- filter ---------- */
.nw-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.nw-f{--c:var(--dim);cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--c);background:rgba(5,3,11,.7);
  border:1px solid color-mix(in srgb,var(--c) 45%,transparent);padding:8px 13px;transition:all .18s}
.nw-f b{color:inherit;opacity:.65;font-weight:600;margin-left:4px}
.nw-f.st-LIVE{--c:var(--green)} .nw-f.st-BUILDING{--c:var(--orange)} .nw-f.st-NEXT{--c:var(--cyan)} .nw-f.st-LATER{--c:var(--mag)}
.nw-f:hover{background:color-mix(in srgb,var(--c) 14%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--c) 40%,transparent)}
.nw-f.on{background:var(--c);color:#05030b;box-shadow:0 0 18px color-mix(in srgb,var(--c) 60%,transparent)}
.nw-f:first-child{--c:#cfe3ff}

/* ---------- layer cards ---------- */
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.nw-card{--c:var(--mag);position:relative;display:flex;flex-direction:column;padding:20px 22px 18px;
  background:linear-gradient(135deg,rgba(10,8,28,.88),rgba(6,4,16,.78));border:1px solid color-mix(in srgb,var(--c) 28%,transparent);
  box-shadow:0 0 26px color-mix(in srgb,var(--c) 7%,transparent);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease,border-color .25s,box-shadow .25s,filter .25s}
.nw-card.in{opacity:1;transform:none}
.nw-card.in:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 0 38px color-mix(in srgb,var(--c) 22%,transparent)}
.nw-card.hide{display:none}
.nw-card::before{content:"";position:absolute;top:0;left:0;width:54px;height:2px;background:var(--c);box-shadow:0 0 12px var(--c)}
.nw-card::after{content:"";position:absolute;bottom:0;right:0;width:34px;height:2px;background:var(--c);opacity:.55;box-shadow:0 0 10px var(--c)}
.nw-card.st-LIVE{--c:var(--green)} .nw-card.st-BUILDING{--c:var(--orange)} .nw-card.st-NEXT{--c:var(--cyan)}
.nw-card.st-LATER{--c:var(--mag);filter:saturate(.7) brightness(.88)}
.nw-card.st-LATER:hover{filter:none}
.nw-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.nw-chip{display:inline-block;font-family:var(--head);font-weight:800;font-size:10.5px;letter-spacing:.2em;padding:4px 10px 4px 11px;color:#05030b;background:var(--c);
  box-shadow:0 0 14px color-mix(in srgb,var(--c) 70%,transparent);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.nw-chip.st-LIVE{--c:var(--green);animation:nwLive 2.4s ease-in-out infinite}
.nw-chip.st-BUILDING{--c:var(--orange)} .nw-chip.st-NEXT{--c:var(--cyan)}
.nw-chip.st-LATER{--c:var(--mag);background:transparent;color:var(--mag);box-shadow:inset 0 0 0 1px var(--mag)}
@keyframes nwLive{50%{box-shadow:0 0 24px rgba(57,255,136,.95)}}
.nw-vis{font-size:10px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;text-align:right}
.nw-card h3{font-size:16px;line-height:1.3;margin-bottom:9px;letter-spacing:.05em}
.nw-card p{font-size:13.5px;line-height:1.65;color:#bccae6;margin-bottom:18px;flex:1}
.nw-bar{height:6px;background:rgba(255,255,255,.07);position:relative;overflow:hidden}
.nw-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 45%,transparent),var(--c));
  box-shadow:0 0 12px var(--c);transition:width 1.3s cubic-bezier(.2,.8,.2,1);position:relative}
.nw-bar i::after{content:"";position:absolute;right:0;top:-3px;bottom:-3px;width:3px;background:#fff;box-shadow:0 0 10px var(--c),0 0 4px #fff}
.nw-bar-l{display:flex;justify-content:space-between;margin-top:7px;font-size:10.5px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}
.nw-note{margin-top:16px;font-size:11.5px;color:var(--dim);letter-spacing:.04em}

/* ---------- timeline + next up ---------- */
.nw-cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:46px;align-items:start}
.nw-tl{list-style:none}
.nw-tl-item{display:grid;grid-template-columns:104px 30px 1fr;gap:0 14px;position:relative}
.nw-tl-date{text-align:right;padding-top:3px;font-size:11.5px;letter-spacing:.1em;color:var(--dim);line-height:1.4;transition:color .5s}
.nw-tl-node{position:relative;display:flex;justify-content:center}
.nw-tl-node::before{content:"";position:absolute;top:18px;bottom:-4px;left:50%;width:2px;margin-left:-1px;background:rgba(0,240,255,.14);transition:background .6s,box-shadow .6s}
.nw-tl-item:last-child .nw-tl-node::before{display:none}
.nw-tl-node i{position:relative;z-index:1;width:14px;height:14px;margin-top:5px;transform:rotate(45deg);background:var(--bg);border:2px solid rgba(0,240,255,.3);transition:all .5s}
.nw-tl-body{padding:0 0 30px;opacity:.28;transform:translateX(10px);transition:opacity .6s ease,transform .6s ease}
.nw-tl-body h4{font-family:var(--head);font-weight:500;font-size:14.5px;letter-spacing:.05em;color:#fff;margin-bottom:6px;line-height:1.35}
.nw-tl-body p{font-size:13.5px;line-height:1.65;color:#bccae6;margin:0}
.nw-tl-item.lit .nw-tl-date{color:var(--cyan)}
.nw-tl-item.lit .nw-tl-node i{background:var(--cyan);border-color:#fff;box-shadow:0 0 16px var(--cyan),0 0 4px #fff}
.nw-tl-item.lit .nw-tl-node::before{background:linear-gradient(to bottom,var(--cyan),rgba(0,240,255,.22));box-shadow:0 0 10px rgba(0,240,255,.7)}
.nw-tl-item.lit .nw-tl-body{opacity:1;transform:none}
.nw-tl-item:last-child.lit .nw-tl-node i{background:var(--green);border-color:#fff;box-shadow:0 0 18px var(--green),0 0 4px #fff;animation:nwNode 2s ease-in-out infinite}
.nw-tl-item:last-child.lit .nw-tl-date{color:var(--green)}
@keyframes nwNode{50%{box-shadow:0 0 30px var(--green),0 0 6px #fff}}

.nw-next{list-style:none;counter-reset:n}
.nw-next-item{display:flex;gap:16px;padding:16px 18px;margin-bottom:12px;position:relative;
  background:linear-gradient(135deg,rgba(10,8,28,.88),rgba(6,4,16,.76));border:1px solid rgba(255,158,44,.28);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  opacity:0;transform:translateX(24px);transition:opacity .6s ease,transform .6s ease,border-color .2s}
.nw-next-item.in{opacity:1;transform:none}
.nw-next-item:hover{border-color:rgba(255,158,44,.7)}
.nw-next-item::before{content:"";position:absolute;top:0;left:0;width:36px;height:2px;background:var(--orange);box-shadow:0 0 10px var(--orange)}
.nw-next-n{font-family:var(--head);font-weight:800;font-size:22px;color:var(--orange);text-shadow:0 0 14px rgba(255,158,44,.6);line-height:1.1}
.nw-next-item h4{font-family:var(--head);font-weight:500;font-size:13.5px;letter-spacing:.05em;color:#fff;margin-bottom:5px;line-height:1.35}
.nw-next-item p{font-size:13px;line-height:1.6;color:#bccae6;margin:0}

/* ---------- footer ---------- */
.nw-foot{margin-top:30px;padding:22px 0 0;border-top:1px solid var(--line);text-align:center;font-size:12px;letter-spacing:.12em;color:var(--dim);position:relative}
.nw-foot::before{content:"";position:absolute;top:-1px;left:50%;width:120px;margin-left:-60px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.nw-empty{padding:40px;color:var(--dim)}

/* ---------- small screens ---------- */
@media (max-width:900px){
  #tab-now{padding-top:128px}
  .nw-cols{grid-template-columns:1fr;gap:10px}
  .nw-grid{grid-template-columns:1fr}
  .nw-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:40px}
  .nw-stat{padding:16px 14px 14px}
  .nw-stat:last-child:nth-child(odd){grid-column:1/-1}
  .nw-stat-l{font-size:10.5px;letter-spacing:.1em}
  .nw-stat-t{font-size:11px}
  .nw-tl-item{grid-template-columns:24px 1fr;gap:0 12px}
  .nw-tl-date{grid-column:2;grid-row:1;text-align:left;padding:0 0 4px}
  .nw-tl-node{grid-column:1;grid-row:1 / span 2}
  .nw-tl-body{grid-column:2;grid-row:2;padding-bottom:26px}
}
@media (prefers-reduced-motion:reduce){
  .nw-stat,.nw-card,.nw-next-item,.nw-tl-body{transition:none}
  .nw-title,.nw-dot,.nw-chip,.nw-tl-item i{animation:none!important}
}