@layer components{.knf{padding:150px 0 110px;position:relative;overflow:clip}.knf:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#e0584229,#0000 62%);border-radius:50%;width:900px;max-width:130vw;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.knf .knf-in{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.knf .knf-code{place-items:center;width:280px;height:200px;margin-bottom:14px;display:grid;position:relative}.knf .knf-code .k-t{font:640 150px/1 var(--k-head);letter-spacing:-.06em;background:linear-gradient(180deg, var(--k-terra) 20%, #e0584240 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.knf .knf-ring{width:calc(100% - 40px);height:calc(100% + 40px);animation:50s linear infinite knf-spin;position:absolute;inset:-20px 20px}.knf .knf-ring path{fill:none;stroke:#e0584273;stroke-width:.8px;stroke-dasharray:3 4}@keyframes knf-spin{to{transform:rotate(360deg)}}.knf .knf-h1{font:620 clamp(36px, 5vw, 64px) / 1.02 var(--k-head);letter-spacing:-.04em;text-wrap:balance}.knf .knf-lead{margin:18px auto 0}.knf .knf-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.knf .knf-links{text-align:left;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;max-width:1080px;margin-top:72px;display:grid}.knf .knf-link{flex-direction:column;gap:6px;height:100%;padding:22px 20px;display:flex}.knf .knf-link b{font:600 18px var(--k-head);letter-spacing:-.02em}.knf .knf-link span{color:var(--k-ink-2);font-size:14px;line-height:1.5}@media (max-width:1080px){.knf .knf-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.knf{padding-top:120px}.knf .knf-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.knf .knf-code{width:220px;height:160px}.knf .knf-code .k-t{font-size:116px}.knf .knf-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.knf .knf-ring{animation:none}}}