.nf__plate{border-radius:var(--r-block);padding:clamp(24px,4vw,64px);overflow:hidden}.nf__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:clamp(28px,5vw,80px);gap:clamp(28px,5vw,80px);align-items:center}.nf__eyebrow,.nf__title{color:var(--w-cool-white)}.nf__title{font-size:clamp(56px,11vw,150px);line-height:.86;letter-spacing:-4px;margin-top:16px}.nf__body{font-size:clamp(16px,1.7vw,21px);line-height:1.5;color:color-mix(in srgb,var(--w-cool-white) 78%,transparent);margin:22px 0 0;max-width:520px}.nf__ctas{margin-top:28px}.nf__ctas .btn{--btn-layer:var(--w-8bit)}.nf__ctas .btn--ghost{color:var(--w-cool-white);background:transparent;border-color:rgba(255,255,255,.5);padding:13px 26px}.nf__ctas .btn--ghost:focus-visible,.nf__ctas .btn--ghost:hover{border-color:var(--w-cool-white);color:var(--w-cool-white)}.nf__ctas .btn--inverse{color:var(--w-space)}.nf__links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:34px 0 0;padding:22px 0 0;border-top:1px solid var(--w-line-dark);list-style:none}.nf__link{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--w-cool-white)}.nf__link:before{content:"";width:9px;height:9px;background:currentColor;-webkit-clip-path:var(--stair);clip-path:var(--stair);transition:transform .3s steps(3)}.nf__link:focus-visible,.nf__link:hover{color:var(--w-cool-white);text-decoration:underline;text-underline-offset:4px}.nf__link:hover:before{transform:translateX(3px)}.nf__frame{max-width:480px;justify-self:end}.nf__stair{--u:clamp(18px,3.2vw,38px);--px:calc(var(--u) * 0.6);position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;height:calc(var(--u) * 5 + var(--px) * 2);margin-top:clamp(36px,5vw,64px)}.nf__step{position:relative;height:calc(var(--u) * (var(--level) + 1));background-color:var(--w-8bit);background-image:radial-gradient(var(--dot-on-blue) var(--dot-core),transparent var(--dot-edge));background-size:12px 12px}.nf__step:first-child{background:none;border:1px dashed color-mix(in srgb,var(--w-cool-white) 45%,transparent);border-bottom:0}.nf__step-num{position:absolute;left:8px;bottom:6px;font-family:var(--font-mono);font-weight:500;font-size:10px;line-height:1;letter-spacing:1.2px;color:var(--w-cool-white)}.nf__pixel{position:absolute;width:var(--px);height:var(--px);background:var(--w-cool-white);left:calc(10% - var(--px));bottom:var(--u);transform-origin:100% 100%;animation:nf-climb 7.2s steps(3) infinite}@keyframes nf-climb{0%,3%{left:calc(10% - var(--px));bottom:var(--u);rotate:0deg;opacity:1;animation-timing-function:steps(2)}8%{left:calc(10% - var(--px));bottom:var(--u);rotate:90deg}8.01%{left:10%;bottom:var(--u);rotate:0deg}13%{left:calc(20% - var(--px) / 2);bottom:calc(var(--u) * 2.6);rotate:0deg}18%,21%{left:calc(30% - var(--px));bottom:calc(var(--u) * 2);rotate:0deg;opacity:1;animation-timing-function:steps(2)}26%{left:calc(30% - var(--px));bottom:calc(var(--u) * 2);rotate:90deg}26.01%{left:30%;bottom:calc(var(--u) * 2);rotate:0deg}31%{left:calc(40% - var(--px) / 2);bottom:calc(var(--u) * 3.6);rotate:0deg}36%,39%{left:calc(50% - var(--px));bottom:calc(var(--u) * 3);rotate:0deg;opacity:1;animation-timing-function:steps(2)}44%{left:calc(50% - var(--px));bottom:calc(var(--u) * 3);rotate:90deg}44.01%{left:50%;bottom:calc(var(--u) * 3);rotate:0deg}49%{left:calc(60% - var(--px) / 2);bottom:calc(var(--u) * 4.6);rotate:0deg}54%,57%{left:calc(70% - var(--px));bottom:calc(var(--u) * 4);rotate:0deg;opacity:1;animation-timing-function:steps(2)}62%{left:calc(70% - var(--px));bottom:calc(var(--u) * 4);rotate:90deg}62.01%{left:70%;bottom:calc(var(--u) * 4);rotate:0deg}67%{left:calc(80% - var(--px) / 2);bottom:calc(var(--u) * 5.6);rotate:0deg}72%,75%{left:calc(90% - var(--px));bottom:calc(var(--u) * 5);rotate:0deg;opacity:1;animation-timing-function:steps(2)}80%{left:calc(90% - var(--px));bottom:calc(var(--u) * 5);rotate:90deg}80.01%,88%{left:90%;bottom:calc(var(--u) * 5);rotate:0deg;opacity:1}90%{left:90%;bottom:calc(var(--u) * 5);rotate:0deg;opacity:0}94%{left:calc(10% - var(--px));bottom:var(--u);rotate:0deg;opacity:0}97%,to{left:calc(10% - var(--px));bottom:var(--u);rotate:0deg;opacity:1}}@media (prefers-reduced-motion:reduce){.nf__pixel{animation:none}.nf__link:before{transition:none}}@media (max-width:860px){.nf__grid{grid-template-columns:minmax(0,1fr)}.nf__frame{justify-self:start;max-width:360px}}