.nf{--nf-loop:13s;background:var(--bg);min-height:100dvh;color:var(--fg);place-items:center;padding:48px 24px;display:grid;position:relative;overflow:hidden}.nf:before{content:"";background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);opacity:.45;pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 65% at 50% 45%,#000 30%,#0000 100%)}.nf-inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);width:min(1080px,100%);display:grid;position:relative}.nf-eyebrow{color:var(--blue-700);font-size:var(--ui-text-2xs);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-weight:600}.nf-copy h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.6rem);font-weight:600;line-height:1.1}.nf-body{max-width:46ch;color:var(--fg-2);font-size:var(--ui-text-md);text-wrap:pretty;margin:0 0 26px;line-height:1.65}.nf-links{flex-wrap:wrap;gap:8px;display:flex}.nf-link{border:1px solid var(--line-2,var(--line));background:var(--surface);min-height:38px;color:var(--fg);font-size:var(--ui-text-sm);transition:border-color var(--dur-1,.12s) var(--ease-out,ease), color var(--dur-1,.12s) var(--ease-out,ease), background var(--dur-1,.12s) var(--ease-out,ease);border-radius:999px;align-items:center;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.nf-link:hover{border-color:var(--blue-300);color:var(--blue-700)}.nf-link-primary{background:var(--blue-500);color:#fff;border-color:#0000}.nf-link-primary:hover{background:var(--blue-600);color:#fff}.nf-link:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.nf-demo{margin:0}.nf-window{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:12px;position:relative;overflow:hidden}.nf-window-bar{border-bottom:1px solid var(--line);background:var(--bg-2);font-size:var(--ui-text-micro);color:var(--fg-3);align-items:center;gap:8px;padding:10px 14px;display:flex}.nf-dot{background:var(--blue-500);border-radius:50%;flex-shrink:0;width:7px;height:7px}.nf-source{font-weight:500}.nf-scanning{color:var(--blue-700);font-size:var(--ui-text-2xs);letter-spacing:.06em;text-transform:uppercase;opacity:0;margin-left:auto}.nf-thread{flex-direction:column;gap:8px;min-height:190px;padding:16px 14px;display:flex;position:relative}.nf-scanband{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--blue-300) 24%, transparent), transparent);opacity:0;pointer-events:none;width:42%;position:absolute;top:0;bottom:0}.nf-msg{border:1px solid var(--line);background:var(--bg-2);max-width:88%;font-size:var(--ui-text-xs);opacity:0;border-radius:10px 10px 10px 3px;flex-direction:column;align-self:flex-start;gap:2px;padding:8px 11px;line-height:1.45;display:flex}.nf-msg-author{color:var(--blue-700);font-size:var(--ui-text-2xs);font-weight:600}.nf-msg-text{color:var(--fg);overflow-wrap:anywhere}.nf-lead{border-top:1px solid var(--line);background:var(--bg-2);opacity:0;padding:14px}.nf-lead-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.nf-lead-label{color:var(--blue-700);font-size:var(--ui-text-2xs);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.nf-lead-score{color:var(--fg-2);font-size:var(--ui-text-micro);font-variant-numeric:tabular-nums;font-weight:600}.nf-lead-name{font-size:var(--ui-text-sm);margin:0 0 2px;font-weight:600}.nf-lead-reason{color:var(--fg-2);font-size:var(--ui-text-xs);text-wrap:pretty;margin:0 0 10px;line-height:1.5}.nf-lead-meter{background:var(--line);border-radius:999px;height:3px;display:block;overflow:hidden}.nf-lead-meter-fill{border-radius:inherit;background:var(--blue-500);width:0;height:100%;display:block}.nf-caption{color:var(--fg-3);font-size:var(--ui-text-xs);text-wrap:pretty;margin:12px 2px 0;line-height:1.5}@media (prefers-reduced-motion:reduce){.nf-msg,.nf-lead{opacity:1}.nf-msg:not(.is-lead){opacity:.55}.nf-msg.is-lead{border-color:var(--blue-300);box-shadow:0 0 0 2px color-mix(in oklab, var(--blue-300) 40%, transparent)}.nf-lead-meter-fill{width:94%}}@media (prefers-reduced-motion:no-preference){.nf-msg-1{animation:nf-msg-in var(--nf-loop) var(--ease-out,ease) infinite}.nf-msg-2{animation:nf-msg-2-in var(--nf-loop) var(--ease-out,ease) infinite}.nf-msg-3{animation:nf-msg-3-in var(--nf-loop) var(--ease-out,ease) infinite}.nf-scanband{animation:nf-scan var(--nf-loop) var(--ease-inout,ease-in-out) infinite}.nf-scanning{animation:nf-scanning var(--nf-loop) linear infinite}.nf-lead{animation:nf-lead-in var(--nf-loop) var(--ease-out,ease) infinite}.nf-lead-meter-fill{animation:nf-meter var(--nf-loop) var(--ease-out,ease) infinite}}@keyframes nf-msg-in{0%{opacity:0;transform:translateY(6px)}6%,40%{opacity:1;transform:none}50%,88%{opacity:.4;transform:none}94%,to{opacity:0}}@keyframes nf-msg-2-in{0%,8%{opacity:0;transform:translateY(6px)}14%,40%{opacity:1;border-color:var(--line);transform:none;box-shadow:0 0 #0000}50%,88%{opacity:1;border-color:var(--blue-300);box-shadow:0 0 0 2px color-mix(in oklab, var(--blue-300) 40%, transparent);transform:none}94%,to{opacity:0;box-shadow:0 0 #0000}}@keyframes nf-msg-3-in{0%,16%{opacity:0;transform:translateY(6px)}22%,40%{opacity:1;transform:none}50%,88%{opacity:.4;transform:none}94%,to{opacity:0}}@keyframes nf-scan{0%,26%{opacity:0;left:-45%}30%{opacity:1}44%{opacity:1}48%{opacity:0;left:103%}to{opacity:0;left:103%}}@keyframes nf-scanning{0%,26%{opacity:0}30%,44%{opacity:1}48%,to{opacity:0}}@keyframes nf-lead-in{0%,52%{opacity:0;transform:translateY(10px)}60%,88%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes nf-meter{0%,56%{width:0}70%,88%{width:94%}94%,to{width:0}}@media (max-width:900px){.nf-inner{grid-template-columns:minmax(0,1fr);gap:32px}.nf-copy{text-align:center}.nf-body{margin-inline:auto}.nf-links{justify-content:center}}@media (max-width:560px){.nf{padding:32px 16px}.nf-thread{min-height:170px}}[data-theme=dark] .nf:before{opacity:.3}[data-theme=dark] .nf-link-primary{color:var(--bg)}