.nf{background:var(--rl-color-bg);min-height:100dvh;color:var(--rl-color-text);isolation:isolate;place-items:center;padding:88px 16px 48px;display:grid;position:relative;overflow:hidden}.nf-glow{filter:blur(10px);z-index:-1;background:radial-gradient(40% 50% at 30% 40%,#5b3df547,#0000 70%),radial-gradient(35% 45% at 72% 30%,#a78bfa2e,#0000 70%);height:70%;animation:14s ease-in-out infinite alternate nf-drift;position:absolute;inset:-20% -10% auto}.nf-grid{z-index:-2;background-image:radial-gradient(color-mix(in srgb, var(--rl-color-text) 14%, transparent) 1px, transparent 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 60% at 50% 45%,#000 20%,#0000 75%)}.nf-brand{color:var(--rl-color-text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:inline-flex;position:absolute;top:24px;left:24px}.nf-body{text-align:center;width:100%;max-width:620px;animation:.7s cubic-bezier(.2,.8,.2,1) both nf-rise}.nf-flow{width:100%;max-width:520px;height:auto;margin:0 auto 28px;display:block;overflow:visible}.nf-track{fill:none;stroke:color-mix(in srgb, var(--rl-color-text) 12%, transparent);stroke-width:4px;stroke-linecap:round}.nf-run{fill:none;stroke:url(#nf-line);stroke-width:4px;stroke-linecap:round;stroke-dasharray:10 14;animation:1.2s linear infinite nf-flow}.nf-run-late{animation:1.2s linear infinite nf-flow,2.6s step-end infinite nf-flicker}.nf-stub{fill:none;stroke:color-mix(in srgb, var(--rl-color-text) 18%, transparent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 9;transform-origin:434px 75px;animation:3.2s ease-in-out infinite nf-dangle}.nf-spark path{fill:none;stroke:#f5a524;stroke-width:3px;stroke-linecap:round}.nf-spark{transform-origin:388px 75px;animation:2.6s ease-out infinite nf-spark}.nf-node rect{fill:var(--rl-color-surface);stroke:var(--rl-color-border);stroke-width:2px}.nf-node-1 rect{stroke:color-mix(in srgb, var(--rl-color-success) 55%, var(--rl-color-border))}.nf-tick{fill:none;stroke:var(--rl-color-success);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40px;animation:.6s ease-out .4s forwards nf-draw}.nf-node-2{transform-origin:260px 75px;animation:5s ease-in-out infinite nf-float}.nf-node-2 rect{stroke:url(#nf-line);stroke-width:2.5px;filter:drop-shadow(0 10px 30px #5b3df559)}.nf-node-2 text{letter-spacing:-.03em;fill:url(#nf-line);font-size:42px;font-weight:800}.nf-node-3{transform-origin:466px 75px;animation:3.2s ease-in-out infinite nf-ghost}.nf-node-3 rect{fill:#0000;stroke-dasharray:6 6}.nf-node-3 text{fill:var(--rl-color-text-subtle);font-size:26px;font-weight:700}.nf-eyebrow{color:var(--rl-color-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:700}.nf h1{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(30px,6vw,46px);line-height:1.08}.nf-lead{color:var(--rl-color-text-muted);max-width:460px;margin:0 auto 28px;font-size:16px;line-height:1.6}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.nf-btn{border:1px solid var(--rl-color-border);background:var(--rl-color-surface);min-height:44px;color:var(--rl-color-text);border-radius:12px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.nf-btn:hover{border-color:color-mix(in srgb, var(--rl-color-primary) 50%, var(--rl-color-border));transform:translateY(-1px)}.nf-btn-primary{background:linear-gradient(135deg, #6366f1, var(--rl-color-primary) 55%, #7c3aed);color:#fff;border-color:#0000;box-shadow:0 10px 30px #5b3df559}.nf-btn-primary:hover{border-color:#0000;box-shadow:0 14px 34px #5b3df573}@keyframes nf-flow{to{stroke-dashoffset:-48px}}@keyframes nf-flicker{0%,62%{opacity:1}64%{opacity:.2}67%{opacity:1}70%{opacity:.35}74%,to{opacity:1}}@keyframes nf-spark{0%,60%{opacity:0;transform:scale(.6)}66%{opacity:1;transform:scale(1.15)}80%,to{opacity:0;transform:scale(1)}}@keyframes nf-dangle{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}@keyframes nf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes nf-ghost{0%,to{opacity:.55;transform:translate(0)}50%{opacity:.25;transform:translate(4px)}}@keyframes nf-draw{to{stroke-dashoffset:0}}@keyframes nf-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes nf-drift{to{transform:translate(4%,3%)scale(1.05)}}@media (max-width:520px){.nf-brand{top:18px;left:16px}}@media (prefers-reduced-motion:reduce){.nf *,.nf-glow{animation:none!important}.nf-tick{stroke-dashoffset:0}}
