.nf-brain{
  padding:110px 24px;
  background:
    radial-gradient(circle at 88% 0%,rgba(255,255,255,.075),transparent 32%),
    #090909;
  color:#f3f3ef;
}
.nf-brain__inner{width:min(1180px,100%);margin:auto}
.nf-brain__top{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.nf-brain__eyebrow{font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.42);margin-bottom:22px}
.nf-brain h2{margin:0;max-width:850px;font-size:clamp(42px,7vw,86px);line-height:.94;letter-spacing:-.05em;font-weight:450}
.nf-brain__zh{font-size:clamp(18px,2.2vw,27px);color:rgba(255,255,255,.66);margin:24px 0 0}
.nf-brain__status{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.14);padding:10px 15px;border-radius:999px;font-size:12px;color:rgba(255,255,255,.65);white-space:nowrap}
.nf-brain__dot{width:8px;height:8px;border-radius:50%;background:#777}
.nf-brain__dot.online{background:#7edb98;box-shadow:0 0 16px rgba(126,219,152,.65)}
.nf-brain__intro{max-width:760px;margin:42px 0 0;color:rgba(255,255,255,.55);font-size:17px;line-height:1.9}
.nf-brain__metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:64px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.nf-brain__metrics article{min-height:150px;padding:28px 24px;border-right:1px solid rgba(255,255,255,.12)}
.nf-brain__metrics article:last-child{border-right:0}
.nf-brain__metrics span{display:block;color:rgba(255,255,255,.38);font-size:11px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:34px}
.nf-brain__metrics strong{font-size:20px;font-weight:450}
.nf-brain__metrics b{font-weight:450}.nf-brain__metrics small{color:rgba(255,255,255,.3);margin:0 5px}
.nf-brain__progress{margin-top:40px}
.nf-brain__progress-copy{display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.5);font-size:12px}
.nf-brain__progress-copy strong{color:#fff;font-weight:450}
.nf-brain__track{height:4px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin-top:14px}
.nf-brain__bar{height:100%;width:0;background:#f2f2ed;border-radius:inherit;transition:width .8s ease}
.nf-brain__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
.nf-brain__panel{min-height:320px;border:1px solid rgba(255,255,255,.12);padding:34px;background:rgba(255,255,255,.02)}
.nf-brain__number{font-size:11px;letter-spacing:.15em;color:rgba(255,255,255,.32)}
.nf-brain__panel h3{font-size:27px;font-weight:450;margin:64px 0 30px}
.nf-brain__principles{display:grid;gap:18px}
.nf-brain__principles div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:13px}
.nf-brain__principles b{font-weight:450}.nf-brain__principles span{color:rgba(255,255,255,.45)}
.nf-brain__tags{display:flex;flex-wrap:wrap;gap:9px}
.nf-brain__tags span{border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:999px;color:rgba(255,255,255,.62);font-size:12px}
.nf-brain__phases{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid rgba(255,255,255,.12)}
.nf-brain__phases article{min-height:245px;padding:30px;border-right:1px solid rgba(255,255,255,.12)}
.nf-brain__phases article:last-child{border-right:0}
.nf-brain__phases span{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.34)}
.nf-brain__phases h4{font-size:22px;font-weight:450;margin:42px 0 18px}
.nf-brain__phases p{color:rgba(255,255,255,.5);line-height:1.75;margin:0}
.nf-brain__phases b{display:block;margin-top:25px;font-size:13px;font-weight:450;color:rgba(255,255,255,.72)}
.nf-brain__footer{display:flex;gap:14px;margin-top:40px;font-size:12px;color:rgba(255,255,255,.35)}
.nf-brain__footer strong{font-weight:400;color:rgba(255,255,255,.58)}
.nf-brain__notice{max-width:780px;margin:22px 0 0;color:rgba(255,255,255,.32);font-size:12px;line-height:1.8}
@media(max-width:860px){
  .nf-brain__top{display:block}.nf-brain__status{display:inline-flex;margin-top:28px}
  .nf-brain__metrics{grid-template-columns:1fr 1fr}
  .nf-brain__metrics article:nth-child(2){border-right:0}
  .nf-brain__metrics article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .nf-brain__grid,.nf-brain__phases{grid-template-columns:1fr}
  .nf-brain__phases article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
}
@media(max-width:560px){
  .nf-brain{padding:78px 18px}
  .nf-brain__metrics{grid-template-columns:1fr}
  .nf-brain__metrics article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);min-height:auto}
  .nf-brain__panel{padding:26px}
  .nf-brain__principles div{display:block}
  .nf-brain__principles span{display:block;margin-top:5px}
}