/* ===== 404 ===== */
.nf{min-height:calc(100svh - 74px);display:flex;align-items:center;padding:110px 0 80px;text-align:center;position:relative;
  background-image:
    linear-gradient(rgba(26,26,26,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,26,26,.045) 1px,transparent 1px),
    linear-gradient(rgba(26,26,26,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,26,26,.02) 1px,transparent 1px);
  background-size:110px 110px,110px 110px,22px 22px,22px 22px}
.nf-in{display:flex;flex-direction:column;align-items:center;max-width:760px}
.nf-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px var(--fm);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.nf-eyebrow::before,.nf-eyebrow::after{content:"";width:26px;height:2px;background:var(--accent)}

/* крюк + цифры */
.nf-code{margin:26px 0 30px;display:flex;flex-direction:column;align-items:center}
.nf-hook{color:#AEB6BF;margin-bottom:-14px}
.nf-digits{display:flex;align-items:center;gap:clamp(8px,2vw,22px);font:800 clamp(100px,21vw,210px)/0.92 var(--fd);color:var(--ink);letter-spacing:-.02em}
.nf-zero{width:.62em;height:.88em;flex:none;background:var(--accent);border-radius:.09em;display:grid;place-items:center;color:#fff;box-shadow:0 34px 60px -22px rgba(230,92,0,.55);transform-origin:50% -40px;animation:sway 5.5s ease-in-out infinite}
.nf-zero .ic{width:56%;height:56%}
@keyframes sway{
  0%,100%{transform:translateY(0) rotate(0deg)}
  25%{transform:translateY(-10px) rotate(1.6deg)}
  50%{transform:translateY(-2px) rotate(0deg)}
  75%{transform:translateY(-12px) rotate(-1.6deg)}
}

.nf h1{font-size:clamp(22px,3.4vw,32px);margin-bottom:14px}
.nf-sub{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:30px}
.nf-btns{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}
.nf-cats{margin-top:38px;display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-cats .cat-chip{text-decoration:none}
.nf-contact{margin-top:34px;font-size:14.5px;color:var(--muted);border-top:1px dashed #E0E3E7;padding-top:24px;width:100%;max-width:420px}
.nf-contact a{font:700 16px var(--fd);color:var(--ink);text-decoration:none;transition:color .2s}
.nf-contact a:hover{color:var(--accent)}
@media(max-width:560px){
  .nf-hook{display:none}
  .nf-sub br{display:none}
}