.nf{background:radial-gradient(60% 55% at 18% 12%, #2bb3a329, transparent 70%), radial-gradient(55% 50% at 86% 88%, #167b732e, transparent 72%), var(--bg);isolation:isolate;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:clamp(48px,9vh,96px) clamp(20px,5vw,48px);display:flex;position:relative;overflow:hidden}.nf-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.nf-mol{opacity:.5;width:84px;height:84px;animation:18s ease-in-out infinite nf-float;position:absolute}.nf-mol i{background:#2bb3a3;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #2bb3a324}.nf-mol i:first-child{transform:translate(-26px,-16px)scale(.7)}.nf-mol i:nth-child(2){transform:translate(24px,-20px)scale(.85)}.nf-mol i:nth-child(3){transform:translate(6px,26px)}.nf-mol:before,.nf-mol:after{content:"";transform-origin:0;background:#167b734d;height:2px;position:absolute;top:50%;left:50%}.nf-mol:before{width:32px;transform:translate(-26px,-16px)rotate(28deg)}.nf-mol:after{width:30px;transform:translate(-3px)rotate(110deg)}.nf-mol--1{animation-delay:0s;top:12%;left:8%}.nf-mol--2{animation-delay:-3s;top:22%;left:auto;right:12%;transform:scale(.8)}.nf-mol--3{animation-delay:-6s;bottom:16%;left:14%;transform:scale(1.1)}.nf-mol--4{opacity:.4;animation-delay:-9s;top:60%;left:auto;right:8%}.nf-mol--5{opacity:.35;animation-delay:-12s;top:8%;left:52%;transform:scale(.6)}.nf-mol--6{animation-delay:-7.5s;bottom:10%;left:auto;right:30%;transform:scale(.75)}.nf-mol--7{opacity:.4;animation-delay:-4.5s;top:44%;left:4%;transform:scale(.65)}@keyframes nf-float{0%,to{translate:0}50%{translate:0 -26px}}.nf-inner{z-index:1;text-align:center;width:min(720px,100%);position:relative}.nf-eyebrow{color:#0f6b62;letter-spacing:.04em;text-transform:uppercase;background:#2bb3a31a;border:1px solid #167b7347;border-radius:999px;align-items:center;gap:8px;margin:0 0 8px;padding:6px 14px;font-size:.78rem;font-weight:700;animation:.6s both nf-rise;display:inline-flex}.nf-code{justify-content:center;align-items:center;gap:clamp(4px,1.5vw,14px);margin:4px 0 6px;line-height:1;animation:.6s 50ms both nf-rise;display:flex}.nf-digit{letter-spacing:-.04em;background:linear-gradient(160deg,#2bb3a3 0%,#167b73 55%,#0f5b54 100%);color:#0000;filter:drop-shadow(0 12px 24px #167b7338);-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,22vw,13rem);font-weight:900}.nf-atom{width:clamp(7.5rem,26vw,15rem);height:clamp(7.5rem,26vw,15rem);animation:5s ease-in-out infinite nf-bob}.nf-atom-svg{width:100%;height:100%;overflow:visible}.nf-orbit ellipse{fill:none;stroke:#167b7373;stroke-width:2px}.nf-orbit{transform-box:fill-box;transform-origin:50%}.nf-orbit--1{transform:rotate(0)}.nf-orbit--2{transform:rotate(60deg)}.nf-orbit--3{transform:rotate(120deg)}.nf-orbit--1{animation:6s linear infinite nf-spin}.nf-orbit--2{animation:8s linear infinite reverse nf-spin}.nf-orbit--3{animation:10s linear infinite nf-spin}.nf-electron{fill:#16a394;filter:drop-shadow(0 0 6px #2bb3a3b3)}.nf-nucleus{filter:drop-shadow(0 0 14px #2bb3a38c)}@keyframes nf-spin{to{transform:rotate(360deg)}}@keyframes nf-bob{0%,to{translate:0}50%{translate:0 -10px}}.nf-title{letter-spacing:-.01em;color:var(--ink);margin:8px 0 12px;font-size:clamp(1.5rem,4.5vw,2.4rem);font-weight:800;animation:.6s .1s both nf-rise}.nf-lead{max-width:56ch;color:var(--muted);margin:0 auto 28px;font-size:clamp(.98rem,2.2vw,1.1rem);line-height:1.6;animation:.6s .15s both nf-rise}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;animation:.6s .2s both nf-rise;display:flex}.nf-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 6px 16px #1c27220f}.nf-btn:hover,.nf-btn:focus-visible{border-color:var(--focus);transform:translateY(-2px);box-shadow:0 12px 24px #167b732e}.nf-btn--primary{color:#fff;background:linear-gradient(135deg,#2bb3a3 0%,#167b73 100%);border-color:#0000;box-shadow:0 12px 26px #167b7352}.nf-btn--primary:hover,.nf-btn--primary:focus-visible{border-color:#0000}.nf-flask{z-index:-1;opacity:.9;width:clamp(110px,16vw,190px);animation:7s ease-in-out infinite nf-bob;position:absolute;bottom:clamp(-12px,2vw,32px);right:clamp(-10px,3vw,56px)}.nf-flask-svg{width:100%;height:auto}.nf-flask-glass{fill:none;stroke:#167b738c;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.nf-bubble{fill:#fffc;animation:3.2s ease-in infinite nf-bubble-rise}.nf-bubble--1{animation-delay:0s}.nf-bubble--2{animation-delay:-1.1s}.nf-bubble--3{animation-delay:-2s}.nf-bubble--4{animation-delay:-.6s}@keyframes nf-bubble-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:.9}to{opacity:0;transform:translateY(-58px)}}@keyframes nf-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nf-mol,.nf-atom,.nf-orbit,.nf-electron,.nf-bubble,.nf-flask,.nf-eyebrow,.nf-code,.nf-title,.nf-lead,.nf-actions{animation:none!important}}@media (max-width:560px){.nf-flask{display:none}}
