.nf{padding:clamp(120px,18svh,168px) 0 clamp(80px,12vw,160px)}.nf-title{letter-spacing:-.045em;max-width:18ch;margin:0 0 clamp(40px,7svh,72px);font-size:clamp(2.1rem,5.4vw,4.6rem);font-weight:500;line-height:1.05}.nf-rotor{width:max-content;max-width:100%;display:grid}.nf-rotor span{white-space:nowrap}.nf-bubble{align-items:start}.nf-bubble h2{max-width:20ch}.nf-bubble .nf-line{opacity:1;margin-top:-14px}.nf-path{background:color-mix(in srgb, var(--t) 16%, transparent);overflow-wrap:anywhere;border-radius:.4em;max-width:100%;padding:.1em .45em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;display:inline-block}.nf-form{border-radius:var(--r-lg);background:color-mix(in srgb, var(--t) 10%, transparent);align-content:start;gap:12px;padding:clamp(20px,3vw,32px);display:grid}.nf-form label{font-weight:500}.nf-form textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--t) 35%, transparent);border-radius:var(--r-md);background:color-mix(in srgb, var(--t) 8%, transparent);width:100%;min-height:120px;color:inherit;font:inherit;padding:14px 16px;line-height:1.5}.nf-form textarea::placeholder{color:inherit;opacity:.6}.nf-form textarea:focus{outline:2px solid var(--t);outline-offset:2px}.nf-form .btn{justify-self:start;margin-top:4px}@media (max-width:599px){.nf-form{margin-inline:-8px;padding:18px}.nf-form .btn{justify-content:center;justify-self:stretch;padding:0 18px}}.nf-bubble .nf-hint{opacity:.8;font-size:.875rem}.nf-rec{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:6px;font-size:.875rem;font-weight:500;display:flex}.nf-rec-dot{background:var(--rot);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--t) 85%, transparent);border-radius:50%;flex:none}.nf-wave{flex:1;align-items:center;gap:3px;height:28px;display:flex;overflow:hidden}.nf-wave i{opacity:.55;background:currentColor;border-radius:2px;flex:1;max-width:4px;height:100%;scale:1 .18}@media (prefers-reduced-motion:no-preference){.nf-rec-dot{animation:1.2s steps(2,jump-none) infinite nf-blink}.nf-wave i{animation:nf-wave 1.1s var(--ease) infinite alternate;animation-delay:calc(var(--i) * -137ms)}}@keyframes nf-blink{50%{opacity:.25}}@keyframes nf-wave{0%{scale:1 .18}60%{scale:1 .9}to{scale:1 .4}}.nf-menu{margin-top:clamp(56px,8vw,96px)}.nf-menu h2{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:500}.nf-menu ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.nf-key{border-radius:var(--r-md);background:var(--surface);height:100%;box-shadow:0 0 0 1px var(--line);color:var(--ink);transition:translate .3s var(--ease), box-shadow .3s var(--ease);align-items:center;gap:16px;padding:14px 20px 14px 14px;font-weight:500;text-decoration:none;display:flex}.nf-key-num{background:var(--c);width:44px;height:44px;color:var(--t);font-variant-numeric:tabular-nums;transition:scale .12s var(--ease);border-radius:50%;flex:none;place-items:center;font-size:1.15rem;display:grid}.nf-key:active .nf-key-num{scale:.92}@media (hover:hover){.nf-key:hover{translate:0 -2px;box-shadow:0 0 0 1px #00000024,0 10px 24px -16px #00000059}}