.nf-demo{scroll-margin-top:25px}.nfd-player{background:#071c32;color:#eef8ff;border-radius:20px;padding:35px 28px 22px}.nfd-flow{display:grid;grid-template-columns:minmax(0,240px) 45px minmax(0,310px) 45px minmax(0,250px);align-items:center;justify-content:center;gap:10px}.nfd-person{min-width:0}.nfd-portrait{position:relative;width:100%;max-width:240px;margin:auto;aspect-ratio:1}.nfd-portrait img{display:block;width:100%;height:100%;border-radius:13px}.nfd-portrait svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.nfd-sensor-flow{fill:none;stroke:#a4f4ff;stroke-width:1;stroke-linecap:round;stroke-dasharray:2 10;filter:drop-shadow(0 0 1px #53dcff)}.nf-page .nfd-person p,.nf-page .nfd-computer p{font-size:13px;line-height:1.5;text-align:center;color:#bfd7e8;margin:15px 0 0}.nfd-wire{margin-top:-25px}.nfd-wire svg{display:block;width:100%;overflow:visible}.nfd-wire-base{stroke:#365f79;stroke-width:2;fill:none}.nfd-signal{stroke:#9eefff;stroke-width:3;stroke-dasharray:4 14;fill:none;filter:drop-shadow(0 0 3px #45cfff)}.nfd-equalizer{border:1px solid #38596f;background:#102b42;border-radius:14px;padding:20px 16px 14px;min-width:0}.nf-page .nfd-equalizer h3{font-size:17px;font-weight:800;text-align:center;margin:0 0 30px;color:#ecf7ff}.nfd-bands{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.nfd-track{height:155px;position:relative;background:repeating-linear-gradient(to top,#29465b 0 6px,transparent 6px 9px);border-radius:4px}.nfd-fill{position:absolute;bottom:0;width:100%;height:22%;background:repeating-linear-gradient(to top,var(--band) 0 6px,transparent 6px 9px);border-radius:3px}.nfd-target{position:absolute;left:-7px;right:-7px;height:2px;bottom:70%;background:white;z-index:2}.nfd-target span{position:absolute;right:0;bottom:6px;background:#102b42;padding:1px 2px;font-size:10px;color:#fff}.nfd-band>span{display:block;color:var(--band);font-size:11px;text-align:center;line-height:1.4;margin-top:12px;min-height:31px}.nf-page .nfd-state{font-size:12px;color:#c0d6e6;line-height:1.5;text-align:center;margin:13px 0 0}.nfd-screen{border:7px solid #3b596f;border-radius:13px;aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;background:#040e1a;box-shadow:0 10px 25px #0003}.nfd-word{color:#55ff93;font-size:clamp(22px,2.6vw,35px);letter-spacing:.025em;opacity:.075;text-shadow:none;transition:opacity .15s,text-shadow .15s}.nfd-player[data-state=below] .nfd-word{opacity:1;text-shadow:0 0 8px #55ff93,0 0 22px #37f77c,0 0 38px #37f77c99}.nfd-stand{height:16px;width:35%;margin:auto;background:#3b596f;border-radius:0 0 8px 8px}.nfd-controls{display:flex;justify-content:center;gap:10px;margin-top:26px}.nfd-controls button{border:1px solid #4a6d83;background:#183b53;color:#e9f8ff;border-radius:7px;padding:10px 20px;font:700 13px Manrope,system-ui;cursor:pointer}.nfd-controls button:focus-visible{outline:3px solid #6fe1cc;outline-offset:3px}.nf-page .nfd-note{font-size:12px;color:#acc7d9;line-height:1.6;text-align:center;max-width:760px;margin:20px auto 0}@media(max-width:900px){.nfd-flow{grid-template-columns:1fr 30px 1.25fr 30px 1fr;gap:7px}.nfd-player{padding:28px 20px 20px}.nfd-bands{gap:8px}.nfd-equalizer{padding:18px 12px 12px}.nfd-word{font-size:22px}.nfd-track{height:130px}.nfd-band>span{font-size:10px}}@media(max-width:680px){.nfd-flow{grid-template-columns:1fr;gap:12px}.nfd-portrait{width:190px}.nfd-person{margin:auto}.nfd-wire{height:34px;width:40px;margin:0 auto;transform:rotate(90deg);display:flex;align-items:center}.nfd-equalizer{width:290px;max-width:100%;margin:auto;padding:20px}.nfd-track{height:145px}.nfd-band>span{font-size:12px}.nfd-computer{width:230px;margin:auto}.nfd-word{font-size:30px}.nf-page .nfd-equalizer h3{margin-bottom:25px}.nfd-bands{gap:15px}}@media(prefers-reduced-motion:reduce){.nfd-word{transition:none}}

.nfd-phase{text-align:center;max-width:760px;margin:0 auto 25px}.nf-page .nfd-phase-title{font-size:20px;line-height:1.3;color:#eef8ff;margin:0 0 8px}.nf-page .nfd-phase-description{font-size:14px;line-height:1.5;color:#bfd7e8;margin:0;min-height:42px}@media(max-width:680px){.nf-page .nfd-phase-description{min-height:63px}}

.nfd-toolbar{display:flex;justify-content:flex-end;margin:-10px 0 15px}.nfd-navigation{font-size:12px;font-weight:800;color:#acd0e5}.nfd-navigation #nfd-counter{margin-left:8px;white-space:nowrap}#nfd-sequence-progress{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:#55ff93}

.nfd-player{overflow:hidden}.nfd-toolbar.bw-top{justify-content:space-between;align-items:center;margin:-35px -28px 25px;padding:20px 26px;border-bottom:1px solid #284258}@media(max-width:900px){.nfd-toolbar.bw-top{margin:-28px -20px 25px}}@media(max-width:540px){.nfd-toolbar.bw-top{padding:18px}}

.nf-page .nfd-phase-description{font-size:25px;font-weight:700;line-height:1.35;color:#eef8ff;min-height:2.7em;text-wrap:balance}

.nf-page .nfd-phase-description{white-space:pre-line}